chore(root): migrate typecheck to @typescript/native-preview (tsgo) (#1400)

mihar-22 · web-flow · commit 84c9e540bd03 · 2026-04-23T11:11:50.000+10:00
diff --git a/apps/e2e/package.json b/apps/e2e/package.json
@@ -35,7 +35,6 @@
     "@vitejs/plugin-react": "^6.0.1",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
-    "typescript": "^6.0.2",
     "vite": "^8.0.0"
   }
 }
diff --git a/apps/e2e/tsconfig.json b/apps/e2e/tsconfig.json
@@ -5,7 +5,6 @@
     "moduleResolution": "bundler",
     "jsx": "react-jsx",
     "strict": true,
-    "esModuleInterop": true,
     "skipLibCheck": true,
     "noEmit": true,
     "isolatedModules": true
diff --git a/apps/sandbox/package.json b/apps/sandbox/package.json
@@ -37,7 +37,6 @@
     "rimraf": "^6.1.3",
     "tailwindcss": "^4.2.1",
     "tsx": "^4.21.0",
-    "typescript": "^6.0.2",
     "vite": "^8.0.0"
   }
 }
diff --git a/package.json b/package.json
@@ -41,7 +41,7 @@
     "test:e2e:update": "pnpm --dir apps/e2e test:update",
     "test:e2e:install": "pnpm --dir apps/e2e run install:browsers && pnpm --dir apps/e2e run install:deps",
     "format:astro": "prettier --write 'site/src/**/*.astro'",
-    "typecheck": "tsc --build",
+    "typecheck": "tsgo --build",
     "changelog": "git-cliff --config cliff.toml --output CHANGELOG.md",
     "check:workspace": "node build/scripts/check-workspace.mjs"
   },
@@ -67,7 +67,7 @@
     "simple-git-hooks": "^2.13.1",
     "tsx": "^4.21.0",
     "turbo": "^2.9.0",
-    "typescript": "^6.0.2"
+    "@typescript/native-preview": "beta"
   },
   "simple-git-hooks": {
     "pre-commit": "pnpm lint-staged",
diff --git a/packages/cli/package.json b/packages/cli/package.json
@@ -30,8 +30,7 @@
   },
   "devDependencies": {
     "site": "workspace:*",
-    "tsdown": "^0.21.4",
-    "typescript": "^6.0.2",
+    "tsdown": "^0.21.9",
     "vitest": "^4.1.0"
   }
 }
diff --git a/packages/core/package.json b/packages/core/package.json
@@ -59,8 +59,7 @@
     "@types/chrome": "^0.1.40",
     "@types/chromecast-caf-sender": "^1.0.11",
     "jsdom": "^26.1.0",
