build: auto resolve tsconfig.json

Author: sheepzh

.vscode/settings.json

@@ -9,7 +9,11 @@
     "javascript.format.insertSpaceAfterCommaDelimiter": true,
     "javascript.preferences.quoteStyle": "single",
     "javascript.format.semicolons": "remove",
-    "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
+    "javascript.format.insertSpaceBeforeFunctionParenthesis": false,
+    "typescript.format.insertSpaceAfterCommaDelimiter": true,
+    "typescript.preferences.quoteStyle": "single",
+    "typescript.format.semicolons": "remove",
+    "typescript.format.insertSpaceBeforeFunctionParenthesis": false,
     "files.eol": "\n",
     "cSpell.words": [
         "Arrayable",

jest.config.ts

@@ -1,7 +1,7 @@
 import { type Config } from "@jest/types"
-import tsConfig from './tsconfig.json'
+import { compilerOptions } from './tsconfig.json'
 
-const paths = tsConfig.compilerOptions.paths
+const { paths } = compilerOptions
 
 const aliasPattern = /^(@.*)\/\*$/
 const sourcePattern = /^(.*)\/\*$/

package.json

@@ -31,10 +31,10 @@
         "@babel/plugin-transform-modules-commonjs": "^7.27.1",
         "@babel/preset-env": "^7.27.2",
         "@crowdin/crowdin-api-client": "^1.45.0",
-        "@rsdoctor/rspack-plugin": "^1.1.3",
+        "@rsdoctor/rspack-plugin": "^1.1.4",
         "@rspack/cli": "^1.3.15",
         "@rspack/core": "^1.3.15",
-        "@swc/core": "^1.12.1",
+        "@swc/core": "^1.12.4",
         "@swc/jest": "^0.2.38",
         "@types/chrome": "0.0.326",
         "@types/decompress": "^4.2.7",
@@ -47,13 +47,13 @@
         "css-loader": "^7.1.2",
         "decompress": "^4.2.1",
         "husky": "^9.1.7",
-        "jest": "^30.0.0",
-        "jest-environment-jsdom": "^30.0.0",
+        "jest": "^30.0.2",
+        "jest-environment-jsdom": "^30.0.2",
         "jest-junit": "^16.0.0",
         "postcss": "^8.5.6",
         "postcss-loader": "^8.1.1",
         "postcss-rtlcss": "^5.7.1",
-        "puppeteer": "^24.10.1",
+        "puppeteer": "^24.10.2",
         "sass": "^1.89.2",
         "sass-loader": "^16.0.5",
         "style-loader": "^4.0.0",
@@ -64,18 +64,18 @@
         "url-loader": "^4.1.1"
     },
     "optionalDependencies": {
-        "web-ext": "^8.7.1"
+        "web-ext": "^8.8.0"
     },
     "dependencies": {
         "@element-plus/icons-vue": "^2.3.1",
-        "@vueuse/core": "^13.3.0",
+        "@vueuse/core": "^13.4.0",
         "countup.js": "^2.9.0",
         "echarts": "^5.6.0",
         "element-plus": "2.10.2",
         "js-base64": "^3.7.7",
         "punycode": "^2.3.1",
         "stream-browserify": "^3.0.0",
-        "vue": "^3.5.16",
+        "vue": "^3.5.17",
         "vue-router": "^4.5.1"
     },
     "engines": {

rspack/rspack.common.ts

@@ -4,52 +4,20 @@ import {
     type RspackPluginInstance,
     type RuleSetRule
 } from "@rspack/core"
-import path from "path"
+import path, { join } from "path"
 import postcssRTLCSS from 'postcss-rtlcss'
 import i18nChrome from "../src/i18n/chrome"
-import tsConfig from '../tsconfig.json'
 import { GenerateJsonPlugin } from "./plugins/generate-json"
 
 export const MANIFEST_JSON_NAME = "manifest.json"
 
-const tsPathAlias = tsConfig.compilerOptions.paths
-
 const generateJsonPlugins: RspackPluginInstance[] = []
 
 const localeJsonFiles = Object.entries(i18nChrome)
     .map(([locale, message]) => new GenerateJsonPlugin(`_locales/${locale}/messages.json`, message))
     .map(plugin => plugin as unknown as RspackPluginInstance)
 generateJsonPlugins.push(...localeJsonFiles)
 
-// Process the alias of typescript modules
-const resolveAlias: { [index: string]: string | false | string[] } = {}
-const aliasPattern = /^(@.*)\/\*$/
-const sourcePattern = /^(src(\/.*)?)\/\*$/
-Object.entries(tsPathAlias).forEach(([alias, sourceArr]) => {
-    if (!sourceArr.length) {
-        return
-    }
-    const aliasMatchRes = alias.match(aliasPattern)
-    if (!aliasMatchRes) {
-        // Only process the alias starts with '@'
-        return
-    }
-    const [, index] = aliasMatchRes
-    const rspackSourceArr: string[] = []
-    sourceArr.forEach(source => {
-        const matchRes = source.match(sourcePattern)
-        if (!matchRes) {
-            // Only set alias which is in /src folder
-            return
-        }
-        const [, folder] = matchRes
-        rspackSourceArr.push(path.resolve(__dirname, '..', folder))
-    })
-    resolveAlias[index] = rspackSourceArr
-})
-console.log("Alias of typescript: ")
-console.log(resolveAlias)
-
 type EntryConfig = {
     name: string
     path: string
@@ -140,7 +108,7 @@ const staticOptions: Configuration = {
     },
     resolve: {
         extensions: ['.ts', '.tsx', ".js", '.css', '.scss', '.sass'],
-        alias: resolveAlias,
+        tsConfig: join(__dirname, '..', 'tsconfig.json'),
         fallback: {
             // fallbacks of axios's dependencies start
             stream: require.resolve('stream-browserify'),

tsconfig.json

@@ -78,4 +78,4 @@
             "tsconfig-paths/register"
         ]
     }
-}
+}