chore/improve-eslint-typescript-parser

apps/app-sandbox-rnative/tsconfig.app.json

@@ -2,14 +2,21 @@
   "extends": "../../tsconfig.base.json",
   "compilerOptions": {
     "outDir": "dist",
-    "types": ["node", "react-native"],
+    "types": [
+      "node",
+      "react-native"
+    ],
     "rootDir": "src",
     "jsx": "react-jsx",
-    "lib": ["dom"],
+    "lib": [
+      "dom"
+    ],
     "tsBuildInfoFile": "dist/tsconfig.app.tsbuildinfo",
     "baseUrl": "."
   },
-  "files": ["../../node_modules/@nx/react-native/typings/svg.d.ts"],
+  "files": [
+    "../../node_modules/@nx/react-native/typings/svg.d.ts"
+  ],
   "exclude": [
     "out-tsc",
     "dist",
@@ -19,7 +26,12 @@
     "src/**/*.test.jsx",
     "src/test-setup.ts"
   ],
-  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.js", "src/**/*.jsx"],
+  "include": [
+    "src/**/*.ts",
+    "src/**/*.tsx",
+    "src/**/*.js",
+    "src/**/*.jsx"
+  ],
   "references": [
     {
       "path": "../../libs/ui-rnative/tsconfig.lib.json"
@@ -31,4 +43,4 @@
       "path": "../../libs/design-core/tsconfig.lib.json"
     }
   ]
-}
+}

eslint.config.mjs

@@ -1,5 +1,4 @@
 import nx from '@nx/eslint-plugin';
-import tsParser from '@typescript-eslint/parser';
 import storybook from 'eslint-plugin-storybook';
 import { defineConfig } from 'eslint/config';
 import importPlugin from 'eslint-plugin-import';