-    "tsdown": "^0.21.4",
-    "typescript": "^6.0.2",
+    "tsdown": "^0.21.9",
     "vitest": "^4.1.0"
   },
   "publishConfig": {
diff --git a/packages/core/tsconfig.dts.json b/packages/core/tsconfig.dts.json
@@ -1,11 +1,8 @@
 {
   "extends": "../../tsconfig.base.json",
   "compilerOptions": {
-    "composite": true,
     "lib": ["ES2022", "DOM", "DOM.Iterable"],
-    "declarationDir": "types",
     "useDefineForClassFields": false
   },
-  "references": [{ "path": "../utils" }, { "path": "../store" }],
   "include": ["src/**/*.ts"]
 }
diff --git a/packages/core/tsdown.config.ts b/packages/core/tsdown.config.ts
@@ -31,9 +31,7 @@ const createConfig = (mode: BuildMode): UserConfig => ({
   dts:
     mode === 'dev'
       ? {
-          build: true,
-          // Unified tsconfig covering both core and dom sources
-          // so DOM lib types are available for dom subpath exports.
+          tsgo: true,
           tsconfig: 'tsconfig.dts.json',
         }
       : false,
diff --git a/packages/element/package.json b/packages/element/package.json
@@ -40,8 +40,7 @@
   },
   "devDependencies": {
     "happy-dom": "^18.0.1",
-    "tsdown": "^0.21.4",
-    "typescript": "^6.0.2",
+    "tsdown": "^0.21.9",
     "vitest": "^4.1.0"
   },
   "publishConfig": {
diff --git a/packages/element/tsconfig.dts.json b/packages/element/tsconfig.dts.json
@@ -0,0 +1,8 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "useDefineForClassFields": false
+  },
+  "include": ["src/**/*.ts"]
+}
diff --git a/packages/element/tsdown.config.ts b/packages/element/tsdown.config.ts
@@ -20,7 +20,7 @@ const createConfig = (mode: BuildMode): UserConfig => ({
   define: {
     __DEV__: mode === 'dev' ? 'true' : 'false',
   },
-  dts: mode === 'dev',
+  dts: mode === 'dev' ? { tsgo: true, tsconfig: 'tsconfig.dts.json' } : false,
 });
 
 export default defineConfig(buildModes.map((mode) => createConfig(mode)));
diff --git a/packages/html/package.json b/packages/html/package.json
@@ -133,8 +133,7 @@
     "@videojs/icons": "workspace:*",
     "@videojs/skins": "workspace:*",
     "happy-dom": "^18.0.1",
-    "tsdown": "^0.21.4",
-    "typescript": "^6.0.2",
+    "tsdown": "^0.21.9",
     "vitest": "^4.1.0"
   },
   "publishConfig": {
diff --git a/packages/html/tsconfig.dts.json b/packages/html/tsconfig.dts.json
@@ -0,0 +1,11 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "paths": {
+      "@/*": ["./src/*"]
+    },
+    "useDefineForClassFields": false
+  },
+  "include": ["src/**/*.ts"]
+}
diff --git a/packages/html/tsdown.config.ts b/packages/html/tsdown.config.ts
@@ -55,7 +55,7 @@ const createConfig = (mode: BuildMode): UserConfig => ({
   define: {
     __DEV__: mode === 'dev' ? 'true' : 'false',
   },
-  dts: mode === 'dev',
+  dts: mode === 'dev' ? { tsgo: true, tsconfig: 'tsconfig.dts.json' } : false,
   plugins: [
     copyCssPlugin({ skinsDir, outDir: `dist/${mode}` }),
     inlineCssPlugin({ skinsDir, minify: mode !== 'dev' }),
diff --git a/packages/icons/package.json b/packages/icons/package.json
@@ -62,8 +62,7 @@
     "@types/react": "^19.2.14",
     "@videojs/utils": "workspace:*",
     "react": "^19.2.4",
-    "tsx": "^4.21.0",
-    "typescript": "^6.0.2"
+    "tsx": "^4.21.0"
   },
   "publishConfig": {
     "access": "public"
diff --git a/packages/react/package.json b/packages/react/package.json
@@ -108,8 +108,7 @@
     "jsdom": "^26.1.0",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
-    "tsdown": "^0.21.4",
-    "typescript": "^6.0.2",
+    "tsdown": "^0.21.9",
     "vitest": "^4.1.0"
   },
   "publishConfig": {
diff --git a/packages/react/tsconfig.dts.json b/packages/react/tsconfig.dts.json
@@ -0,0 +1,12 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "jsx": "react-jsx",
+    "jsxImportSource": "react",
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": ["src/**/*.ts", "src/**/*.tsx"]
+}
diff --git a/packages/react/tsdown.config.ts b/packages/react/tsdown.config.ts
@@ -26,7 +26,7 @@ const createConfig = (mode: BuildMode): UserConfig => ({
   define: {
     __DEV__: mode === 'dev' ? 'true' : 'false',
   },
-  dts: mode === 'dev',
+  dts: mode === 'dev' ? { tsgo: true, tsconfig: 'tsconfig.dts.json' } : false,
   plugins: [copyCssPlugin({ skinsDir, outDir: `dist/${mode}` })],
 });
 
diff --git a/packages/skins/package.json b/packages/skins/package.json
@@ -35,8 +35,7 @@
     "@videojs/utils": "workspace:*"
   },
   "devDependencies": {
-    "tsdown": "^0.21.4",
-    "typescript": "^6.0.2"
+    "tsdown": "^0.21.9"
   },
   "keywords": [
     "media",
diff --git a/packages/skins/tsconfig.dts.json b/packages/skins/tsconfig.dts.json
@@ -0,0 +1,7 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "lib": ["ES2020"]
+  },
+  "include": ["src/**/*.ts"]
+}
diff --git a/packages/skins/tsdown.config.ts b/packages/skins/tsdown.config.ts
@@ -25,7 +25,7 @@ const createConfig = (mode: BuildMode): UserConfig => ({
   define: {
     __DEV__: mode === 'dev' ? 'true' : 'false',
   },
-  dts: mode === 'dev',
+  dts: mode === 'dev' ? { tsgo: true, tsconfig: 'tsconfig.dts.json' } : false,
   copy: [
     {
       from: 'src/**/*.css',
diff --git a/packages/spf/package.json b/packages/spf/package.json
@@ -60,8 +60,7 @@
     "@vitest/coverage-v8": "^4.1.0",
     "jsdom": "^26.1.0",
     "playwright": "^1.59.1",
-    "tsdown": "^0.21.4",
-    "typescript": "^6.0.2",
+    "tsdown": "^0.21.9",
     "vitest": "^4.1.0"
   },
   "publishConfig": {
diff --git a/packages/spf/tsconfig.dts.json b/packages/spf/tsconfig.dts.json
@@ -0,0 +1,7 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "lib": ["ES2022", "DOM", "DOM.Iterable"]
+  },
+  "include": ["src/**/*.ts"]
+}
diff --git a/packages/spf/tsdown.config.ts b/packages/spf/tsdown.config.ts
@@ -21,7 +21,7 @@ const createConfig = (mode: BuildMode): UserConfig => ({
   define: {
     __DEV__: mode === 'dev' ? 'true' : 'false',
   },
-  dts: mode === 'dev',
+  dts: mode === 'dev' ? { tsgo: true, tsconfig: 'tsconfig.dts.json' } : false,
 });
 
 export default defineConfig(buildModes.map((mode) => createConfig(mode)));
diff --git a/packages/store/package.json b/packages/store/package.json
@@ -63,8 +63,7 @@
     "jsdom": "^26.1.0",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
-    "tsdown": "^0.21.4",
-    "typescript": "^6.0.2",
+    "tsdown": "^0.21.9",
     "vitest": "^4.1.0"
   },
   "publishConfig": {
diff --git a/packages/store/tsconfig.dts.json b/packages/store/tsconfig.dts.json
@@ -0,0 +1,7 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "lib": ["ES2022", "DOM", "DOM.Iterable", "WebWorker"]
+  },
+  "include": ["src/**/*.ts"]
+}
diff --git a/packages/store/tsdown.config.ts b/packages/store/tsdown.config.ts
@@ -21,7 +21,7 @@ const createConfig = (mode: BuildMode): UserConfig => ({
   define: {
     __DEV__: mode === 'dev' ? 'true' : 'false',
   },
-  dts: mode === 'dev',
+  dts: mode === 'dev' ? { tsgo: true, tsconfig: 'tsconfig.dts.json' } : false,
 });
 
 export default defineConfig(buildModes.map((mode) => createConfig(mode)));
