@buding0904/vitepad 0.3.1 → 0.3.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/cli.cjs CHANGED
@@ -1,786 +1,54 @@
1
1
  #!/usr/bin/env node
2
2
  'use strict';
3
3
 
4
- var fs2 = require('fs/promises');
5
- var os = require('os');
6
- var path2 = require('path');
7
- var process2 = require('process');
4
+ var fs = require('fs/promises');
5
+ var path = require('path');
8
6
  var url = require('url');
9
- var vite = require('vite');
10
- var pc2 = require('picocolors');
11
- var child_process = require('child_process');
12
- var module$1 = require('module');
13
7
 
14
8
  var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
15
9
  function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
16
10
 
17
- var fs2__default = /*#__PURE__*/_interopDefault(fs2);
18
- var os__default = /*#__PURE__*/_interopDefault(os);
19
- var path2__default = /*#__PURE__*/_interopDefault(path2);
20
- var process2__default = /*#__PURE__*/_interopDefault(process2);
21
- var pc2__default = /*#__PURE__*/_interopDefault(pc2);
11
+ var fs__default = /*#__PURE__*/_interopDefault(fs);
12
+ var path__default = /*#__PURE__*/_interopDefault(path);
22
13
 
23
- var packageRoot = path2__default.default.resolve(url.fileURLToPath(new URL("..", (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('cli.cjs', document.baseURI).href)))));
24
- var requireFromPackage = module$1.createRequire(path2__default.default.join(packageRoot, "package.json"));
25
- var linkedPeerPackages = ["vite"];
26
- var log = {
27
- framework(requested, resolved) {
28
- console.log(`
29
- ${pc2__default.default.cyan("vitepad")} ${pc2__default.default.bold("framework")} ${pc2__default.default.gray(requested)} ${pc2__default.default.gray("->")} ${pc2__default.default.green(resolved)}`);
30
- },
31
- install(packages) {
32
- console.log(` ${pc2__default.default.gray("install")} ${packages.map((pkg) => pc2__default.default.cyan(pkg)).join(pc2__default.default.gray(", "))}`);
33
- },
34
- done(message) {
35
- console.log(` ${pc2__default.default.green(message)}`);
36
- }
37
- };
38
- async function resolveFramework(spec, options) {
39
- if (spec.name === "auto") {
40
- throw new Error("Internal error: unresolved framework auto.");
41
- }
42
- if (spec.name === "vanilla") {
43
- return {
44
- name: "vanilla",
45
- version: "local",
46
- requested: "vanilla",
47
- cacheStatus: "local",
48
- aliases: [],
49
- packageLinks: packageLinks(["unocss"]),
50
- editorPackageLinks: []
51
- };
52
- }
53
- const resolved = await resolveFrameworkPackages(spec.name, spec.version);
54
- const cacheDir = frameworkCacheDir(spec.name, resolved.version);
55
- const nodeModules = path2__default.default.join(cacheDir, "node_modules");
56
- const installed = await isInstalled(cacheDir, resolved.packages);
57
- if (options.forceInstall && await pathExists(cacheDir)) {
58
- await fs2__default.default.rm(cacheDir, { recursive: true, force: true });
59
- }
60
- log.framework(`${spec.name}@${spec.version}`, `${spec.name}@${resolved.version}`);
61
- const cacheStatus = options.forceInstall ? "miss" : installed ? "hit" : "miss";
62
- if (options.forceInstall || !installed) {
63
- log.install(resolved.packages);
64
- await installFrameworkCache(cacheDir, resolved.packages);
65
- }
66
- await linkPeerPackages(cacheDir);
67
- return {
68
- name: spec.name,
69
- version: resolved.version,
70
- requested: `${spec.name}@${spec.version}`,
71
- cacheStatus,
72
- cacheDir,
73
- aliases: [],
74
- packageLinks: [
75
- ...packageLinks(["unocss"]),
76
- ...packageLinks(nodeModules, frameworkRuntimePackages(spec.name))
77
- ],
78
- editorPackageLinks: packageLinks(nodeModules, frameworkEditorPackages(spec.name))
79
- };
80
- }
81
- async function resolveFrameworkPackages(framework, version) {
82
- const specs = frameworkPackageSpecs(framework, version);
83
- const resolved = await Promise.all(specs.map(async (spec) => {
84
- const parsed = splitPackageSpec(spec);
85
- const resolvedVersion = await resolvePackageVersion(parsed.name, parsed.version);
86
- return {
87
- name: parsed.name,
88
- version: resolvedVersion,
89
- spec: `${parsed.name}@${resolvedVersion}`
90
- };
91
- }));
92
- const primary = splitPackageSpec(specs[0]).name;
93
- const primaryVersion = resolved.find((pkg) => pkg.name === primary)?.version;
94
- if (!primaryVersion) {
95
- throw new Error(`Failed to resolve ${framework}@${version}.`);
96
- }
97
- return {
98
- version: primaryVersion,
99
- packages: resolved.map((pkg) => pkg.spec)
100
- };
101
- }
102
- function frameworkDedupe(framework) {
103
- return frameworkRuntimePackages(framework);
104
- }
105
- function frameworkOptimizeDeps(framework) {
106
- switch (framework) {
107
- case "react":
108
- return ["react", "react-dom", "react/jsx-runtime", "react/jsx-dev-runtime"];
109
- case "preact":
110
- return ["preact", "preact/jsx-runtime", "preact/hooks"];
111
- case "solid":
112
- return ["solid-js", "solid-js/web"];
113
- case "vue":
114
- return ["vue"];
115
- case "svelte":
116
- case "vanilla":
117
- return [];
118
- }
119
- }
120
- async function loadFrameworkPlugins(framework) {
121
- if (framework.name === "vanilla") {
122
- return [];
123
- }
124
- if (!framework.cacheDir) {
125
- throw new Error(`Missing framework cache for ${framework.name}.`);
126
- }
127
- const plugins = [];
128
- for (const pluginPackage of frameworkPluginPackages(framework.name)) {
129
- const mod = await importCachePackage(framework.cacheDir, pluginPackage);
130
- appendPlugin(plugins, createFrameworkPlugin(pluginPackage, mod));
131
- }
132
- return plugins;
14
+ async function packageVersion() {
15
+ const packageJson = await readPackageJson();
16
+ if (typeof packageJson.version === "string") return packageJson.version;
17
+ throw new Error("Failed to read vitepad version from package.json.");
133
18
  }
134
- function createFrameworkPlugin(pluginPackage, mod) {
135
- const factory = frameworkPluginFactory(pluginPackage, mod);
136
- return factory();
137
- }
138
- function frameworkPluginFactory(pluginPackage, mod) {
139
- if (pluginPackage === "@sveltejs/vite-plugin-svelte" && typeof mod.svelte === "function") {
140
- return mod.svelte;
141
- }
142
- if (pluginPackage === "@preact/preset-vite" && typeof mod.preact === "function") {
143
- return mod.preact;
144
- }
145
- if (typeof mod.default === "function") {
146
- return mod.default;
147
- }
148
- if (mod.default && typeof mod.default.default === "function") {
149
- return mod.default.default;
150
- }
151
- throw new Error(`Failed to load Vite plugin ${pluginPackage}: no callable plugin export found.`);
152
- }
153
- function appendPlugin(plugins, plugin) {
154
- if (Array.isArray(plugin)) {
155
- plugins.push(...plugin);
156
- } else {
157
- plugins.push(plugin);
158
- }
159
- }
160
- function frameworkPackageSpecs(framework, version) {
161
- switch (framework) {
162
- case "react":
163
- return [
164
- `react@${version}`,
165
- `react-dom@${version}`,
166
- `@types/react@${reactTypesVersion(version)}`,
167
- `@types/react-dom@${reactTypesVersion(version)}`,
168
- "@vitejs/plugin-react@latest"
169
- ];
170
- case "preact":
171
- return [`preact@${version}`, "@preact/preset-vite@latest"];
172
- case "solid":
173
- return [`solid-js@${version}`, "vite-plugin-solid@latest"];
174
- case "vue":
175
- return [`vue@${version}`, "@vitejs/plugin-vue@latest", "@vitejs/plugin-vue-jsx@latest"];
176
- case "svelte":
177
- return [`svelte@${version}`, "@sveltejs/vite-plugin-svelte@latest"];
178
- case "vanilla":
179
- return [];
180
- }
181
- }
182
- function reactTypesVersion(version) {
183
- const major = version.match(/^\D*(\d+)/)?.[1];
184
- return major || "latest";
185
- }
186
- function resolvePackageVersion(name, range) {
187
- return new Promise((resolve, reject) => {
188
- const child = child_process.spawn("npm", ["view", `${name}@${range}`, "version", "--json"], {
189
- stdio: ["ignore", "pipe", "pipe"]
190
- });
191
- let stdout = "";
192
- let stderr = "";
193
- child.stdout.on("data", (chunk) => {
194
- stdout += chunk;
195
- });
196
- child.stderr.on("data", (chunk) => {
197
- stderr += chunk;
198
- });
199
- child.on("error", reject);
200
- child.on("exit", (code) => {
201
- if (code !== 0) {
202
- reject(new Error(`npm view failed for ${name}@${range}
203
- ${stderr.trim()}`));
204
- return;
205
- }
206
- try {
207
- const parsed = JSON.parse(stdout.trim());
208
- const version = Array.isArray(parsed) ? parsed[parsed.length - 1] : parsed;
209
- if (typeof version !== "string" || !version) {
210
- throw new Error(`Unexpected npm view output: ${stdout}`);
211
- }
212
- resolve(version);
213
- } catch (error) {
214
- reject(error);
215
- }
216
- });
217
- });
218
- }
219
- function frameworkRuntimePackages(framework) {
220
- switch (framework) {
221
- case "react":
222
- return ["react", "react-dom"];
223
- case "preact":
224
- return ["preact"];
225
- case "solid":
226
- return ["solid-js"];
227
- case "vue":
228
- return ["vue"];
229
- case "svelte":
230
- return ["svelte"];
231
- case "vanilla":
232
- return [];
233
- }
234
- }
235
- function frameworkEditorPackages(framework) {
236
- switch (framework) {
237
- case "react":
238
- return ["react", "react-dom", "@types/react", "@types/react-dom"];
239
- case "preact":
240
- case "solid":
241
- case "vue":
242
- case "svelte":
243
- case "vanilla":
244
- return frameworkRuntimePackages(framework);
245
- }
246
- }
247
- function frameworkPluginPackages(framework) {
248
- switch (framework) {
249
- case "react":
250
- return ["@vitejs/plugin-react"];
251
- case "preact":
252
- return ["@preact/preset-vite"];
253
- case "solid":
254
- return ["vite-plugin-solid"];
255
- case "vue":
256
- return ["@vitejs/plugin-vue", "@vitejs/plugin-vue-jsx"];
257
- case "svelte":
258
- return ["@sveltejs/vite-plugin-svelte"];
259
- case "vanilla":
260
- return [];
261
- }
262
- }
263
- function packageLinks(nodeModulesOrPackageNames, maybePackageNames) {
264
- if (Array.isArray(nodeModulesOrPackageNames)) {
265
- return nodeModulesOrPackageNames.map((packageName) => ({
266
- name: packageName,
267
- source: resolveInstalledPackageDir(packageName)
268
- }));
269
- }
270
- const nodeModules = nodeModulesOrPackageNames;
271
- const packageNames = maybePackageNames ?? [];
272
- return packageNames.map((packageName) => ({
273
- name: packageName,
274
- source: path2__default.default.join(nodeModules, packageName)
275
- }));
276
- }
277
- function resolveInstalledPackageDir(packageName) {
278
- const packageJson = requireFromPackage.resolve(`${packageName}/package.json`);
279
- return path2__default.default.dirname(packageJson);
280
- }
281
- function frameworkCacheDir(framework, version) {
282
- const base = process.env.VITEPAD_CACHE_DIR || (process.env.XDG_CACHE_HOME ? path2__default.default.join(process.env.XDG_CACHE_HOME, "vitepad") : path2__default.default.join(os__default.default.homedir(), ".cache", "vitepad"));
283
- return path2__default.default.join(base, "frameworks", `${framework}-${sanitizeCacheKey(version)}`);
284
- }
285
- function sanitizeCacheKey(value) {
286
- return value.replace(/[^a-zA-Z0-9._-]/g, "_");
287
- }
288
- async function isInstalled(cacheDir, packages) {
289
- if (!await pathExists(path2__default.default.join(cacheDir, "node_modules"))) return false;
290
- for (const pkg of packages) {
291
- const { name } = splitPackageSpec(pkg);
292
- if (!await pathExists(path2__default.default.join(cacheDir, "node_modules", name))) {
293
- return false;
19
+ async function readPackageJson() {
20
+ let current = path__default.default.dirname(url.fileURLToPath((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('cli.cjs', document.baseURI).href))));
21
+ while (true) {
22
+ const packageJsonPath = path__default.default.join(current, "package.json");
23
+ const source = await fs__default.default.readFile(packageJsonPath, "utf8").catch(() => null);
24
+ if (source) {
25
+ const packageJson = JSON.parse(source);
26
+ if (packageJson.name === "@buding0904/vitepad") return packageJson;
294
27
  }
295
- }
296
- return true;
297
- }
298
- async function installFrameworkCache(cacheDir, packages) {
299
- await fs2__default.default.mkdir(cacheDir, { recursive: true });
300
- await fs2__default.default.writeFile(path2__default.default.join(cacheDir, "package.json"), JSON.stringify({
301
- private: true,
302
- type: "module",
303
- dependencies: Object.fromEntries(packages.map((pkg) => packageToDependency(pkg)))
304
- }, null, 2));
305
- await runInstall(cacheDir);
306
- }
307
- function runInstall(cwd) {
308
- return new Promise((resolve, reject) => {
309
- const child = child_process.spawn("npm", ["install", "--legacy-peer-deps", "--no-audit", "--no-fund", "--loglevel=notice"], {
310
- cwd,
311
- stdio: ["ignore", "pipe", "pipe"]
312
- });
313
- const progress = createProgress("vitepad: installing framework packages");
314
- let output = "";
315
- child.stdout.on("data", (chunk) => {
316
- output += chunk;
317
- progress.tick();
318
- });
319
- child.stderr.on("data", (chunk) => {
320
- output += chunk;
321
- progress.tick();
322
- });
323
- child.on("error", (error) => {
324
- progress.stop();
325
- reject(error);
326
- });
327
- child.on("exit", (code) => {
328
- progress.stop();
329
- if (code === 0) {
330
- log.done("install complete");
331
- resolve();
332
- } else {
333
- reject(new Error(`npm install failed with exit code ${code}
334
- ${output.trim()}`));
335
- }
336
- });
337
- });
338
- }
339
- async function linkPeerPackages(cacheDir) {
340
- await fs2__default.default.mkdir(path2__default.default.join(cacheDir, "node_modules"), { recursive: true });
341
- for (const packageName of linkedPeerPackages) {
342
- try {
343
- await linkPackage({
344
- source: resolveInstalledPackageDir(packageName),
345
- target: path2__default.default.join(cacheDir, "node_modules", packageName)
346
- });
347
- } catch (error) {
348
- const message = error instanceof Error ? error.message : String(error);
349
- throw new Error(`Failed to link ${packageName} into vitepad cache at ${cacheDir}.
350
- ${message}`);
351
- }
352
- }
353
- }
354
- async function linkPackage(input) {
355
- const source = await fs2__default.default.realpath(input.source);
356
- const existing = await fs2__default.default.lstat(input.target).catch(() => null);
357
- if (existing) {
358
- if (existing.isSymbolicLink()) {
359
- const current = await fs2__default.default.realpath(input.target).catch(() => null);
360
- if (current === source) return;
28
+ const parent = path__default.default.dirname(current);
29
+ if (parent === current) {
30
+ throw new Error("Failed to locate vitepad package.json.");
361
31
  }
362
- await fs2__default.default.rm(input.target, { recursive: true, force: true });
32
+ current = parent;
363
33
  }
364
- await fs2__default.default.symlink(source, input.target, "dir");
365
- }
366
- function createProgress(label) {
367
- const width = 18;
368
- let frame = 0;
369
- const render = () => {
370
- const position = frame % width;
371
- const bar = Array.from({ length: width }, (_, index) => index === position ? "=" : "-").join("");
372
- process.stderr.write(`\r${label} [${bar}]`);
373
- frame += 1;
374
- };
375
- const timer = setInterval(render, 120);
376
- render();
377
- return {
378
- tick: render,
379
- stop() {
380
- clearInterval(timer);
381
- process.stderr.write(`\r${" ".repeat(label.length + width + 4)}\r`);
382
- }
383
- };
384
- }
385
- function packageToDependency(pkg) {
386
- const parsed = splitPackageSpec(pkg);
387
- return [parsed.name, parsed.version];
388
- }
389
- function splitPackageSpec(spec) {
390
- if (spec.startsWith("@")) {
391
- const secondAt = spec.indexOf("@", 1);
392
- if (secondAt === -1) return { name: spec, version: "latest" };
393
- return { name: spec.slice(0, secondAt), version: spec.slice(secondAt + 1) };
394
- }
395
- const at = spec.indexOf("@");
396
- if (at === -1) return { name: spec, version: "latest" };
397
- return { name: spec.slice(0, at), version: spec.slice(at + 1) };
398
- }
399
- async function importCachePackage(cacheDir, packageName) {
400
- const requireFromCache = module$1.createRequire(path2__default.default.join(cacheDir, "package.json"));
401
- const resolved = requireFromCache.resolve(packageName);
402
- return import(url.pathToFileURL(resolved).href);
403
- }
404
- async function pathExists(file) {
405
- return fs2__default.default.access(file).then(() => true, () => false);
406
34
  }
407
35
 
408
- // src/runtime/index.ts
409
- var rootDir = path2__default.default.resolve(url.fileURLToPath(new URL("..", (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('cli.cjs', document.baseURI).href)))));
410
- var supportedComponentExts = /* @__PURE__ */ new Set([".jsx", ".tsx", ".vue", ".svelte"]);
411
- var supportedMainExts = /* @__PURE__ */ new Set([".js", ".mjs", ".cjs", ".ts", ".mts", ".cts"]);
412
- var frameworkValues = /* @__PURE__ */ new Set(["auto", "react", "preact", "solid", "vue", "svelte", "vanilla"]);
413
- async function run(argv) {
414
- const options = parseArgs(argv);
415
- if (options.help) {
416
- console.log(helpText());
417
- return;
418
- }
419
- if (!options.entry) {
420
- throw new Error(helpText("Missing entry file."));
421
- }
422
- const entry = path2__default.default.resolve(process2__default.default.cwd(), options.entry);
423
- const stat = await fs2__default.default.stat(entry).catch(() => null);
424
- if (!stat?.isFile()) {
425
- throw new Error(`Entry file does not exist: ${entry}`);
426
- }
427
- const extension = path2__default.default.extname(entry).toLowerCase();
428
- const mode = inferMode(extension);
429
- const source = await fs2__default.default.readFile(entry, "utf8");
430
- const framework = inferFramework({
431
- extension,
432
- source,
433
- requested: options.framework,
434
- version: options.frameworkVersion
435
- });
436
- validateCombination({ mode, framework: framework.name, extension });
437
- const resolvedFramework = await resolveFramework(framework, { forceInstall: options.forceInstall });
438
- await setupEditorPackages(path2__default.default.dirname(entry), resolvedFramework.editorPackageLinks);
439
- const workspace = await createWorkspace({
440
- entry,
441
- mode,
442
- framework: resolvedFramework.name,
443
- packageLinks: resolvedFramework.packageLinks
444
- });
445
- const config = await loadUserConfig(options.config);
446
- const server = await vite.createServer(vite.mergeConfig({
447
- root: workspace,
448
- configFile: false,
449
- server: {
450
- host: options.host,
451
- port: options.port,
452
- open: options.open,
453
- watch: {
454
- ignored: (file) => vite.normalizePath(file).startsWith(`${vite.normalizePath(workspace)}/`)
455
- },
456
- fs: {
457
- allow: [
458
- rootDir,
459
- process2__default.default.cwd(),
460
- path2__default.default.dirname(entry),
461
- workspace,
462
- ...resolvedFramework.cacheDir ? [resolvedFramework.cacheDir] : []
463
- ]
464
- }
465
- },
466
- plugins: await loadPlugins(resolvedFramework),
467
- resolve: {
468
- alias: [
469
- ...resolvedFramework.aliases,
470
- {
471
- find: "@",
472
- replacement: path2__default.default.dirname(entry)
473
- }
474
- ],
475
- dedupe: frameworkDedupe(resolvedFramework.name)
476
- },
477
- optimizeDeps: {
478
- entries: [path2__default.default.join(workspace, "src/main.js")],
479
- include: frameworkOptimizeDeps(resolvedFramework.name)
480
- },
481
- customLogger: createVitepadLogger()
482
- }, config));
483
- await server.listen();
484
- printReady({
485
- entry,
486
- framework: resolvedFramework,
487
- urls: server.resolvedUrls
36
+ // src/cli.ts
37
+ var argv = process.argv.slice(2);
38
+ var runtimeEntry = "./cli-runtime.js";
39
+ if (argv.includes("-v") || argv.includes("--version")) {
40
+ packageVersion().then((version) => {
41
+ console.log(version);
42
+ }).catch((error) => {
43
+ console.error(error instanceof Error ? error.message : error);
44
+ process.exit(1);
488
45
  });
489
- const close = async () => {
490
- await server.close();
491
- process2__default.default.exit(0);
492
- };
493
- process2__default.default.once("SIGINT", close);
494
- process2__default.default.once("SIGTERM", close);
495
- }
496
- function parseArgs(argv) {
497
- const options = {
498
- framework: "auto",
499
- frameworkVersion: "latest",
500
- forceInstall: false,
501
- port: 8e3,
502
- host: "0.0.0.0",
503
- open: "/",
504
- help: false
505
- };
506
- for (let index = 0; index < argv.length; index += 1) {
507
- const arg = argv[index];
508
- if (arg === "-h" || arg === "--help") {
509
- options.help = true;
510
- } else if (arg === "--framework" || arg === "-f") {
511
- Object.assign(options, parseFramework(readValue(argv, ++index, arg)));
512
- } else if (arg.startsWith("--framework=")) {
513
- Object.assign(options, parseFramework(arg.slice("--framework=".length)));
514
- } else if (arg === "--force-install") {
515
- options.forceInstall = true;
516
- } else if (arg === "--port" || arg === "-p") {
517
- options.port = Number(readValue(argv, ++index, arg));
518
- } else if (arg.startsWith("--port=")) {
519
- options.port = Number(arg.slice("--port=".length));
520
- } else if (arg === "--host") {
521
- options.host = readValue(argv, ++index, arg);
522
- } else if (arg.startsWith("--host=")) {
523
- options.host = arg.slice("--host=".length);
524
- } else if (arg === "--no-open") {
525
- options.open = false;
526
- } else if (arg === "--open") {
527
- options.open = "/";
528
- } else if (arg === "--config" || arg === "-c") {
529
- options.config = readValue(argv, ++index, arg);
530
- } else if (arg.startsWith("--config=")) {
531
- options.config = arg.slice("--config=".length);
532
- } else if (arg.startsWith("-")) {
533
- throw new Error(`Unknown option: ${arg}`);
534
- } else if (!options.entry) {
535
- options.entry = arg;
536
- } else {
537
- throw new Error(`Unexpected argument: ${arg}`);
538
- }
539
- }
540
- if (!Number.isInteger(options.port) || options.port < 0 || options.port > 65535) {
541
- throw new Error(`Invalid port: ${options.port}`);
542
- }
543
- return options;
544
- }
545
- function parseFramework(value) {
546
- const match = value.match(/^([^@]+)(?:@(.+))?$/);
547
- const name = match?.[1];
548
- const version = match?.[2] || "latest";
549
- if (name && frameworkValues.has(name)) {
550
- return { framework: name, frameworkVersion: version };
551
- }
552
- throw new Error(`Unsupported framework "${value}". Use one of: ${[...frameworkValues].join(", ")}, optionally with @version.`);
553
- }
554
- function readValue(argv, index, option) {
555
- const value = argv[index];
556
- if (!value || value.startsWith("-")) {
557
- throw new Error(`Missing value for ${option}`);
558
- }
559
- return value;
560
- }
561
- function inferMode(extension) {
562
- if (supportedMainExts.has(extension)) return "main";
563
- if (supportedComponentExts.has(extension)) return "component";
564
- throw new Error(`Unsupported entry extension "${extension}". Supported: js, ts, jsx, tsx, vue, svelte.`);
565
- }
566
- function inferFramework(input) {
567
- const { extension, source, requested, version } = input;
568
- if (requested !== "auto") return { name: requested, version };
569
- if (extension === ".vue") return { name: "vue", version };
570
- if (extension === ".svelte") return { name: "svelte", version };
571
- if (/\bfrom\s+['"]solid-js\b|\bfrom\s+['"]solid-js\/web\b|\bsolid-js\b/.test(source)) return { name: "solid", version };
572
- if (/\bfrom\s+['"]preact\b|\bfrom\s+['"]preact\/compat\b|\bfrom\s+['"]preact\/hooks\b/.test(source)) return { name: "preact", version };
573
- if (/\bfrom\s+['"]vue\b/.test(source)) return { name: "vue", version };
574
- if (/\bfrom\s+['"]svelte\b|\bfrom\s+['"]svelte\//.test(source)) return { name: "svelte", version };
575
- if (extension === ".jsx" || extension === ".tsx") return { name: "react", version };
576
- return { name: "vanilla", version: "local" };
577
- }
578
- function validateCombination(input) {
579
- const { mode, framework, extension } = input;
580
- if (mode === "component" && framework === "vanilla") {
581
- throw new Error(`Component entry ${extension} needs a framework. Try --framework react, vue, svelte, preact, or solid.`);
582
- }
583
- if (extension === ".vue" && framework !== "vue") {
584
- throw new Error(".vue entries must use --framework vue.");
585
- }
586
- if (extension === ".svelte" && framework !== "svelte") {
587
- throw new Error(".svelte entries must use --framework svelte.");
588
- }
589
- }
590
- async function createWorkspace(input) {
591
- const workspace = await fs2__default.default.mkdtemp(path2__default.default.join(await fs2__default.default.realpath(os__default.default.tmpdir()), "vitepad-"));
592
- const srcDir = path2__default.default.join(workspace, "src");
593
- const nodeModulesDir = path2__default.default.join(workspace, "node_modules");
594
- await fs2__default.default.mkdir(srcDir, { recursive: true });
595
- await fs2__default.default.mkdir(nodeModulesDir, { recursive: true });
596
- await Promise.all([
597
- fs2__default.default.writeFile(path2__default.default.join(workspace, "index.html"), htmlTemplate()),
598
- fs2__default.default.writeFile(path2__default.default.join(srcDir, "main.js"), mainTemplate(input)),
599
- ...input.packageLinks.map((link) => linkWorkspacePackage(nodeModulesDir, link))
600
- ]);
601
- return workspace;
602
- }
603
- async function linkWorkspacePackage(nodeModulesDir, link) {
604
- const source = await fs2__default.default.realpath(link.source);
605
- const target = path2__default.default.join(nodeModulesDir, link.name);
606
- await fs2__default.default.mkdir(path2__default.default.dirname(target), { recursive: true });
607
- await fs2__default.default.symlink(source, target, "dir");
608
- }
609
- async function setupEditorPackages(projectDir, links) {
610
- if (links.length === 0) return;
611
- const nodeModulesDir = path2__default.default.join(projectDir, "node_modules");
612
- await fs2__default.default.mkdir(nodeModulesDir, { recursive: true });
613
- const linked = [];
614
- for (const link of links) {
615
- const result = await linkEditorPackage(nodeModulesDir, link);
616
- if (result === "linked") {
617
- linked.push(link.name);
618
- }
619
- }
620
- if (linked.length > 0) {
621
- console.log(`${pc2__default.default.cyan("vitepad")} ${pc2__default.default.green("editor")} linked ${linked.map((name) => pc2__default.default.cyan(name)).join(pc2__default.default.gray(", "))}`);
622
- }
623
- }
624
- async function linkEditorPackage(nodeModulesDir, link) {
625
- const source = await fs2__default.default.realpath(link.source);
626
- const target = path2__default.default.join(nodeModulesDir, link.name);
627
- await fs2__default.default.mkdir(path2__default.default.dirname(target), { recursive: true });
628
- const existing = await fs2__default.default.lstat(target).catch(() => null);
629
- if (existing) {
630
- if (existing.isSymbolicLink()) {
631
- const current = await fs2__default.default.realpath(target).catch(() => null);
632
- if (current === source) return "skipped";
633
- }
634
- return "skipped";
635
- }
636
- await fs2__default.default.symlink(source, target, "dir");
637
- return "linked";
46
+ } else {
47
+ import(runtimeEntry).catch(handleError);
638
48
  }
639
- function htmlTemplate() {
640
- return `<!doctype html>
641
- <html lang="en">
642
- <head>
643
- <meta charset="UTF-8" />
644
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
645
- <title>vitepad</title>
646
- </head>
647
- <body>
648
- <div id="root"></div>
649
- <script type="module" src="/src/main.js"></script>
650
- </body>
651
- </html>
652
- `;
653
- }
654
- function mainTemplate(input) {
655
- const { entry, mode, framework } = input;
656
- const importPath = `/@fs/${vite.normalizePath(entry)}`;
657
- if (mode === "main") {
658
- return `import 'virtual:uno.css'
659
- import ${JSON.stringify(importPath)}
660
- `;
661
- }
662
- switch (framework) {
663
- case "react":
664
- return `import 'virtual:uno.css'
665
- import React from 'react'
666
- import { createRoot } from 'react-dom/client'
667
- import App from ${JSON.stringify(importPath)}
668
-
669
- createRoot(document.getElementById('root')).render(React.createElement(App))
670
- `;
671
- case "preact":
672
- return `import 'virtual:uno.css'
673
- import { h, render } from 'preact'
674
- import App from ${JSON.stringify(importPath)}
675
-
676
- render(h(App, null), document.getElementById('root'))
677
- `;
678
- case "solid":
679
- return `import 'virtual:uno.css'
680
- import { render } from 'solid-js/web'
681
- import App from ${JSON.stringify(importPath)}
682
-
683
- render(() => App({}), document.getElementById('root'))
684
- `;
685
- case "vue":
686
- return `import 'virtual:uno.css'
687
- import { createApp } from 'vue'
688
- import App from ${JSON.stringify(importPath)}
689
-
690
- createApp(App).mount('#root')
691
- `;
692
- case "svelte":
693
- return `import 'virtual:uno.css'
694
- import { mount } from 'svelte'
695
- import App from ${JSON.stringify(importPath)}
696
-
697
- const target = document.getElementById('root')
698
- const app = mount(App, { target })
699
- export default app
700
- `;
701
- case "vanilla":
702
- throw new Error("Vanilla entries cannot be used as component entries.");
703
- }
704
- }
705
- async function loadUserConfig(configFile) {
706
- if (!configFile) return {};
707
- const resolved = path2__default.default.resolve(process2__default.default.cwd(), configFile);
708
- const configModule = await import(url.pathToFileURL(resolved).href);
709
- return configModule.default ?? configModule;
710
- }
711
- async function loadPlugins(framework) {
712
- const [{ default: unocss }, { presetUno }, frameworkPlugins] = await Promise.all([
713
- import('unocss/vite'),
714
- import('unocss'),
715
- loadFrameworkPlugins(framework)
716
- ]);
717
- const plugins = [];
718
- appendPlugin(plugins, unocss({ presets: [presetUno()] }));
719
- plugins.push(...frameworkPlugins);
720
- return plugins;
721
- }
722
- function printReady(input) {
723
- const { entry, framework, urls } = input;
724
- const frameworkLabel = `${framework.name}@${framework.version}`;
725
- console.log(`${pc2__default.default.cyan("vitepad")} ${pc2__default.default.green("ready")} ${pc2__default.default.green(frameworkLabel)}`);
726
- console.log(` ${pc2__default.default.gray("entry")} ${pc2__default.default.gray(entry)}`);
727
- if (framework.cacheDir) {
728
- console.log(` ${pc2__default.default.gray("cache")} ${pc2__default.default.gray(framework.cacheDir)}`);
729
- }
730
- printUrls(urls);
731
- }
732
- function printUrls(urls) {
733
- if (!urls) return;
734
- for (const url of urls.local) {
735
- console.log(` ${pc2__default.default.green("\u279C")} ${pc2__default.default.bold("Local:")} ${pc2__default.default.bold(url)}`);
736
- }
737
- for (const url of urls.network) {
738
- console.log(` ${pc2__default.default.green("\u279C")} ${pc2__default.default.bold("Network:")} ${pc2__default.default.bold(url)}`);
739
- }
740
- }
741
- function createVitepadLogger() {
742
- const logger = vite.createLogger("info");
743
- const info = logger.info.bind(logger);
744
- return {
745
- ...logger,
746
- info(message, options) {
747
- if (isNoisyViteInfo(message)) return;
748
- info(message, options);
749
- }
750
- };
751
- }
752
- function isNoisyViteInfo(message) {
753
- return /\[vite\]\s+\(client\)\s+(hmr update|page reload)\b/.test(stripAnsi(message));
754
- }
755
- function stripAnsi(value) {
756
- return value.replace(/\x1B\[[0-?]*[ -/]*[@-~]/g, "");
757
- }
758
- function helpText(prefix) {
759
- return `${prefix ? `${prefix}
760
-
761
- ` : ""}Usage:
762
- vitepad <entry> [options]
763
-
764
- Entries:
765
- .js, .ts Treated as main entry files.
766
- .jsx, .tsx, .vue, .svelte Treated as App component files.
767
-
768
- Options:
769
- -f, --framework <name> auto, react, preact, solid, vue, svelte, vanilla
770
- Version specs are supported, e.g. react@18, vue@3.4.
771
- --force-install Reinstall the selected framework cache.
772
- -p, --port <number> Dev server port. Default: 8000
773
- --host <host> Dev server host. Default: 0.0.0.0
774
- --no-open Do not open the browser automatically.
775
- -c, --config <file> Merge an extra Vite config file.
776
- -h, --help Show help.
777
- `;
778
- }
779
-
780
- // src/cli.ts
781
- run(process.argv.slice(2)).catch((error) => {
49
+ function handleError(error) {
782
50
  console.error(error instanceof Error ? error.message : error);
783
51
  process.exit(1);
784
- });
52
+ }
785
53
  //# sourceMappingURL=cli.cjs.map
786
54
  //# sourceMappingURL=cli.cjs.map