labellife-design-tool 1.1.4 → 1.1.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md
CHANGED
|
@@ -167,11 +167,42 @@ const MyComponent = () => {
|
|
|
167
167
|
});
|
|
168
168
|
};
|
|
169
169
|
|
|
170
|
+
const handleLoadTemplate = async () => {
|
|
171
|
+
try {
|
|
172
|
+
const templateData = {
|
|
173
|
+
name: "My Template",
|
|
174
|
+
width: 800,
|
|
175
|
+
height: 600,
|
|
176
|
+
pages: [
|
|
177
|
+
{
|
|
178
|
+
id: "page-1",
|
|
179
|
+
name: "Page 1",
|
|
180
|
+
elements: [
|
|
181
|
+
{
|
|
182
|
+
type: "text",
|
|
183
|
+
text: "Hello World",
|
|
184
|
+
x: 100,
|
|
185
|
+
y: 100,
|
|
186
|
+
fontSize: 24,
|
|
187
|
+
},
|
|
188
|
+
],
|
|
189
|
+
},
|
|
190
|
+
],
|
|
191
|
+
};
|
|
192
|
+
|
|
193
|
+
await store.loadJSON(templateData);
|
|
194
|
+
console.log("Template loaded successfully!");
|
|
195
|
+
} catch (error) {
|
|
196
|
+
console.error("Failed to load template:", error);
|
|
197
|
+
}
|
|
198
|
+
};
|
|
199
|
+
|
|
170
200
|
return (
|
|
171
201
|
<div style={{ color: "white", padding: 16 }}>
|
|
172
202
|
<p>Current page: {store.activePage.id}</p>
|
|
173
203
|
<p>Canvas size: {store.width} × {store.height}</p>
|
|
174
204
|
<button onClick={handleAddImage}>Add Image</button>
|
|
205
|
+
<button onClick={handleLoadTemplate}>Load Template</button>
|
|
175
206
|
</div>
|
|
176
207
|
);
|
|
177
208
|
};
|
|
@@ -239,6 +270,7 @@ interface CanvasStore {
|
|
|
239
270
|
height: number;
|
|
240
271
|
openSidePanel: (panelId: string | null) => void;
|
|
241
272
|
deletePages: (pageIds: string[]) => void;
|
|
273
|
+
loadJSON: (jsonData: any) => Promise<void>;
|
|
242
274
|
}
|
|
243
275
|
```
|
|
244
276
|
|
package/dist/lib/lib/index.js
CHANGED
|
@@ -3689,6 +3689,21 @@ var CanvasEditor = forwardRef(({
|
|
|
3689
3689
|
currentPageId: newCurrentPageId
|
|
3690
3690
|
};
|
|
3691
3691
|
});
|
|
3692
|
+
},
|
|
3693
|
+
loadJSON: async (jsonData) => {
|
|
3694
|
+
return new Promise((resolve, reject) => {
|
|
3695
|
+
importFromJSONData(jsonData, (loadedDesign) => {
|
|
3696
|
+
setDesign(loadedDesign);
|
|
3697
|
+
resolve();
|
|
3698
|
+
}, (errorMessage) => {
|
|
3699
|
+
console.error("Failed to load JSON:", errorMessage);
|
|
3700
|
+
reject(new Error(errorMessage));
|
|
3701
|
+
}, (inputs, onComplete) => {
|
|
3702
|
+
setPendingInputs(inputs);
|
|
3703
|
+
setShowInputModal(true);
|
|
3704
|
+
window.__pendingImportComplete = onComplete;
|
|
3705
|
+
});
|
|
3706
|
+
});
|
|
3692
3707
|
}
|
|
3693
3708
|
}), [currentPage.id, design.width, design.height, config, setActivePanelId]);
|
|
3694
3709
|
const panelConfigs = useMemo(() => {
|
package/dist/lib/wordpress.js
CHANGED
|
@@ -3689,6 +3689,21 @@ var CanvasEditor = forwardRef(({
|
|
|
3689
3689
|
currentPageId: newCurrentPageId
|
|
3690
3690
|
};
|
|
3691
3691
|
});
|
|
3692
|
+
},
|
|
3693
|
+
loadJSON: async (jsonData) => {
|
|
3694
|
+
return new Promise((resolve, reject) => {
|
|
3695
|
+
importFromJSONData(jsonData, (loadedDesign) => {
|
|
3696
|
+
setDesign(loadedDesign);
|
|
3697
|
+
resolve();
|
|
3698
|
+
}, (errorMessage) => {
|
|
3699
|
+
console.error("Failed to load JSON:", errorMessage);
|
|
3700
|
+
reject(new Error(errorMessage));
|
|
3701
|
+
}, (inputs, onComplete) => {
|
|
3702
|
+
setPendingInputs(inputs);
|
|
3703
|
+
setShowInputModal(true);
|
|
3704
|
+
window.__pendingImportComplete = onComplete;
|
|
3705
|
+
});
|
|
3706
|
+
});
|
|
3692
3707
|
}
|
|
3693
3708
|
}), [currentPage.id, design.width, design.height, config, setActivePanelId]);
|
|
3694
3709
|
const panelConfigs = useMemo(() => {
|
|
@@ -1 +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;
|
|
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;AAkCjB,OAAO,EAA+B,MAAM,EAA0C,MAAM,gBAAgB,CAAC;AAI7G,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;yCAw2C9E,CAAC;AAEH,eAAe,YAAY,CAAC"}
|
|
@@ -1 +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;AAItC,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,WAAW;IAC1B,UAAU,EAAE;QACV,EAAE,EAAE,MAAM,CAAC;QACX,UAAU,EAAE,CAAC,OAAO,EAAE;YACpB,IAAI,EAAE,MAAM,CAAC;YACb,GAAG,CAAC,EAAE,MAAM,CAAC;YACb,CAAC,EAAE,MAAM,CAAC;YACV,CAAC,EAAE,MAAM,CAAC;YACV,KAAK,EAAE,MAAM,CAAC;YACd,MAAM,EAAE,MAAM,CAAC;SAChB,KAAK,IAAI,CAAC;KACZ,CAAC;IACF,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAChD,WAAW,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"Config.d.ts","sourceRoot":"","sources":["../../../src/types/Config.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED