rename demo -> sandbox

playgrounds/demo/.gitignore

@@ -1,4 +0,0 @@
-/dist/client/*
-/dist/server/*
-/output
-/src/*

playgrounds/demo/package.json

@@ -1,23 +0,0 @@
-{
-  "name": "svelte-playgrounds-demo",
-  "private": true,
-  "version": "0.0.1",
-  "type": "module",
-  "scripts": {
-    "prepare": "node scripts/create-app-svelte.js",
-    "dev": "vite --host",
-    "ssr": "node ./ssr-dev.js",
-    "build": "vite build --outDir dist/client && vite build --outDir dist/server --ssr ssr-prod.js",
-    "prod": "npm run build && node dist/server/ssr-prod",
-    "preview": "vite preview"
-  },
-  "devDependencies": {
-    "@sveltejs/vite-plugin-svelte": "^4.0.0-next.3",
-    "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

@@ -1,98 +0,0 @@
-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);
-	}
-}

playgrounds/demo/tsconfig.json

@@ -1,17 +0,0 @@
-{
-	"compilerOptions": {
-		"moduleResolution": "Bundler",
-		"target": "ESNext",
-		"module": "ESNext",
-		"verbatimModuleSyntax": true,
-		"isolatedModules": true,
-		"resolveJsonModule": true,
-		"sourceMap": true,
-		"esModuleInterop": true,
-		"skipLibCheck": true,
-		"forceConsistentCasingInFileNames": true,
-		"allowJs": true,
-		"checkJs": true
-	},
-	"include": ["./src", "ssr-dev.js", "ssr-prod.js"]
-}

playgrounds/sandbox/.gitignore

@@ -1,3 +1,4 @@
-input/*
+/dist/client/*
-output/*
+/dist/server/*
-!.gitkeep
+/output
+/src/*

playgrounds/sandbox/.prettierignore

@@ -1,2 +0,0 @@
-input/**.svelte
-output

playgrounds/sandbox/package.json

@@ -1,15 +1,23 @@
 {
-  "name": "svelte-playgrounds-sandbox",
+  "name": "svelte-playgrounds-demo",
   "private": true,
-  "type": "module",
-  "license": "MIT",
   "version": "0.0.1",
+  "type": "module",
   "scripts": {
-    "format": "prettier --check --write .",
+    "prepare": "node scripts/create-app-svelte.js",
-    "lint": "prettier --check . && eslint"
+    "dev": "vite --host",
+    "ssr": "node ./ssr-dev.js",
+    "build": "vite build --outDir dist/client && vite build --outDir dist/server --ssr ssr-prod.js",
+    "prod": "npm run build && node dist/server/ssr-prod",
+    "preview": "vite preview"
   },
-  "dependencies": {
+  "devDependencies": {
-    "svelte": "workspace:^",
+    "@sveltejs/vite-plugin-svelte": "^4.0.0-next.3",
-    "tiny-glob": "^0.2.9"
+    "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/sandbox/run.js

@@ -26,13 +26,13 @@ function mkdirp(dir) {
 	} catch {}
 }
 
-const svelte_modules = glob('**/*.svelte', { cwd: `${cwd}/input` });
+const svelte_modules = glob('**/*.svelte', { cwd: `${cwd}/src` });
-const js_modules = glob('**/*.js', { cwd: `${cwd}/input` });
+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}/input/${file}`;
+		const input = `${cwd}/src/${file}`;
 		const source = fs.readFileSync(input, 'utf-8');
 
 		const output_js = `${cwd}/output/${generate}/${file}.js`;
@@ -81,7 +81,7 @@ for (const generate of /** @type {const} */ (['client', 'server'])) {
 	}
 
 	for (const file of js_modules) {
-		const input = `${cwd}/input/${file}`;
+		const input = `${cwd}/src/${file}`;
 		const source = fs.readFileSync(input, 'utf-8');
 
 		const compiled = compileModule(source, {

playgrounds/sandbox/tsconfig.json

@@ -13,5 +13,5 @@
 		"allowJs": true,
 		"checkJs": true
 	},
-	"include": ["./run.js", "./input"]
+	"include": ["./src", "ssr-dev.js", "ssr-prod.js"]
 }