add sandbox run.js script to playgrounds/demo

Author: Rich-Harris

playgrounds/demo/.gitignore

@@ -1,5 +1,4 @@
-src/*
-dist/client/*
-dist/server/*
-!src/entry-client.ts
-!src/entry-server.ts
+/dist/client/*
+/dist/server/*
+/output
+/src/*

playgrounds/demo/package.json

@@ -16,6 +16,7 @@
     "nodemon": "^3.0.3",
     "polka": "^1.0.0-next.25",
     "svelte": "workspace:*",
+    "tiny-glob": "^0.2.9",
     "vite": "^5.0.13",
     "vite-plugin-inspect": "^0.8.4"
   }

playgrounds/demo/run.js

@@ -0,0 +1,98 @@
+import * as fs from 'node:fs';
+import * as path from 'node:path';
+import { fileURLToPath } from 'node:url';
+import { parseArgs } from 'node:util';
+import glob from 'tiny-glob/sync.js';
+import { compile, compileModule, parse, migrate } from 'svelte/compiler';
+
+const argv = parseArgs({ options: { runes: { type: 'boolean' } }, args: process.argv.slice(2) });
+
+const cwd = fileURLToPath(new URL('.', import.meta.url)).slice(0, -1);
+
+// empty output directory
+if (fs.existsSync(`${cwd}/output`)) {
+	for (const file of fs.readdirSync(`${cwd}/output`)) {
+		if (file === '.gitkeep') continue;
+		try {
+			fs.rmSync(`${cwd}/output/${file}`, { recursive: true });
+		} catch {}
+	}
+}
+
+/** @param {string} dir */
+function mkdirp(dir) {
+	try {
+		fs.mkdirSync(dir, { recursive: true });
+	} catch {}
+}
+
+const svelte_modules = glob('**/*.svelte', { cwd: `${cwd}/src` });
+const js_modules = glob('**/*.js', { cwd: `${cwd}/src` });
+
+for (const generate of /** @type {const} */ (['client', 'server'])) {
+	console.error(`\n--- generating ${generate} ---\n`);
+	for (const file of svelte_modules) {
+		const input = `${cwd}/src/${file}`;
+		const source = fs.readFileSync(input, 'utf-8');
+
+		const output_js = `${cwd}/output/${generate}/${file}.js`;
+		const output_map = `${cwd}/output/${generate}/${file}.js.map`;
+		const output_css = `${cwd}/output/${generate}/${file}.css`;
+
+		mkdirp(path.dirname(output_js));
+
+		if (generate === 'client') {
+			const ast = parse(source, {
+				modern: true
+			});
+
+			fs.writeFileSync(`${cwd}/output/${file}.json`, JSON.stringify(ast, null, '\t'));
+
+			try {
+				const migrated = migrate(source);
+				fs.writeFileSync(`${cwd}/output/${file}.migrated.svelte`, migrated.code);
+			} catch (e) {
+				console.warn(`Error migrating ${file}`, e);
+			}
+		}
+
+		const compiled = compile(source, {
+			dev: true,
+			filename: input,
+			generate,
+			runes: argv.values.runes
+		});
+
+		for (const warning of compiled.warnings) {
+			console.warn(warning.code);
+			console.warn(warning.frame);
+		}
+
+		fs.writeFileSync(
+			output_js,
+			compiled.js.code + '\n//# sourceMappingURL=' + path.basename(output_map)
+		);
+
+		fs.writeFileSync(output_map, compiled.js.map.toString());
+
+		if (compiled.css) {
+			fs.writeFileSync(output_css, compiled.css.code);
+		}
+	}
+
+	for (const file of js_modules) {
+		const input = `${cwd}/src/${file}`;
+		const source = fs.readFileSync(input, 'utf-8');
+
+		const compiled = compileModule(source, {
+			dev: true,
+			filename: input,
+			generate
+		});
+
+		const output_js = `${cwd}/output/${generate}/${file}`;
+
+		mkdirp(path.dirname(output_js));
+		fs.writeFileSync(output_js, compiled.js.code);
+	}
+}