@stackable-labs/cli-app-extension 1.6.3 → 1.7.1

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,19 @@ var readDevContext = async (projectRoot) => {
     previewPort
   };
 };
+var DEV_LOCAL_ENV = ".env.development.local";
+var patchProjectEnv = async (projectRoot, key, value) => {
+  const envPath = join3(projectRoot, DEV_LOCAL_ENV);
+  const existing = await readEnvFile(envPath);
+  existing[key] = value;
+  await writeEnvFile2(envPath, existing);
+};
+var removeProjectEnvKey = async (projectRoot, key) => {
+  const envPath = join3(projectRoot, DEV_LOCAL_ENV);
+  const existing = await readEnvFile(envPath);
+  delete existing[key];
+  await writeEnvFile2(envPath, existing);
+};
 var writeDevContext = async (projectRoot, ctx) => {
   const env = {
     APP_ID: ctx.appId || "",
@@ -1910,8 +1923,6 @@ var DevDashboard = ({
       onQuit();
     }
   });
-  const localPreviewUrl = `http://localhost:${previewPort}`;
-  const previewUrl = tunnelUrl ? `${tunnelUrl.replace(/\/$/, "")}/preview` : localPreviewUrl;
   return /* @__PURE__ */ jsxs15(Box15, { flexDirection: "column", children: [
     /* @__PURE__ */ jsx15(Banner, {}),
     /* @__PURE__ */ jsxs15(
@@ -1940,24 +1951,23 @@ var DevDashboard = ({
             ] })
           ] }),
           /* @__PURE__ */ jsxs15(Box15, { flexDirection: "column", gap: 1, children: [
-            tunnelUrl && /* @__PURE__ */ jsxs15(Box15, { gap: 2, children: [
-              /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: "Tunnel Dev - Preview:" }),
-              /* @__PURE__ */ jsx15(Text15, { children: previewUrl })
-            ] }),
-            /* @__PURE__ */ jsxs15(Box15, { gap: 2, children: [
-              /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: "Local Dev - Preview:" }),
-              /* @__PURE__ */ jsx15(Text15, { children: localPreviewUrl })
-            ] }),
             /* @__PURE__ */ jsxs15(Box15, { gap: 2, children: [
-              /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: "Tunnel Dev - Extension:" }),
-              /* @__PURE__ */ jsx15(Text15, { children: tunnelUrl || "Connecting\u2026" })
+              /* @__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:" }),
+              /* @__PURE__ */ jsx15(Text15, { children: tunnelUrl || "Connecting\u2026" })
             ] })
           ] })
         ]
@@ -1999,9 +2009,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}...`);
@@ -2009,6 +2016,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);
@@ -2025,6 +2034,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]);
@@ -2048,6 +2060,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.3",
+  "version": "1.7.1",
   "type": "module",
   "private": false,
   "bin": {