@fraczled/sdk 1.22.0 → 1.24.0

package/README.md

@@ -8,6 +8,12 @@ Embed a powerful design editor in your application with the Fraczled SDK.
 npm install @fraczled/sdk
 ```
 
+## Server-gated delivery (required)
+
+To prevent unauthorized usage, always gate the SDK bundle through your backend.
+Use `/api/editor/init` to validate the license, then serve the SDK from `/api/editor/sdk`.
+See `docs/license-enforcement.md` for the full flow.
+
 ## Quick Start
 
 ```typescript
@@ -63,6 +69,10 @@ interface EditorConfig {
     injectBaseStyles?: boolean;
     showLoader?: boolean;
   };
+  ui?: {
+    hideDefaultPanels?: boolean;
+    hiddenPanels?: PanelId[];
+  };
   customPanels?: CustomSidebarPanel[];
 }
 ```
@@ -188,6 +198,51 @@ 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`.
 
+### Hide built-in tabs (SDK only)
+
+You can hide vanilla sidebar tabs in SDK embeds:
+
+```ts
+import { createFraczledEditor, ToolType } from "@fraczled/sdk";
+
+createFraczledEditor({
+  apiKey: "YOUR_LICENSE_KEY",
+  projectId: "YOUR_PROJECT_ID",
+  container: document.getElementById("editor"),
+  ui: {
+    hideDefaultPanels: true,
+    // or hide specific tabs:
+    // hiddenPanels: [ToolType.IMAGES, ToolType.BRAND, "my-product:approvals"]
+  },
+  customPanels: [
+    {
+      id: "my-product:approvals",
+      label: "Approvals",
+      render: ({ store }) => (
+        <button onClick={() => store.exportJSON()}>Export JSON</button>
+      )
+    }
+  ]
+});
+```
+
+Notes:
+- `hiddenPanels` applies to both default and custom panels by id.
+- Removing the `ui` config restores the vanilla sidebar.
+- Hiding tabs is UI-only; it does not disable underlying features.
+
+Built-in panel IDs you can hide:
+- `ToolType.TEMPLATES` (label: Create)
+- `ToolType.DESIGN`
+- `ToolType.ELEMENTS`
+- `ToolType.DRAW`
+- `ToolType.TEXT`
+- `ToolType.IMAGES`
+- `ToolType.BRAND`
+- `ToolType.UPLOADS`
+- `ToolType.QR_CODE`
+- `ToolType.LAYERS`
+
 ## Support
 
 - Documentation: [fraczled.com/docs](https://fraczled.com/docs)

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-k1BSXNWh.js";
+import { S as o, b as p, a as c, d } from "./index-lfj94R-C.js";
 export {
   o as Store,
   p as createFraczledEditor,