Fix some stuff

site/content/docs/03-runtime/01-svelte.md

@@ -109,7 +109,6 @@ Out of `onMount`, `beforeUpdate`, `afterUpdate` and `onDestroy`, this is the onl
 ## `tick`
 
 ```js
-/** @type {Promise<void>} */
 promise = tick();
 ```
 

site/content/docs/04-compiler-and-api/01-svelte-compiler.md

@@ -340,3 +340,7 @@ The current version, as set in package.json.
 import svelte from 'svelte/compiler';
 console.log(`running svelte version ${svelte.VERSION}`);
 ```
+
+## Types
+
+> TYPES: svelte/compiler

sites/svelte.dev/scripts/type-gen/compile-types.js

@@ -4,6 +4,7 @@ import fs from 'node:fs';
 import { rollup } from 'rollup';
 import dts from 'rollup-plugin-dts';
 import ts from 'typescript';
+import { VERSION } from 'svelte/compiler';
 
 export async function get_bundled_types() {
 	const dtsSources = fs.readdirSync(new URL('./dts-sources', import.meta.url));
@@ -14,10 +15,14 @@ export async function get_bundled_types() {
 	for (const file of dtsSources) {
 		const bundle = await rollup({
 			input: new URL(`./dts-sources/${file}`, import.meta.url).pathname,
-			plugins: [dts({ respectExternal: true })],
+			plugins: [dts({ respectExternal: true })]
-			external: ['estree-walker']
+			// external: ['estree-walker']
 		});
 
+		try {
+			fs.mkdirSync(new URL(`../../node_modules/.type-gen`, import.meta.url));
+		} catch {}
+
 		codes.set(
 			(file === 'index.d.ts' ? 'svelte' : `svelte/${file}`).replace('.d.ts', ''),
 			useExportDeclarations(
@@ -29,7 +34,9 @@ export async function get_bundled_types() {
 	return codes;
 }
 
-/** @param {string} str */
+/**
+ * @param {string} str
+ */
 function useExportDeclarations(str) {
 	const magicStr = new MagicString(str);
 
@@ -42,8 +49,8 @@ function useExportDeclarations(str) {
 	);
 
 	// There's only gonna be one because of the output of dts-plugin
-	const exportDeclaration = sourceFile.statements.find(
+	const exportDeclaration = sourceFile.statements.find((statement) =>
-		(statement) => statement.kind === ts.SyntaxKind.ExportDeclaration
+		ts.isExportDeclaration(statement)
 	);
 
 	if (exportDeclaration && !ts.isExportDeclaration(exportDeclaration)) return str;
@@ -59,13 +66,18 @@ function useExportDeclarations(str) {
 				ts.isFunctionDeclaration(statement) ||
 				ts.isInterfaceDeclaration(statement) ||
 				ts.isTypeAliasDeclaration(statement) ||
-				ts.isVariableDeclaration(statement)
+				ts.isVariableStatement(statement)
 			)
 		)
 			continue;
 
 		for (const exportedSymbol of exportedSymbols) {
-			if (statement.name?.getText() === exportedSymbol) {
+			if (
+				(ts.isVariableStatement(statement) &&
+					statement.declarationList.declarations[0].name.getText() === exportedSymbol) ||
+				// @ts-ignore
+				statement.name?.getText() === exportedSymbol
+			) {
 				magicStr.appendLeft(statement.getStart(), 'export ');
 			}
 		}
@@ -73,5 +85,10 @@ function useExportDeclarations(str) {
 
 	magicStr.remove(exportDeclaration?.getStart() ?? 0, exportDeclaration?.getEnd() ?? 0);
 
+	// In case it is export declare VERSION = '__VERSION__', replace it with svelte's real version
+	magicStr.replace('__VERSION__', VERSION);
+
 	return magicStr.toString() ?? str;
 }
+
+get_bundled_types();

sites/svelte.dev/scripts/type-gen/index.js

@@ -205,16 +205,17 @@ function read_d_ts_file(str) {
 
 const bundled_types = await get_bundled_types();
 
-// {
+{
-// 	const code = bundled_types.get('svelte/compiler') ?? '';
+	const code = bundled_types.get('svelte/compiler') ?? '';
-// 	const node = ts.createSourceFile('compiler/index.d.ts', code, ts.ScriptTarget.Latest, true);
+	// console.log(code);
+	const node = ts.createSourceFile('compiler/index.d.ts', code, ts.ScriptTarget.Latest, true);
 
-// 	modules.push({
+	modules.push({
-// 		name: 'svelte/compiler',
+		name: 'svelte/compiler',
-// 		comment: '',
+		comment: '',
-// 		...get_types(code, node.statements)
+		...get_types(code, node.statements)
-// 	});
+	});
-// }
+}
 
 {
 	const code = bundled_types.get('svelte/runtime') ?? '';
@@ -336,27 +337,27 @@ const bundled_types = await get_bundled_types();
 // 	});
 // }
 
-{
+// {
-	const code = read_d_ts_file('types/ambient.d.ts');
+// 	const code = read_d_ts_file('types/ambient.d.ts');
-	const node = ts.createSourceFile('ambient.d.ts', code, ts.ScriptTarget.Latest, true);
+// 	const node = ts.createSourceFile('ambient.d.ts', code, ts.ScriptTarget.Latest, true);
-
+
-	for (const statement of node.statements) {
+// 	for (const statement of node.statements) {
-		if (ts.isModuleDeclaration(statement)) {
+// 		if (ts.isModuleDeclaration(statement)) {
-			// @ts-ignore
+// 			// @ts-ignore
-			const name = statement.name.text || statement.name.escapedText;
+// 			const name = statement.name.text || statement.name.escapedText;
-
+
-			// @ts-ignore
+// 			// @ts-ignore
-			const comment = strip_origin(statement.jsDoc?.[0].comment ?? '');
+// 			const comment = strip_origin(statement.jsDoc?.[0].comment ?? '');
-
+
-			modules.push({
+// 			modules.push({
-				name,
+// 				name,
-				comment,
+// 				comment,
-				// @ts-ignore
+// 				// @ts-ignore
-				...get_types(code, statement.body?.statements)
+// 				...get_types(code, statement.body?.statements)
-			});
+// 			});
-		}
+// 		}
-	}
+// 	}
-}
+// }
 
 modules.sort((a, b) => (a.name < b.name ? -1 : 1));
 

sites/svelte.dev/src/app.html

@@ -11,6 +11,22 @@
 		<meta name="twitter:site" content="@sveltejs" />
 		<meta name="twitter:creator" content="@sveltejs" />
 
+		<!-- add inline style and blocking script to prevent content flash/jump -->
+		<style>
+			.ts-version {
+				display: none;
+			}
+			.prefers-ts .js-version {
+				display: none;
+			}
+			.prefers-ts .ts-version {
+				display: block;
+			}
+			.no-js .ts-toggle {
+				display: none;
+			}
+		</style>
+
 		%sveltekit.head%
 	</head>
 	<body data-sveltekit-prefetch>