@@ -25,9 +24,6 @@
     },
   },
   defineGlobalRules({
-    languageOptions: {
-      parser: tsParser,
-    },
     rules: {
       /**
        * React

eslint.shared.mjs

@@ -31,6 +31,13 @@ const globalIgnorePatterns = [
   '**/vitest.config.*.timestamp*',
 ];
 
+const tsParserOptions = {
+  parserOptions: {
+    projectService: true,
+    tsconfigRootDir: import.meta.dirname,
+  },
+};
+
 export const definedGlobalIgnores = globalIgnores(globalIgnorePatterns);
 
 /**
@@ -40,6 +47,10 @@ export const definedGlobalIgnores = globalIgnores(globalIgnorePatterns);
  */
 export const defineGlobalRules = (config) => ({
   name: 'all-files-rules',
+  languageOptions: {
+    ...config.languageOptions,
+    ...tsParserOptions,
+  },
   ...config,
   files: allFilePatterns,
   ignores: globalIgnorePatterns,
@@ -54,6 +65,10 @@ export const defineGlobalRules = (config) => ({
 export const defineProdRules = (config) => ({
   name: 'production-files-only-rules',
   ...config,
+  languageOptions: {
+    ...config.languageOptions,
+    ...tsParserOptions,
+  },
   files: [...prodFilePatterns, ...(config.files ?? [])],
   ignores: [
     ...devFilePatterns,
@@ -70,6 +85,10 @@ export const defineProdRules = (config) => ({
 export const defineDevRules = (config) => ({
   name: 'development-files-only-rules',
   ...config,
+  languageOptions: {
+    ...config.languageOptions,
+    ...tsParserOptions,
+  },
   files: [...devFilePatterns, ...(config.files ?? [])],
   ignores: [
     ...globalIgnorePatterns,

libs/design-core/automations/designTokensEtl.ts

@@ -64,7 +64,9 @@ StyleDictionary.registerFormat({
       mainKey = `@media (min-width: theme("screens.${currentBreakpoint}"))`;
     }
 
-    const output = { [mainKey]: {} };
+    const output: Record<string, Record<string, string | number>> = {
+      [mainKey]: {},
+    };
 
     dictionary.allTokens.forEach((token: TransformedToken) => {
       const tokenName = sanitizeTokenName(token.name).replace(/ /g, '-');

libs/design-core/project.json

@@ -56,7 +56,7 @@
     "generate-symbols-react": {
       "executor": "nx:run-commands",
       "options": {
-        "command": "npx tsx libs/design-core/automations/generate-symbols.mts --templatePath libs/ui-react/src/utils/icon-template.ts --outputPath libs/ui-react/src/lib/Symbols"
+        "command": "npx tsx libs/design-core/automations/generate-symbols.ts --templatePath libs/ui-react/src/utils/icon-template.ts --outputPath libs/ui-react/src/lib/Symbols"
       },
       "dependsOn": [
         "^build"
@@ -65,7 +65,7 @@
     "generate-symbols-react-native": {
       "executor": "nx:run-commands",
       "options": {
-        "command": "npx tsx libs/design-core/automations/generate-symbols.mts --templatePath libs/ui-rnative/src/utils/icon-template.ts --outputPath libs/ui-rnative/src/lib/Symbols --isReactNative true"
+        "command": "npx tsx libs/design-core/automations/generate-symbols.ts --templatePath libs/ui-rnative/src/utils/icon-template.ts --outputPath libs/ui-rnative/src/lib/Symbols --isReactNative true"
       },
       "dependsOn": [
         "^build"

libs/design-core/src/lib/themes/js/utils/extractCryptoGradients.ts

@@ -19,14 +19,14 @@ export const extractCryptoGradients = (mode: 'dark' | 'light') => {
         ...acc,
         [colorKey]: [
           {
-            color: cryptoColors[colorKey as CryptoColorKey],
+            color: cryptoColors[colorKey],
           },
           {
-            color: cryptoTransparentColors[colorKey as CryptoColorKey],
+            color: cryptoTransparentColors[colorKey],
           },
         ],
       };
     },
-    {} as any,
+    {} as { [key in CryptoColorKey]: { color: string }[] },
   );
 };

libs/design-core/tsconfig.json

@@ -5,6 +5,12 @@
   "references": [
     {
       "path": "./tsconfig.lib.json"
+    },
+    {
+      "path": "./tsconfig.spec.json"
+    },
+    {
+      "path": "./tsconfig.tools.json"
     }
   ]
-}
+}

libs/design-core/tsconfig.lib.json

@@ -9,12 +9,28 @@
     "module": "esnext",
     "moduleResolution": "bundler",
     "forceConsistentCasingInFileNames": true,
-    "types": ["node"]
+    "types": [
+      "node"
+    ]
   },
-  "include": ["src/**/*.ts"],
+  "exclude": [
+    "out-tsc",
+    "dist",
+    "**/*.test.ts",
+    "**/*.test.tsx",
+    "**/*.test.js",
+    "**/*.test.jsx"
+  ],
+  "include": [
+    "src/**/*.ts",
+    "src/**/*.tsx",
+    "src/**/*.js",
+    "src/**/*.jsx",
+    "src/**/*.json"
+  ],
   "references": [
     {
       "path": "../utils-shared/tsconfig.lib.json"
     }
   ]
-}
+}

libs/design-core/tsconfig.spec.json

@@ -0,0 +1,38 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "allowJs": true,
+    "noEmit": true,
+    "outDir": "./out-tsc/vitest",
+    "types": [
+      "vitest/globals",
+      "vitest/importMeta",
+      "vite/client",
+      "node",
+      "vitest"
+    ],
+    "lib": [
+      "es2022",
+      "dom"
+    ],
+    "jsx": "react-jsx"
+  },
+  "include": [
+    "vite.config.ts",
+    "vitest.config.ts",
+    "eslint.config.mjs",
+    "automations/**/*.test.ts",
+    "automations/**/*.test.tsx",
+    "tools/**/*.test.tsx",
+    "src/**/*.test.ts",
+    "src/**/*.test.tsx",
+    "src/**/*.test.js",
+    "src/**/*.test.jsx",
+    "src/**/*.d.ts"
+  ],
+  "references": [
+    {
+      "path": "./tsconfig.lib.json"
+    }
+  ]
+}

libs/design-core/tsconfig.tools.json

@@ -0,0 +1,36 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "noEmit": true,
+    "outDir": "out-tsc/tools",
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "jsx": "preserve",
+    "lib": [
+      "DOM",
+      "DOM.Iterable",
+      "ESNext"
+    ]
+  },
+  "exclude": [
+    "src/**/*.test.ts",
+    "src/**/*.test.js",
+    "src/**/*.test.tsx",
+    "src/**/*.test.jsx"
+  ],
+  "include": [
+    "automations/**/*.ts",
+    "tools/**/*.ts",
+    "vitest.config.ts",
+  ],
+  "references": [
+    {
+      "path": "./tsconfig.lib.json"
+    }
+  ],
+  "files": [
+    "../../node_modules/@nx/react/typings/styled-jsx.d.ts",
+    "../../node_modules/@nx/react/typings/cssmodule.d.ts",
+    "../../node_modules/@nx/react/typings/image.d.ts"
+  ]
+}

libs/ui-react-visualization/tsconfig.lib.json

@@ -3,7 +3,10 @@
   "compilerOptions": {
     "outDir": "dist",
     "emitDeclarationOnly": false,
-    "types": ["node", "vite/client"],
+    "types": [
+      "node",
+      "vite/client"
+    ],
     "rootDir": "src",
     "jsx": "react-jsx",
     "tsBuildInfoFile": "dist/tsconfig.lib.tsbuildinfo"
@@ -16,9 +19,7 @@
     "**/*.test.js",
     "**/*.test.jsx",
     "vite.config.ts",
-    "vite.config.mts",
     "vitest.config.ts",
-    "vitest.config.mts",
     "src/**/*.test.ts",
     "src/**/*.test.tsx",
     "src/**/*.test.js",
@@ -49,4 +50,4 @@
       "path": "../design-core/tsconfig.lib.json"
     }
   ]
-}
+}

libs/ui-react-visualization/tsconfig.spec.json

@@ -1,6 +1,8 @@
 {
   "extends": "../../tsconfig.base.json",
   "compilerOptions": {
+    "allowJs": true,
+    "noEmit": true,
     "outDir": "./out-tsc/vitest",
     "types": [
       "vitest/globals",
@@ -17,9 +19,8 @@
   },
   "include": [
     "vite.config.ts",
-    "vite.config.mts",
     "vitest.config.ts",
-    "vitest.config.mts",
+    "eslint.config.mjs",
     "src/**/*.test.ts",
     "src/**/*.test.tsx",
     "src/**/*.test.js",
@@ -31,4 +32,4 @@
       "path": "./tsconfig.lib.json"
     }
   ]
-}
+}

libs/ui-react-visualization/tsconfig.tools.json

@@ -1,6 +1,7 @@
 {
   "extends": "../../tsconfig.base.json",
   "compilerOptions": {
+    "noEmit": true,
     "outDir": "out-tsc/storybook",
     "module": "esnext",
     "moduleResolution": "bundler",
@@ -24,7 +25,9 @@
     "src/**/*.stories.tsx",
     ".storybook/**/*.ts",
     ".storybook/**/*.tsx",
-    "src/**/*.mdx"
+    "src/**/*.mdx",
+    "jest.config.ts",
+    "vitest.config.ts",
   ],
   "references": [
     {

libs/ui-react/tsconfig.lib.json

@@ -21,9 +21,7 @@
     "**/*.test.js",
     "**/*.test.jsx",
     "vite.config.ts",
-    "vite.config.mts",
     "vitest.config.ts",
-    "vitest.config.mts",
     "src/**/*.test.ts",
     "src/**/*.test.tsx",
     "src/**/*.test.js",

libs/ui-react/tsconfig.spec.json

@@ -1,6 +1,8 @@
 {
   "extends": "../../tsconfig.base.json",
   "compilerOptions": {
+    "allowJs": true,
+    "noEmit": true,
     "outDir": "./out-tsc/vitest",
     "types": [
       "vitest/globals",
@@ -17,9 +19,9 @@
   },
   "include": [
     "vite.config.ts",
-    "vite.config.mts",
     "vitest.config.ts",
-    "vitest.config.mts",
+    "jest.config.ts",
+    "eslint.config.mjs",
     "src/**/*.test.ts",
     "src/**/*.test.tsx",
     "src/**/*.test.js",