@b9g/shovel 0.2.10 → 0.2.12

package/CHANGELOG.md

@@ -2,6 +2,48 @@
 
 All notable changes to Shovel will be documented in this file.
 
+## [0.2.12] - 2026-02-24
+
+### Bug Fixes
+
+- **`@b9g/shovel`** - Plain `.js` and `.mjs` client assets are now bundled for the browser instead of copied raw. Previously only `.ts`/`.tsx`/`.jsx` were transpiled, so non-TypeScript Crank projects using `@b9g/crank/standalone` in client code failed with "Module name does not resolve to a valid URL" in the browser
+- **`@b9g/shovel`** - Removed `.cts` from asset transpilation list (no CJS in client assets)
+- **`@b9g/router`** - Simplified logger middleware to a single response line (`200 GET / (3ms)`) instead of logging both request and response with arrow prefixes
+
+### Improvements
+
+- **`create-shovel`** - Added CSS owl selector (`main > * + *`) for consistent vertical spacing, removed inline margin styles
+- **`create-shovel`** - Added interactive counter demo to static-site vanilla template
+- **`create-shovel`** - Added API call demo to full-stack vanilla template
+- **`create-shovel`** - Crank templates now include client-side hydration with `@b9g/assets`
+- **`create-shovel`** - Initial project version is now `0.1.0` instead of `0.0.1`
+
+### Dependencies
+
+- **`@b9g/crank`** `^0.7.2` → `^0.7.7` (type declarations)
+
+## [0.2.11] - 2026-02-21
+
+### Bug Fixes
+
+- **Broken bin exports in published package** - Upgraded to `@b9g/libuild@0.1.24` which fixes `./dist/bin/` → `./bin/` rewriting in the exports map. `import "@b9g/shovel/bin/create.js"` now resolves correctly when installed from npm
+
+### Dependencies
+
+- **`@b9g/libuild`** `^0.1.22` → `^0.1.24`
+- **`create-shovel`** `0.1.1` - README and metadata updates
+
+## [0.2.10] - 2026-02-21
+
+### Features
+
+- **Crank JSX / tagged template choice** - `create-shovel` now prompts "Use JSX?" when Crank is selected. Choose JSX (`.tsx`) or tagged template literals (`.ts`, no build step)
+- **Multi-file Crank templates** - Crank projects generate `server.{ext}` + `components.{ext}` with `@b9g/router` for route-based request handling
+- **`--framework` and `--jsx` CLI flags** - `create-shovel --framework crank --no-jsx` skips prompts for CI/scripting
+- **ESLint config for Crank projects** - Generates `eslint.config.js` with flat config format
+- **Bun-aware next steps** - Post-scaffold instructions show `bun install` / `bun run develop` when bun platform is selected
+- **Removed redundant `env.d.ts`** - `@b9g/platform` already ships `globals.d.ts`; scaffolded projects now use `"types": ["@b9g/platform/globals"]` in tsconfig instead
+
 ## [0.2.9] - 2026-02-20
 
 ### Features

package/bin/cli.js

