ESLint + Prettier

.eslintrc.cts

@@ -1,20 +1,20 @@
 module.exports = {
   root: true,
-  env: { browser: true, es2020: true },
+  env: { browser: true, es2020: true, "jest": true },
   extends: [
     'eslint:recommended',
     'plugin:react/recommended',
     'plugin:react/jsx-runtime',
     'plugin:react-hooks/recommended',
+    'plugin:prettier/recommended'
   ],
   ignorePatterns: ['dist', '.eslintrc.cjs'],
-  parserOptions: { ecmaVersion: 'latest', sourceType: 'module' },
+  parserOptions: { ecmaVersion: 'latest', sourceType: 'script' },
   settings: { react: { version: '18.2' } },
-  plugins: ['react-refresh'],
+  plugins: ['react', 'react-refresh'],
   rules: {
-    'react-refresh/only-export-components': [
-      'warn',
-      { allowConstantExport: true },
-    ],
+    'react-refresh/only-export-components': [ 'warn', { allowConstantExport: true } ],
+    'react/react-in-jsx-scope': 'off',
+    '@typescript-eslint/no-var-requires': 'warning',
   },
 }

.prettierignore

@@ -0,0 +1 @@
+*.md

.prettierrc

@@ -0,0 +1,21 @@
+{
+  "printWidth": 100,
+  "singleQuote": true,
+  "trailingComma": "none",
+  "arrowParens": "always",
+  "bracketSameLine": true,
+  "bracketSpacing": true,
+  "semi": false,
+  "experimentalTernaries": false,
+  "jsxSingleQuote": false,
+  "quoteProps": "as-needed",
+  "singleAttributePerLine": false,
+  "htmlWhitespaceSensitivity": "css",
+  "vueIndentScriptAndStyle": false,
+  "proseWrap": "preserve",
+  "insertPragma": false,
+  "requirePragma": false,
+  "tabWidth": 4,
+  "embeddedLanguageFormatting": "auto",
+  "useTabs": true
+}

README.md

@@ -35,14 +35,11 @@ Each database element looks like this:
 
 ```json
 {
-  "pid": "string",
-  "title": "string",
-  "instructions": "string",
-  "difficulty": "<easy|normal|hard>",
-  "test_cases": [
-    "solution(args1) == result1",
-    "solution(args2) == result2",
-  ],
-  "code": "string"
+"pid": "string",
+"title": "string",
+"instructions": "string",
+"difficulty": "<easy|normal|hard>",
+"test_cases": ["solution(args1) == result1", "solution(args2) == result2"],
+"code": "string"
 }
 ```

eslint.config.js

@@ -0,0 +1,13 @@
+import globals from 'globals'
+import pluginJs from '@eslint/js'
+import tseslint from 'typescript-eslint'
+import pluginReactConfig from 'eslint-plugin-react/configs/recommended.js'
+
+export default [
+	{ files: ['**/*.{js,mjs,cjs,ts,jsx,tsx}'] },
+	{ languageOptions: { parserOptions: { ecmaFeatures: { jsx: true } }, globals: globals.browser } },
+	{ ignores: ['./server/api/index.ts'] },
+	pluginJs.configs.recommended,
+	...tseslint.configs.recommended,
+	pluginReactConfig,
+]