labellife-design-tool 1.0.9 → 1.1.0

package/README.md

@@ -119,6 +119,31 @@ The `CanvasEditorRef` interface provides the following properties and methods:
 - `setCanvasSize(width, height)`: Set the canvas dimensions programmatically
 - `loadDesign(jsonData)`: Load a design from JSON data (Promise-based)
 
+### Export Helpers (JSON object + Base64)
+
+In addition to the UI download helpers, the library also provides functions that return data directly (no file download):
+
+```ts
+import { exportToJSONObject, canvasToDataURL } from 'labellife-design-tool';
+```
+
+#### Get a JSON-safe design object
+
+```ts
+const designObject = exportToJSONObject(editorRef.current.getDesign());
+// designObject is a plain JSON-compatible object you can send to an API
+```
+
+#### Get a base64 data URL of the canvas
+
+```ts
+const stage = editorRef.current.stage;
+if (stage) {
+  const dataUrl = canvasToDataURL(stage, 'png', { pixelRatio: 2 });
+  // dataUrl is like: "data:image/png;base64,iVBORw0..."
+}
+```
+
 ### Canvas Size Management
 
 The `setCanvasSize` method allows you to programmatically change the canvas dimensions. This is useful for responsive designs, template switching, or custom size inputs.

package/dist/lib/lib/index.js

@@ -2552,6 +2552,9 @@ var exportToJPG = (stage, design) => {
     document.body.removeChild(link);
   }
 };
