@fraczled/sdk 1.30.0 → 1.30.2

package/README.md

@@ -72,6 +72,7 @@ interface EditorConfig {
   ui?: {
     hideDefaultPanels?: boolean;
     hiddenPanels?: PanelId[];
+    topbarMode?: 'default' | 'custom';
   };
   customPanels?: CustomSidebarPanel[];
 }
@@ -83,7 +84,9 @@ By default, the SDK injects the Tailwind CDN and Google Fonts for convenience. F
 set `assets.injectTailwind = false` and provide your own CSS bundle (and optionally your own fonts)
 to avoid relying on external CDNs.
 
-License validation is always handled by https://fraczled.com and requires outbound HTTPS access.
+License validation is handled by https://fraczled.com and requires outbound HTTPS access.
+If you need to run offline, supply a signed offline license token via
+`services.licenseRequest.offlineLicense` so the SDK can verify it locally.
 
 ## Server-side enforcement (recommended)
 
@@ -198,6 +201,29 @@ 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`.
 
+### 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-BaSHlmfB.js";
+import { S as o, b as p, a as c, d } from "./index-H9Vygg46.js";
 export {
   o as Store,
   p as createFraczledEditor,