refactor: replace deprecated tsconfck with get-tsconfig (#4367)

Author: pi0

docs/4.examples/vite-ssr-tss-react.md

@@ -37,8 +37,7 @@ icon: i-simple-icons-tanstack
     "@vitejs/plugin-react": "^6.0.1",
     "tailwindcss": "^4.2.2",
     "typescript": "^6.0.2",
-    "vite": "latest",
-    "vite-tsconfig-paths": "^6.1.1"
+    "vite": "latest"
   }
 }
 ```
@@ -71,17 +70,11 @@ import { defineConfig } from "vite";
 import { nitro } from "nitro/vite";
 import { tanstackStart } from "@tanstack/react-start/plugin/vite";
 import viteReact from "@vitejs/plugin-react";
-import viteTsConfigPaths from "vite-tsconfig-paths";
 import tailwindcss from "@tailwindcss/vite";
 
 export default defineConfig({
-  plugins: [
-    viteTsConfigPaths({ projects: ["./tsconfig.json"] }),
-    tanstackStart(),
-    viteReact(),
-    tailwindcss(),
-    nitro(),
-  ],
+  plugins: [tanstackStart(), viteReact(), tailwindcss(), nitro()],
+  resolve: { tsconfigPaths: true },
   environments: {
     ssr: { build: { rollupOptions: { input: "./server.ts" } } },
   },
@@ -315,24 +308,18 @@ import { defineConfig } from "vite";
 import { nitro } from "nitro/vite";
 import { tanstackStart } from "@tanstack/react-start/plugin/vite";
 import viteReact from "@vitejs/plugin-react";
-import viteTsConfigPaths from "vite-tsconfig-paths";
 import tailwindcss from "@tailwindcss/vite";
 
 export default defineConfig({
-  plugins: [
-    viteTsConfigPaths({ projects: ["./tsconfig.json"] }),
-    tanstackStart(),
-    viteReact(),
-    tailwindcss(),
-    nitro(),
-  ],
+  plugins: [tanstackStart(), viteReact(), tailwindcss(), nitro()],
+  resolve: { tsconfigPaths: true },
   environments: {
     ssr: { build: { rollupOptions: { input: "./server.ts" } } },
   },
 });
 ```
 
-The `tanstackStart()` plugin provides full SSR integration with automatic client entry handling. Use `viteTsConfigPaths()` to enable path aliases like `~/` from tsconfig. The `environments.ssr` option points to the server entry file.
+The `tanstackStart()` plugin provides full SSR integration with automatic client entry handling. The `environments.ssr` option points to the server entry file.
 
 ## 2. Create the Server Entry
 

examples/vite-ssr-tss-react/README.md

@@ -16,24 +16,18 @@ import { defineConfig } from "vite";
 import { nitro } from "nitro/vite";
 import { tanstackStart } from "@tanstack/react-start/plugin/vite";
 import viteReact from "@vitejs/plugin-react";
-import viteTsConfigPaths from "vite-tsconfig-paths";
 import tailwindcss from "@tailwindcss/vite";
 
 export default defineConfig({
-  plugins: [
-    viteTsConfigPaths({ projects: ["./tsconfig.json"] }),
-    tanstackStart(),
-    viteReact(),
-    tailwindcss(),
-    nitro(),
-  ],
+  plugins: [tanstackStart(), viteReact(), tailwindcss(), nitro()],
+  resolve: { tsconfigPaths: true },
   environments: {
     ssr: { build: { rollupOptions: { input: "./server.ts" } } },
   },
 });
 ```
 
-The `tanstackStart()` plugin provides full SSR integration with automatic client entry handling. Use `viteTsConfigPaths()` to enable path aliases like `~/` from tsconfig. The `environments.ssr` option points to the server entry file.
+The `tanstackStart()` plugin provides full SSR integration with automatic client entry handling. The `environments.ssr` option points to the server entry file.
 
 ## 2. Create the Server Entry
 

examples/vite-ssr-tss-react/package.json

@@ -23,7 +23,6 @@
     "@vitejs/plugin-react": "^6.0.1",
     "tailwindcss": "^4.2.2",
     "typescript": "^6.0.2",
-    "vite": "latest",
-    "vite-tsconfig-paths": "^6.1.1"
+    "vite": "latest"
   }
 }

examples/vite-ssr-tss-react/vite.config.mjs

@@ -2,17 +2,11 @@ import { defineConfig } from "vite";
 import { nitro } from "nitro/vite";
 import { tanstackStart } from "@tanstack/react-start/plugin/vite";
 import viteReact from "@vitejs/plugin-react";
-import viteTsConfigPaths from "vite-tsconfig-paths";
 import tailwindcss from "@tailwindcss/vite";
 
 export default defineConfig({
-  plugins: [
-    viteTsConfigPaths({ projects: ["./tsconfig.json"] }),
-    tanstackStart(),
-    viteReact(),
-    tailwindcss(),
-    nitro(),
-  ],
+  plugins: [tanstackStart(), viteReact(), tailwindcss(), nitro()],
+  resolve: { tsconfigPaths: true },
   environments: {
     ssr: { build: { rollupOptions: { input: "./server.ts" } } },
   },

package.json

@@ -130,6 +130,7 @@
     "expect-type": "^1.3.0",
     "exsolve": "^1.0.8",
     "get-port-please": "^3.2.0",
+    "get-tsconfig": "^4.14.0",
     "giget": "^3.3.0",
     "gzip-size": "^7.0.0",
     "httpxy": "^0.5.3",
@@ -159,7 +160,6 @@
     "source-map": "^0.7.6",
     "std-env": "^4.1.0",
     "tinyglobby": "^0.2.17",
-    "tsconfck": "^3.1.6",
     "typescript": "^6.0.3",
     "ufo": "^1.6.4",
     "ultrahtml": "^1.6.0",

pnpm-lock.yaml

@@ -1,28 +1,28 @@
 import type { NitroOptions } from "nitro/types";
 import type { TSConfig } from "pkg-types";
 import { join, resolve } from "pathe";
-import * as tsco from "tsconfck";
+import { parseTsconfig } from "get-tsconfig";
+
+const tsconfigCache = new Map<string, any>();
 
 export async function resolveTsconfig(options: NitroOptions) {
   const root = resolve(options.rootDir || ".") + "/";
   if (!options.typescript.tsConfig) {
-    options.typescript.tsConfig = await loadTsconfig(root);
+    options.typescript.tsConfig = loadTsconfig(root);
   }
 }
 
-async function loadTsconfig(root: string): Promise<TSConfig> {
-  const opts: tsco.TSConfckParseOptions = {
-    root,
-    cache: ((loadTsconfig as any)["__cache"] ??= new tsco.TSConfckCache()),
-    ignoreNodeModules: true,
-  };
+function loadTsconfig(root: string): TSConfig {
   const tsConfigPath = join(root, "tsconfig.json");
-  const parsed = await tsco.parse(tsConfigPath, opts).catch(() => undefined);
-  if (!parsed) return {} as TSConfig;
-  const { tsconfig, tsconfigFile } = parsed;
+  let tsconfig: TSConfig;
+  try {
+    tsconfig = parseTsconfig(tsConfigPath, tsconfigCache) as TSConfig;
+  } catch {
+    return {} as TSConfig;
+  }
   tsconfig.compilerOptions ??= {};
   if (!tsconfig.compilerOptions.baseUrl) {
-    tsconfig.compilerOptions.baseUrl = resolve(tsconfigFile, "..");
+    tsconfig.compilerOptions.baseUrl = resolve(tsConfigPath, "..");
   }
   return tsconfig;
 }