make imports in .d.ts files relative

Author: Rich Harris

packages/kit/package.json

@@ -22,7 +22,6 @@
 		"sade": "^1.8.1",
 		"set-cookie-parser": "^2.6.0",
 		"sirv": "^2.0.2",
-		"tiny-glob": "^0.2.9",
 		"undici": "~5.22.0"
 	},
 	"devDependencies": {
@@ -37,6 +36,7 @@
 		"rollup": "^3.7.0",
 		"svelte": "^3.56.0",
 		"svelte-preprocess": "^5.0.3",
+		"tiny-glob": "^0.2.9",
 		"typescript": "^5.0.4",
 		"uvu": "^0.5.6",
 		"vite": "^4.3.0"
@@ -68,7 +68,7 @@
 		"test:cross-platform:build": "pnpm test:unit && pnpm -r --workspace-concurrency 1 --filter=\"./test/**\" test:cross-platform:build",
 		"test:unit": "uvu src \"(spec\\.js|test[\\\\/]index\\.js)\"",
 		"postinstall": "node postinstall.js",
-		"prepublishOnly": "tsc -p tsconfig.build.json && node scripts/copy-declaration-files"
+		"prepublishOnly": "tsc -p tsconfig.build.json && node scripts/process-declaration-files"
 	},
 	"exports": {
 		"./package.json": "./package.json",

packages/kit/scripts/copy-declaration-files.js

@@ -0,0 +1,24 @@
+import fs from 'node:fs';
+import path from 'node:path';
+import { copy } from '../src/utils/filesystem.js';
+import glob from 'tiny-glob/sync.js';
+
+glob('**/*.d.ts', { cwd: 'src' }).forEach((file) => {
+	fs.copyFileSync(`src/${file}`, `types/${file}`);
+});
+
+glob('types/**/*.d.ts').forEach((file) => {
+	// we need to rewrite `import('types')` as `import('../../types')` for anyone
+	// not using moduleResolution: 'bundler'
+
+	const dir = path.dirname(file);
+	const path_to_types = path.relative(dir, 'types/exports/types');
+	const path_to_public_types = path.relative(dir, 'types/types/public');
+
+	const contents = fs
+		.readFileSync(file, 'utf-8')
+		.replace(/import\('types'\)/g, `import('${path_to_types}')`)
+		.replace(/import\('@sveltejs\/kit'\)/g, `import('${path_to_public_types}')`);
+
+	fs.writeFileSync(file, contents);
+});

packages/kit/scripts/process-declaration-files.js

@@ -63,8 +63,8 @@
  * first post-processing
  * ```
  *
- * @param {...import('@sveltejs/kit').Handle} handlers The chain of `handle` functions
- * @returns {import('@sveltejs/kit').Handle}
+ * @param {...import('types').Handle} handlers The chain of `handle` functions
+ * @returns {import('types').Handle}
  */
 export function sequence(...handlers) {
 	const length = handlers.length;