@stackable-labs/cli-app-extension 1.95.0 → 1.96.1

package/dist/index.js

@@ -98,14 +98,14 @@ var gradientColor = (row, col, rows, cols) => {
   const hi = Math.min(lo + 1, COLORS.length - 1);
   return lerp(COLORS[lo], COLORS[hi], idx - lo);
 };
-var Banner = ({ userId, orgId } = {}) => {
+var Banner = ({ userId, orgId, appName, appId } = {}) => {
   const termWidth = process.stdout.columns ?? 80;
   const maxLen = Math.max(...WORDMARK.map((l) => l.length));
   return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
     /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2500".repeat(termWidth) }),
     /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingX: 1, paddingY: 1, children: [
       WORDMARK.map((line, row) => /* @__PURE__ */ jsx(Box, { children: line.split("").map((ch, col) => /* @__PURE__ */ jsx(Text, { bold: true, color: ch === " " ? void 0 : gradientColor(row, col, WORDMARK.length, maxLen), children: ch }, col)) }, row)),
-      userId && orgId && /* @__PURE__ */ jsxs(Box, { gap: 2, marginTop: 1, children: [
+      userId && orgId && /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginTop: 1, children: [
         /* @__PURE__ */ jsxs(Box, { gap: 1, children: [
           /* @__PURE__ */ jsx(Text, { dimColor: true, children: "User:" }),
           /* @__PURE__ */ jsx(Text, { color: "cyan", children: userId })
@@ -113,6 +113,15 @@ var Banner = ({ userId, orgId } = {}) => {
         /* @__PURE__ */ jsxs(Box, { gap: 1, children: [
           /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Org:" }),
           /* @__PURE__ */ jsx(Text, { color: "cyan", children: orgId })
+        ] }),
+        appId && /* @__PURE__ */ jsxs(Box, { gap: 1, children: [
+          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "App:" }),
+          /* @__PURE__ */ jsx(Text, { color: "cyan", children: appId }),
+          appName && /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+            "(",
+            appName,
+            ")"
+          ] })
         ] })
       ] })
     ] })
@@ -605,6 +614,40 @@ var SettingsPrompt = ({ defaultDir, onSubmit, onBack }) => {
   );
 };
 
