[svelte] Lint

Author: jamesgpearce

.prettierrc

@@ -3,6 +3,7 @@
   "singleQuote": true,
   "trailingComma": "all",
   "plugins": [
-    "prettier-plugin-organize-imports"
+    "prettier-plugin-organize-imports",
+    "prettier-plugin-svelte"
   ]
 }

eslint.config.js

@@ -3,8 +3,10 @@ import importLint from 'eslint-plugin-import';
 import jsdocLint from 'eslint-plugin-jsdoc';
 import reactLint from 'eslint-plugin-react';
 import hooksLint from 'eslint-plugin-react-hooks';
+import svelteLint from 'eslint-plugin-svelte';
 import {globalIgnores} from 'eslint/config';
 import globals from 'globals';
+import * as svelteParser from 'svelte-eslint-parser';
 import tsLint from 'typescript-eslint';
 
 export default tsLint.config(
@@ -17,6 +19,8 @@ export default tsLint.config(
     '**/node_modules/**/*',
   ]),
 
+  ...svelteLint.configs['flat/recommended'],
+
   jsLint.configs.recommended,
   importLint.flatConfigs.recommended,
   jsdocLint.configs['flat/recommended'],
@@ -29,7 +33,7 @@ export default tsLint.config(
     settings: {
       react: {version: 'detect'},
       'import/resolver': {node: {extensions: ['.js', '.jsx', '.ts', '.tsx']}},
-      'import/core-modules': ['expo-sqlite'],
+      'import/core-modules': ['expo-sqlite', 'svelte'],
     },
 
     languageOptions: {globals: {...globals.node, ...globals.browser}},
@@ -52,7 +56,7 @@ export default tsLint.config(
         {
           code: 80,
           ignorePattern:
-            '^(\\s+\\* )?(imports?|exports?|\\} from|(.+ as .+))\\W.*',
+            '^\\s*(\\* )?(imports?|exports?|\\} from|(.+ as .+))\\W.*',
           ignoreUrls: true,
         },
       ],
@@ -190,4 +194,34 @@ export default tsLint.config(
     files: ['eslint.config.js'],
     extends: [tsLint.configs.disableTypeChecked],
   },
+
+  {
+    files: ['**/*.svelte'],
+    languageOptions: {
+      parser: svelteParser,
+      parserOptions: {parser: tsLint.parser},
+    },
+    rules: {
+      'react/prop-types': 0,
+      'react/react-in-jsx-scope': 0,
+      'react/no-multi-comp': 0,
+      'react-hooks/exhaustive-deps': 0,
+      'react-hooks/rules-of-hooks': 0,
+      'jsdoc/require-jsdoc': 0,
+      'svelte/no-useless-mustaches': 0,
+      'svelte/prefer-writable-derived': 0,
+      'import/namespace': 0,
+      'import/named': 0,
+      'import/default': 0,
+      'import/no-named-as-default': 0,
+      'import/no-named-as-default-member': 0,
+    },
+  },
+
+  {
+    files: ['**/*.svelte.ts'],
+    rules: {
+      'svelte/prefer-writable-derived': 0,
+    },
+  },
 );

gulpfile.mjs

@@ -332,21 +332,19 @@ const lintCheckFiles = async (dir) => {
   const prettierConfig = await getPrettierConfig();
 
   const filePaths = [];
-  ['.ts', '.tsx', '.js', '.d.ts'].forEach((extension) =>
+  ['.ts', '.tsx', '.js', '.d.ts', '.svelte'].forEach((extension) =>
     forEachDeepFile(dir, (filePath) => filePaths.push(filePath), extension),
   );
   await allOf(filePaths, async (filePath) => {
+    const fileConfig = filePath.endsWith('.svelte')
+      ? {...prettierConfig, filepath: filePath, parser: undefined}
+      : {...prettierConfig, filepath: filePath};
     const code = await promises.readFile(filePath, UTF8);
-    if (
-      !(await prettier.check(code, {...prettierConfig, filepath: filePath}))
-    ) {
+    if (!(await prettier.check(code, fileConfig))) {
       writeFileSync(
         filePath,
-        await prettier.format(
-          code,
-          {...prettierConfig, filepath: filePath},
-          UTF8,
-        ),
+        await prettier.format(code, fileConfig),
+        UTF8,
       );
     }
   });