format code and add astro

sebastianwd · Nov 21, 2024 · f04705b · f04705b
1 parent f13bf62
commit f04705b
Show file tree

Hide file tree

Showing 10 changed files with 190 additions and 77 deletions.
diff --git a/.changeset/heavy-birds-drive.md b/.changeset/heavy-birds-drive.md
@@ -0,0 +1,5 @@
+---
+'swd-eslint-config': patch
+---
+
+add astro support and format code
diff --git a/package.json b/package.json
@@ -56,6 +56,7 @@
     "@next/eslint-plugin-next": "^15.0.2",
     "eslint-config-expo": "^8.0.1",
     "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-astro": "^1.3.1",
     "eslint-plugin-jsx-a11y": "^6.10.2",
     "eslint-plugin-prettier": "^5.2.1",
     "eslint-plugin-react": "^7.37.2",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/prettier.config.mjs b/prettier.config.mjs
@@ -0,0 +1,10 @@
+/** @type {import("prettier").Config} */
+export default {
+  endOfLine: 'lf',
+  semi: false,
+  singleQuote: true,
+  jsxSingleQuote: true,
+  tabWidth: 2,
+  trailingComma: 'es5',
+  lineWidth: 120,
+}
diff --git a/src/flat-base.ts b/src/flat-base.ts
@@ -1,11 +1,11 @@
-import tseslint from "typescript-eslint";
-import eslint from "@eslint/js";
-import pluginPrettierRecommended from "eslint-plugin-prettier/recommended";
-import simpleImportSort from "eslint-plugin-simple-import-sort";
-import type { FlatConfig } from "@typescript-eslint/utils/ts-eslint";
+import tseslint from 'typescript-eslint'
+import eslint from '@eslint/js'
+import pluginPrettierRecommended from 'eslint-plugin-prettier/recommended'
+import simpleImportSort from 'eslint-plugin-simple-import-sort'
+import type { FlatConfig } from '@typescript-eslint/utils/ts-eslint'
 
 export const base = tseslint.config({
-  files: ["**/*.{js,mjs,cjs,ts,jsx,tsx}"],
+  files: ['**/*.{js,mjs,cjs,ts,jsx,tsx}'],
   extends: [
     eslint.configs.recommended,
     ...tseslint.configs.recommendedTypeChecked,
@@ -14,35 +14,35 @@ export const base = tseslint.config({
   languageOptions: {
     parser: tseslint.parser,
     parserOptions: {
-      extraFileExtensions: [".json", ".d.ts"],
+      extraFileExtensions: ['.json', '.d.ts'],
     },
   },
   plugins: {
-    "simple-import-sort": simpleImportSort,
+    'simple-import-sort': simpleImportSort,
   },
   rules: {
-    "simple-import-sort/imports": "warn",
-    "simple-import-sort/exports": "warn",
-    "@typescript-eslint/no-empty-object-type": "warn",
-    "@typescript-eslint/await-thenable": "error",
-    "@typescript-eslint/consistent-type-imports": "error",
-    "@typescript-eslint/no-misused-promises": [
-      "warn",
+    'simple-import-sort/imports': 'warn',
+    'simple-import-sort/exports': 'warn',
+    '@typescript-eslint/no-empty-object-type': 'warn',
+    '@typescript-eslint/await-thenable': 'error',
+    '@typescript-eslint/consistent-type-imports': 'error',
+    '@typescript-eslint/no-misused-promises': [
+      'warn',
       {
         checksVoidReturn: false,
       },
     ],
-    "@typescript-eslint/no-unsafe-call": "off",
-    "@typescript-eslint/no-unsafe-member-access": "off",
-    "@typescript-eslint/no-unsafe-assignment": "off",
-    "@typescript-eslint/no-unsafe-argument": "off",
-    "@typescript-eslint/no-unsafe-return": "off",
-    "@typescript-eslint/no-unused-vars": [
-      "warn",
+    '@typescript-eslint/no-unsafe-call': 'off',
+    '@typescript-eslint/no-unsafe-member-access': 'off',
+    '@typescript-eslint/no-unsafe-assignment': 'off',
+    '@typescript-eslint/no-unsafe-argument': 'off',
+    '@typescript-eslint/no-unsafe-return': 'off',
+    '@typescript-eslint/no-unused-vars': [
+      'warn',
       {
-        argsIgnorePattern: "^_",
-        varsIgnorePattern: "^_",
+        argsIgnorePattern: '^_',
+        varsIgnorePattern: '^_',
       },
     ],
   },
-}) satisfies FlatConfig.ConfigArray;
+}) satisfies FlatConfig.ConfigArray
diff --git a/src/flat-react.ts b/src/flat-react.ts
@@ -1,36 +1,38 @@
-import type { FlatConfig } from "@typescript-eslint/utils/ts-eslint";
-import pluginReact from "eslint-plugin-react";
-import jsxA11y from "eslint-plugin-jsx-a11y";
-import tseslint from "typescript-eslint";
-import nextPlugin from "@next/eslint-plugin-next";
-import pluginTailwindcss from "eslint-plugin-tailwindcss";
-import { FlatCompat } from "@eslint/eslintrc";
-import reactHooks from "eslint-plugin-react-hooks";
+import type { FlatConfig } from '@typescript-eslint/utils/ts-eslint'
+import pluginReact from 'eslint-plugin-react'
+import jsxA11y from 'eslint-plugin-jsx-a11y'
+import tseslint from 'typescript-eslint'
+import nextPlugin from '@next/eslint-plugin-next'
+import pluginTailwindcss from 'eslint-plugin-tailwindcss'
+import { FlatCompat } from '@eslint/eslintrc'
+import reactHooks from 'eslint-plugin-react-hooks'
+import eslintPluginAstro from 'eslint-plugin-astro'
 
-const compat = new FlatCompat();
+const compat = new FlatCompat()
 
 export interface ReactPluginOptions {
-  framework?: "next" | "expo";
+  framework?: 'next' | 'expo' | 'astro'
 }
 
-const eslintNext = compat.config(nextPlugin.configs["core-web-vitals"]);
-const eslintTailwind = pluginTailwindcss.configs["flat/recommended"];
+const eslintNext = compat.config(nextPlugin.configs['core-web-vitals'])
+const eslintExpo = compat.extends('eslint-config-expo')
+const eslintAstro = eslintPluginAstro.configs.recommended
 
-const eslintExpo = compat.extends("eslint-config-expo");
+const eslintTailwind = pluginTailwindcss.configs['flat/recommended']
 
 export const react = ({ framework }: ReactPluginOptions) =>
   tseslint.config(
     {
-      files: ["**/*.{js,mjs,cjs,ts,jsx,tsx}"],
+      files: ['**/*.{js,mjs,cjs,ts,jsx,tsx}'],
       extends: [
         // @ts-expect-error - Types are broken in eslint-plugin-react https://github.com/jsx-eslint/eslint-plugin-react/issues/3838
         pluginReact.configs.flat.recommended,
         // @ts-expect-error - See above
-        pluginReact.configs.flat["jsx-runtime"],
+        pluginReact.configs.flat['jsx-runtime'],
         ...compat.config(reactHooks.configs.recommended),
-        ...pluginTailwindcss.configs["flat/recommended"],
-        ...(framework === "expo" ? eslintExpo : eslintTailwind),
-        ...(framework === "next" ? eslintNext : []),
+        ...(framework === 'expo' ? eslintExpo : eslintTailwind),
+        ...(framework === 'next' ? eslintNext : []),
+        ...(framework === 'astro' ? eslintAstro : []),
       ],
       languageOptions: {
         parserOptions: {
@@ -41,29 +43,29 @@ export const react = ({ framework }: ReactPluginOptions) =>
       },
       settings: {
         react: {
-          version: "detect",
+          version: 'detect',
         },
       },
       rules: {
-        "react/prop-types": "off",
-        "react/display-name": "warn",
-        "react/button-has-type": "warn",
-        "tailwindcss/no-custom-classname": [
-          "warn",
+        'react/prop-types': 'off',
+        'react/display-name': 'warn',
+        'react/button-has-type': 'warn',
+        'tailwindcss/no-custom-classname': [
+          'warn',
           {
-            callees: ["classnames", "clsx", "cva", "twMerge", "cn"],
-            ignoredKeys: ["color", "variant", "size", "defaultVariants"],
+            callees: ['classnames', 'clsx', 'cva', 'twMerge', 'cn'],
+            ignoredKeys: ['color', 'variant', 'size', 'defaultVariants'],
           },
         ],
       },
     },
     {
-      files: ["**/*.{js,mjs,cjs,ts,jsx,tsx}"],
+      files: ['**/*.{js,mjs,cjs,ts,jsx,tsx}'],
       ignores: [
-        "**/*.stories.@(ts|tsx|js|jsx|mjs|cjs)",
-        "**/*.test.@(ts|tsx|js|jsx|mjs|cjs)",
-        "**/*.spec.@(ts|tsx|js|jsx|mjs|cjs)",
+        '**/*.stories.@(ts|tsx|js|jsx|mjs|cjs)',
+        '**/*.test.@(ts|tsx|js|jsx|mjs|cjs)',
+        '**/*.spec.@(ts|tsx|js|jsx|mjs|cjs)',
       ],
       extends: [jsxA11y.flatConfigs.recommended],
     }
-  ) satisfies FlatConfig.ConfigArray;
+  ) satisfies FlatConfig.ConfigArray