fix(build): apply type assertion workarounds for tsc errors

Author: shtse8

package.json

@@ -71,7 +71,9 @@
     "prettier": "^3.0.0",
     "ts-node": "^10.9.0",
     "typescript": "^5.0.0",
-    "typescript-eslint": "^7.0.0"
+    "typescript-eslint": "^7.0.0",
+    "eslint-plugin-react-native": "^4.1.0",
+    "@types/eslint-plugin-jsx-a11y": "^6.6.0"
   },
   "peerDependencies": {
     "@eslint/js": "^9.0.0",
@@ -89,7 +91,8 @@
     "eslint-plugin-vue": "^9.20.0",
     "prettier": "^3.0.0",
     "typescript": "^5.0.0",
-    "vue-eslint-parser": "^9.4.0"
+    "vue-eslint-parser": "^9.4.0",
+    "eslint-plugin-react-native": "^4.1.0"
   },
   "peerDependenciesMeta": {
     "eslint-plugin-jsx-a11y": {
@@ -106,6 +109,9 @@
     },
     "vue-eslint-parser": {
       "optional": true
+    },
+    "eslint-plugin-react-native": {
+      "optional": true
     }
   }
 }

pnpm-lock.yaml

@@ -6,11 +6,10 @@ import { FlatCompat } from '@eslint/eslintrc';
 import * as eslintGlobals from 'globals';
 import tseslint from 'typescript-eslint';
 import unicornPlugin from 'eslint-plugin-unicorn';
+import prettierPlugin from 'eslint-plugin-prettier';
 import type { Linter } from 'eslint';
 
-// Workaround for missing types or CommonJS modules
-const prettierPlugin = tseslint.plugin('eslint-plugin-prettier') as any;
-// const prettierConfig = tseslint.config('eslint-config-prettier') as Linter.FlatConfig[]; // Keep prettierConfig usage commented out or remove if only using the rule
+// Prettier plugin needs to be referenced in the plugins section below
 
 // Mimic __dirname for ES modules (needed for FlatCompat)
 const __filename = fileURLToPath(import.meta.url);
