create-100x-mobile 0.5.0 → 0.5.2

package/dist/commands/new/steps.js

@@ -18,6 +18,7 @@ exports.writeInstantEnvironment = writeInstantEnvironment;
 exports.initializeConvex = initializeConvex;
 exports.ensureExpoPublicConvexUrl = ensureExpoPublicConvexUrl;
 exports.setConvexClerkEnv = setConvexClerkEnv;
+exports.setupCloudflare = setupCloudflare;
 exports.initializeGit = initializeGit;
 exports.runHealthChecks = runHealthChecks;
 const node_path_1 = require("node:path");
@@ -524,6 +525,61 @@ async function setConvexClerkEnv(projectDir, clerkDomain) {
         return false;
     }
 }
+async function setupCloudflare(projectDir) {
+    const result = {
+        configured: false,
+        loggedIn: false,
+        deployed: false,
+        workerUrl: "",
+    };
+    // Step 1: cloudflare:configure (alchemy configure)
+    try {
+        await (0, run_1.run)("bun", ["run", "cloudflare:configure"], { cwd: projectDir });
+        result.configured = true;
+    }
+    catch (error) {
+        prompts_1.log.warn(`Cloudflare configure failed: ${toErrorMessage(error)}`);
+        prompts_1.log.info(picocolors_1.default.dim("Run manually: bun run cloudflare:configure"));
+        return result;
+    }
+    // Step 2: cloudflare:login (alchemy login)
+    try {
+        await (0, run_1.run)("bun", ["run", "cloudflare:login"], { cwd: projectDir });
+        result.loggedIn = true;
+    }
+    catch (error) {
+        prompts_1.log.warn(`Cloudflare login failed: ${toErrorMessage(error)}`);
+        prompts_1.log.info(picocolors_1.default.dim("Run manually: bun run cloudflare:login"));
+        return result;
+    }
+    // Step 3: cloudflare:deploy (alchemy deploy) — capture output for worker URL
+    try {
+        const deployOutput = await (0, run_1.runCapture)("bun", ["run", "cloudflare:deploy"], { cwd: projectDir });
+        result.deployed = true;
+        // Try to extract the storageWorkerUrl from the deploy output
+        const urlMatch = deployOutput.match(/storageWorkerUrl[:\s]*["']?(https?:\/\/[^\s"']+)["']?/i);
+        if (urlMatch?.[1]) {
+            result.workerUrl = urlMatch[1];
+            // Write the worker URL to .env.local
+            const envLocalPath = (0, node_path_1.join)(projectDir, ".env.local");
+            let envContents = "";
+            try {
+                envContents = await (0, fs_1.readTextFile)(envLocalPath);
+            }
+            catch {
+                // .env.local may not exist yet
+            }
+            envContents = (0, dotenv_1.upsertDotenvVar)(envContents, "EXPO_PUBLIC_STORAGE_WORKER_URL", result.workerUrl);
+            await (0, fs_1.writeTextFile)(envLocalPath, envContents);
+        }
+    }
+    catch (error) {
+        prompts_1.log.warn(`Cloudflare deploy failed: ${toErrorMessage(error)}`);
+        prompts_1.log.info(picocolors_1.default.dim("Run manually: bun run cloudflare:deploy"));
+        return result;
+    }
+    return result;
+}
 async function initializeGit(projectDir) {
     try {
         await (0, run_1.run)("git", ["init"], { cwd: projectDir });

package/dist/commands/new.js

@@ -257,9 +257,11 @@ async function cmdNew(rawArgs) {
         prompts_1.log.info(picocolors_1.default.dim(`Client name: ${instant.clerkClientName}`));
         prompts_1.log.info(picocolors_1.default.dim(`Clerk publishable key: ${instant.clerkPublishableKey}`));
     }
+    const isCloudflareMode = backend === "instantdb" && (0, scaffold_1.isCloudflareInstantAuthMode)(instantAuthMode);
     const totalSteps = 1 + // project generation
         (options.installDependencies ? 2 : 0) +
         (backend === "convex" ? 2 + (clerk.domain ? 1 : 0) : 1) +
+        (isCloudflareMode && options.installDependencies ? 1 : 0) + // cloudflare setup
         (options.initializeGit ? 1 : 0) +
         1; // health check
     let currentStep = 0;
@@ -319,6 +321,7 @@ async function cmdNew(rawArgs) {
     else {
         prompts_1.log.info(picocolors_1.default.dim("Skipping dependency installation (--no-install)."));
     }
+    let cloudflareSetup = null;
     if (backend === "convex") {
         currentStep++;
         prompts_1.log.step(`Setting up Convex ${stepLabel()}`);
@@ -348,6 +351,23 @@ async function cmdNew(rawArgs) {
             }
         }
     }
+    if (isCloudflareMode && options.installDependencies) {
+        currentStep++;
+        prompts_1.log.step(`Setting up Cloudflare storage ${stepLabel()}`);
+        cloudflareSetup = await (0, steps_1.setupCloudflare)(projectDir);
+        if (cloudflareSetup.deployed) {
+            if (cloudflareSetup.workerUrl) {
+                prompts_1.log.success(`Cloudflare deployed. Worker URL: ${picocolors_1.default.cyan(cloudflareSetup.workerUrl)}`);
+            }
+            else {
+                prompts_1.log.success("Cloudflare deployed.");
+                prompts_1.log.info(picocolors_1.default.dim("Add the storageWorkerUrl to EXPO_PUBLIC_STORAGE_WORKER_URL in .env.local."));
+            }
+        }
+        else {
+            prompts_1.log.warn("Cloudflare setup did not complete fully.");
+        }
+    }
     if (options.initializeGit) {
         currentStep++;
         prompts_1.log.step(`Initializing git repository ${stepLabel()}`);
@@ -372,17 +392,19 @@ async function cmdNew(rawArgs) {
     }
     prompts_1.log.info("");
     if (backend === "instantdb") {
-        const isCloudflareMode = instant?.authMode && (0, scaffold_1.isCloudflareInstantAuthMode)(instant.authMode);
         const isMagicCodeMode = instant?.authMode && (0, scaffold_1.isMagicCodeInstantAuthMode)(instant.authMode);
         const instantReady = isMagicCodeMode
             ? Boolean(instant?.appId)
             : Boolean(instant?.authMode === "clerk" &&
                 instant.appId &&
                 instant.clerkPublishableKey);
+        const cloudflareFullyDeployed = cloudflareSetup?.deployed && cloudflareSetup?.workerUrl;
         if (instantReady) {
-            prompts_1.log.success(picocolors_1.default.bold(picocolors_1.default.green(isCloudflareMode
-                ? "Your app is ready! Deploy Cloudflare storage next."
-                : "Your app is ready!")));
+            prompts_1.log.success(picocolors_1.default.bold(picocolors_1.default.green(isCloudflareMode && cloudflareFullyDeployed
+                ? "Your app is ready! Cloudflare storage deployed."
+                : isCloudflareMode
+                    ? "Your app is ready! Deploy Cloudflare storage next."
+                    : "Your app is ready!")));
         }
         else if (isMagicCodeMode) {
             prompts_1.log.success(picocolors_1.default.bold(picocolors_1.default.green(isCloudflareMode
@@ -402,15 +424,36 @@ async function cmdNew(rawArgs) {
             prompts_1.log.info(`  ${picocolors_1.default.cyan("bun install")} ${picocolors_1.default.dim("# or npm install")}`);
             prompts_1.log.info(`  ${picocolors_1.default.cyan("bunx expo start")}`);
         }
-        if (isCloudflareMode) {
+        if (isCloudflareMode && !cloudflareFullyDeployed) {
             prompts_1.log.info("");
-            prompts_1.log.info(picocolors_1.default.dim("  Cloudflare setup:"));
-            prompts_1.log.info(picocolors_1.default.dim("  INSTANT_APP_ID is written to .env.local for Alchemy deploys."));
-            prompts_1.log.info(`  ${picocolors_1.default.cyan("bun run cloudflare:configure")}`);
-            prompts_1.log.info(`  ${picocolors_1.default.cyan("bun run cloudflare:login")}`);
-            prompts_1.log.info(`  ${picocolors_1.default.cyan("bun run cloudflare:deploy")}`);
+            if (!cloudflareSetup || !cloudflareSetup.configured) {
+                // Nothing ran — show all steps
+                prompts_1.log.info(picocolors_1.default.dim("  Cloudflare setup (run manually):"));
+                prompts_1.log.info(picocolors_1.default.dim("  INSTANT_APP_ID is written to .env.local for Alchemy deploys."));
+                prompts_1.log.info(`  ${picocolors_1.default.cyan("bun run cloudflare:configure")}`);
+                prompts_1.log.info(`  ${picocolors_1.default.cyan("bun run cloudflare:login")}`);
+                prompts_1.log.info(`  ${picocolors_1.default.cyan("bun run cloudflare:deploy")}`);
+            }
+            else if (!cloudflareSetup.loggedIn) {
+                prompts_1.log.info(picocolors_1.default.dim("  Cloudflare setup (continue from login):"));
+                prompts_1.log.info(`  ${picocolors_1.default.cyan("bun run cloudflare:login")}`);
+                prompts_1.log.info(`  ${picocolors_1.default.cyan("bun run cloudflare:deploy")}`);
+            }
+            else if (!cloudflareSetup.deployed) {
+                prompts_1.log.info(picocolors_1.default.dim("  Cloudflare setup (deploy remaining):"));
+                prompts_1.log.info(`  ${picocolors_1.default.cyan("bun run cloudflare:deploy")}`);
+            }
+            else {
+                // deployed but worker URL not extracted
+                prompts_1.log.info(picocolors_1.default.dim("  Cloudflare deployed but worker URL not detected."));
+            }
             prompts_1.log.info(picocolors_1.default.dim("  Add the printed storageWorkerUrl to EXPO_PUBLIC_STORAGE_WORKER_URL in .env.local."));
         }
+        else if (isCloudflareMode && cloudflareFullyDeployed) {
+            prompts_1.log.info("");
+            prompts_1.log.info(`  ${picocolors_1.default.green("✓")} Cloudflare Worker URL: ${picocolors_1.default.cyan(cloudflareSetup.workerUrl)}`);
+            prompts_1.log.info(picocolors_1.default.dim("  EXPO_PUBLIC_STORAGE_WORKER_URL set in .env.local."));
+        }
         if (isMagicCodeMode) {
             if (!instantReady) {
                 prompts_1.log.info("");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-100x-mobile",
-  "version": "0.5.0",
+  "version": "0.5.2",
   "description": "Scaffold a full-stack mobile app with Expo + Convex + Clerk in seconds",
   "main": "dist/cli.js",
   "bin": {
@@ -13,7 +13,7 @@
     "typecheck": "tsc --noEmit",
     "test": "vitest run",
     "check": "npm run typecheck && npm test && npm pack --dry-run",
-    "prepublishOnly": "npm run check"
+    "prepublishOnly": "npm run build && npm run check"
   },
   "files": [
     "dist"