exportc 0.0.2 → 0.0.3

package/README.md

@@ -13,6 +13,9 @@ cd export && npm install && cd ..
 
 # Start development (Wrangler starts automatically!)
 npm run dev
+
+# Deploy to Cloudflare Workers Sites
+npm run export
 ```
 
 ## Usage
@@ -57,22 +60,22 @@ import { exportPlugin } from "exportc/vite";
 
 export default defineConfig({
   plugins: [
-    exportPlugin({
-      // Production Worker URL (required for production builds)
-      production: "https://my-api.workers.dev",
-
-      // Optional: customize dev server
-      // port: 8787,
-      // autoStart: true,  // Auto-start Wrangler (default: true)
-    }),
+    exportPlugin(),
+    // Production URL is auto-detected from export/package.json name
+    // Override with: exportPlugin({ production: "https://custom.workers.dev" })
   ],
 });
 ```
 
-When you run `npm run dev`, the plugin:
+**Development** (`npm run dev`):
 1. Automatically starts Wrangler dev server
 2. Waits for it to be ready
-3. Transforms `export:/` imports to point to the local server
+3. Transforms `export:/` imports to `http://localhost:8787`
+
+**Production** (`npm run export`):
+1. Builds Vite app
+2. Deploys to Workers Sites (static assets + server exports)
+3. `export:/` imports resolve to `https://{worker-name}.workers.dev`
 
 ## Project Structure
 

package/commands/deploy.js