diff --git a/packages/utils/package.json b/packages/utils/package.json
@@ -68,8 +68,7 @@
     "clean": "rimraf --glob dist types '*.tsbuildinfo'"
   },
   "devDependencies": {
-    "tsdown": "^0.21.4",
-    "typescript": "^6.0.2",
+    "tsdown": "^0.21.9",
     "vitest": "^4.1.0"
   },
   "publishConfig": {
diff --git a/packages/utils/tsconfig.dts.json b/packages/utils/tsconfig.dts.json
@@ -0,0 +1,7 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "lib": ["ES2022", "DOM", "DOM.Iterable", "WebWorker"]
+  },
+  "include": ["src/**/*.ts"]
+}
diff --git a/packages/utils/tsdown.config.ts b/packages/utils/tsdown.config.ts
@@ -20,5 +20,5 @@ export default defineConfig({
   clean: true,
   hash: false,
   unbundle: true,
-  dts: true,
+  dts: { tsgo: true, tsconfig: 'tsconfig.dts.json' },
 });
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/site/package.json b/site/package.json
diff --git a/tsconfig.base.json b/tsconfig.base.json

Original file line number	Diff line number	Diff line change
`@@ -35,7 +35,6 @@`
`35`	`35`	`"@vitejs/plugin-react": "^6.0.1",`
`36`	`36`	`"react": "^19.2.4",`
`37`	`37`	`"react-dom": "^19.2.4",`
`38`		`- "typescript": "^6.0.2",`
`39`	`38`	`"vite": "^8.0.0"`
`40`	`39`	`}`
`41`	`40`	`}`
Original file line number	Diff line number	Diff line change
`@@ -37,7 +37,6 @@`
`37`	`37`	`"rimraf": "^6.1.3",`
`38`	`38`	`"tailwindcss": "^4.2.1",`
`39`	`39`	`"tsx": "^4.21.0",`
`40`		`- "typescript": "^6.0.2",`
`41`	`40`	`"vite": "^8.0.0"`
`42`	`41`	`}`
`43`	`42`	`}`
Original file line number	Diff line number	Diff line change
`@@ -30,8 +30,7 @@`
`30`	`30`	`},`
`31`	`31`	`"devDependencies": {`
`32`	`32`	`"site": "workspace:*",`
`33`		`- "tsdown": "^0.21.4",`
`34`		`- "typescript": "^6.0.2",`
	`33`	`+ "tsdown": "^0.21.9",`
`35`	`34`	`"vitest": "^4.1.0"`
`36`	`35`	`}`
`37`	`36`	`}`
Original file line number	Diff line number	Diff line change
`@@ -1,11 +1,8 @@`
`1`	`1`	`{`
`2`	`2`	`"extends": "../../tsconfig.base.json",`
`3`	`3`	`"compilerOptions": {`
`4`		`- "composite": true,`
`5`	`4`	`"lib": ["ES2022", "DOM", "DOM.Iterable"],`
`6`		`- "declarationDir": "types",`
`7`	`5`	`"useDefineForClassFields": false`
`8`	`6`	`},`
`9`		`- "references": [{ "path": "../utils" }, { "path": "../store" }],`
`10`	`7`	`"include": ["src/*/.ts"]`
`11`	`8`	`}`