svelte-bundle 0.3.0 → 0.4.0-beta.0

package/dist/cli.js

@@ -3004,7 +3004,8 @@ async function runCreatePrompts(nameArg, pmArg) {
       { value: "tailwind", label: "Tailwind CSS", hint: "utility-first CSS framework" },
       { value: "eslint", label: "ESLint", hint: "code linting" },
       { value: "prettier", label: "Prettier", hint: "code formatting" },
-      { value: "vitest", label: "Vitest", hint: "unit testing" }
+      { value: "vitest", label: "Vitest", hint: "unit testing" },
+      { value: "playwright", label: "Playwright", hint: "end-to-end testing" }
     ],
     required: false
   }));
@@ -3210,6 +3211,51 @@ describe('example', () => {
     expect(true).toBe(true);
   });
 });
+`
+      }
+    ]
+  },
+  playwright: {
+    devDependencies: {
+      "@playwright/test": "^1.0.0"
+    },
+    extraFiles: [
+      {
+        path: "playwright.config.ts",
+        content: `import { defineConfig, devices } from '@playwright/test';
+
+export default defineConfig({
+  testDir: './e2e',
+  fullyParallel: true,
+  forbidOnly: !!process.env.CI,
+  retries: process.env.CI ? 2 : 0,
+  reporter: 'html',
+  use: {
+    baseURL: 'http://localhost:5173',
+    trace: 'on-first-retry',
+  },
+  projects: [
+    {
+      name: 'chromium',
+      use: { ...devices['Desktop Chrome'] },
+    },
+  ],
+  webServer: {
+    command: 'vite',
+    url: 'http://localhost:5173',
+    reuseExistingServer: !process.env.CI,
+  },
+});
+`
+      },
+      {
+        path: "e2e/example.test.ts",
+        content: `import { expect, test } from '@playwright/test';
+
+test('has title', async ({ page }) => {
+  await page.goto('/');
+  await expect(page).toHaveTitle(/Vite/);
+});
 `
       }
     ]
@@ -3242,6 +3288,10 @@ function buildPackageJson(ctx) {
     pkg.scripts["test"] = "vitest";
     pkg.scripts["test:ui"] = "vitest --ui";
   }
+  if (ctx.features.includes("playwright")) {
+    pkg.scripts["test:e2e"] = "playwright test";
+    pkg.scripts["test:e2e:ui"] = "playwright test --ui";
+  }
   return JSON.stringify(pkg, null, 2) + `
 `;
 }
@@ -3409,8 +3459,8 @@ var createCommand = defineCommand({
 // src/commands/build/index.ts
 import { spawnSync as spawnSync2 } from "node:child_process";
 import { existsSync } from "node:fs";
-import { readFile as readFile2, rm, writeFile as writeFile3 } from "node:fs/promises";
-import { dirname as dirname3, join as join4, relative, resolve as resolve2 } from "node:path";
+import { readFile as readFile2, readdir as readdir2, rm, writeFile as writeFile3 } from "node:fs/promises";
+import { dirname as dirname3, extname, join as join4, relative, resolve as resolve2 } from "node:path";
 var import_picocolors6 = __toESM(require_picocolors(), 1);
 function resolveViteBin(cwd) {
   const local = join4(cwd, "node_modules", ".bin", "vite");
@@ -3468,6 +3518,83 @@ async function inlineAssets(distDir) {
   });
   return html;
 }
+var MIME_MAP = {
+  ".png": "image/png",
+  ".jpg": "image/jpeg",
+  ".jpeg": "image/jpeg",
+  ".gif": "image/gif",
+  ".webp": "image/webp",
+  ".svg": "image/svg+xml",
+  ".ico": "image/x-icon",
+  ".avif": "image/avif",
+  ".pdf": "application/pdf",
+  ".woff": "font/woff",
+  ".woff2": "font/woff2",
+  ".ttf": "font/ttf",
+  ".otf": "font/otf"
+};
+function stripViteHash(filename) {
+  return filename.replace(/-[A-Za-z0-9_-]{8,}(\.[^.]+)$/, "$1");
+}
+async function discoverAssets(distDir) {
+  const assetsDir = join4(distDir, "assets");
+  if (!existsSync(assetsDir))
+    return [];
+  const files = await readdir2(assetsDir);
+  return files.filter((f3) => !f3.endsWith(".js") && !f3.endsWith(".css") && !f3.endsWith(".map")).map((f3) => ({
+    assetPath: `/assets/${f3}`,
+    diskPath: join4(assetsDir, f3),
+    ext: extname(f3).toLowerCase(),
+    displayName: stripViteHash(f3)
+  }));
+}
+function findReferencedAssets(html, assets) {
+  return assets.filter((a3) => html.includes(a3.assetPath));
+}
+async function inlineAssetsAsBase64(html, assets) {
+  let result = html;
+  for (const asset of assets) {
+    const mime = MIME_MAP[asset.ext] ?? "application/octet-stream";
+    const data = await readFile2(asset.diskPath);
+    const dataUri = `data:${mime};base64,${data.toString("base64")}`;
+    result = result.replaceAll(asset.assetPath, dataUri);
+  }
+  return result;
+}
+function applyAssetUrls(html, replacements) {
+  let result = html;
+  for (const [assetPath, url] of replacements) {
+    result = result.replaceAll(assetPath, url);
+  }
+  return result;
+}
+async function promptAssetUrls(assets) {
+  const replacements = new Map;
+  for (const asset of assets) {
+    const answer = await ue({
+      message: `Remote URL for ${import_picocolors6.default.cyan(asset.displayName)} ${import_picocolors6.default.dim(`(${asset.assetPath})`)}:`,
+      placeholder: `https://cdn.example.com/${asset.displayName}`,
+      validate(value) {
+        const v3 = value.trim();
+        if (v3.length === 0)
+          return;
+        if (!v3.startsWith("http://") && !v3.startsWith("https://") && !v3.startsWith("/")) {
+          return "Enter a valid URL (https://...) or root-relative path (/...), or leave blank to keep the original.";
+        }
+        return;
+      }
+    });
+    if (BD(answer)) {
+      ve2("Build cancelled.");
+      process.exit(0);
+    }
+    const url = answer.trim();
+    if (url.length > 0) {
+      replacements.set(asset.assetPath, url);
+    }
+  }
+  return replacements;
+}
 async function renderSSR(projectDir, appEntry, viteBin) {
   const tempDir = join4(projectDir, ".svelte-bundle");
   const ssrEntryPath = join4(tempDir, "entry-ssr.ts");
@@ -3545,6 +3672,11 @@ var buildCommand = defineCommand({
       description: "Vite build mode (default: production)",
       default: "production",
       alias: "m"
+    },
+    "inline-assets": {
+      type: "boolean",
+      description: "Embed binary assets (images, fonts, etc.) as base64 data URIs instead of prompting for remote URLs",
+      default: false
     }
   },
   async run({ args }) {
@@ -3576,6 +3708,23 @@ var buildCommand = defineCommand({
       html = injectSSRContent(html, ssrResult);
       logger.success("SSR content injected.");
     }
+    const allAssets = await discoverAssets(distDir);
+    const referencedAssets = findReferencedAssets(html, allAssets);
+    if (referencedAssets.length > 0) {
+      if (args["inline-assets"]) {
+        logger.step(`Inlining ${referencedAssets.length} asset(s) as base64...`);
+        html = await inlineAssetsAsBase64(html, referencedAssets);
+        logger.success("Assets inlined.");
+      } else {
+        logger.info(`Found ${import_picocolors6.default.yellow(String(referencedAssets.length))} binary asset(s) referenced in the output.
+` + import_picocolors6.default.dim("  Enter a remote URL for each, or leave blank to keep the original build path."));
+        const replacements = await promptAssetUrls(referencedAssets);
+        if (replacements.size > 0) {
+          html = applyAssetUrls(html, replacements);
+          logger.success(`Updated ${replacements.size} asset URL(s).`);
+        }
+      }
+    }
     await ensureDir(dirname3(outfile));
     await writeFile3(outfile, html, "utf-8");
     const relOut = relative(projectDir, outfile);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "svelte-bundle",
-  "version": "0.3.0",
+  "version": "0.4.0-beta.0",
   "description": "A powerful CLI for scaffolding and bundling Svelte components",
   "type": "module",
   "bin": {