@stackable-labs/cli-app-extension 1.10.1 → 1.10.3

package/dist/index.js

@@ -1074,7 +1074,6 @@ var readDevContext = async (projectRoot) => {
     appId: stackableEnv.APP_ID || null,
     extensionId: stackableEnv.EXTENSION_ID || null,
     appName: stackableEnv.APP_NAME || null,
-    originalBundleUrl: stackableEnv.ORIGINAL_BUNDLE_URL || null,
     extensionPort,
     previewPort
   };
@@ -1103,9 +1102,6 @@ var writeDevContext = async (projectRoot, ctx) => {
   if (ctx.extensionName && ctx.extensionName !== "Unknown Extension") {
     env.EXTENSION_NAME = ctx.extensionName;
   }
-  if (ctx.originalBundleUrl) {
-    env.ORIGINAL_BUNDLE_URL = ctx.originalBundleUrl;
-  }
   await writeEnvFile(join(projectRoot, ".env.stackable"), env);
 };
 
@@ -1929,7 +1925,6 @@ var DevDashboard = ({
   previewTunnelUrl,
   previewPort,
   extensionPort,
-  bundleUrlUpdated,
   onQuit
 }) => {
   useEffect5(() => {
@@ -1952,13 +1947,10 @@ var DevDashboard = ({
       StepShell,
       {
         title: "dev",
-        hint: "Live development with Tunnel",
-        footer: /* @__PURE__ */ jsxs15(Box15, { flexDirection: "column", gap: 1, children: [
-          bundleUrlUpdated && /* @__PURE__ */ jsx15(Text15, { color: "green", children: "bundleUrl updated \u2713" }),
-          /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: "Press q or Ctrl-C to quit" })
-        ] }),
+        hint: `Live development ${tunnelUrl ? "with" : "w/o"} Tunnel`,
+        footer: /* @__PURE__ */ jsx15(Box15, { flexDirection: "column", gap: 1, children: /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: "Press q or Ctrl-C to quit" }) }),
         children: [
-          /* @__PURE__ */ jsxs15(Box15, { flexDirection: "column", gap: 1, children: [
+          /* @__PURE__ */ jsxs15(Box15, { flexDirection: "column", children: [
             /* @__PURE__ */ jsxs15(Box15, { gap: 2, children: [
               /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: "Extension:" }),
               /* @__PURE__ */ jsxs15(Text15, { children: [
@@ -1971,9 +1963,13 @@ var DevDashboard = ({
             /* @__PURE__ */ jsxs15(Box15, { gap: 2, children: [
               /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: "App:" }),
               /* @__PURE__ */ jsx15(Text15, { children: `${appName ? `${appName} ` : ""}(${appId})` })
+            ] }),
+            /* @__PURE__ */ jsxs15(Box15, { gap: 2, children: [
+              /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: "Bundle URL:" }),
+              /* @__PURE__ */ jsx15(Text15, { children: tunnelUrl || `http://localhost:${extensionPort}` })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs15(Box15, { flexDirection: "column", gap: 1, children: [
+          /* @__PURE__ */ jsxs15(Box15, { flexDirection: "column", children: [
             previewTunnelUrl && /* @__PURE__ */ jsxs15(Box15, { gap: 2, children: [
               /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: "Tunnel Dev - Preview:" }),
               /* @__PURE__ */ jsx15(Text15, { children: previewTunnelUrl })
@@ -1984,7 +1980,9 @@ var DevDashboard = ({
                 "http://localhost:",
                 previewPort
               ] })
-            ] }),
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs15(Box15, { flexDirection: "column", children: [
             tunnelUrl && /* @__PURE__ */ jsxs15(Box15, { gap: 2, children: [
               /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: "Tunnel Dev - Extension:" }),
               /* @__PURE__ */ jsx15(Text15, { children: tunnelUrl })
@@ -1995,15 +1993,15 @@ var DevDashboard = ({
                 "http://localhost:",
                 extensionPort
               ] })
-            ] }),
-            /* @__PURE__ */ jsxs15(Box15, { gap: 2, children: [
-              /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: "Bundle URL:" }),
-              /* @__PURE__ */ jsxs15(Text15, { children: [
-                tunnelUrl || `http://localhost:${extensionPort}`,
-                bundleUrlUpdated ? " (updated \u2713)" : ""
-              ] })
             ] })
-          ] })
+          ] }),
+          /* @__PURE__ */ jsx15(Box15, { flexDirection: "column", children: tunnelUrl && /* @__PURE__ */ jsxs15(Box15, { gap: 2, children: [
+            /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: "Host Dev - Query Param:" }),
+            /* @__PURE__ */ jsxs15(Text15, { children: [
+              "?_stackable_dev=",
+              encodeURIComponent(`${extensionId}:${tunnelUrl}`)
+            ] })
+          ] }) })
         ]
       }
     )
@@ -2012,28 +2010,17 @@ var DevDashboard = ({
 
 // src/components/DevApp.tsx
 import { jsx as jsx16 } from "react/jsx-runtime";
-var isEphemeralUrl = (url) => {
-  try {
-    const { hostname } = new URL(url);
-    return hostname.endsWith(".ngrok.io") || hostname.endsWith(".ngrok-free.app") || hostname.endsWith(".trycloudflare.com");
-  } catch {
-    return true;
-  }
-};
 var DevApp = ({ options = {} }) => {
   const [state, setState] = useState10("setup");
   const [devContext, setDevContext] = useState10(null);
   const [resolvedContext, setResolvedContext] = useState10(null);
   const [tunnelUrl, setTunnelUrl] = useState10(null);
   const [previewTunnelUrl, setPreviewTunnelUrl] = useState10(null);
-  const [bundleUrlUpdated, setBundleUrlUpdated] = useState10(false);
   const [tunnelHandle, setTunnelHandle] = useState10(null);
   const [previewTunnelHandle, setPreviewTunnelHandle] = useState10(null);
   const [devServerHandle, setDevServerHandle] = useState10(null);
   const shuttingDown = useRef(false);
   const useTunnel = options.tunnel !== false;
-  const useUpdate = options.update !== false;
-  const useRestore = options.restore !== false;
   useEffect6(() => {
     const projectRoot = options.dir || process.cwd();
     console.log(`[dev] Reading context from ${projectRoot}`);
@@ -2055,32 +2042,6 @@ var DevApp = ({ options = {} }) => {
     const extensionPort = options.extensionPort ? parseInt(options.extensionPort, 10) : devContext.extensionPort;
     const previewPort = options.previewPort ? parseInt(options.previewPort, 10) : devContext.previewPort;
     await patchViteAllowedHosts(devContext.projectRoot);
-    let cachedOriginalUrl = devContext.originalBundleUrl;
-    if (useUpdate) {
-      try {
-        console.log("[dev] Fetching current bundleUrl from API...");
-        const extensions = await fetchExtensions(resolved.appId);
-        const currentExtension = extensions[resolved.extensionId];
-        if (currentExtension?.bundleUrl) {
-          console.log(`[dev] Current bundleUrl: ${currentExtension.bundleUrl}`);
-          if (!isEphemeralUrl(currentExtension.bundleUrl)) {
-            console.log("[dev] Caching stable bundleUrl to .env.stackable");
-            cachedOriginalUrl = currentExtension.bundleUrl;
-            await writeDevContext(devContext.projectRoot, {
-              ...devContext,
-              appId: resolved.appId,
-              extensionId: resolved.extensionId,
-              appName: resolved.appName || null,
-              originalBundleUrl: cachedOriginalUrl
-            });
-          } else {
-            console.log("[dev] Current bundleUrl is ephemeral, keeping previous cached value");
-          }
-        }
-      } catch (err) {
-        console.warn("[dev] Failed to fetch current bundleUrl:", err);
-      }
-    }
     if (useTunnel) {
       try {
         console.log(`[dev] Starting extension tunnel on port ${extensionPort}...`);
@@ -2095,14 +2056,6 @@ var DevApp = ({ options = {} }) => {
         setPreviewTunnelUrl(previewTunnelResult.url);
         console.log(`[dev] Writing VITE_EXTENSION_BUNDLE_URL=${tunnelResult.url} to .env`);
         await patchProjectEnv(devContext.projectRoot, "VITE_EXTENSION_BUNDLE_URL", tunnelResult.url);
-        if (useUpdate) {
-          console.log(`[dev] Updating bundleUrl to ${tunnelResult.url}`);
-          await updateExtension(resolved.appId, resolved.extensionId, {
-            bundleUrl: tunnelResult.url
-          });
-          console.log("[dev] bundleUrl updated successfully");
-          setBundleUrlUpdated(true);
-        }
       } catch (err) {
         console.error("[dev] Failed to start tunnel:", err);
       }
@@ -2114,7 +2067,7 @@ var DevApp = ({ options = {} }) => {
     setDevServerHandle(serverHandle);
     console.log("[dev] Ready");
     setState("running");
-  }, [devContext, options.extensionPort, options.previewPort, useTunnel, useUpdate]);
+  }, [devContext, options.extensionPort, options.previewPort, useTunnel]);
   useEffect6(() => {
     if (state === "setup" && devContext && devContext.appId && devContext.extensionId) {
       handleSetupReady({
@@ -2130,15 +2083,6 @@ var DevApp = ({ options = {} }) => {
     setState("stopping");
     console.log("[dev] Shutting down...");
     try {
-      if (useRestore && devContext.originalBundleUrl) {
-        console.log(`[dev] Restoring bundleUrl to ${devContext.originalBundleUrl}`);
-        await updateExtension(resolvedContext.appId, resolvedContext.extensionId, {
-          bundleUrl: devContext.originalBundleUrl
-        });
-        console.log("[dev] bundleUrl restored");
-      } else if (useRestore && !devContext.originalBundleUrl) {
-        console.warn("[dev] No cached original bundleUrl to restore");
-      }
       console.log("[dev] Removing VITE_EXTENSION_BUNDLE_URL from .env");
       await removeProjectEnvKey(devContext.projectRoot, "VITE_EXTENSION_BUNDLE_URL");
       if (tunnelHandle) {
@@ -2183,7 +2127,6 @@ var DevApp = ({ options = {} }) => {
         previewPort: options.previewPort ? parseInt(options.previewPort, 10) : devContext.previewPort,
         tunnelUrl,
         previewTunnelUrl,
-        bundleUrlUpdated,
         onQuit: handleQuit
       }
     );
@@ -2218,8 +2161,11 @@ var checkForUpdate = (currentVersion) => {
       res.on("end", () => {
         try {
           const { version: latest } = JSON.parse(data);
-          if (latest && latest !== currentVersion && isNewer(latest, currentVersion)) {
-            const warning = "\n\x1B[33m\u26A0  Update available: " + currentVersion + " \u2192 " + latest + "\x1B[0m\n   Run \x1B[36mnpx @stackable-labs/cli-app-extension@latest\x1B[0m to update\n";
+          if (latest && latest !== currentVersion && currentVersion !== "0.0.0" && isNewer(latest, currentVersion)) {
+            const warning = `
+\x1B[33m\u26A0  Update available: ${currentVersion} \u2192 ${latest}\x1B[0m
+   Run \x1B[36mnpx @stackable-labs/cli-app-extension@latest\x1B[0m to update
+`;
             console.error(warning);
           }
         } catch {
@@ -2253,7 +2199,7 @@ program.command("scaffold" /* SCAFFOLD */).description("Scaffold a local project
 program.command("update" /* UPDATE */).description("Update an existing Extension").argument("[extensionId]", "Extension ID to update").option("--app-id <id>", "Skip App selection").option("--name <name>", "New Extension name").option("--targets <targets>", "Comma-separated target slots (validated against app)").option("--bundle-url <url>", "New bundle URL").option("--enabled <bool>", "Enable/disable Extension").option("--set-version <version>", "Explicit version (skips auto-compute)").action((extensionId, options) => {
   render(/* @__PURE__ */ jsx17(App, { command: "update" /* UPDATE */, initialExtensionId: extensionId, options }));
 });
-program.command("dev" /* DEV */).description("Start dev servers with a public tunnel").option("--dir <path>", "Project root (default: cwd)").option("--extension-port <port>", "Override Extension port").option("--preview-port <port>", "Override Preview port").option("--no-tunnel", "Skip tunnel, just run vite dev").option("--no-update", "Skip bundleUrl update on server").option("--no-restore", "On exit, keep tunnel URL as bundleUrl").action((options) => {
+program.command("dev" /* DEV */).description("Start dev servers with a public tunnel").option("--dir <path>", "Project root (default: cwd)").option("--extension-port <port>", "Override Extension port").option("--preview-port <port>", "Override Preview port").option("--no-tunnel", "Skip tunnel, just run vite dev").action((options) => {
   render(/* @__PURE__ */ jsx17(DevApp, { options }), { exitOnCtrlC: false });
 });
 program.parse(process.argv.filter((arg) => arg !== "--"));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stackable-labs/cli-app-extension",
-  "version": "1.10.1",
+  "version": "1.10.3",
   "type": "module",
   "private": false,
   "bin": {