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

package/dist/index.js

@@ -1282,6 +1282,28 @@ export default function App() {
 `;
   await writeFile(appPath, appContent);
 };
+var patchViteAllowedHosts = async (rootDir) => {
+  const configs = [
+    join(rootDir, "packages/extension/vite.config.ts"),
+    join(rootDir, "packages/preview/vite.config.ts")
+  ];
+  for (const configPath of configs) {
+    let content;
+    try {
+      content = await readFile(configPath, "utf8");
+    } catch {
+      continue;
+    }
+    if (content.includes("allowedHosts")) continue;
+    const patched = content.replace(
+      /server:\s*\{/,
+      "server: {\n    allowedHosts: 'all',"
+    );
+    if (patched !== content) {
+      await writeFile(configPath, patched);
+    }
+  }
+};
 var rewriteTurboJson = async (rootDir) => {
   const turboPath = join(rootDir, "turbo.json");
   const raw = await readFile(turboPath, "utf8");
@@ -1330,6 +1352,7 @@ var scaffold = async (options) => {
   await rewriteExtensionIndex(dir, options.extensionId || options.name, selectedTargets);
   await rewritePreviewApp(dir, selectedTargets, derivedPermissions);
   await rewriteTurboJson(dir);
+  await patchViteAllowedHosts(dir);
   await writeEnvFile(dir, options.extensionPort, options.previewPort);
   await updateGitignore(dir);
   return options;
@@ -1795,7 +1818,7 @@ 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 });
+    console.log(">>> > startTunnel > url:", { url });
     clearTimeout(timeout);
     resolve({ url, stop: () => tunnel.stop() });
   });
@@ -1888,45 +1911,54 @@ var DevDashboard = ({
       onQuit();
     }
   });
-  return /* @__PURE__ */ jsxs15(Box15, { flexDirection: "column", padding: 1, children: [
-    /* @__PURE__ */ jsx15(Box15, { marginBottom: 1, children: /* @__PURE__ */ jsx15(Text15, { bold: true, color: "blue", children: "\u2500\u2500 stackable dev \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500" }) }),
-    /* @__PURE__ */ jsxs15(Box15, { flexDirection: "column", gap: 1, marginBottom: 1, children: [
-      /* @__PURE__ */ jsxs15(Box15, { gap: 2, children: [
-        /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: "Extension:" }),
-        /* @__PURE__ */ jsxs15(Text15, { children: [
-          extensionName,
-          " (",
-          extensionId,
-          ")"
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs15(Box15, { gap: 2, children: [
-        /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: "App:" }),
-        /* @__PURE__ */ jsx15(Text15, { children: appName || appId })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs15(Box15, { flexDirection: "column", gap: 1, marginBottom: 1, children: [
-      /* @__PURE__ */ jsxs15(Box15, { gap: 2, children: [
-        /* @__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" })
-      ] }),
-      /* @__PURE__ */ jsxs15(Box15, { gap: 2, children: [
-        /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: "Preview:" }),
-        /* @__PURE__ */ jsxs15(Text15, { children: [
-          "http://localhost:",
-          previewPort
-        ] })
-      ] })
-    ] }),
-    bundleUrlUpdated && /* @__PURE__ */ jsx15(Box15, { marginBottom: 1, children: /* @__PURE__ */ jsx15(Text15, { color: "green", children: "bundleUrl updated \u2713" }) }),
-    /* @__PURE__ */ jsx15(Box15, { children: /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: "Press Ctrl-C to quit" }) })
+  const previewUrl = tunnelUrl ? `${tunnelUrl.replace(/\/$/, "")}/preview` : `http://localhost:${previewPort}`;
+  return /* @__PURE__ */ jsxs15(Box15, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx15(Banner, {}),
+    /* @__PURE__ */ jsxs15(
+      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" })
+        ] }),
+        children: [
+          /* @__PURE__ */ jsxs15(Box15, { flexDirection: "column", gap: 1, children: [
+            /* @__PURE__ */ jsxs15(Box15, { gap: 2, children: [
+              /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: "Extension:" }),
+              /* @__PURE__ */ jsxs15(Text15, { children: [
+                extensionName,
+                " (",
+                extensionId,
+                ")"
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs15(Box15, { gap: 2, children: [
+              /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: "App:" }),
+              /* @__PURE__ */ jsx15(Text15, { children: `${appName ? `${appName} ` : ""}(${appId})` })
+            ] })
+          ] }),
+          /* @__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__ */ jsxs15(Box15, { gap: 2, children: [
+              /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: "Local Dev - Extension:" }),
+              /* @__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, { children: tunnelUrl || "Connecting\u2026" })
+            ] })
+          ] })
+        ]
+      }
+    )
   ] });
 };
 
@@ -1962,6 +1994,7 @@ var DevApp = ({ options = {} }) => {
       extensionId: resolved.extensionId
     });
     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);
@@ -2060,7 +2093,7 @@ var DevApp = ({ options = {} }) => {
 import { jsx as jsx17 } from "react/jsx-runtime";
 var require2 = createRequire(import.meta.url);
 var { version } = require2("../package.json");
-program.name("stackable-app-extension").description("Stackable app extension developer CLI").version(version);
+program.name("stackable-app-extension").description("Stackable app Extension developer CLI").version(version);
 program.command("create" /* CREATE */).description("Create a new Extension project").argument("[name]", "Extension project name").option("--extension-port <port>", "Extension dev server port (default: 5173)").option("--preview-port <port>", "Preview host dev server port").option("--skip-install", "Skip package manager install").option("--skip-git", "Skip git initialization").action((name, options) => {
   render(/* @__PURE__ */ jsx17(App, { command: "create" /* CREATE */, initialName: name, options }));
 });

package/package.json

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