@stackable-labs/cli-app-extension 1.6.2 → 1.7.0

package/dist/index.js

@@ -1247,7 +1247,7 @@ const extensions: ExtensionRegistryEntry[] = [
   {
     id: manifest.name.toLowerCase().replace(/\\s+/g, '-'),
     manifest,
-    bundleUrl: \`http://localhost:\${import.meta.env.VITE_EXTENSION_PORT || '5173'}\`,
+    bundleUrl: import.meta.env.VITE_EXTENSION_BUNDLE_URL || \`http://localhost:\${import.meta.env.VITE_EXTENSION_PORT || '5173'}\`,
     enabled: true,
   },
 ]
@@ -1297,7 +1297,7 @@ var patchViteAllowedHosts = async (rootDir) => {
     if (content.includes("allowedHosts")) continue;
     const patched = content.replace(
       /server:\s*\{/,
-      "server: {\n    allowedHosts: 'all',"
+      "server: {\n    allowedHosts: true,"
     );
     if (patched !== content) {
       await writeFile(configPath, patched);
@@ -1309,7 +1309,7 @@ var rewriteTurboJson = async (rootDir) => {
   const raw = await readFile(turboPath, "utf8");
   const turbo = JSON.parse(raw);
   delete turbo["extends"];
-  turbo["globalEnv"] = ["VITE_EXTENSION_PORT", "VITE_PREVIEW_PORT"];
+  turbo["globalEnv"] = ["VITE_EXTENSION_PORT", "VITE_PREVIEW_PORT", "VITE_EXTENSION_BUNDLE_URL"];
   await writeFile(turboPath, `${JSON.stringify(turbo, null, 2)}
 `);
 };
@@ -1799,6 +1799,18 @@ var readDevContext = async (projectRoot) => {
     previewPort
   };
 };
+var patchProjectEnv = async (projectRoot, key, value) => {
+  const envPath = join3(projectRoot, ".env");
+  const existing = await readEnvFile(envPath);
+  existing[key] = value;
+  await writeEnvFile2(envPath, existing);
+};
+var removeProjectEnvKey = async (projectRoot, key) => {
+  const envPath = join3(projectRoot, ".env");
+  const existing = await readEnvFile(envPath);
+  delete existing[key];
+  await writeEnvFile2(envPath, existing);
+};
 var writeDevContext = async (projectRoot, ctx) => {
   const env = {
     APP_ID: ctx.appId || "",
@@ -1818,7 +1830,6 @@ var startTunnel = (port) => new Promise((resolve, reject) => {
     reject(new Error("Tunnel connection timed out after 30s"));
   }, 3e4);
   tunnel.once("url", (url) => {
-    console.log(">>> > startTunnel > url:", { url });
     clearTimeout(timeout);
     resolve({ url, stop: () => tunnel.stop() });
   });
@@ -1891,9 +1902,9 @@ var DevDashboard = ({
   extensionId,
   appId,
   appName,
-  extensionPort,
-  previewPort,
   tunnelUrl,
+  previewPort,
+  extensionPort,
   bundleUrlUpdated,
   onQuit
 }) => {
@@ -1911,7 +1922,6 @@ var DevDashboard = ({
       onQuit();
     }
   });
-  const previewUrl = tunnelUrl ? `${tunnelUrl.replace(/\/$/, "")}/preview` : `http://localhost:${previewPort}`;
   return /* @__PURE__ */ jsxs15(Box15, { flexDirection: "column", children: [
     /* @__PURE__ */ jsx15(Banner, {}),
     /* @__PURE__ */ jsxs15(
@@ -1941,18 +1951,21 @@ var DevDashboard = ({
           ] }),
           /* @__PURE__ */ jsxs15(Box15, { flexDirection: "column", gap: 1, children: [
             /* @__PURE__ */ jsxs15(Box15, { gap: 2, children: [
-              /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: "Local Dev - Preview:" }),
-              /* @__PURE__ */ jsx15(Text15, { children: previewUrl })
+              /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: "Preview:" }),
+              /* @__PURE__ */ jsxs15(Text15, { children: [
+                "http://localhost:",
+                previewPort
+              ] })
             ] }),
             /* @__PURE__ */ jsxs15(Box15, { gap: 2, children: [
-              /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: "Local Dev - Extension:" }),
+              /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: "Local:" }),
               /* @__PURE__ */ jsxs15(Text15, { children: [
                 "http://localhost:",
                 extensionPort
               ] })
             ] }),
             /* @__PURE__ */ jsxs15(Box15, { gap: 2, children: [
-              /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: "Tunnel Dev - Extension:" }),
+              /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: "Tunnel:" }),
               /* @__PURE__ */ jsx15(Text15, { children: tunnelUrl || "Connecting\u2026" })
             ] })
           ] })
@@ -1995,9 +2008,6 @@ var DevApp = ({ options = {} }) => {
     });
     const extensionPort = options.extensionPort ? parseInt(options.extensionPort, 10) : devContext.extensionPort;
     await patchViteAllowedHosts(devContext.projectRoot);
-    console.log(`[dev] Starting dev server in ${devContext.projectRoot}`);
-    const serverHandle = startDevServer(devContext.projectRoot);
-    setDevServerHandle(serverHandle);
     if (useTunnel) {
       try {
         console.log(`[dev] Starting tunnel on port ${extensionPort}...`);
@@ -2005,6 +2015,8 @@ var DevApp = ({ options = {} }) => {
         console.log(`[dev] Tunnel ready: ${tunnelResult.url}`);
         setTunnelHandle(tunnelResult);
         setTunnelUrl(tunnelResult.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) {
           const originalUrl = `http://localhost:${extensionPort}`;
           setOriginalBundleUrl(originalUrl);
@@ -2021,6 +2033,9 @@ var DevApp = ({ options = {} }) => {
     } else {
       console.log("[dev] Tunnel disabled (--no-tunnel)");
     }
+    console.log(`[dev] Starting dev server in ${devContext.projectRoot}`);
+    const serverHandle = startDevServer(devContext.projectRoot);
+    setDevServerHandle(serverHandle);
     console.log("[dev] Ready");
     setState("running");
   }, [devContext, options.extensionPort, useTunnel, useUpdate]);
@@ -2044,6 +2059,8 @@ var DevApp = ({ options = {} }) => {
         });
         console.log("[dev] bundleUrl restored");
       }
+      console.log("[dev] Removing VITE_EXTENSION_BUNDLE_URL from .env");
+      await removeProjectEnvKey(devContext.projectRoot, "VITE_EXTENSION_BUNDLE_URL");
       if (tunnelHandle) {
         console.log("[dev] Stopping tunnel");
         tunnelHandle.stop();

package/package.json

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