@@ -75,7 +75,7 @@ program.command("develop <entrypoint>").description("Start development server wi
   DEFAULTS.WORKERS
 ).option("--platform <name>", "Runtime platform (node, cloudflare, bun)").action(async (entrypoint, options) => {
   checkPlatformReexec(options);
-  const { developCommand } = await import("../src/_chunks/develop-N265AMEN.js");
+  const { developCommand } = await import("../src/_chunks/develop-I74XUWOE.js");
   await developCommand(entrypoint, options, config);
 });
 program.command("create [name]").description("Create a new Shovel project").action(async (name) => {
@@ -91,7 +91,7 @@ program.command("build <entrypoint>").description("Build app for production").op
   "Run ServiceWorker lifecycle after build (install or activate, default: activate)"
 ).action(async (entrypoint, options) => {
   checkPlatformReexec(options);
-  const { buildCommand } = await import("../src/_chunks/build-O5LLUOND.js");
+  const { buildCommand } = await import("../src/_chunks/build-YOORTV6F.js");
   await buildCommand(entrypoint, options, config);
   process.exit(0);
 });

package/bin/create.js

@@ -140,7 +140,7 @@ async function main() {
           {
             value: "crank",
             label: "Crank.js",
-            hint: "JSX components rendered on the server"
+            hint: "JSX components with server rendering and hydration"
           },
           {
             value: "htmx",
@@ -273,6 +273,7 @@ async function createProject(config, projectPath) {
   };
   if (isCrank) {
     dependencies["@b9g/crank"] = "^0.7.2";
+    dependencies["@b9g/assets"] = "^0.2.0";
   }
   const devDependencies = {};
   if (config.typescript) {
@@ -280,8 +281,8 @@ async function createProject(config, projectPath) {
     devDependencies["typescript"] = "^5.0.0";
   }
   if (isCrank) {
-    devDependencies["eslint"] = "^9.0.0";
-    devDependencies["@eslint/js"] = "^9.0.0";
+    devDependencies["eslint"] = "^10.0.0";
+    devDependencies["@eslint/js"] = "^10.0.0";
   }
   const scripts = {
     develop: `shovel develop ${entryFile} --platform ${config.platform}`,
@@ -291,10 +292,10 @@ async function createProject(config, projectPath) {
   if (isCrank) {
     scripts.lint = "eslint src/";
   }
-  const packageJson = {
+  const packageJSON = {
     name: config.name,
     private: true,
-    version: "0.0.1",
+    version: "0.1.0",
     type: "module",
     scripts,
     dependencies,
@@ -302,7 +303,7 @@ async function createProject(config, projectPath) {
   };
   await writeFile(
     join(projectPath, "package.json"),
-    JSON.stringify(packageJson, null, 2)
+    JSON.stringify(packageJSON, null, 2)
   );
   const appResult = generateAppFile(config);
   if (typeof appResult === "string") {
@@ -388,8 +389,8 @@ self.addEventListener("fetch", (event) => {
 `;
 }
 function generateApi(config) {
-  return `import { Router } from "@b9g/router";
-import { logger } from "@b9g/router/middleware";
+  return `import {Router} from "@b9g/router";
+import {logger} from "@b9g/router/middleware";
 
 const router = new Router();
 router.use(logger());
@@ -453,9 +454,10 @@ var css = `    * { box-sizing: border-box; margin: 0; padding: 0; }
     body { font-family: system-ui, -apple-system, sans-serif; line-height: 1.6; color: #333; background: #fafafa; }
     main { max-width: 640px; margin: 4rem auto; padding: 2rem; }
     h1 { color: #2563eb; margin-bottom: 1rem; }
+    main > * + * { margin-top: 1rem; }
     code { background: #e5e7eb; padding: 0.2rem 0.4rem; border-radius: 4px; font-size: 0.9em; }
     a { color: #2563eb; }
-    ul { margin-top: 1rem; padding-left: 1.5rem; }
+    ul { padding-left: 1.5rem; }
     li { margin-bottom: 0.5rem; }
     button { background: #2563eb; color: white; border: none; padding: 0.5rem 1rem; border-radius: 4px; cursor: pointer; font-size: 1rem; }
     button:hover { background: #1d4ed8; }
@@ -489,6 +491,12 @@ async function handleRequest(request${t ? ": Request" : ""})${t ? ": Promise<Res
     return new Response(renderPage("Home", \`
       <h1>Welcome to ${config.name}</h1>
       <p>Edit <code>src/app.${ext}</code> to get started.</p>
+      <button id="counter">Clicked: 0</button>
+      <script>
+        let count = 0;
+        const btn = document.getElementById("counter");
+        btn.addEventListener("click", () => btn.textContent = "Clicked: " + ++count);
+      </script>
       <p><a href="/about">About</a></p>
     \`), {
       headers: { "Content-Type": "text/html" },
@@ -545,7 +553,7 @@ async function handleRequest(request${t ? ": Request" : ""})${t ? ": Promise<Res
       <p>Edit <code>src/app.${ext}</code> to get started.</p>
       <button hx-get="/greeting" hx-target="#result" hx-swap="innerHTML">Get Greeting</button>
       <div id="result"></div>
-      <p style="margin-top: 1rem;"><a href="/about">About</a></p>
+      <p><a href="/about">About</a></p>
     \`), {
       headers: { "Content-Type": "text/html" },
     });
@@ -611,7 +619,7 @@ async function handleRequest(request${t ? ": Request" : ""})${t ? ": Promise<Res
       <div x-data="{ count: 0 }">
         <button @click="count++">Clicked: <span x-text="count"></span></button>
       </div>
-      <p style="margin-top: 1rem;"><a href="/about">About</a></p>
+      <p><a href="/about">About</a></p>
     \`), {
       headers: { "Content-Type": "text/html" },
     });
@@ -656,15 +664,19 @@ function generateStaticSiteCrank(config) {
     return {
       [`server.${ext}`]: `import {renderer} from "@b9g/crank/html";
 import {Router} from "@b9g/router";
-import {Page} from "./components";
+import {assets} from "@b9g/assets/middleware";
+import {Page, Counter} from "./components";
+import clientUrl from "./client.${ext}" with {assetBase: "/assets/"};
 
 const router = new Router();
+router.use(assets());
 
 router.route("/").get(async () => {
   const html = await renderer.render(
-    <Page title="Home">
+    <Page title="Home" clientUrl={clientUrl}>
       <h1>Welcome to ${config.name}</h1>
       <p>Edit <code>src/server.${ext}</code> to get started.</p>
+      <div id="counter"><Counter /></div>
       <p><a href="/about">About</a></p>
     </Page>
   );
@@ -690,11 +702,11 @@ self.addEventListener("fetch", (event) => {
   event.respondWith(router.handle(event.request));
 });
 `,
-      [`components.${ext}`]: `const css = \`
+      [`components.${ext}`]: `${t ? 'import type {Context} from "@b9g/crank";\n\n' : ""}const css = \`
 ${css}
 \`;
 
-export function Page({title, children}${t ? ": {title: string, children: unknown}" : ""}) {
+export function Page({title, children, clientUrl}${t ? ": {title: string, children: unknown, clientUrl?: string}" : ""}) {
   return (
     <html lang="en">
       <head>
@@ -705,10 +717,27 @@ export function Page({title, children}${t ? ": {title: string, children: unknown
       </head>
       <body>
         <main>{children}</main>
+        {clientUrl && <script src={clientUrl} type="module" />}
       </body>
     </html>
   );
 }
+
+export function *Counter(${t ? "this: Context" : ""}) {
+  let count = 0;
+  const handleClick = () => {
+    count++;
+    this.refresh();
+  };
+  for ({} of this) {
+    yield <button onclick={handleClick}>Clicked: {count}</button>;
+  }
+}
+`,
+      [`client.${ext}`]: `import {renderer} from "@b9g/crank/dom";
+import {Counter} from "./components";
+
+renderer.hydrate(<Counter />, document.getElementById("counter")${t ? "!" : ""});
 `
     };
   }
@@ -716,15 +745,19 @@ export function Page({title, children}${t ? ": {title: string, children: unknown
     [`server.${ext}`]: `import {jsx} from "@b9g/crank/standalone";
 import {renderer} from "@b9g/crank/html";
 import {Router} from "@b9g/router";
-import {Page} from "./components";
+import {assets} from "@b9g/assets/middleware";
+import {Page, Counter} from "./components";
+import clientUrl from "./client.${ext}" with {assetBase: "/assets/"};
 
 const router = new Router();
+router.use(assets());
 
 router.route("/").get(async () => {
   const html = await renderer.render(jsx\`
-    <\${Page} title="Home">
+    <\${Page} title="Home" clientUrl=\${clientUrl}>
       <h1>Welcome to ${config.name}</h1>
       <p>Edit <code>src/server.${ext}</code> to get started.</p>
+      <div id="counter"><\${Counter} /></div>
       <p><a href="/about">About</a></p>
     </\${Page}>
   \`);
@@ -751,12 +784,11 @@ self.addEventListener("fetch", (event) => {
 });
 `,
     [`components.${ext}`]: `import {jsx} from "@b9g/crank/standalone";
-
-const css = \`
+${t ? 'import type {Context} from "@b9g/crank/standalone";\n\n' : "\n"}const css = \`
 ${css}
 \`;
 
-export function Page({title, children}${t ? ": {title: string, children: unknown}" : ""}) {
+export function Page({title, children, clientUrl}${t ? ": {title: string, children: unknown, clientUrl?: string}" : ""}) {
   return jsx\`
     <html lang="en">
       <head>
@@ -767,10 +799,27 @@ export function Page({title, children}${t ? ": {title: string, children: unknown
       </head>
       <body>
         <main>\${children}</main>
+        \${clientUrl && jsx\`<script src=\${clientUrl} type="module" />\`}
       </body>
     </html>
   \`;
 }
+
+export function *Counter(${t ? "this: Context" : ""}) {
+  let count = 0;
+  const handleClick = () => {
+    count++;
+    this.refresh();
+  };
+  for ({} of this) {
+    yield jsx\`<button onclick=\${handleClick}>Clicked: \${count}</button>\`;
+  }
+}
+`,
+    [`client.${ext}`]: `import {jsx, renderer} from "@b9g/crank/standalone";
+import {Counter} from "./components";
+
+renderer.hydrate(jsx\`<\${Counter} />\`, document.getElementById("counter")${t ? "!" : ""});
 `
   };
 }
@@ -789,8 +838,8 @@ function generateFullStack(config) {
 function generateFullStackVanilla(config) {
   const ext = config.typescript ? "ts" : "js";
   const t = config.typescript;
-  return `import { Router } from "@b9g/router";
-import { logger } from "@b9g/router/middleware";
+  return `import {Router} from "@b9g/router";
+import {logger} from "@b9g/router/middleware";
 
 const router = new Router();
 router.use(logger());
@@ -813,6 +862,16 @@ router.route("/").get(() => {
   return new Response(renderPage("Home", \`
     <h1>Welcome to ${config.name}</h1>
     <p>Edit <code>src/app.${ext}</code> to get started.</p>
+    <button id="call-api">Call API</button>
+    <div id="result"></div>
+    <script>
+      document.getElementById("call-api").addEventListener("click", async () => {
+        const res = await fetch("/api/hello");
+        const data = await res.json();
+        document.getElementById("result").innerHTML =
+          "<p>" + data.message + "</p><p><small>" + data.timestamp + "</small></p>";
+      });
+    </script>
     <ul>
       <li><a href="/about">About</a></li>
       <li><a href="/api/hello">API: /api/hello</a></li>
@@ -857,8 +916,8 @@ self.addEventListener("fetch", (event) => {
 function generateFullStackHtmx(config) {
   const ext = config.typescript ? "ts" : "js";
   const t = config.typescript;
-  return `import { Router } from "@b9g/router";
-import { logger } from "@b9g/router/middleware";
+  return `import {Router} from "@b9g/router";
+import {logger} from "@b9g/router/middleware";
 
 const router = new Router();
 router.use(logger());
@@ -935,8 +994,8 @@ self.addEventListener("fetch", (event) => {
 function generateFullStackAlpine(config) {
   const ext = config.typescript ? "ts" : "js";
   const t = config.typescript;
-  return `import { Router } from "@b9g/router";
-import { logger } from "@b9g/router/middleware";
+  return `import {Router} from "@b9g/router";
+import {logger} from "@b9g/router/middleware";
 
 const router = new Router();
 router.use(logger());
@@ -1016,10 +1075,13 @@ function generateFullStackCrank(config) {
       [`server.${ext}`]: `import {renderer} from "@b9g/crank/html";
 import {Router} from "@b9g/router";
 import {logger} from "@b9g/router/middleware";
-import {Page} from "./components";
+import {assets} from "@b9g/assets/middleware";
+import {Page, Counter} from "./components";
+import clientUrl from "./client.${ext}" with {assetBase: "/assets/"};
 
 const router = new Router();
 router.use(logger());
+router.use(assets());
 
 // API routes
 router.route("/api/hello").get(() => {
@@ -1037,9 +1099,10 @@ router.route("/api/echo").post(async (req) => {
 // HTML pages
 router.route("/").get(async () => {
   const html = await renderer.render(
-    <Page title="Home">
+    <Page title="Home" clientUrl={clientUrl}>
       <h1>Welcome to ${config.name}</h1>
       <p>Edit <code>src/server.${ext}</code> to get started.</p>
+      <div id="counter"><Counter /></div>
       <ul>
         <li><a href="/about">About</a></li>
         <li><a href="/api/hello">API: /api/hello</a></li>
@@ -1068,11 +1131,11 @@ self.addEventListener("fetch", (event) => {
   event.respondWith(router.handle(event.request));
 });
 `,
-      [`components.${ext}`]: `const css = \`
+      [`components.${ext}`]: `${t ? 'import type {Context} from "@b9g/crank";\n\n' : ""}const css = \`
 ${css}
 \`;
 
-export function Page({title, children}${t ? ": {title: string, children: unknown}" : ""}) {
+export function Page({title, children, clientUrl}${t ? ": {title: string, children: unknown, clientUrl?: string}" : ""}) {
   return (
     <html lang="en">
       <head>
@@ -1083,10 +1146,27 @@ export function Page({title, children}${t ? ": {title: string, children: unknown
       </head>
       <body>
         <main>{children}</main>
+        {clientUrl && <script src={clientUrl} type="module" />}
       </body>
     </html>
   );
 }
+
+export function *Counter(${t ? "this: Context" : ""}) {
+  let count = 0;
+  const handleClick = () => {
+    count++;
+    this.refresh();
+  };
+  for ({} of this) {
+    yield <button onclick={handleClick}>Clicked: {count}</button>;
+  }
+}
+`,
+      [`client.${ext}`]: `import {renderer} from "@b9g/crank/dom";
+import {Counter} from "./components";
+
+renderer.hydrate(<Counter />, document.getElementById("counter")${t ? "!" : ""});
 `
     };
   }
@@ -1095,10 +1175,13 @@ export function Page({title, children}${t ? ": {title: string, children: unknown
 import {renderer} from "@b9g/crank/html";
 import {Router} from "@b9g/router";
 import {logger} from "@b9g/router/middleware";
-import {Page} from "./components";
+import {assets} from "@b9g/assets/middleware";
+import {Page, Counter} from "./components";
+import clientUrl from "./client.${ext}" with {assetBase: "/assets/"};
 
 const router = new Router();
 router.use(logger());
+router.use(assets());
 
 // API routes
 router.route("/api/hello").get(() => {
@@ -1116,9 +1199,10 @@ router.route("/api/echo").post(async (req) => {
 // HTML pages
 router.route("/").get(async () => {
   const html = await renderer.render(jsx\`
-    <\${Page} title="Home">
+    <\${Page} title="Home" clientUrl=\${clientUrl}>
       <h1>Welcome to ${config.name}</h1>
       <p>Edit <code>src/server.${ext}</code> to get started.</p>
+      <div id="counter"><\${Counter} /></div>
       <ul>
         <li><a href="/about">About</a></li>
         <li><a href="/api/hello">API: /api/hello</a></li>
@@ -1148,12 +1232,11 @@ self.addEventListener("fetch", (event) => {
 });
 `,
     [`components.${ext}`]: `import {jsx} from "@b9g/crank/standalone";
-
-const css = \`
+${t ? 'import type {Context} from "@b9g/crank/standalone";\n\n' : "\n"}const css = \`
 ${css}
 \`;
 
-export function Page({title, children}${t ? ": {title: string, children: unknown}" : ""}) {
+export function Page({title, children, clientUrl}${t ? ": {title: string, children: unknown, clientUrl?: string}" : ""}) {
   return jsx\`
     <html lang="en">
       <head>
@@ -1164,10 +1247,27 @@ export function Page({title, children}${t ? ": {title: string, children: unknown
       </head>
       <body>
         <main>\${children}</main>
+        \${clientUrl && jsx\`<script src=\${clientUrl} type="module" />\`}
       </body>
     </html>
   \`;
 }
+
+export function *Counter(${t ? "this: Context" : ""}) {
+  let count = 0;
+  const handleClick = () => {
+    count++;
+    this.refresh();
+  };
+  for ({} of this) {
+    yield jsx\`<button onclick=\${handleClick}>Clicked: \${count}</button>\`;
+  }
+}
+`,
+    [`client.${ext}`]: `import {jsx, renderer} from "@b9g/crank/standalone";
+import {Counter} from "./components";
+
+renderer.hydrate(jsx\`<\${Counter} />\`, document.getElementById("counter")${t ? "!" : ""});
 `
   };
 }
@@ -1182,7 +1282,7 @@ function generateReadme(config) {
     vanilla: "",
     htmx: " using [HTMX](https://htmx.org)",
     alpine: " using [Alpine.js](https://alpinejs.dev)",
-    crank: " using [Crank.js](https://crank.js.org)"
+    crank: " using [Crank.js](https://crank.js.org) with hydration"
   };
   const ext = config.uiFramework === "crank" && config.useJSX ? config.typescript ? "tsx" : "jsx" : config.typescript ? "ts" : "js";
   const isCrank = config.uiFramework === "crank";
@@ -1191,7 +1291,8 @@ function generateReadme(config) {
     projectTree = `${config.name}/
 \u251C\u2500\u2500 src/
 \u2502   \u251C\u2500\u2500 server.${ext}       # Application entry point
-\u2502   \u2514\u2500\u2500 components.${ext}   # Page components
+\u2502   \u251C\u2500\u2500 components.${ext}   # Page components
+\u2502   \u2514\u2500\u2500 client.${ext}       # Client-side hydration
 \u251C\u2500\u2500 eslint.config.js
 \u251C\u2500\u2500 package.json
 ${config.typescript ? "\u251C\u2500\u2500 tsconfig.json\n" : ""}\u2514\u2500\u2500 README.md`;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@b9g/shovel",
-  "version": "0.2.10",
+  "version": "0.2.12",
   "description": "ServiceWorker-first universal deployment platform. Write ServiceWorker apps once, deploy anywhere (Node/Bun/Cloudflare). Registry-based multi-app orchestration.",
   "license": "MIT",
   "repository": {
@@ -24,8 +24,6 @@
     "@b9g/platform-cloudflare": "^0.1.15",
     "@b9g/platform-node": "^0.1.17",
     "@clack/prompts": "^0.7.0",
-    "@esbuild-plugins/node-globals-polyfill": "^0.2.3",
-    "@esbuild-plugins/node-modules-polyfill": "^0.2.2",
     "@logtape/logtape": "^2.0.0",
     "commander": "^13.1.0",
     "esbuild": "^0.27.2",
@@ -34,16 +32,19 @@
   },
   "devDependencies": {
     "@b9g/assets": "^0.2.1",
-    "@b9g/crank": "^0.7.2",
-    "@b9g/libuild": "^0.1.22",
-    "@b9g/router": "^0.2.2",
+    "@b9g/crank": "^0.7.7",
+    "@b9g/libuild": "^0.1.24",
+    "@b9g/router": "^0.2.3",
+    "@eslint/js": "^9.0.0",
     "@logtape/file": "^2.0.0",
     "@types/bun": "^1.3.4",
     "@typescript-eslint/eslint-plugin": "^8.0.0",
     "@typescript-eslint/parser": "^8.0.0",
+    "esbuild-plugins-node-modules-polyfill": "^1.8.1",
     "eslint": "^9.0.0",
     "eslint-config-prettier": "^10.0.0",
     "eslint-plugin-prettier": "^5.0.0",
+    "miniflare": "^4.0.0",
     "mitata": "^1.0.34",
     "typescript": "^5.7.3"
   },
@@ -53,19 +54,19 @@
     "./package.json": "./package.json",
     "./bin/cli": {
       "types": "./src/undefined.d.ts",
-      "import": "./dist/bin/cli.js"
+      "import": "./bin/cli.js"
     },
     "./bin/cli.js": {
       "types": "./src/undefined.d.ts",
-      "import": "./dist/bin/cli.js"
+      "import": "./bin/cli.js"
     },
     "./bin/create": {
-      "types": "./dist/bin/create.d.ts",
-      "import": "./dist/bin/create.js"
+      "types": "./bin/create.d.ts",
+      "import": "./bin/create.js"
     },
     "./bin/create.js": {
-      "types": "./dist/bin/create.d.ts",
-      "import": "./dist/bin/create.js"
+      "types": "./bin/create.d.ts",
+      "import": "./bin/create.js"
     }
   }
 }

package/src/_chunks/{build-O5LLUOND.js → build-YOORTV6F.js}

@@ -1,7 +1,7 @@
 import {
   ServerBundler,
   loadPlatformModule
-} from "./chunk-DQDUKJQ4.js";
+} from "./chunk-DRCLXHTF.js";
 import {
   findProjectRoot,
   findWorkspaceRoot

package/src/_chunks/{chunk-DQDUKJQ4.js → chunk-DRCLXHTF.js}

@@ -21,14 +21,14 @@ import { join, basename, extname, relative, dirname } from "path";
 import mime from "mime";
 import * as ESBuild from "esbuild";
 import { getLogger } from "@logtape/logtape";
-import { NodeModulesPolyfillPlugin } from "@esbuild-plugins/node-modules-polyfill";
-import { NodeGlobalsPolyfillPlugin } from "@esbuild-plugins/node-globals-polyfill";
+import { nodeModulesPolyfillPlugin } from "esbuild-plugins-node-modules-polyfill";
 var TRANSPILABLE_EXTENSIONS = /* @__PURE__ */ new Set([
+  ".js",
   ".ts",
   ".tsx",
   ".jsx",
-  ".mts",
-  ".cts"
+  ".mjs",
+  ".mts"
 ]);
 var CSS_EXTENSIONS = /* @__PURE__ */ new Set([".css"]);
 var logger = getLogger(["shovel", "assets"]);
@@ -101,10 +101,8 @@ function assetsPlugin(options = {}) {
           let chunkFiles = [];
           if (needsTranspilation) {
             const defaultPlugins = [
-              NodeModulesPolyfillPlugin(),
-              NodeGlobalsPolyfillPlugin({
-                process: true,
-                buffer: true
+              nodeModulesPolyfillPlugin({
+                globals: { process: true, Buffer: true }
               })
             ];
             const plugins = options.plugins ? [...options.plugins, ...defaultPlugins] : defaultPlugins;

package/src/_chunks/{develop-N265AMEN.js → develop-I74XUWOE.js}

@@ -1,7 +1,7 @@
 import {
   ServerBundler,
   loadPlatformModule
-} from "./chunk-DQDUKJQ4.js";
+} from "./chunk-DRCLXHTF.js";
 import {
   DEFAULTS
 } from "./chunk-7GONPLNW.js";