canvas-ui-sdk 0.3.3 → 0.3.5

package/dist/index.js

@@ -27392,8 +27392,13 @@ function generateBakePrompt(theme) {
     lines.push("");
     sections.push(lines.join("\n"));
   }
-  sectionNum++;
-  {
+  const brandingChanged = theme.branding.iconShape !== defaultBranding.iconShape || theme.branding.iconName !== defaultBranding.iconName || theme.branding.bgColor !== defaultBranding.bgColor || theme.branding.iconColor !== defaultBranding.iconColor || theme.branding.wordmark !== defaultBranding.wordmark;
+  const imageKeys = ["logoLight", "logoDark", "faviconLight", "faviconDark"];
+  const imagesChanged = imageKeys.some(
+    (key) => (theme.images[key] || "") !== (defaultImages[key] || "")
+  );
+  if (brandingChanged || imagesChanged) {
+    sectionNum++;
     const lines = [];
     lines.push(`## ${sectionNum}. Update \`src/lib/theme-config.ts\``);
     lines.push("");
@@ -27412,7 +27417,6 @@ function generateBakePrompt(theme) {
     lines.push(`};`);
     lines.push("");
     lines.push(`export const savedImages: Record<ImageKey, string> = {`);
-    const imageKeys = ["logoLight", "logoDark", "faviconLight", "faviconDark"];
     for (const key of imageKeys) {
       lines.push(`  ${key}: "${theme.images[key] || ""}",`);
     }
@@ -27474,49 +27478,73 @@ function ExportPanel({ theme }) {
         children: theme.isDirty ? `${overrideCount} variable${overrideCount !== 1 ? "s" : ""} modified` : "No modifications \u2014 using defaults"
       }
     ),
-    overrideCount > 0 && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+    overrideCount > 0 && (() => {
+      const prompt = generateBakePrompt(theme);
+      return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsx(
+            "h3",
+            {
+              style: {
+                fontSize: "13px",
+                fontWeight: 600,
+                color: "#374151",
+                textTransform: "uppercase",
+                letterSpacing: "0.05em"
+              },
+              children: "Bake into source code"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: () => handleCopy(prompt),
+              style: {
+                fontSize: "12px",
+                color: copyStatus === "bake" ? "#059669" : "#1165ef",
+                background: "none",
+                border: "none",
+                cursor: "pointer",
+                fontWeight: 500
+              },
+              children: copyStatus === "bake" ? "Copied!" : "Copy prompt"
+            }
+          )
+        ] }),
         /* @__PURE__ */ jsx(
-          "h3",
+          "p",
           {
             style: {
-              fontSize: "13px",
-              fontWeight: 600,
-              color: "#374151",
-              textTransform: "uppercase",
-              letterSpacing: "0.05em"
+              fontSize: "12px",
+              color: "#6b7280",
+              lineHeight: "1.4"
             },
-            children: "Bake into source code"
+            children: "Copies a prompt for Claude Code that updates your source files with the current theme values."
           }
         ),
         /* @__PURE__ */ jsx(
-          "button",
+          "pre",
           {
-            onClick: () => handleCopy(generateBakePrompt(theme)),
             style: {
-              fontSize: "12px",
-              color: copyStatus === "bake" ? "#059669" : "#1165ef",
-              background: "none",
-              border: "none",
-              cursor: "pointer",
-              fontWeight: 500
+              fontSize: "11px",
+              fontFamily: "ui-monospace, SFMono-Regular, 'SF Mono', Menlo, monospace",
+              background: "#f9fafb",
+              border: "1px solid #e5e7eb",
+              borderRadius: "6px",
+              padding: "12px",
+              maxHeight: "300px",
+              overflow: "auto",
+              whiteSpace: "pre-wrap",
+              wordBreak: "break-word",
+              color: "#374151",
+              lineHeight: "1.5",
+              margin: 0
             },
-            children: copyStatus === "bake" ? "Copied!" : "Copy prompt"
+            children: prompt
           }
         )
-      ] }),
-      /* @__PURE__ */ jsx(
-        "p",
-        {
-          style: {
-            fontSize: "12px",
-            color: "#6b7280",
-            lineHeight: "1.4"
-          },
-          children: "Copies a prompt for Claude Code that updates your source files with the current theme values."
-        }
-      )
-    ] }),
+      ] });
+    })(),
     theme.isDirty && /* @__PURE__ */ jsx(
       "div",
       {