chore: replace tsc with tsgo (#21893)

Author: KaelWD

package.json

@@ -40,6 +40,7 @@
     "@types/yargs": "^17.0.33",
     "@typescript-eslint/eslint-plugin": "^8.32.0",
     "@typescript-eslint/parser": "^8.32.0",
+    "@typescript/native-preview": "7.0.0-dev.20250912.1",
     "@unhead/vue": "^2.0.5",
     "@vitejs/plugin-vue": "^5.2.1",
     "@vue/compiler-sfc": "^3.5.13",
@@ -89,6 +90,7 @@
     "vue": "^3.5.13",
     "vue-eslint-parser": "^10.1.3",
     "vue-tsc": "^2.2.10",
+    "vuetify": "workspace:*",
     "yargs": "^17.7.2"
   },
   "packageManager": "[email protected]"

packages/vuetify/build/remove-dts-styles.cts

@@ -5,7 +5,7 @@ import path from 'upath'
 
 const files = fg.sync('lib/**/*.d.ts')
 
-const importRegexp = /(?<a1>(?:import|export)(?:[^;])*?from ['"])(?<a2>\.\.?(?:\/[^;'"]*)?)(?<a3>['"];)|(?<b1>import\(['"])(?<b2>\.\.?(?:\/[^;'"]*)?)(?<b3>['"]\))/gm
+const importRegexp = /(?<a1>(?:import|export)(?:[^;])*?from ['"])(?<a2>(?:\.\.?|@)(?:\/[^;'"]*)?)(?<a3>['"];)|(?<b1>import\(['"])(?<b2>(?:\.\.?|@)(?:\/[^;'"]*)?)(?<b3>['"]\))/gm
 
 for (const name of files) {
   const code = await fs.readFile(name, 'utf-8')
@@ -14,19 +14,29 @@ for (const name of files) {
 
   for (const match of code.matchAll(importRegexp)) {
     const pre = match.groups.a1 ?? match.groups.b1
-    const matchPath = match.groups.a2 ?? match.groups.b2
+    let matchPath = match.groups.a2 ?? match.groups.b2
     const post = match.groups.a3 ?? match.groups.b3
-    if (/\.[jt]s$/.test(matchPath)) continue
-
-    let target
-    try {
-      const dir = await fs.stat(path.join(path.dirname(name), matchPath))
-      target = matchPath + '/index.js'
-    } catch (err) {
-      if (err.code !== 'ENOENT') throw err
-      target = matchPath + '.js'
+
+    let target = matchPath
+    if (target.startsWith('@/')) {
+      target = path.relative(path.dirname(name), target.replace(/^@\//, 'lib/'))
+      if (!target.startsWith('.')) {
+        target = './' + target
+      }
+    }
+
+    if (!/\.[jt]s$/.test(target)) {
+      try {
+        const dir = await fs.stat(path.join(path.dirname(name), target))
+        target = target + '/index.js'
+      } catch (err) {
+        if (err.code !== 'ENOENT') throw err
+        target = target + '.js'
+      }
+    }
+    if (target !== matchPath) {
+      newCode = newCode.replace(match[0], pre + target + post)
     }
-    newCode = newCode.replace(match[0], pre + target + post)
   }
 
   if (newCode === code) continue

packages/vuetify/build/transform-types.js

@@ -8,4 +8,6 @@ export function codeTransform (code) {
     .replaceAll(/import([^;])*?from 'vue-router'/gm, '// @ts-ignore\n$&')
     // tsc adds extra export statements to namespaces that break module augmentation
     .replaceAll(/^\s*export \{\s*\};?$/gm, '')
+    // ignore style imports
+    .replaceAll(/import '[^']*\.s[ac]ss';$/gm, '')
 }

packages/vuetify/build/types-code-transform.js

@@ -115,7 +115,7 @@
     "build:dist": "rollup --config build/rollup.config.js",
     "build:lib": "NODE_ENV=lib babel src --out-dir lib --source-maps --extensions \".ts\",\".tsx\",\".snap\" --copy-files --no-copy-ignored --out-file-extension .js",
     "build:types": "pnpm build:types:lib && pnpm build:types:bundle",
-    "build:types:lib": "tspc --pretty --emitDeclarationOnly -p tsconfig.dist.json && node build/transform-types.js",
+    "build:types:lib": "tsgo --pretty --emitDeclarationOnly -p tsconfig.dist.json && node build/transform-types.js",
     "build:types:bundle": "rollup --config build/rollup.types.config.js",
     "tsc": "tsc",
     "test": "vitest",
@@ -125,8 +125,8 @@
     "test:coverage": "pnpm test --coverage",
     "test:percy": "percy exec -- vitest --project browser",
     "test:all": "concurrently -gr 'vitest --project unit' 'vitest --project browser --shard=1/5' 'vitest --project browser --shard=2/5' 'vitest --project browser --shard=3/5' 'vitest --project browser --shard=4/5' 'vitest --project browser --shard=5/5'",
-    "lint": "concurrently -n \"tsc,eslint\" --kill-others-on-fail \"tsc -p tsconfig.checks.json --noEmit --pretty\" \"eslint src -f codeframe --max-warnings 0\"",
-    "lint:fix": "concurrently -n \"tsc,eslint\" \"tsc -p tsconfig.checks.json --noEmit --pretty\" \"eslint --fix src\""
+    "lint": "concurrently -n \"tsc,eslint\" --kill-others-on-fail \"tsgo -p tsconfig.checks.json --noEmit --pretty\" \"eslint src -f codeframe --max-warnings 0\"",
+    "lint:fix": "concurrently -n \"tsc,eslint\" \"tsgo -p tsconfig.checks.json --noEmit --pretty\" \"eslint --fix src\""
   },
   "devDependencies": {
     "@date-io/core": "3.2.0",
@@ -180,8 +180,6 @@
     "roboto-fontface": "^0.10.0",
     "timezone-mock": "^1.3.6",
     "ts-node": "^10.9.2",
-    "ts-patch": "^3.3.0",
-    "typescript-transform-paths": "^3.5.5",
     "unplugin-auto-import": "19.3.0",
     "unplugin-vue-components": "^0.28.0",
     "upath": "^2.0.1",

packages/vuetify/package.json

@@ -4,9 +4,5 @@
   "compilerOptions": {
     "outDir": "./lib",
     "emitDeclarationOnly": true,
-    "plugins": [
-      { "transform": "typescript-transform-paths", "afterDeclarations": true },
-      { "transform":  "./build/remove-dts-styles.cts", "afterDeclarations": true },
-    ],
   },
 }

packages/vuetify/tsconfig.dist.json

@@ -6,10 +6,9 @@
   ],
   "exclude": ["**/*.spec.cy.ts", "**/*.spec.cy.tsx"],
   "compilerOptions": {
-    "baseUrl": ".",
     "paths": {
-      "@/*": ["src/*"],
-      "@test": ["test/index.ts"]
+      "@/*": ["./src/*"],
+      "@test": ["./test/index.ts"]
     },
     "types": [
       "node",

packages/vuetify/tsconfig.json

@@ -37,14 +37,13 @@ export default defineWorkspace([
           capabilities: {
             browserVersion: '136',
             'goog:chromeOptions': {
-              // @ts-expect-error
               args: [
                 '--start-maximized',
                 process.env.TEST_BAIL && '--auto-open-devtools-for-tabs',
                 // I have no idea why this is needed, it throws "WebDriverError: session
                 // not created: probably user data directory is already in use" without it
                 process.env.CI && '--no-sandbox',
-              ].filter(v => !!v),
+              ].filter(v => !!v) as string[],
             },
           },
         }],