shadcn-studio-extension-cli 0.1.11 → 0.2.0

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-DZzSFjno.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"),
@@ -4864,7 +4863,7 @@ async function checkAgentOnPort(port, path = "/stagewise/info") {
 }
 async function scanForAgents(startPort = DEFAULT_STARTING_PORT) {
   console.info(
-    `[Shadcn IDE Extension] The following errors are expected ✅
+    `[Shadcn Studio IDE Extension] The following errors are expected ✅
 
 They happen because we're searching for available agents...`
   ), console.debug(
@@ -8291,7 +8290,7 @@ const generateId = (length = 16) => Math.random().toString(36).substring(2, leng
   // content: truncateString(doc.code || '', 32768),
 }), getLicenseDataFromStorage = () => {
   try {
-    const stored = localStorage.getItem("ShadcnStudio_license_key");
+    const stored = localStorage.getItem("shadcnstudio_license_key");
     if (stored) {
       const parsed = JSON.parse(stored);
       return {
@@ -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 theme ${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 });
 }
@@ -8883,9 +8873,10 @@ export {
   ConfigProvider as C,
   PanelFooter as D,
   cva as E,
-  AppStateProvider as F,
+  getLicenseDataFromStorage as F,
   Glassy as G,
   HotkeyActions as H,
+  AppStateProvider as I,
   PanelsProvider as P,
   useAppState as a,
   usePlugins as b,

package/dist/toolbar-app/{index-ChCX2CjU.js → index-BEof4Zuj.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({
+), CliVersionSchema = external_exports.enum(["v3"]).describe("The version of the Shadcn CLI used."), userMessageMetadataSchema = external_exports.object({
   currentUrl: external_exports.string().max(1024).url().nullable(),
   currentTitle: external_exports.string().max(256).nullable(),
   currentZoomLevel: external_exports.number(),
@@ -4864,7 +4864,7 @@ async function checkAgentOnPort(port, path = "/stagewise/info") {
 }
 async function scanForAgents(startPort = DEFAULT_STARTING_PORT) {
   console.info(
-    `[Shadcn IDE Extension] The following errors are expected ✅
+    `[Shadcn Studio IDE Extension] The following errors are expected ✅
 
 They happen because we're searching for available agents...`
   ), console.debug(
@@ -8291,7 +8291,7 @@ const generateId = (length = 16) => Math.random().toString(36).substring(2, leng
   // content: truncateString(doc.code || '', 32768),
 }), getLicenseDataFromStorage = () => {
   try {
-    const stored = localStorage.getItem("ShadcnStudio_license_key");
+    const stored = localStorage.getItem("shadcnstudio_license_key");
     if (stored) {
       const parsed = JSON.parse(stored);
       return {
@@ -8303,15 +8303,15 @@ 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, _cliVersion) => {
+  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 theme ${theme.name}` : `npx shadcn@latest add "https://shadcnstudio.com/r/themes/${theme.name}.json?email=${email}&license_key=${licenseKey}"`;
+}, getSelectedThemeInfo = (theme, _cliVersion) => {
+  const themeInstallCommand = `npx shadcn@latest add @ss-themes/${theme.name}`;
   return {
     name: theme.name,
     installationCommand: themeInstallCommand
@@ -8346,7 +8346,7 @@ function loadStateFromStorage() {
       minimized: parsed.minimized,
       theme: parsed.theme,
       promptAction: parsed.promptAction,
-      cliVersion: parsed.cliVersion
+      cliVersion: "v3"
     };
   } catch (error) {
     return console.error("Failed to load state from storage:", error), {};
@@ -8400,9 +8400,10 @@ function AppStateProvider({ children }) {
     saveStateToStorage({
       minimized: state.minimized,
       theme: state.theme,
-      promptAction: state.promptAction
+      promptAction: state.promptAction,
+      cliVersion: state.cliVersion
     });
-  }, [state.minimized, state.theme, state.promptAction]), useEffect(() => {
+  }, [state.minimized, state.theme, state.promptAction, state.cliVersion]), useEffect(() => {
     const applyTheme = () => {
       const toolbarElement = document.querySelector(
         "#stagewise-companion-anchor"
@@ -8468,8 +8469,8 @@ function AppStateProvider({ children }) {
     setState((prev) => ({ ...prev, theme }));
   }, []), setPromptAction = useCallback((promptAction) => {
     setState((prev) => ({ ...prev, promptAction }));
-  }, []), setCliVersion = useCallback((cliVersion) => {
-    setState((prev) => ({ ...prev, cliVersion }));
+  }, []), setCliVersion = useCallback((_cliVersion) => {
+    setState((prev) => ({ ...prev, cliVersion: "v3" }));
   }, []), value = {
     requestMainAppBlock,
     requestMainAppUnblock,

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

@@ -8304,14 +8304,14 @@ const generateId = (length = 16) => Math.random().toString(36).substring(2, leng
   }
   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}"`;
+  const { email, licenseKey } = getLicenseDataFromStorage(), 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}"`;
+  const { email, licenseKey } = getLicenseDataFromStorage(), themeInstallCommand = `npx shadcn@latest add @ss-themes/${theme.name}`;
   return {
     name: theme.name,
     installationCommand: themeInstallCommand
@@ -8400,9 +8400,10 @@ function AppStateProvider({ children }) {
     saveStateToStorage({
       minimized: state.minimized,
       theme: state.theme,
-      promptAction: state.promptAction
+      promptAction: state.promptAction,
+      cliVersion: state.cliVersion
     });
-  }, [state.minimized, state.theme, state.promptAction]), useEffect(() => {
+  }, [state.minimized, state.theme, state.promptAction, state.cliVersion]), useEffect(() => {
     const applyTheme = () => {
       const toolbarElement = document.querySelector(
         "#stagewise-companion-anchor"