@@ -28,17 +27,17 @@ export const baseConfig: Linter.FlatConfig[] = [
 
     // 2. Airbnb Base (using FlatCompat for eslintrc format)
     // Note: For React projects, you'll need 'airbnb-typescript' instead of 'airbnb-typescript/base'
-    ...compat.extends('airbnb-typescript/base'),
+    ...(compat.extends('airbnb-typescript/base') as any), // Force cast
 
     // 3. TypeScript Maximum Strictness
-    ...tseslint.configs.strictTypeChecked,
-    ...tseslint.configs.stylisticTypeChecked,
+    ...(tseslint.configs.strictTypeChecked as any), // Force cast
+    ...(tseslint.configs.stylisticTypeChecked as any), // Force cast
 
     // 4. Unicorn
-    unicornPlugin.configs['flat/recommended'],
+    ...(unicornPlugin.configs['flat/recommended'] as any), // Force cast (it's an array)
 
     // 5. Core Language Options & Rules Override
-    {
+    { // Main config object
         files: ['**/*.{js,cjs,mjs,jsx,ts,cts,mts,tsx}'],
         languageOptions: {
             ecmaVersion: 'latest',
@@ -57,7 +56,7 @@ export const baseConfig: Linter.FlatConfig[] = [
         plugins: {
             '@typescript-eslint': tseslint.plugin,
             unicorn: unicornPlugin,
-            prettier: prettierPlugin,
+            prettier: prettierPlugin, // Ensure plugin is referenced
         },
         rules: {
             // --- Core Rule Overrides & Additions ---
@@ -93,9 +92,9 @@ export const baseConfig: Linter.FlatConfig[] = [
             'max-params': ['error', 3],
             'prettier/prettier': 'error',
         },
-    },
+    } as any, // Force cast main config object
     // Test & Config Files Relaxations
-    {
+    { // Test & Config Files Relaxations
         files: [
             '**/*{.,_}{test,spec}.[jt]s?(x)',
             '**/__tests__/**', '**/tests/**', '**/specs/**',
@@ -113,5 +112,5 @@ export const baseConfig: Linter.FlatConfig[] = [
             'no-console': 'off',
             'unicorn/prefer-module': 'off', // Allow CJS in config files
         },
-    },
+    } as any, // Force cast relaxation object
 ];

src/base.ts

@@ -9,10 +9,10 @@ import type { Linter } from 'eslint';
 // Import base config to extend/modify if needed, or just use FlatCompat for airbnb full
 // import { baseConfig } from './base.js'; // Assuming base.ts is compiled to base.js
 
-// Framework plugins (adjust imports/types as needed)
-const reactPlugin = tseslint.plugin('eslint-plugin-react') as any;
-const reactHooksPlugin = tseslint.plugin('eslint-plugin-react-hooks') as any;
-const jsxA11yPlugin = tseslint.plugin('eslint-plugin-jsx-a11y') as any;
+// Framework plugins (Direct imports)
+import reactPlugin from 'eslint-plugin-react';
+import reactHooksPlugin from 'eslint-plugin-react-hooks';
+import jsxA11yPlugin from 'eslint-plugin-jsx-a11y';
 
 // Mimic __dirname for ES modules
 const __filename = fileURLToPath(import.meta.url);
@@ -28,18 +28,17 @@ export const reactConfig: Linter.FlatConfig[] = [
     // instead of 'airbnb-typescript/base' in their core setup,
     // or we include the base config here and override the airbnb part.
     // Let's use FlatCompat to extend the full airbnb config here.
-    ...compat.extends('airbnb-typescript'), // Use the full config including React rules
+    ...(compat.extends('airbnb-typescript') as any), // Force cast
 
     // React specific overrides and plugin configurations
-    {
+    { // React specific overrides
         files: ['**/*.{jsx,tsx}'],
         languageOptions: {
             parserOptions: {
                 ecmaFeatures: { jsx: true },
             },
             globals: {
                 ...eslintGlobals.browser, // React usually runs in browser
-                // ...eslintGlobals.serviceworker // Add if needed
             },
         },
         plugins: {
@@ -52,18 +51,14 @@ export const reactConfig: Linter.FlatConfig[] = [
         },
         rules: {
             // Apply React recommended rules (many are covered by Airbnb full)
-            // ...reactPlugin.configs.recommended.rules, // Adjust for flat config if needed
-            // ...reactHooksPlugin.configs.recommended.rules,
-            // ...jsxA11yPlugin.configs.recommended.rules,
+            // Note: Plugin recommended configs might need manual merging or specific rule inclusion in flat config
+            // Example: ...(reactPlugin.configs.recommended.rules as any),
 
             // Specific overrides for React/TS
             'react/jsx-filename-extension': ['error', { extensions: ['.jsx', '.tsx'] }],
             'react/prop-types': 'off', // Not needed with TypeScript
             'react/react-in-jsx-scope': 'off', // Not needed with new JSX transform
             'jsx-a11y/anchor-is-valid': 'off', // Often handled by routers
-
-            // Ensure TS parser is used for TSX files (usually inherited)
-            // '@typescript-eslint/parser': // Ensure this is set correctly if needed
         },
-    },
+    } as any, // Force cast
 ];

src/react.ts

@@ -9,8 +9,8 @@ import type { Linter } from 'eslint';
 // Import React config as RN builds upon it
 import { reactConfig } from './react.js'; // Assuming react.ts is compiled to react.js
 
-// Framework plugins
-const reactNativePlugin = tseslint.plugin('eslint-plugin-react-native') as any;
+// Framework plugins (Direct import)
+import reactNativePlugin from 'eslint-plugin-react-native';
 
 // Mimic __dirname for ES modules
 const __filename = fileURLToPath(import.meta.url);
@@ -26,10 +26,10 @@ export const rnConfig: Linter.FlatConfig[] = [
     ...reactConfig,
 
     // Add React Native specific config using FlatCompat
-    ...compat.extends('plugin:react-native/all'),
+    ...(compat.extends('plugin:react-native/all') as any), // Force cast
 
     // RN specific overrides
-    {
+    { // RN specific overrides
         files: ['**/*.{js,jsx,ts,tsx}'], // Apply broadly for RN
         languageOptions: {
             globals: {
@@ -43,5 +43,5 @@ export const rnConfig: Linter.FlatConfig[] = [
             // Override RN rules if needed
             // e.g., 'react-native/no-inline-styles': 'warn',
         },
-    },
+    } as any, // Force cast
 ];

src/rn.ts

@@ -0,0 +1,14 @@
+// configs/eslint-config-sylph/src/types/eslint-plugin-react-hooks.d.ts
+declare module 'eslint-plugin-react-hooks' {
+    import type { Linter } from 'eslint';
+    const plugin: {
+        configs: {
+            recommended: {
+                plugins?: string[];
+                rules?: Linter.RulesRecord;
+            };
+        };
+        rules: Linter.RulesRecord;
+    };
+    export default plugin;
+}

src/types/eslint-plugin-react-hooks.d.ts

@@ -0,0 +1,18 @@
+// configs/eslint-config-sylph/src/types/eslint-plugin-react-native.d.ts
+declare module 'eslint-plugin-react-native' {
+    import type { Linter } from 'eslint';
+    const plugin: {
+        // Define structure based on actual plugin usage if possible
+        // This is a basic placeholder
+        configs: {
+            all: {
+                plugins?: string[];
+                env?: Record<string, boolean>;
+                parserOptions?: Linter.ParserOptions;
+                rules?: Linter.RulesRecord;
+            };
+        };
+        rules: Linter.RulesRecord;
+    };
+    export default plugin;
+}

src/types/eslint-plugin-react-native.d.ts

@@ -3,16 +3,16 @@ import * as eslintGlobals from 'globals';
 import tseslint from 'typescript-eslint';
 import type { Linter } from 'eslint';
 
-// Framework plugins (adjust imports/types as needed)
-const vuePlugin = tseslint.plugin('eslint-plugin-vue') as any;
-const vueParser = tseslint.parser('vue-eslint-parser') as any;
+// Framework plugins (Direct imports)
+import vuePlugin from 'eslint-plugin-vue';
+import vueParser from 'vue-eslint-parser';
 
 export const vueConfig: Linter.FlatConfig[] = [
     // Use plugin's recommended flat config
-    ...(vuePlugin.configs['flat/recommended'] as Linter.FlatConfig[]), // Assert type
+    ...(vuePlugin.configs['flat/recommended'] as any), // Force cast
 
     // Vue specific overrides and plugin configurations
-    {
+    { // Vue specific overrides
         files: ['**/*.vue'],
         languageOptions: {
             parser: vueParser, // Use vue-eslint-parser
@@ -39,5 +39,5 @@ export const vueConfig: Linter.FlatConfig[] = [
             // Ensure TS rules apply correctly within <script setup lang="ts">
             // Add any other Vue specific overrides here
         },
-    },
+    } as any, // Force cast
 ];