chore: unify sandbox (#13012)

.vscode/launch.json

@@ -1,22 +1,6 @@
 {
 	"version": "0.2.0",
 	"configurations": [
-		{
-			"type": "chrome",
-			"request": "launch",
-			"name": "Playground: Browser",
-			"url": "http://localhost:10001"
-		},
-		{
-			"type": "node",
-			"request": "launch",
-			"runtimeArgs": ["--watch"],
-			"name": "Playground: Server",
-			"outputCapture": "std",
-			"program": "start.js",
-			"cwd": "${workspaceFolder}/playgrounds/demo",
-			"cascadeTerminateToConfigurations": ["Playground: Browser"]
-		},
 		{
 			"type": "node",
 			"request": "launch",
@@ -26,11 +10,5 @@
 				"NODE_OPTIONS": "--stack-trace-limit=10000"
 			}
 		}
-	],
-	"compounds": [
-		{
-			"name": "Playground: Full",
-			"configurations": ["Playground: Server", "Playground: Browser"]
-		}
 	]
 }

playgrounds/sandbox/.gitignore

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

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 .",
-    "lint": "prettier --check . && eslint"
+    "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"
   },
-  "dependencies": {
-    "svelte": "workspace:^",
-    "tiny-glob": "^0.2.9"
+  "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/sandbox/run.js

@@ -26,13 +26,13 @@ function mkdirp(dir) {
 	} catch {}
 }
 
-const svelte_modules = glob('**/*.svelte', { cwd: `${cwd}/input` });
-const js_modules = glob('**/*.js', { cwd: `${cwd}/input` });
+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}/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"]
 }