labellife-design-tool 1.1.1 → 1.1.3

package/README.md

@@ -144,6 +144,89 @@ interface CustomPanelDefinition {
 }
 ```
 
+#### Add Elements from a Custom Panel
+
+Every panel (built-in or custom) receives a `store` prop with a Polotno-like API:
+
+```tsx
+// Your custom panel component
+const MyImagesPanel = ({ store }) => {
+  const handleAddImage = (url: string) => {
+    store.activePage?.addElement({
+      type: "image",
+      src: url,
+      x: 100,
+      y: 100,
+      width: 200,
+      height: 200,
+    });
+  };
+
+  return (
+    <div style={{ color: "white", padding: 16 }}>
+      <h3>My Images</h3>
+      <button onClick={() => handleAddImage("https://example.com/img.jpg")}>
+        Add Image
+      </button>
+      <p>Canvas size: {store.width} × {store.height}</p>
+    </div>
+  );
+};
+
+// Register the panel
+<CanvasEditor
+  config={{
+    panels: [
+      "text",
+      "elements",
+      { id: "my-images", title: "My Images", icon: <MyIcon />, component: MyImagesPanel },
+      "image",
+      "background",
+    ],
+  }}
+/>
+```
+
+**CanvasStore interface**
+
+```typescript
+interface CanvasStore {
+  activePage: {
+    addElement: (element: {
+      type: string;
+      src?: string;
+      x: number;
+      y: number;
+      width: number;
+      height: number;
+    }) => void;
+  };
+  width: number;
+  height: number;
+  openSidePanel: (panelId: string | null) => void;
+}
+```
+
+**Open panels programmatically**
+
+```tsx
+const MyPanel = ({ store }) => {
+  const openTextPanel = () => store.openSidePanel("text");
+  const openCustomPanel = () => store.openSidePanel("my-custom-panel");
+  const closeAllPanels = () => store.openSidePanel(null);
+  const tryOpenUnknown = () => store.openSidePanel("nonexistent"); // closes all panels
+
+  return (
+    <div style={{ color: "white", padding: 16 }}>
+      <button onClick={openTextPanel}>Open Text Panel</button>
+      <button onClick={openCustomPanel}>Open Custom Panel</button>
+      <button onClick={closeAllPanels}>Close All Panels</button>
+      <button onClick={tryOpenUnknown}>Try Unknown Panel (closes all)</button>
+    </div>
+  );
+};
+```
+
 #### Default Behavior
 
 If `config.panels` is **not provided**, the editor shows the default set:

package/dist/lib/lib/index.js

@@ -3611,13 +3611,60 @@ var CanvasEditor = forwardRef(({
       delete window.__pendingImportReject;
     }
   };
+  const store = useMemo(() => ({
+    activePage: {
+      addElement: (element) => {
+        const newElement = {
+          id: `element-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`,
+          type: element.type,
+          name: `${element.type} element`,
+          x: element.x,
+          y: element.y,
+          width: element.width,
+          height: element.height,
+          rotation: 0,
+          visible: true,
+          locked: false,
+          opacity: 1,
+          ...element.src && { src: element.src }
+        };
+        setDesign((prev) => ({
+          ...prev,
+          pages: prev.pages.map((page) => page.id === currentPage.id ? { ...page, elements: [...page.elements, newElement] } : page)
+        }));
+      }
+    },
+    width: design.width,
+    height: design.height,
+    openSidePanel: (panelId) => {
+      if (!panelId) {
+        setActivePanelId(null);
+        return;
+      }
+      const requestedPanels = config?.panels && config.panels.length > 0 ? config.panels : [
+        "text",
+        "elements",
+        "image",
+        "design",
+        "background",
+        ...config?.variables ? ["variables"] : [],
+        ...config?.export ? ["export"] : []
+      ];
+      const panelExists = requestedPanels.some((p) => typeof p === "string" ? p === panelId : p.id === panelId);
+      if (panelExists) {
+        setActivePanelId(panelId);
+      } else {
+        setActivePanelId(null);
+      }
+    }
+  }), [currentPage.id, design.width, design.height, config, setActivePanelId]);
   const panelConfigs = useMemo(() => {
     const builtInConfigs = {
       elements: {
         id: "elements",
         title: "Elements",
         component: ElementPanel_default,
-        props: { onAddShape: addShape }
+        props: { onAddShape: addShape, store }
       },
       text: {
         id: "text",
@@ -3627,7 +3674,8 @@ var CanvasEditor = forwardRef(({
           selectedElement,
           updateElement,
           setTool,
-          onAddText: addText
+          onAddText: addText,
+          store
         }
       },
       image: {
@@ -3643,7 +3691,8 @@ var CanvasEditor = forwardRef(({
             setUnsplashMode("element");
           },
           canvasWidth: design.width,
-          canvasHeight: design.height
+          canvasHeight: design.height,
+          store
         }
       },
       design: {
@@ -3660,7 +3709,8 @@ var CanvasEditor = forwardRef(({
             setShowUnsplash(true);
             setUnsplashMode("background");
           },
-          config
+          config,
+          store
         }
       },
       background: {
@@ -3674,7 +3724,8 @@ var CanvasEditor = forwardRef(({
           onSetUnsplashBackground: () => {
             setShowUnsplash(true);
             setUnsplashMode("background");
-          }
+          },
+          store
         }
       },
       variables: config?.variables ? {
@@ -3684,7 +3735,8 @@ var CanvasEditor = forwardRef(({
         props: {
           config,
           design,
-          setDesign
+          setDesign,
+          store
         }
       } : null,
       export: {
@@ -3702,7 +3754,8 @@ var CanvasEditor = forwardRef(({
           } : undefined,
           onExportToJSON: config?.export?.json ? () => exportToJSON(design) : undefined,
           onImportJSON: () => jsonInputRef.current?.click(),
-          onLoadJSON: () => setShowJsonModal(true)
+          onLoadJSON: () => setShowJsonModal(true),
+          store
         }
       }
     };
@@ -3739,7 +3792,7 @@ var CanvasEditor = forwardRef(({
         id: custom.id,
         title: custom.title,
         component: custom.component,
-        props: custom.props || {}
+        props: { ...custom.props, store }
       });
     });
     return ordered;
@@ -3751,7 +3804,8 @@ var CanvasEditor = forwardRef(({
     design,
     selectedElement,
     setTool,
-    updateElement
+    updateElement,
+    store
   ]);
   useEffect4(() => {
     if (!panelConfigs.length)

package/dist/lib/wordpress.js

@@ -3611,13 +3611,60 @@ var CanvasEditor = forwardRef(({
       delete window.__pendingImportReject;
     }
   };
+  const store = useMemo(() => ({
+    activePage: {
+      addElement: (element) => {
+        const newElement = {
+          id: `element-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`,
+          type: element.type,
+          name: `${element.type} element`,
+          x: element.x,
+          y: element.y,
+          width: element.width,
+          height: element.height,
+          rotation: 0,
+          visible: true,
+          locked: false,
+          opacity: 1,
+          ...element.src && { src: element.src }
+        };
+        setDesign((prev) => ({
+          ...prev,
+          pages: prev.pages.map((page) => page.id === currentPage.id ? { ...page, elements: [...page.elements, newElement] } : page)
+        }));
+      }
+    },
+    width: design.width,
+    height: design.height,
+    openSidePanel: (panelId) => {
+      if (!panelId) {
+        setActivePanelId(null);
+        return;
+      }
+      const requestedPanels = config?.panels && config.panels.length > 0 ? config.panels : [
+        "text",
+        "elements",
+        "image",
+        "design",
+        "background",
+        ...config?.variables ? ["variables"] : [],
+        ...config?.export ? ["export"] : []
+      ];
+      const panelExists = requestedPanels.some((p) => typeof p === "string" ? p === panelId : p.id === panelId);
+      if (panelExists) {
+        setActivePanelId(panelId);
+      } else {
+        setActivePanelId(null);
+      }
+    }
+  }), [currentPage.id, design.width, design.height, config, setActivePanelId]);
   const panelConfigs = useMemo(() => {
     const builtInConfigs = {
       elements: {
         id: "elements",
         title: "Elements",
         component: ElementPanel_default,
-        props: { onAddShape: addShape }
+        props: { onAddShape: addShape, store }
       },
       text: {
         id: "text",
@@ -3627,7 +3674,8 @@ var CanvasEditor = forwardRef(({
           selectedElement,
           updateElement,
           setTool,
-          onAddText: addText
+          onAddText: addText,
+          store
         }
       },
       image: {
@@ -3643,7 +3691,8 @@ var CanvasEditor = forwardRef(({
             setUnsplashMode("element");
           },
           canvasWidth: design.width,
-          canvasHeight: design.height
+          canvasHeight: design.height,
+          store
         }
       },
       design: {
@@ -3660,7 +3709,8 @@ var CanvasEditor = forwardRef(({
             setShowUnsplash(true);
             setUnsplashMode("background");
           },
-          config
+          config,
+          store
         }
       },
       background: {
@@ -3674,7 +3724,8 @@ var CanvasEditor = forwardRef(({
           onSetUnsplashBackground: () => {
             setShowUnsplash(true);
             setUnsplashMode("background");
-          }
+          },
+          store
         }
       },
       variables: config?.variables ? {
@@ -3684,7 +3735,8 @@ var CanvasEditor = forwardRef(({
         props: {
           config,
           design,
-          setDesign
+          setDesign,
+          store
         }
       } : null,
       export: {
@@ -3702,7 +3754,8 @@ var CanvasEditor = forwardRef(({
           } : undefined,
           onExportToJSON: config?.export?.json ? () => exportToJSON(design) : undefined,
           onImportJSON: () => jsonInputRef.current?.click(),
-          onLoadJSON: () => setShowJsonModal(true)
+          onLoadJSON: () => setShowJsonModal(true),
+          store
         }
       }
     };
@@ -3739,7 +3792,7 @@ var CanvasEditor = forwardRef(({
         id: custom.id,
         title: custom.title,
         component: custom.component,
-        props: custom.props || {}
+        props: { ...custom.props, store }
       });
     });
     return ordered;
@@ -3751,7 +3804,8 @@ var CanvasEditor = forwardRef(({
     design,
     selectedElement,
     setTool,
-    updateElement
+    updateElement,
+    store
   ]);
   useEffect4(() => {
     if (!panelConfigs.length)

package/dist/types/CanvasEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CanvasEditor.d.ts","sourceRoot":"","sources":["../../src/CanvasEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6F,MAAM,OAAO,CAAC;AAGlH,OAAO,KAAK,MAAM,OAAO,CAAC;AA0C1B,OAAO,EAEL,YAAY,EAKb,MAAM,SAAS,CAAC;AAiCjB,OAAO,EAAkB,MAAM,EAA0C,MAAM,gBAAgB,CAAC;AAGhG,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC;IAC1B,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,SAAS,EAAE,MAAM,YAAY,CAAC;IAC9B,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACxD;AAED,QAAA,MAAM,YAAY;UAAuC,MAAM;aAAW,MAAM;yCAguC9E,CAAC;AAEH,eAAe,YAAY,CAAC"}
+{"version":3,"file":"CanvasEditor.d.ts","sourceRoot":"","sources":["../../src/CanvasEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6F,MAAM,OAAO,CAAC;AAGlH,OAAO,KAAK,MAAM,OAAO,CAAC;AA0C1B,OAAO,EAEL,YAAY,EAKb,MAAM,SAAS,CAAC;AAiCjB,OAAO,EAA+B,MAAM,EAA0C,MAAM,gBAAgB,CAAC;AAG7G,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC;IAC1B,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,SAAS,EAAE,MAAM,YAAY,CAAC;IAC9B,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACxD;AAED,QAAA,MAAM,YAAY;UAAuC,MAAM;aAAW,MAAM;yCA4yC9E,CAAC;AAEH,eAAe,YAAY,CAAC"}

package/dist/types/lib/index.d.ts

@@ -15,7 +15,7 @@ export interface CanvasEditorRef {
 }
 export { default as CanvasEditor } from '../CanvasEditor';
 export * from '../types';
-export type { BuiltInPanelId, CustomPanelDefinition, PanelDefinition, } from '../types/Config';
+export type { BuiltInPanelId, CanvasStore, CustomPanelDefinition, PanelDefinition, } from '../types/Config';
 export { exportToPNG, exportToJPG, exportToJSON, exportToJSONObject, importFromJSON, importFromJSONData, // Import JSON data directly (no file needed)
 loadTemplateFromJSON, // Simplified template loading utility
 findRequiredInputs, replaceUserInputs, convertTemplateToCanvasDesign, canvasToDataURL, canvasToBlob, } from '../utils/exportImportUtils';

package/dist/types/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AASxC,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC;IAC1B,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,SAAS,EAAE,MAAM,YAAY,CAAC;IAC9B,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvD,UAAU,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAC9C;AAGD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAG1D,cAAc,UAAU,CAAC;AAGzB,YAAY,EACV,cAAc,EACd,qBAAqB,EACrB,eAAe,GAChB,MAAM,iBAAiB,CAAC;AAGzB,OAAO,EACL,WAAW,EACX,WAAW,EACX,YAAY,EACZ,kBAAkB,EAClB,cAAc,EACd,kBAAkB,EAAE,6CAA6C;AACjE,oBAAoB,EAAE,sCAAsC;AAC5D,kBAAkB,EAClB,iBAAiB,EACjB,6BAA6B,EAC7B,eAAe,EACf,YAAY,GACb,MAAM,4BAA4B,CAAC;AAGpC,cAAc,aAAa,CAAC;AAG5B,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAG7E,OAAO,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AASxC,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC;IAC1B,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,SAAS,EAAE,MAAM,YAAY,CAAC;IAC9B,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvD,UAAU,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAC9C;AAGD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAG1D,cAAc,UAAU,CAAC;AAGzB,YAAY,EACV,cAAc,EACd,WAAW,EACX,qBAAqB,EACrB,eAAe,GAChB,MAAM,iBAAiB,CAAC;AAGzB,OAAO,EACL,WAAW,EACX,WAAW,EACX,YAAY,EACZ,kBAAkB,EAClB,cAAc,EACd,kBAAkB,EAAE,6CAA6C;AACjE,oBAAoB,EAAE,sCAAsC;AAC5D,kBAAkB,EAClB,iBAAiB,EACjB,6BAA6B,EAC7B,eAAe,EACf,YAAY,GACb,MAAM,4BAA4B,CAAC;AAGpC,cAAc,aAAa,CAAC;AAG5B,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAG7E,OAAO,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC"}

package/dist/types/types/Config.d.ts

@@ -12,6 +12,21 @@ export interface CustomPanelDefinition {
     toolValue?: ToolType;
 }
 export type PanelDefinition = BuiltInPanelId | CustomPanelDefinition;
+export interface CanvasStore {
+    activePage: {
+        addElement: (element: {
+            type: string;
+            src?: string;
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+        }) => void;
+    };
+    width: number;
+    height: number;
+    openSidePanel: (panelId: string | null) => void;
+}
 export interface NavbarSection {
     id: string;
     type: 'default' | 'custom';

package/dist/types/types/Config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Config.d.ts","sourceRoot":"","sources":["../../../src/types/Config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,MAAM,cAAc,GACtB,UAAU,GACV,QAAQ,GACR,MAAM,GACN,OAAO,GACP,YAAY,GACZ,QAAQ,GACR,WAAW,CAAC;AAEhB,MAAM,WAAW,qBAAqB;IACpC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;IACpD,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,UAAU,CAAC,EAAE,UAAU,GAAG,iBAAiB,CAAC;IAC5C,SAAS,CAAC,EAAE,QAAQ,CAAC;CACtB;AAED,MAAM,MAAM,eAAe,GAAG,cAAc,GAAG,qBAAqB,CAAC;AAErE,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC3B,QAAQ,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,MAAM,KAAK,CAAC,SAAS,CAAC,CAAC;IACpD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,YAAY;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,cAAc,CAAC,EAAE,aAAa,EAAE,CAAC;IAEjC,eAAe,CAAC,EAAE;QAChB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,aAAa,CAAC,CAAC;KACvC,CAAC;CACH;AAED,MAAM,WAAW,MAAM;IACrB,MAAM,CAAC,EAAE;QACP,GAAG,CAAC,EAAE,OAAO,CAAC;QACd,GAAG,CAAC,EAAE,OAAO,CAAC;QACd,IAAI,CAAC,EAAE,OAAO,CAAC;KAChB,CAAC;IACF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE;QACX,KAAK,CAAC,EAAE,OAAO,CAAC;QAChB,MAAM,CAAC,EAAE,OAAO,CAAC;KAClB,CAAC;IACF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE;QACN,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC;QACvB,QAAQ,EAAE,MAAM,CAAC;KAClB,EAAE,CAAC;IACJ,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,eAAe,EAAE,CAAC;CAC5B"}
+{"version":3,"file":"Config.d.ts","sourceRoot":"","sources":["../../../src/types/Config.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "labellife-design-tool",
-  "version": "1.1.1",
+  "version": "1.1.3",
   "description": "Professional canvas editor built with React, TypeScript, and Konva",
   "main": "./dist/lib/lib/index.js",
   "module": "./dist/lib/lib/index.js",