@@ -23,27 +23,54 @@ export async function deploy(argv) {
 
   p.intro(pc.bgCyan(pc.black(" exportc deploy ")));
 
-  const s = p.spinner();
-  s.start("Deploying to Cloudflare Workers...");
+  // Step 1: Build Vite
+  const s1 = p.spinner();
+  s1.start("Building with Vite...");
 
-  // Run deploy
-  const deployProcess = spawn("npm", ["run", "deploy"], {
+  const viteBuild = spawn("npm", ["run", "build"], {
+    cwd,
+    stdio: ["ignore", "pipe", "pipe"],
+    shell: true,
+  });
+
+  let viteBuildOutput = "";
+  viteBuild.stdout.on("data", (data) => { viteBuildOutput += data.toString(); });
+  viteBuild.stderr.on("data", (data) => { viteBuildOutput += data.toString(); });
+
+  const viteExitCode = await new Promise((resolve) => {
+    viteBuild.on("close", resolve);
+    viteBuild.on("error", () => resolve(1));
+  });
+
+  if (viteExitCode !== 0) {
+    s1.stop("Vite build failed");
+    console.error(viteBuildOutput);
+    process.exit(1);
+  }
+
+  s1.stop("Vite build complete");
+
+  // Step 2: Deploy to Cloudflare Workers
+  const s2 = p.spinner();
+  s2.start("Deploying to Cloudflare Workers...");
+
+  const wranglerDeploy = spawn("npm", ["run", "deploy"], {
     cwd: exportDir,
     stdio: "inherit",
     shell: true,
   });
 
-  const exitCode = await new Promise((resolve) => {
-    deployProcess.on("close", resolve);
-    deployProcess.on("error", () => resolve(1));
+  const wranglerExitCode = await new Promise((resolve) => {
+    wranglerDeploy.on("close", resolve);
+    wranglerDeploy.on("error", () => resolve(1));
   });
 
-  if (exitCode !== 0) {
-    s.stop("Deployment failed");
+  if (wranglerExitCode !== 0) {
+    s2.stop("Deployment failed");
     process.exit(1);
   }
 
-  s.stop("Deployed successfully!");
+  s2.stop("Deployed successfully!");
 
   // Read worker name from export/package.json
   const exportPkgPath = path.join(exportDir, "package.json");
@@ -51,13 +78,16 @@ export async function deploy(argv) {
   const workerName = exportPkg.name;
 
   p.note(
-    `Your exports are now live at:
+    `Your app is now live at:
 ${pc.cyan(`https://${workerName}.workers.dev/`)}
 
-${pc.bold("Update your Vite config for production:")}
-${pc.dim("// vite.config.ts")}
-${pc.cyan(`exportPlugin({ production: "https://${workerName}.workers.dev" })`)}`,
-    "Deployed"
+${pc.bold("What was deployed:")}
+- Static assets (Vite build output)
+- Server exports (export/ directory)
+
+${pc.bold("Client imports will resolve to:")}
+${pc.cyan(`https://${workerName}.workers.dev/`)}`,
+    "Workers Sites"
   );
 
   p.outro("Done!");

package/commands/init.js

@@ -132,6 +132,15 @@ export class Counter {
     fs.writeFileSync(indexPath, template);
   }
 
+  // Detect Vite build output directory from vite.config
+  let viteBuildOutDir = "dist"; // default
+  const viteConfigPath = path.join(cwd, viteConfig);
+  let viteConfigContent = fs.readFileSync(viteConfigPath, "utf8");
+  const outDirMatch = viteConfigContent.match(/outDir:\s*['"]([^'"]+)['"]/);
+  if (outDirMatch) {
+    viteBuildOutDir = outDirMatch[1];
+  }
+
   // Create export/package.json
   const exportPkgPath = path.join(exportDir, "package.json");
   const exportPkg = {
@@ -139,6 +148,7 @@ export class Counter {
     private: true,
     type: "module",
     exports: "./",
+    main: `../${viteBuildOutDir}`, // Static assets from Vite build
     scripts: {
       dev: "generate-export-types && wrangler dev",
       deploy: "generate-export-types && wrangler deploy",
@@ -160,25 +170,20 @@ export class Counter {
   // Update main package.json
   pkg.scripts = pkg.scripts || {};
 
-  // Add deploy script for export
-  if (!pkg.scripts["deploy"]) {
-    pkg.scripts["deploy"] = "cd export && npm run deploy";
-  } else if (!pkg.scripts["deploy"].includes("export")) {
-    // Add export deploy to existing deploy script
-    pkg.scripts["deploy:export"] = "cd export && npm run deploy";
+  // Add export script: build + deploy as Workers Sites
+  if (!pkg.scripts["export"]) {
+    pkg.scripts["export"] = "vite build && cd export && npm run deploy";
   }
 
   // Add exportc to devDependencies
   pkg.devDependencies = pkg.devDependencies || {};
   if (!pkg.devDependencies.exportc) {
-    pkg.devDependencies.exportc = "^0.0.1";
+    pkg.devDependencies.exportc = "^0.0.2";
   }
 
   fs.writeFileSync(pkgPath, JSON.stringify(pkg, null, 2) + "\n");
 
   // Update vite.config
-  const viteConfigPath = path.join(cwd, viteConfig);
-  let viteConfigContent = fs.readFileSync(viteConfigPath, "utf8");
 
   // Check if export plugin is already added
   if (!viteConfigContent.includes("exportc/vite")) {
@@ -305,8 +310,9 @@ ${pc.bold("Next steps:")}
    ${pc.cyan(`import { hello } from "export:/";`)}
    ${pc.cyan(`const message = await hello("World");`)}
 
-4. Deploy to Cloudflare:
-   ${pc.cyan("npm run deploy")}`,
+4. Deploy to Cloudflare Workers Sites:
+   ${pc.cyan("npm run export")}
+   ${pc.dim("# Builds Vite + deploys everything to Workers")}`,
     "Created"
   );
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "exportc",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "CLI to add export to existing projects",
   "scripts": {
     "test": "node --test test/*.test.mjs"

package/vite-plugin.js

@@ -14,7 +14,7 @@
  */
 
 import { spawn } from "node:child_process";
-import { existsSync } from "node:fs";
+import { existsSync, readFileSync } from "node:fs";
 import { resolve } from "node:path";
 
 const EXPORT_PREFIX = "export:";
@@ -23,7 +23,7 @@ const DEFAULT_DEV_PORT = 8787;
 /**
  * @param {Object} options
  * @param {string} [options.dev] - Development server URL (default: http://localhost:8787)
- * @param {string} [options.production] - Production Worker URL (required for production builds)
+ * @param {string} [options.production] - Production Worker URL (auto-detected from export/package.json name if not specified)
  * @param {string} [options.exportDir] - Export directory (default: ./export)
  * @param {boolean} [options.autoStart] - Auto-start Wrangler in dev mode (default: true)
  * @returns {import('vite').Plugin}
@@ -31,7 +31,7 @@ const DEFAULT_DEV_PORT = 8787;
 export function exportPlugin(options = {}) {
   const devPort = options.port || DEFAULT_DEV_PORT;
   const devUrl = options.dev || `http://localhost:${devPort}`;
-  const prodUrl = options.production;
+  let prodUrl = options.production;
   const exportDir = options.exportDir || "./export";
   const autoStart = options.autoStart !== false;
 
@@ -40,6 +40,21 @@ export function exportPlugin(options = {}) {
   let wranglerReady = false;
   let wranglerReadyPromise = null;
 
+  // Auto-detect production URL from export/package.json
+  const detectProductionUrl = (root) => {
+    if (prodUrl) return prodUrl;
+    try {
+      const exportPkgPath = resolve(root, exportDir, "package.json");
+      if (existsSync(exportPkgPath)) {
+        const exportPkg = JSON.parse(readFileSync(exportPkgPath, "utf8"));
+        if (exportPkg.name) {
+          return `https://${exportPkg.name}.workers.dev`;
+        }
+      }
+    } catch {}
+    return null;
+  };
+
   const startWrangler = (root) => {
     const exportPath = resolve(root, exportDir);
 
@@ -136,6 +151,11 @@ export function exportPlugin(options = {}) {
 
     config(config, { command }) {
       isDev = command === "serve";
+      // Auto-detect production URL if not specified
+      if (!isDev && !prodUrl) {
+        const root = config.root || process.cwd();
+        prodUrl = detectProductionUrl(root);
+      }
       return {};
     },