clawfire 0.6.12 → 0.6.14

package/dist/cli.js

@@ -269,7 +269,7 @@ async function runDevServer() {
   const port = portArg ? parseInt(portArg.split("=")[1], 10) : 3e3;
   const apiPort = apiPortArg ? parseInt(apiPortArg.split("=")[1], 10) : 3456;
   const noHotReload = args.includes("--no-hot-reload");
-  const { startDevServer } = await import("./dev-server-BX2DLQQB.js");
+  const { startDevServer } = await import("./dev-server-IKWE6UJT.js");
   await startDevServer({
     projectDir,
     port,

package/dist/{dev-server-BX2DLQQB.js → dev-server-IKWE6UJT.js}

@@ -1456,6 +1456,24 @@ function generateDashboardHtml(options) {
             <div style="font-size:11px;color:#a3a3a3;margin-bottom:4px;">Live URL</div>
             <a id="deploy-hosting-link" href="#" target="_blank" style="color:#22c55e;font-family:monospace;font-size:14px;text-decoration:none;word-break:break-all;"></a>
           </div>
+          <div id="deploy-billing-note" style="display:none;margin-top:10px;padding:14px;border-radius:8px;background:#1a1400;border:1px solid #f59e0b;">
+            <div style="display:flex;align-items:center;gap:6px;margin-bottom:8px;">
+              <span style="font-size:16px;">&#9888;&#65039;</span>
+              <span style="font-weight:700;color:#fbbf24;font-size:14px;">Blaze Plan Required for API</span>
+            </div>
+            <div style="font-size:13px;color:#d4d4d4;line-height:1.6;">
+              <div style="margin-bottom:6px;"><strong style="color:#fbbf24;">Current Plan:</strong> <span style="color:#ef4444;">Spark (Free)</span></div>
+              <div style="margin-bottom:6px;"><strong style="color:#fbbf24;">Required Plan:</strong> <span style="color:#22c55e;">Blaze (Pay-as-you-go)</span></div>
+              <div style="margin-bottom:10px;color:#a3a3a3;font-size:12px;">
+                Static pages (HTML/CSS/JS) are deployed and working.<br>
+                API routes (<code style="background:#2a2a2a;padding:2px 6px;border-radius:3px;color:#f97316;">/api/*</code>) require Cloud Functions, which need the Blaze plan.<br>
+                Blaze plan has a generous free tier \u2014 you only pay for actual usage beyond free limits.
+              </div>
+              <a id="deploy-upgrade-link" href="#" target="_blank" style="display:inline-block;padding:8px 16px;background:#f59e0b;color:#000;border-radius:6px;font-size:13px;font-weight:700;text-decoration:none;">
+                Upgrade to Blaze Plan &#8594;
+              </a>
+            </div>
+          </div>
         </div>
       </div>
     </div>
@@ -2342,6 +2360,9 @@ function generateDashboardHtml(options) {
     status.style.cssText = 'display:block;margin-top:10px;font-size:13px;padding:10px 14px;border-radius:6px;background:#0a0a1a;border:1px solid #3b82f6;color:#3b82f6;';
     urlBox.style.display = 'none';
 
+    var billingNote = document.getElementById('deploy-billing-note');
+    billingNote.style.display = 'none';
+
     fetch(API + '/__dev/deploy/hosting', { method: 'POST' })
     .then(function(r) { return r.json(); })
     .then(function(data) {
@@ -2354,9 +2375,22 @@ function generateDashboardHtml(options) {
           link.textContent = data.url;
           urlBox.style.display = 'block';
         }
+        // Show Blaze plan notice if needed
+        if (data.blazeRequired) {
+          billingNote.style.display = 'block';
+          if (data.upgradeUrl) {
+            var upgradeLink = document.getElementById('deploy-upgrade-link');
+            upgradeLink.href = data.upgradeUrl;
+          }
+        }
       } else {
         status.textContent = data.message;
         status.style.cssText = 'display:block;margin-top:10px;font-size:13px;padding:10px 14px;border-radius:6px;background:#1c0808;border:1px solid #ef4444;color:#ef4444;';
+        // Check if error is about billing \u2014 show upgrade notice
+        var errMsg = (data.message || '').toLowerCase();
+        if (errMsg.indexOf('blaze') >= 0 || errMsg.indexOf('pay-as-you-go') >= 0 || errMsg.indexOf('upgrade') >= 0 || errMsg.indexOf('artifactregistry') >= 0) {
+          billingNote.style.display = 'block';
+        }
       }
       btn.disabled = false;
       btn.textContent = 'Deploy Hosting';
@@ -4604,14 +4638,57 @@ ${liveReloadScript}
               steps.push("Functions build failed \u2014 hosting only");
             }
           }
-          const targets = deployFunctions ? "hosting,functions" : "hosting";
-          console.log(`  Deploying ${targets}...`);
-          const result = await this.firebaseSetup.deployHosting(targets);
+          console.log("  Deploying hosting...");
+          const hostingResult = await this.firebaseSetup.deployHosting("hosting");
+          if (!hostingResult.success) {
+            clearFirebaseStatusCache();
+            sendJson({
+              ...hostingResult,
+              message: hostingResult.message + (steps.length > 0 ? ` (${steps.join(", ")})` : "")
+            });
+            return;
+          }
+          steps.push("Hosting deployed");
+          let blazeRequired = false;
+          let projectId = "";
+          if (deployFunctions) {
+            console.log("  Deploying functions...");
+            const funcResult = await this.firebaseSetup.deployHosting("functions");
+            if (funcResult.success) {
+              console.log(`  \x1B[32m\u2713\x1B[0m Functions deployed`);
+              steps.push("Functions deployed");
+            } else {
+              const msg = funcResult.message.toLowerCase();
+              if (msg.includes("blaze") || msg.includes("pay-as-you-go") || msg.includes("upgrade") || msg.includes("billing") || msg.includes("artifactregistry")) {
+                blazeRequired = true;
+                const state = this.firebaseSetup.loadState();
+                projectId = state.projectId || firebaseConfig.projectId || "";
+                console.log("  \x1B[33m\u26A0\x1B[0m Functions require Blaze (pay-as-you-go) plan");
+                steps.push("Functions skipped (Blaze plan required)");
+              } else {
+                console.log(`  \x1B[31m\u2717\x1B[0m Functions deploy failed: ${funcResult.message}`);
+                steps.push("Functions deploy failed");
+              }
+            }
+          }
           clearFirebaseStatusCache();
-          sendJson({
-            ...result,
-            message: result.message + (steps.length > 0 ? ` (${steps.join(", ")})` : "")
-          });
+          const stepsStr = steps.length > 0 ? ` (${steps.join(", ")})` : "";
+          if (blazeRequired) {
+            const upgradeUrl = projectId ? `https://console.firebase.google.com/project/${projectId}/usage/details` : "https://console.firebase.google.com";
+            sendJson({
+              success: true,
+              url: hostingResult.url,
+              blazeRequired: true,
+              upgradeUrl,
+              message: `Hosting deployed successfully!${stepsStr}`,
+              billingNote: `Static pages are live, but API routes (/api/*) require Cloud Functions which need the Blaze (pay-as-you-go) plan. Upgrade at: ${upgradeUrl}`
+            });
+          } else {
+            sendJson({
+              ...hostingResult,
+              message: hostingResult.message + stepsStr
+            });
+          }
         } catch (err) {
           sendJson({ success: false, message: err instanceof Error ? err.message : "Failed" }, 500);
         }

package/dist/dev.cjs

@@ -1868,6 +1868,24 @@ function generateDashboardHtml(options) {
             <div style="font-size:11px;color:#a3a3a3;margin-bottom:4px;">Live URL</div>
             <a id="deploy-hosting-link" href="#" target="_blank" style="color:#22c55e;font-family:monospace;font-size:14px;text-decoration:none;word-break:break-all;"></a>
           </div>
+          <div id="deploy-billing-note" style="display:none;margin-top:10px;padding:14px;border-radius:8px;background:#1a1400;border:1px solid #f59e0b;">
+            <div style="display:flex;align-items:center;gap:6px;margin-bottom:8px;">
+              <span style="font-size:16px;">&#9888;&#65039;</span>
+              <span style="font-weight:700;color:#fbbf24;font-size:14px;">Blaze Plan Required for API</span>
+            </div>
+            <div style="font-size:13px;color:#d4d4d4;line-height:1.6;">
+              <div style="margin-bottom:6px;"><strong style="color:#fbbf24;">Current Plan:</strong> <span style="color:#ef4444;">Spark (Free)</span></div>
+              <div style="margin-bottom:6px;"><strong style="color:#fbbf24;">Required Plan:</strong> <span style="color:#22c55e;">Blaze (Pay-as-you-go)</span></div>
+              <div style="margin-bottom:10px;color:#a3a3a3;font-size:12px;">
+                Static pages (HTML/CSS/JS) are deployed and working.<br>
+                API routes (<code style="background:#2a2a2a;padding:2px 6px;border-radius:3px;color:#f97316;">/api/*</code>) require Cloud Functions, which need the Blaze plan.<br>
+                Blaze plan has a generous free tier \u2014 you only pay for actual usage beyond free limits.
+              </div>
+              <a id="deploy-upgrade-link" href="#" target="_blank" style="display:inline-block;padding:8px 16px;background:#f59e0b;color:#000;border-radius:6px;font-size:13px;font-weight:700;text-decoration:none;">
+                Upgrade to Blaze Plan &#8594;
+              </a>
+            </div>
+          </div>
         </div>
       </div>
     </div>
@@ -2754,6 +2772,9 @@ function generateDashboardHtml(options) {
     status.style.cssText = 'display:block;margin-top:10px;font-size:13px;padding:10px 14px;border-radius:6px;background:#0a0a1a;border:1px solid #3b82f6;color:#3b82f6;';
     urlBox.style.display = 'none';
 
+    var billingNote = document.getElementById('deploy-billing-note');
+    billingNote.style.display = 'none';
+
     fetch(API + '/__dev/deploy/hosting', { method: 'POST' })
     .then(function(r) { return r.json(); })
     .then(function(data) {
@@ -2766,9 +2787,22 @@ function generateDashboardHtml(options) {
           link.textContent = data.url;
           urlBox.style.display = 'block';
         }
+        // Show Blaze plan notice if needed
+        if (data.blazeRequired) {
+          billingNote.style.display = 'block';
+          if (data.upgradeUrl) {
+            var upgradeLink = document.getElementById('deploy-upgrade-link');
+            upgradeLink.href = data.upgradeUrl;
+          }
+        }
       } else {
         status.textContent = data.message;
         status.style.cssText = 'display:block;margin-top:10px;font-size:13px;padding:10px 14px;border-radius:6px;background:#1c0808;border:1px solid #ef4444;color:#ef4444;';
+        // Check if error is about billing \u2014 show upgrade notice
+        var errMsg = (data.message || '').toLowerCase();
+        if (errMsg.indexOf('blaze') >= 0 || errMsg.indexOf('pay-as-you-go') >= 0 || errMsg.indexOf('upgrade') >= 0 || errMsg.indexOf('artifactregistry') >= 0) {
+          billingNote.style.display = 'block';
+        }
       }
       btn.disabled = false;
       btn.textContent = 'Deploy Hosting';
@@ -5016,14 +5050,57 @@ ${liveReloadScript}
               steps.push("Functions build failed \u2014 hosting only");
             }
           }
-          const targets = deployFunctions ? "hosting,functions" : "hosting";
-          console.log(`  Deploying ${targets}...`);
-          const result = await this.firebaseSetup.deployHosting(targets);
+          console.log("  Deploying hosting...");
+          const hostingResult = await this.firebaseSetup.deployHosting("hosting");
+          if (!hostingResult.success) {
+            clearFirebaseStatusCache();
+            sendJson({
+              ...hostingResult,
+              message: hostingResult.message + (steps.length > 0 ? ` (${steps.join(", ")})` : "")
+            });
+            return;
+          }
+          steps.push("Hosting deployed");
+          let blazeRequired = false;
+          let projectId = "";
+          if (deployFunctions) {
+            console.log("  Deploying functions...");
+            const funcResult = await this.firebaseSetup.deployHosting("functions");
+            if (funcResult.success) {
+              console.log(`  \x1B[32m\u2713\x1B[0m Functions deployed`);
+              steps.push("Functions deployed");
+            } else {
+              const msg = funcResult.message.toLowerCase();
+              if (msg.includes("blaze") || msg.includes("pay-as-you-go") || msg.includes("upgrade") || msg.includes("billing") || msg.includes("artifactregistry")) {
+                blazeRequired = true;
+                const state = this.firebaseSetup.loadState();
+                projectId = state.projectId || firebaseConfig.projectId || "";
+                console.log("  \x1B[33m\u26A0\x1B[0m Functions require Blaze (pay-as-you-go) plan");
+                steps.push("Functions skipped (Blaze plan required)");
+              } else {
+                console.log(`  \x1B[31m\u2717\x1B[0m Functions deploy failed: ${funcResult.message}`);
+                steps.push("Functions deploy failed");
+              }
+            }
+          }
           clearFirebaseStatusCache();
-          sendJson({
-            ...result,
-            message: result.message + (steps.length > 0 ? ` (${steps.join(", ")})` : "")
-          });
+          const stepsStr = steps.length > 0 ? ` (${steps.join(", ")})` : "";
+          if (blazeRequired) {
+            const upgradeUrl = projectId ? `https://console.firebase.google.com/project/${projectId}/usage/details` : "https://console.firebase.google.com";
+            sendJson({
+              success: true,
+              url: hostingResult.url,
+              blazeRequired: true,
+              upgradeUrl,
+              message: `Hosting deployed successfully!${stepsStr}`,
+              billingNote: `Static pages are live, but API routes (/api/*) require Cloud Functions which need the Blaze (pay-as-you-go) plan. Upgrade at: ${upgradeUrl}`
+            });
+          } else {
+            sendJson({
+              ...hostingResult,
+              message: hostingResult.message + stepsStr
+            });
+          }
         } catch (err) {
           sendJson({ success: false, message: err instanceof Error ? err.message : "Failed" }, 500);
         }