+var exportToJSONObject = (design) => {
+  return JSON.parse(JSON.stringify(design));
+};
 var exportToJSON = (design) => {
   const json = JSON.stringify(design, null, 2);
   const blob = new Blob([json], { type: "application/json" });
@@ -2564,6 +2567,22 @@ var exportToJSON = (design) => {
   document.body.removeChild(link);
   URL.revokeObjectURL(url);
 };
+var canvasToDataURL = (stage, format = "png", options) => {
+  if (!stage) {
+    throw new Error("Stage is required");
+  }
+  const oldScale = stage.scaleX();
+  stage.scale({ x: 1, y: 1 });
+  const pixelRatio = options?.pixelRatio ?? 2;
+  const quality = options?.quality ?? 0.9;
+  const dataUrl = stage.toDataURL({
+    pixelRatio,
+    mimeType: format === "jpg" ? "image/jpeg" : "image/png",
+    quality: format === "jpg" ? quality : undefined
+  });
+  stage.scale({ x: oldScale, y: oldScale });
+  return dataUrl;
+};
 var canvasToBlob = (stage, format = "png", options) => {
   if (!stage) {
     return Promise.reject(new Error("Stage is required"));
@@ -3927,9 +3946,11 @@ export {
   getUnsplashAccessKey,
   findRequiredInputs,
   exportToPNG,
+  exportToJSONObject,
   exportToJSON,
   exportToJPG,
   convertTemplateToCanvasDesign,
+  canvasToDataURL,
   canvasToBlob,
   UrlImageElement,
   ShapeElement,

package/dist/lib/wordpress.js

@@ -2552,6 +2552,9 @@ var exportToJPG = (stage, design) => {
     document.body.removeChild(link);
   }
 };
+var exportToJSONObject = (design) => {
+  return JSON.parse(JSON.stringify(design));
+};
 var exportToJSON = (design) => {
   const json = JSON.stringify(design, null, 2);
   const blob = new Blob([json], { type: "application/json" });
@@ -2564,6 +2567,22 @@ var exportToJSON = (design) => {
   document.body.removeChild(link);
   URL.revokeObjectURL(url);
 };
+var canvasToDataURL = (stage, format = "png", options) => {
+  if (!stage) {
+    throw new Error("Stage is required");
+  }
+  const oldScale = stage.scaleX();
+  stage.scale({ x: 1, y: 1 });
+  const pixelRatio = options?.pixelRatio ?? 2;
+  const quality = options?.quality ?? 0.9;
+  const dataUrl = stage.toDataURL({
+    pixelRatio,
+    mimeType: format === "jpg" ? "image/jpeg" : "image/png",
+    quality: format === "jpg" ? quality : undefined
+  });
+  stage.scale({ x: oldScale, y: oldScale });
+  return dataUrl;
+};
 var canvasToBlob = (stage, format = "png", options) => {
   if (!stage) {
     return Promise.reject(new Error("Stage is required"));
@@ -3980,9 +3999,11 @@ export {
   getUnsplashAccessKey,
   findRequiredInputs,
   exportToPNG,
+  exportToJSONObject,
   exportToJSON,
   exportToJPG,
   convertTemplateToCanvasDesign,
+  canvasToDataURL,
   canvasToBlob,
   UrlImageElement,
   ShapeElement,

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

@@ -15,9 +15,9 @@ export interface CanvasEditorRef {
 }
 export { default as CanvasEditor } from '../CanvasEditor';
 export * from '../types';
-export { exportToPNG, exportToJPG, exportToJSON, importFromJSON, importFromJSONData, // Import JSON data directly (no file needed)
+export { exportToPNG, exportToJPG, exportToJSON, exportToJSONObject, importFromJSON, importFromJSONData, // Import JSON data directly (no file needed)
 loadTemplateFromJSON, // Simplified template loading utility
-findRequiredInputs, replaceUserInputs, convertTemplateToCanvasDesign, canvasToBlob, } from '../utils/exportImportUtils';
+findRequiredInputs, replaceUserInputs, convertTemplateToCanvasDesign, canvasToDataURL, canvasToBlob, } from '../utils/exportImportUtils';
 export * from '../elements';
 export { FONT_FAMILIES, DEFAULT_COLORS, CANVAS_PRESETS } from '../constants';
 export { setUnsplashAccessKey, getUnsplashAccessKey } from '../config';

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,OAAO,EACL,WAAW,EACX,WAAW,EACX,YAAY,EACZ,cAAc,EACd,kBAAkB,EAAE,6CAA6C;AACjE,oBAAoB,EAAE,sCAAsC;AAC5D,kBAAkB,EAClB,iBAAiB,EACjB,6BAA6B,EAC7B,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,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/utils/exportImportUtils.d.ts

@@ -20,6 +20,7 @@ export declare function findRequiredInputs(design: CanvasDesign): UserInputItem[
 export declare function replaceUserInputs(design: CanvasDesign, collectedInputs: Record<string, any>): CanvasDesign;
 export declare const exportToPNG: (stage: Konva.Stage, design: CanvasDesign) => void;
 export declare const exportToJPG: (stage: Konva.Stage, design: CanvasDesign) => void;
+export declare const exportToJSONObject: (design: CanvasDesign) => CanvasDesign;
 export declare const exportToJSON: (design: CanvasDesign) => void;
 /**
  * Converts the canvas to a Blob that can be used for various purposes
@@ -28,6 +29,10 @@ export declare const exportToJSON: (design: CanvasDesign) => void;
  * @param options - Additional options for conversion
  * @returns Promise that resolves with a Blob
  */
+export declare const canvasToDataURL: (stage: Konva.Stage, format?: "png" | "jpg", options?: {
+    quality?: number;
+    pixelRatio?: number;
+}) => string;
 export declare const canvasToBlob: (stage: Konva.Stage, format?: "png" | "jpg", options?: {
     quality?: number;
     pixelRatio?: number;

package/dist/types/utils/exportImportUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"exportImportUtils.d.ts","sourceRoot":"","sources":["../../../src/utils/exportImportUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAE1D,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAExD,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;;;;GAMG;AACH,wBAAgB,6BAA6B,CAAC,IAAI,EAAE,GAAG,GAAG,YAAY,CAuHrE;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,GAAG,aAAa,EAAE,CAsHxE;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAC7B,MAAM,EAAE,YAAY,EACpB,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GACrC,YAAY,CA6Nd;AAGD,eAAO,MAAM,WAAW,GAAI,OAAO,KAAK,CAAC,KAAK,EAAE,QAAQ,YAAY,SAanE,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,OAAO,KAAK,CAAC,KAAK,EAAE,QAAQ,YAAY,SAiBnE,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,QAAQ,YAAY,SAWhD,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,YAAY,GACrB,OAAO,KAAK,CAAC,KAAK,EAClB,SAAQ,KAAK,GAAG,KAAa,EAC7B,UAAU;IACN,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB,KACF,OAAO,CAAC,IAAI,CAsCd,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8FG;AACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,eAAO,MAAM,oBAAoB,GAC/B,iBAAiB,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,EACjD,UAAU,GAAG,KACZ,OAAO,CAAC,IAAI,CAMd,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAC3B,UAAU,GAAG,EACb,QAAQ,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,EACtC,SAAS,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,EAClC,mBAAmB,CAAC,MAAM,EAAE,aAAa,EAAE,EAAE,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,KAAK,IAAI,SAuB1G,CAAC;AAEF,eAAO,MAAM,cAAc,GACvB,OAAO,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,EAC1C,QAAQ,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,EACtC,SAAS,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,EAClC,mBAAmB,CAAC,MAAM,EAAE,aAAa,EAAE,EAAE,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,KAAK,IAAI,SA0C1G,CAAC"}
+{"version":3,"file":"exportImportUtils.d.ts","sourceRoot":"","sources":["../../../src/utils/exportImportUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAE1D,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAExD,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;;;;GAMG;AACH,wBAAgB,6BAA6B,CAAC,IAAI,EAAE,GAAG,GAAG,YAAY,CAuHrE;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,GAAG,aAAa,EAAE,CAsHxE;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAC7B,MAAM,EAAE,YAAY,EACpB,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GACrC,YAAY,CA6Nd;AAGD,eAAO,MAAM,WAAW,GAAI,OAAO,KAAK,CAAC,KAAK,EAAE,QAAQ,YAAY,SAanE,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,OAAO,KAAK,CAAC,KAAK,EAAE,QAAQ,YAAY,SAiBnE,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,QAAQ,YAAY,KAAG,YAEzD,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,QAAQ,YAAY,SAWhD,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,eAAe,GACxB,OAAO,KAAK,CAAC,KAAK,EAClB,SAAQ,KAAK,GAAG,KAAa,EAC7B,UAAU;IACN,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB,KACF,MAoBF,CAAC;AAEF,eAAO,MAAM,YAAY,GACrB,OAAO,KAAK,CAAC,KAAK,EAClB,SAAQ,KAAK,GAAG,KAAa,EAC7B,UAAU;IACN,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB,KACF,OAAO,CAAC,IAAI,CAsCd,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8FG;AACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,eAAO,MAAM,oBAAoB,GAC/B,iBAAiB,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,EACjD,UAAU,GAAG,KACZ,OAAO,CAAC,IAAI,CAMd,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAC3B,UAAU,GAAG,EACb,QAAQ,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,EACtC,SAAS,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,EAClC,mBAAmB,CAAC,MAAM,EAAE,aAAa,EAAE,EAAE,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,KAAK,IAAI,SAuB1G,CAAC;AAEF,eAAO,MAAM,cAAc,GACvB,OAAO,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,EAC1C,QAAQ,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,EACtC,SAAS,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,EAClC,mBAAmB,CAAC,MAAM,EAAE,aAAa,EAAE,EAAE,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,KAAK,IAAI,SA0C1G,CAAC"}

package/package.json

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