@fraczled/sdk 1.30.1 → 1.30.3

package/README.md

@@ -72,6 +72,7 @@ interface EditorConfig {
   ui?: {
     hideDefaultPanels?: boolean;
     hiddenPanels?: PanelId[];
+    topbarMode?: 'default' | 'custom';
   };
   customPanels?: CustomSidebarPanel[];
 }
@@ -200,6 +201,49 @@ Notes:
 - `feature` maps to `entitlements.features[feature]` and controls visibility/access based on licensing.
 - `render` is called when the panel is active, so you can wire buttons directly to `store` methods or read from `state`.
 
+### Template save action (SDK only)
+
+You can customize the "Save Current Design as Template" button in the Templates → Designs panel:
+
+```ts
+createFraczledEditor({
+  apiKey: "YOUR_LICENSE_KEY",
+  projectId: "YOUR_PROJECT_ID",
+  container: document.getElementById("editor"),
+  customTemplates: {
+    saveAction: {
+      label: "Save as Brand Template",
+      onClick: ({ openSaveModal }) => openSaveModal()
+    }
+  }
+});
+```
+
+Note: This action is gated by the `templateSave` plan feature.
+
+### Custom topbar actions (SDK only)
+
+You can replace the default topbar actions (save/new/export/undo/redo/zoom) with your own UI:
+
+```ts
+createFraczledEditor({
+  apiKey: "YOUR_LICENSE_KEY",
+  projectId: "YOUR_PROJECT_ID",
+  container: document.getElementById("editor"),
+  ui: { topbarMode: "custom" },
+  customToolbarItems: [
+    {
+      id: "my-topbar:action",
+      label: "My Action",
+      location: "topbar",
+      onClick: ({ topbar }) => topbar?.onExport?.("web")
+    }
+  ]
+});
+```
+
+Note: `ui.topbarMode = "custom"` is gated by the `topbarActions` plan feature.
+
 ### Hide built-in tabs (SDK only)
 
 You can hide vanilla sidebar tabs in SDK embeds:

package/dist/fraczled-sdk.es.js

@@ -1,6 +1,6 @@
 import "react";
 import "react-dom/client";
-import { S as o, b as p, a as c, d } from "./index-CXZBVuuc.js";
+import { S as o, b as p, a as c, d } from "./index-B5pLe-q9.js";
 export {
   o as Store,
   p as createFraczledEditor,