@stackable-labs/cli-app-extension 1.92.1 → 1.93.0

package/dist/index.js

@@ -10,7 +10,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import TextInput from 'ink-text-input';
 import { SURFACE_TARGET } from '@stackable-labs/sdk-extension-contracts';
 import { homedir } from 'os';
-import { execFile, spawn } from 'child_process';
+import { execFile, spawn, execSync } from 'child_process';
 import { promisify } from 'util';
 import { installDependencies } from 'nypm';
 import { downloadTemplate } from 'giget';
@@ -3355,11 +3355,79 @@ var downloadAndExtractAiDocs = async (targetDir, version2, filter) => {
   return { files: extractedFiles.sort() };
 };
 var downloadAndExtractMcpConfig = async (targetDir, version2) => downloadAndExtractAiDocs(targetDir, version2, (name) => MCP_FILE_PATTERN.test(name));
+var isClaudeCodeEnvironment = () => {
+  if (process.env.CLAUDE_CODE) {
+    return true;
+  }
+  try {
+    execSync("which claude", { stdio: "ignore" });
+    return true;
+  } catch {
+    return false;
+  }
+};
+var PLUGIN_SETTINGS = {
+  extraKnownMarketplaces: {
+    "stackable-claude-plugins": {
+      source: { source: "github", repo: "stackable-labs/claude-plugins" }
+    }
+  },
+  enabledPlugins: {
+    "stackable-extension-dev@stackable-claude-plugins": true
+  }
+};
+var writePluginSettings = async (targetDir) => {
+  const settingsDir = join(targetDir, ".claude");
+  const settingsPath = join(settingsDir, "settings.json");
+  await mkdir(settingsDir, { recursive: true });
+  await writeFile(settingsPath, JSON.stringify(PLUGIN_SETTINGS, null, 2) + "\n");
+  return [".claude/settings.json"];
+};
+var MODE_OPTIONS = [
+  { value: "plugin", label: "Plugin (recommended)", description: "Install via Claude Code plugin \u2014 always up to date, no local files" },
+  { value: "local", label: "Local files", description: "Extract AI editor configs into project (same as non-Claude editors)" }
+];
 var AIScaffold = ({ version: version2 }) => {
   const { exit } = useApp();
   const [state, setState] = useState("validating");
   const [files, setFiles] = useState([]);
   const [errorMessage, setErrorMessage] = useState("");
+  const [cursor, setCursor] = useState(0);
+  const handleMode = async (mode) => {
+    const projectDir = process.cwd();
+    try {
+      if (mode === "plugin") {
+        const result = await writePluginSettings(projectDir);
+        setFiles(result);
+      } else {
+        const result = await downloadAndExtractAiDocs(projectDir, version2);
+        setFiles(result.files);
+      }
+      setState("done");
+    } catch (err) {
+      setErrorMessage(err instanceof Error ? err.message : String(err));
+      setState("error");
+    }
+    exit();
+  };
+  useInput((_input, key) => {
+    if (state !== "choosing") {
+      return;
+    }
+    if (key.upArrow) {
+      setCursor((c) => Math.max(0, c - 1));
+      return;
+    }
+    if (key.downArrow) {
+      setCursor((c) => Math.min(MODE_OPTIONS.length - 1, c + 1));
+      return;
+    }
+    if (key.return) {
+      const mode = MODE_OPTIONS[cursor].value;
+      setState("downloading");
+      void handleMode(mode);
+    }
+  });
   useEffect(() => {
     const run = async () => {
       const projectDir = process.cwd();
@@ -3370,6 +3438,10 @@ var AIScaffold = ({ version: version2 }) => {
         exit();
         return;
       }
+      if (isClaudeCodeEnvironment()) {
+        setState("choosing");
+        return;
+      }
       setState("downloading");
       try {
         const result = await downloadAndExtractAiDocs(projectDir, version2);
@@ -3390,6 +3462,21 @@ var AIScaffold = ({ version: version2 }) => {
         /* @__PURE__ */ jsx(Text, { color: "cyan", children: /* @__PURE__ */ jsx(Spinner5, { type: "dots" }) }),
         /* @__PURE__ */ jsx(Text, { children: "Checking project..." })
       ] }),
+      state === "choosing" && /* @__PURE__ */ jsxs(Box, { flexDirection: "column", gap: 1, children: [
+        /* @__PURE__ */ jsx(Text, { children: "Claude Code detected \u2014 choose how to set up AI assistance:" }),
+        /* @__PURE__ */ jsx(Box, { flexDirection: "column", gap: 1, children: MODE_OPTIONS.map((opt, i) => {
+          const isCursor = i === cursor;
+          return /* @__PURE__ */ jsxs(Box, { gap: 1, children: [
+            /* @__PURE__ */ jsx(Text, { color: isCursor ? "cyan" : void 0, children: isCursor ? "\u276F" : " " }),
+            /* @__PURE__ */ jsx(Text, { color: isCursor ? "green" : void 0, children: isCursor ? "\u25C9" : "\u25CB" }),
+            /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
+              /* @__PURE__ */ jsx(Text, { bold: isCursor, children: opt.label }),
+              /* @__PURE__ */ jsx(Text, { dimColor: true, children: opt.description })
+            ] })
+          ] }, opt.value);
+        }) }),
+        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2191\u2193 to navigate, Enter to select" })
+      ] }),
       state === "downloading" && /* @__PURE__ */ jsxs(Box, { gap: 1, children: [
         /* @__PURE__ */ jsx(Text, { color: "cyan", children: /* @__PURE__ */ jsx(Spinner5, { type: "dots" }) }),
         /* @__PURE__ */ jsxs(Text, { children: [

package/package.json

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