+// ../../lib/contracts/src/base.ts
+var asClerkUserId = (value) => value;
+var asClerkOrgId = (value) => value;
+
+// ../../lib/contracts/src/permissions.ts
+var SUPER_ROLE = {
+  ADMIN: "org:super_admin"
+};
+var ORG_ROLE = {
+  ADMIN: "org:admin",
+  OWNER: "org:owner"};
+var EDITOR_ROLES = [
+  SUPER_ROLE.ADMIN,
+  ORG_ROLE.ADMIN,
+  ORG_ROLE.OWNER
+];
+[
+  ...Object.values(SUPER_ROLE),
+  ...Object.values(EDITOR_ROLES)
+];
+
+// ../../lib/contracts/src/fields.ts
+var FIELD_TYPE = {
+  TEXTAREA: "textarea",
+  TEXT: "text",
+  EMAIL: "email"};
+var SECUREABLE_FIELD_TYPE = {
+  TEXT: FIELD_TYPE.TEXT,
+  TEXTAREA: FIELD_TYPE.TEXTAREA,
+  EMAIL: FIELD_TYPE.EMAIL
+};
+var typeAllowsSecret = (fieldType) => Object.values(SECUREABLE_FIELD_TYPE).includes(fieldType);
+var allowsSecret = (field) => typeAllowsSecret(field.type);
+
 // src/lib/manifest-diff.ts
 var diffItems = (previous, next, getKey) => {
   const prevMap = new Map(previous.map((item) => [getKey(item), item]));
@@ -744,15 +787,17 @@ var ManifestReviewPrompt = ({
     const globalIndex = schemaSectionStart + index;
     const isCursor = globalIndex === cursor;
     const field = item.after ?? item.before;
-    const detail = field ? `${field.type}${field.secret ? ", secret" : ""}` : "";
+    const detail = field ? `${field.type}${allowsSecret(field) && field.secret ? ", secret" : ""}` : "";
     let changeDetail;
     if (item.status === "changed" && item.before && item.after) {
       const parts = [];
       if (item.before.type !== item.after.type) {
         parts.push(`type ${item.before.type} \u2192 ${item.after.type}`);
       }
-      if (item.before.secret !== item.after.secret) {
-        parts.push(`secret ${!!item.before.secret} \u2192 ${!!item.after.secret}`);
+      const beforeSecret = allowsSecret(item.before) ? item.before.secret : void 0;
+      const afterSecret = allowsSecret(item.after) ? item.after.secret : void 0;
+      if (beforeSecret !== afterSecret) {
+        parts.push(`secret ${!!beforeSecret} \u2192 ${!!afterSecret}`);
       }
       if (item.before.label !== item.after.label) {
         parts.push(`label "${item.before.label}" \u2192 "${item.after.label}"`);
@@ -1167,27 +1212,6 @@ var TemplateSelect = ({ onSubmit, onBack }) => {
   );
 };
 
-// ../../lib/contracts/src/base.ts
-var asClerkUserId = (value) => value;
-var asClerkOrgId = (value) => value;
-
-// ../../lib/contracts/src/permissions.ts
-var SUPER_ROLE = {
-  ADMIN: "org:super_admin"
-};
-var ORG_ROLE = {
-  ADMIN: "org:admin",
-  OWNER: "org:owner"};
-var EDITOR_ROLES = [
-  SUPER_ROLE.ADMIN,
-  ORG_ROLE.ADMIN,
-  ORG_ROLE.OWNER
-];
-[
-  ...Object.values(SUPER_ROLE),
-  ...Object.values(EDITOR_ROLES)
-];
-
 // ../../lib/utils-auth/src/constants.ts
 var STANDALONE_CLIENT_DATA = {
   CLI: { name: "@stackable-labs/cli-app-extension", authFile: "cli-auth.json" },
@@ -1383,16 +1407,26 @@ var updateExtension = async (token, appId, extensionId, payload) => {
     throw new Error(`Failed to update extension: ${res.status} ${body}`);
   }
 };
+var AUTO_SELECT_DELAY_MS = 600;
 var AppSelect = ({ token, userId, orgId, onSubmit }) => {
   const [apps, setApps] = useState([]);
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState();
   const [cursor, setCursor] = useState(0);
+  const autoSubmittedRef = useRef(false);
   useEffect(() => {
     fetchApps(token).then(setApps).catch((err) => setError(err instanceof Error ? err.message : String(err))).finally(() => setLoading(false));
   }, [token]);
+  useEffect(() => {
+    if (loading || error || autoSubmittedRef.current || apps.length !== 1) {
+      return;
+    }
+    autoSubmittedRef.current = true;
+    const timer = setTimeout(() => onSubmit(apps[0]), AUTO_SELECT_DELAY_MS);
+    return () => clearTimeout(timer);
+  }, [loading, error, apps, onSubmit]);
   useInput((_, key) => {
-    if (loading || error || apps.length === 0) {
+    if (loading || error || apps.length <= 1) {
       return;
     }
     if (key.upArrow) {
@@ -1403,6 +1437,7 @@ var AppSelect = ({ token, userId, orgId, onSubmit }) => {
       onSubmit(apps[cursor]);
     }
   });
+  const defaultApp = !loading && !error && apps.length === 1 ? apps[0] : void 0;
   const renderContent = () => {
     if (loading) {
       return /* @__PURE__ */ jsxs(Box, { gap: 2, children: [
@@ -1432,6 +1467,26 @@ var AppSelect = ({ token, userId, orgId, onSubmit }) => {
       ] }, app.id);
     }) });
   };
+  if (defaultApp) {
+    return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx(Banner, { userId, orgId, appName: defaultApp.name, appId: defaultApp.id }),
+      /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingX: 2, paddingY: 1, gap: 1, children: [
+        /* @__PURE__ */ jsxs(Box, { gap: 1, children: [
+          /* @__PURE__ */ jsx(Text, { color: "green", children: "\u2713" }),
+          /* @__PURE__ */ jsxs(Text, { children: [
+            "Using ",
+            /* @__PURE__ */ jsx(Text, { bold: true, color: "cyan", children: defaultApp.name })
+          ] }),
+          /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+            "(",
+            defaultApp.id,
+            ")"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Auto-selected \u2014 only one App available." })
+      ] })
+    ] });
+  }
   return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
     /* @__PURE__ */ jsx(Banner, { userId, orgId }),
     /* @__PURE__ */ jsx(StepShell, { title: "Select the App you are building an Extension for:", children: renderContent() })
@@ -2601,7 +2656,15 @@ var App = ({ command, token, userId, orgId, initialName, initialExtensionId, opt
     case "app": {
       if (options?.appId || initialExtensionId && (command === "update" /* UPDATE */ || command === "scaffold" /* SCAFFOLD */)) {
         return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
-          /* @__PURE__ */ jsx(Banner, { userId, orgId }),
+          /* @__PURE__ */ jsx(
+            Banner,
+            {
+              userId,
+              orgId,
+              appId: selectedApp?.id,
+              appName: selectedApp?.name
+            }
+          ),
           /* @__PURE__ */ jsx(StepShell, { title: "Loading App\u2026", children: /* @__PURE__ */ jsxs(Box, { gap: 2, children: [
             /* @__PURE__ */ jsx(Spinner5, { type: "dots" }),
             /* @__PURE__ */ jsx(Text, { children: options?.appId ? "Fetching app details\u2026" : "Resolving app from extension\u2026" })

package/package.json

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