shadcn-studio-extension-cli 0.1.11 → 0.2.1

package/dist/toolbar-app/.vite/manifest.json

@@ -1,6 +1,6 @@
 {
-  "_index-CcQR8qhj.js": {
-    "file": "index-CcQR8qhj.js",
+  "_index-B0k7lxog.js": {
+    "file": "index-B0k7lxog.js",
     "name": "index"
   },
   "src/index.ts": {
@@ -9,7 +9,7 @@
     "src": "src/index.ts",
     "isEntry": true,
     "imports": [
-      "_index-CcQR8qhj.js"
+      "_index-B0k7lxog.js"
     ]
   },
   "src/plugin-sdk/index.tsx": {
@@ -18,7 +18,7 @@
     "src": "src/plugin-sdk/index.tsx",
     "isEntry": true,
     "imports": [
-      "_index-CcQR8qhj.js"
+      "_index-B0k7lxog.js"
     ]
   },
   "style.css": {

package/dist/toolbar-app/{index-BZHOXnId.js → index-B0k7lxog.js}

@@ -3038,7 +3038,7 @@ var baseSelectedElementSchema = external_exports.object({
   installationCommand: external_exports.string().describe("The installation command for the theme.")
 }), promptActionSchema = external_exports.enum(["copy", "send", "both"]).describe(
   "Action to take when triggering the prompt: copy to clipboard only, send to IDE only, or both"
-), CliVersionSchema = external_exports.enum(["v3", "v2"]).describe("The version of the Shadcn CLI used."), userMessageMetadataSchema = external_exports.object({
+), userMessageMetadataSchema = external_exports.object({
   currentUrl: external_exports.string().max(1024).url().nullable(),
   currentTitle: external_exports.string().max(256).nullable(),
   currentZoomLevel: external_exports.number(),
@@ -3055,8 +3055,7 @@ var baseSelectedElementSchema = external_exports.object({
   selectedThemes: external_exports.array(selectedThemeSchema).max(20).describe("Selected themes"),
   selectedDocs: external_exports.array(selectedDocSchema).max(20).describe("Selected documentation items"),
   selectedBlocks: external_exports.array(selectedBlockSchema).max(20).describe("Selected code blocks"),
-  promptAction: promptActionSchema.optional().default("send").describe("Action to take when triggering the prompt"),
-  cliVersion: CliVersionSchema.default("v3").describe("The version of the Shadcn CLI used.")
+  promptAction: promptActionSchema.optional().default("send").describe("Action to take when triggering the prompt")
 }), userMessageContentItemSchema = external_exports.discriminatedUnion("type", [
   external_exports.object({
     type: external_exports.literal("text"),
@@ -8303,20 +8302,20 @@ const generateId = (length = 16) => Math.random().toString(36).substring(2, leng
     console.warn("Failed to get license data:", error);
   }
   return { email: null, licenseKey: null };
-}, getSelectedBlockInfo = (block, cliVersion) => {
-  const { email, licenseKey } = getLicenseDataFromStorage(), blockInstallationCmd = cliVersion === "v3" ? `npx shadcn@latest add @ss-blocks/${block.name}` : `npx shadcn@latest add "https://shadcnstudio.com/r/blocks/${block.name}.json?email=${email}&license_key=${licenseKey}"`;
+}, getSelectedBlockInfo = (block) => {
+  const blockInstallationCmd = `npx shadcn@latest add @ss-blocks/${block.name}`;
   return {
     name: block.name,
     description: block.description,
     installationCommand: blockInstallationCmd
   };
-}, getSelectedThemeInfo = (theme, cliVersion) => {
-  const { email, licenseKey } = getLicenseDataFromStorage(), themeInstallCommand = cliVersion === "v3" ? `npx shadcn@latest add @ss-themes/${theme.name}` : `npx shadcn@latest add "https://shadcnstudio.com/r/themes/${theme.name}.json?email=${email}&license_key=${licenseKey}"`;
+}, getSelectedThemeInfo = (theme) => {
+  const { email, licenseKey } = getLicenseDataFromStorage(), themeInstallCommand = theme.type === "user" ? email && licenseKey ? `npx shadcn@latest apply "https://shadcnstudio.com/r/themes/${theme.name}.json?email=${email}&license_key=${licenseKey}"` : `npx shadcn@latest apply "https://shadcnstudio.com/r/themes/${theme.name}.json"` : `npx shadcn@latest apply "https://shadcnstudio.com/r/themes/${theme.name}.json"`;
   return {
     name: theme.name,
     installationCommand: themeInstallCommand
   };
-}, collectUserMessageMetadata = (selectedElements, selectedDocs = [], selectedBlocks = [], selectedThemes = [], promptAction = "both", cliVersion = "v3") => {
+}, collectUserMessageMetadata = (selectedElements, selectedDocs = [], selectedBlocks = [], selectedThemes = [], promptAction = "both") => {
   const iframeWindow = getIFrameWindow();
   return {
     currentUrl: truncateString(iframeWindow == null ? void 0 : iframeWindow.location.href, 1024),
@@ -8330,7 +8329,6 @@ const generateId = (length = 16) => Math.random().toString(36).substring(2, leng
     selectedBlocks,
     selectedThemes,
     promptAction,
-    cliVersion,
     viewportResolution: {
       width: iframeWindow == null ? void 0 : iframeWindow.innerWidth,
       height: iframeWindow == null ? void 0 : iframeWindow.innerHeight
@@ -8345,8 +8343,7 @@ function loadStateFromStorage() {
     return {
       minimized: parsed.minimized,
       theme: parsed.theme,
-      promptAction: parsed.promptAction,
-      cliVersion: parsed.cliVersion
+      promptAction: parsed.promptAction
     };
   } catch (error) {
     return console.error("Failed to load state from storage:", error), {};
@@ -8372,7 +8369,6 @@ function AppStateProvider({ children }) {
       minimized: storedState.minimized ?? !1,
       theme: storedState.theme ?? "system",
       promptAction: storedState.promptAction ?? "send",
-      cliVersion: storedState.cliVersion ?? "v3",
       requestMainAppBlock: () => 0,
       // These will be replaced by the actual implementations
       requestMainAppUnblock: () => 0,
@@ -8391,8 +8387,6 @@ function AppStateProvider({ children }) {
       setTheme: () => {
       },
       setPromptAction: () => {
-      },
-      setCliVersion: () => {
       }
     };
   });
@@ -8468,8 +8462,6 @@ function AppStateProvider({ children }) {
     setState((prev) => ({ ...prev, theme }));
   }, []), setPromptAction = useCallback((promptAction) => {
     setState((prev) => ({ ...prev, promptAction }));
-  }, []), setCliVersion = useCallback((cliVersion) => {
-    setState((prev) => ({ ...prev, cliVersion }));
   }, []), value = {
     requestMainAppBlock,
     requestMainAppUnblock,
@@ -8485,9 +8477,7 @@ function AppStateProvider({ children }) {
     theme: state.theme,
     setTheme,
     promptAction: state.promptAction,
-    setPromptAction,
-    cliVersion: state.cliVersion,
-    setCliVersion
+    setPromptAction
   };
   return /* @__PURE__ */ jsx(AppContext.Provider, { value, children });
 }

package/dist/toolbar-app/index.js

@@ -2,7 +2,7 @@ import * as React from "react";
 import React__default, { createContext, useState, useEffect, useContext, useCallback, useMemo, useRef, forwardRef, createElement, useLayoutEffect, Fragment as Fragment$1, isValidElement, cloneElement, useId as useId$1, useReducer, useSyncExternalStore, createRef, useImperativeHandle, StrictMode } from "react";
 import { createRoot } from "react-dom/client";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { A as AgentStateType, u as useAgents, a as useAppState, b as usePlugins, c as useAgentMessaging, d as usePanels, g as getSelectedElementInfo, e as getSelectedDocInfo, f as getSelectedBlockInfo, h as getSelectedThemeInfo, i as collectUserMessageMetadata, j as generateId, C as ConfigProvider, k as AgentProvider, l as AgentAvailabilityProvider, m as AgentMessagingProvider, P as PanelsProvider, n as PluginProvider, H as HotkeyActions, o as hotkeyActionDefinitions, p as getIFrameWindow, q as cn, r as getElementAtPoint, s as getXPathForElement, B as Button, t as glassyBoxClassName, v as AgentAvailabilityError, w as useAgentAvailability, x as Panel, y as PanelHeader, z as PanelContent, D as PanelFooter, E as cva, F as getLicenseDataFromStorage, G as Glassy, I as AppStateProvider } from "index-CcQR8qhj.js";
+import { A as AgentStateType, u as useAgents, a as useAppState, b as usePlugins, c as useAgentMessaging, d as usePanels, g as getSelectedElementInfo, e as getSelectedDocInfo, f as getSelectedBlockInfo, h as getSelectedThemeInfo, i as collectUserMessageMetadata, j as generateId, C as ConfigProvider, k as AgentProvider, l as AgentAvailabilityProvider, m as AgentMessagingProvider, P as PanelsProvider, n as PluginProvider, H as HotkeyActions, o as hotkeyActionDefinitions, p as getIFrameWindow, q as cn, r as getElementAtPoint, s as getXPathForElement, B as Button, t as glassyBoxClassName, v as AgentAvailabilityError, w as useAgentAvailability, x as Panel, y as PanelHeader, z as PanelContent, D as PanelFooter, E as cva, F as getLicenseDataFromStorage, G as Glassy, I as AppStateProvider } from "index-B0k7lxog.js";
 import * as ReactDOM from "react-dom";
 import { createPortal, flushSync } from "react-dom";
 import config from "@stagewise/toolbar/config";
@@ -68,7 +68,7 @@ const useAgentState = () => useContext(agentStateContext), ChatContext = createC
   },
   isSending: !1
 }), ChatStateProvider = ({ children }) => {
-  const [chatInput, setChatInput] = useState(""), [isPromptCreationMode, setIsPromptCreationMode] = useState(!1), [isSending, setIsSending] = useState(!1), [domContextElements, setDomContextElements] = useState([]), [selectedDocs, setSelectedDocs] = useState([]), [selectedBlocks, setSelectedBlocks] = useState([]), [selectedThemes, setSelectedThemes] = useState([]), { minimized } = useAppState(), { plugins } = usePlugins(), { sendMessage: sendAgentMessage } = useAgentMessaging(), { isChatOpen } = usePanels(), agentState = useAgentState(), { promptAction, cliVersion } = useAppState(), startPromptCreation = useCallback(() => {
+  const [chatInput, setChatInput] = useState(""), [isPromptCreationMode, setIsPromptCreationMode] = useState(!1), [isSending, setIsSending] = useState(!1), [domContextElements, setDomContextElements] = useState([]), [selectedDocs, setSelectedDocs] = useState([]), [selectedBlocks, setSelectedBlocks] = useState([]), [selectedThemes, setSelectedThemes] = useState([]), { minimized } = useAppState(), { plugins } = usePlugins(), { sendMessage: sendAgentMessage } = useAgentMessaging(), { isChatOpen } = usePanels(), agentState = useAgentState(), { promptAction } = useAppState(), startPromptCreation = useCallback(() => {
     setIsPromptCreationMode(!0), plugins.forEach((plugin) => {
       var _a;
       (_a = plugin.onPromptingStart) == null || _a.call(plugin);
@@ -143,16 +143,15 @@ const useAgentState = () => useContext(agentStateContext), ChatContext = createC
         ), selectedDocsInfo = selectedDocs.map(
           (doc) => getSelectedDocInfo(doc)
         ), selectedBlocksInfo = await Promise.all(
-          selectedBlocks.map((block) => getSelectedBlockInfo(block, cliVersion))
+          selectedBlocks.map((block) => getSelectedBlockInfo(block))
         ), selectedThemesInfo = selectedThemes.map(
-          (theme) => getSelectedThemeInfo(theme, cliVersion)
+          (theme) => getSelectedThemeInfo(theme)
         ), metadata = collectUserMessageMetadata(
           selectedElementsInfo,
           selectedDocsInfo,
           selectedBlocksInfo,
           selectedThemesInfo,
-          promptAction,
-          cliVersion
+          promptAction
         ), baseUserMessage = {
           id: generateId(),
           createdAt: /* @__PURE__ */ new Date(),
@@ -7129,7 +7128,7 @@ const performLocalSearch = (blocks, query) => {
     console.error("Failed to fetch plan variant:", error2);
   }
 }, fetchBlocksFromAPI = async (isValidated, licenseKey, email) => {
-  const fetchBlocksUrl = "https://shadcnstudio.com/r/blocks/registry.json?is_extension=true";
+  const fetchBlocksUrl = "https://shadcnstudio.com/r/blocks/radix-vega/registry.json?is_extension=true";
   try {
     const response = await fetch(fetchBlocksUrl, { method: "GET" });
     if (!response.ok)
@@ -8045,7 +8044,10 @@ const fetchGenericThemesFromAPI = async () => {
   const fetchThemesUrl = "https://shadcnstudio.com/r/themes/registry.json?is_extension=true";
   try {
     const response = await fetch(fetchThemesUrl, { method: "GET" });
-    return response.ok ? (await response.json()).items : (console.warn(
+    return response.ok ? (await response.json()).items.map((theme) => ({
+      ...theme,
+      type: "generic"
+    })) : (console.warn(
       `Failed to fetch themes: ${response.status} ${response.statusText}`
     ), []);
   } catch (error2) {
@@ -8062,10 +8064,13 @@ const fetchGenericThemesFromAPI = async () => {
     console.error("Failed to fetch plan variant:", error2);
   }
 }, fetchUserThemesFromAPI = async () => {
-  const { email, licenseKey } = getLicenseDataFromStorage(), fetchThemesUrl = `https://shadcnstudio.com/api/user-themes?email=${email}&license_key=${licenseKey}&is_extension=true`;
+  const { email, licenseKey } = getLicenseDataFromStorage(), fetchThemesUrl = `https://shadcnstudio.com/api/ide-extension/user-themes?email=${email}&license_key=${licenseKey}&is_extension=true`;
   try {
     const response = await fetch(fetchThemesUrl, { method: "GET" });
-    return response.ok ? (await response.json()).themes : (console.warn(
+    return response.ok ? (await response.json()).themes.map((theme) => ({
+      ...theme,
+      type: "user"
+    })) : (console.warn(
       `Failed to fetch themes: ${response.status} ${response.statusText}`
     ), []);
   } catch (error2) {
@@ -10940,47 +10945,6 @@ function PromptActionSelector() {
     ] })
   ] }) });
 }
-function ShadcnCliVersionSelector() {
-  const { cliVersion, setCliVersion } = useAppState();
-  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
-      /* @__PURE__ */ jsx("div", { className: "font-medium text-foreground text-sm", children: "Shadcn CLI version" }),
-      /* @__PURE__ */ jsx("div", { className: "text-muted-foreground text-xs", children: "Set your preferred shadcn CLI version." })
-    ] }),
-    /* @__PURE__ */ jsxs(DropdownMenu, { children: [
-      /* @__PURE__ */ jsx(DropdownMenuButton, { children: /* @__PURE__ */ jsxs(
-        Button,
-        {
-          size: "sm",
-          variant: "ghost",
-          className: "flex items-center gap-2 rounded-md text-xs",
-          children: [
-            cliVersion === "v2" && "v2",
-            cliVersion === "v3" && "v3"
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ jsxs(DropdownMenuContent, { children: [
-        /* @__PURE__ */ jsx(
-          DropdownMenuButtonItem,
-          {
-            onClick: () => setCliVersion("v2"),
-            className: "flex items-center gap-2",
-            children: "v2"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          DropdownMenuButtonItem,
-          {
-            onClick: () => setCliVersion("v3"),
-            className: "flex items-center gap-2",
-            children: "v3"
-          }
-        )
-      ] })
-    ] })
-  ] }) });
-}
 function SettingsPanel() {
   const { closeSettings } = usePanels();
   return /* @__PURE__ */ jsxs(Panel, { children: [
@@ -11010,8 +10974,6 @@ function SettingsPanel() {
       /* @__PURE__ */ jsx("hr", { className: "-mx-4 text-zinc-500/15 dark:text-zinc-500/30" }),
       /* @__PURE__ */ jsx(CompactThemeToggle, {}),
       /* @__PURE__ */ jsx("hr", { className: "-mx-4 text-zinc-500/15 dark:text-zinc-500/30" }),
-      /* @__PURE__ */ jsx(ShadcnCliVersionSelector, {}),
-      /* @__PURE__ */ jsx("hr", { className: "-mx-4 text-zinc-500/15 dark:text-zinc-500/30" }),
       /* @__PURE__ */ jsxs("div", { children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
           /* @__PURE__ */ jsx("div", { className: "font-medium text-foreground text-sm", children: "Toggle chat" }),

package/dist/toolbar-app/plugin-sdk.js

@@ -1,5 +1,5 @@
-import { q as cn, E as cva, b as usePlugins } from "index-CcQR8qhj.js";
-import { B, x, z, D, y } from "index-CcQR8qhj.js";
+import { q as cn, E as cva, b as usePlugins } from "index-B0k7lxog.js";
+import { B, x, z, D, y } from "index-B0k7lxog.js";
 import { jsx } from "react/jsx-runtime";
 const badgeVariants = cva("rounded-md p-2", {
   variants: {

package/package.json

@@ -2,7 +2,7 @@
   "name": "shadcn-studio-extension-cli",
   "module": "src/index.ts",
   "type": "module",
-  "version": "0.1.11",
+  "version": "0.2.1",
   "description": "Shadcn/Studio Extension CLI",
   "author": "stagewise GmbH",
   "license": "AGPL-3.0-only",