rename demo -> sandbox

pull/13012/head
Rich Harris 2 years ago
parent cb8d99c85b
commit 70de71ce77

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

@ -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"
}
}

@ -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);
}
}

@ -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"]
}

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

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

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

@ -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"
}
}

@ -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, {

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

Loading…
Cancel
Save