vibrant-tool 0.1.1 → 0.1.2

package/dist/App.d.ts

@@ -1 +1,5 @@
-export default function App(): import("react/jsx-runtime").JSX.Element;
+export default function App({ width, height, link }: {
+    width?: number;
+    height?: number;
+    link?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/lib/utils/canvas-setup.d.ts

@@ -17,7 +17,10 @@ export declare function createLargeWorkarea(canvas: Canvas, config: VCanvasConfi
     evented: false;
     name: string;
 }, import('fabric').SerializedRectProps, import('fabric').ObjectEvents>;
-export declare function createWorkarea(canvas: Canvas, container: HTMLDivElement): Rect<{
+export declare function createWorkarea(canvas: Canvas, container: HTMLDivElement, sizeInInches?: {
+    width: number;
+    height: number;
+}): Rect<{
     width: number;
     height: number;
     fill: string;

package/dist/lib/utils/page-manager.d.ts

@@ -1,3 +1,3 @@
 import { Canvas } from 'fabric';
 export type PageSide = "front" | "back";
-export declare function switchCanvasPage(canvas: Canvas, currentPage: PageSide, targetPage: PageSide, pageJSON: Record<PageSide, any>, clearSelection: () => void, containerRef: React.MutableRefObject<HTMLDivElement | null>): Promise<void>;
+export declare function switchCanvasPage(canvas: Canvas, currentPage: PageSide, targetPage: PageSide, pageJSON: Record<PageSide, any>, clearSelection: () => void, containerRef: React.MutableRefObject<HTMLDivElement | null>, data?: any): Promise<void>;

package/dist/modules/canvas/index.d.ts

@@ -1 +1,5 @@
-export default function Workspace(): import("react/jsx-runtime").JSX.Element;
+export default function Workspace({ width, height, link }: {
+    width?: number;
+    height?: number;
+    link?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/modules/index.d.ts

@@ -1 +1,5 @@
-export default function Home(): import("react/jsx-runtime").JSX.Element;
+export default function Home({ width, height, link }: {
+    width?: number;
+    height?: number;
+    link?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/vibrant-tool.es.js

@@ -122472,11 +122472,11 @@ function initializeCanvas(canvasElement, containerElement) {
   resizeCanvas();
   return canvas2;
 }
-function createWorkarea(canvas2, container) {
+function createWorkarea(canvas2, container, sizeInInches = { width: 3.5, height: 2 }) {
   const containerWidth = container.clientWidth;
   const containerHeight = container.clientHeight;
-  const printWidth = 3.5 + 0.125;
-  const printHeight = 2 + 0.125;
+  const printWidth = sizeInInches.width + 0.125;
+  const printHeight = sizeInInches.height + 0.125;
   const printDPI = 72;
   const fullWidth = printWidth * printDPI;
   const fullHeight = printHeight * printDPI;
@@ -122626,7 +122626,7 @@ function setupBorderSync(canvas2) {
     canvas2.off("object:rotating", syncBorder);
   };
 }
-async function switchCanvasPage(canvas2, currentPage, targetPage, pageJSON, clearSelection, containerRef) {
+async function switchCanvasPage(canvas2, currentPage, targetPage, pageJSON, clearSelection, containerRef, data) {
   if (targetPage === currentPage) return;
   const historyStore = useHistoryStore.getState();
   pageJSON[currentPage] = canvas2.toObject(["name"]);
@@ -122639,7 +122639,7 @@ async function switchCanvasPage(canvas2, currentPage, targetPage, pageJSON, clea
   } else {
     canvas2.discardActiveObject();
     canvas2.clear();
-    createWorkarea(canvas2, containerRef.current);
+    createWorkarea(canvas2, containerRef.current, data);
   }
   useHistoryStore.setState({ isRestoring: false });
 }
@@ -123060,7 +123060,11 @@ function useKeyboardEvents(canvas2) {
     };
   }, [canvas2, saveState]);
 }
-function Workspace() {
+function Workspace({
+  width = 3.5,
+  height = 2,
+  link
+}) {
   const canvasRef = useRef(null);
   const containerRef = useRef(null);
   const fabricRef = useRef(null);
@@ -123084,7 +123088,10 @@ function Workspace() {
     fabricRef.current = canvas2;
     setCanvas(canvas2);
     useHistoryStore.getState().setCanvas(canvas2);
-    const workarea = createWorkarea(canvas2, containerRef.current);
+    const workarea = createWorkarea(canvas2, containerRef.current, {
+      width,
+      height
+    });
     workareaRef.current = workarea;
     const cleanupHistory = setupHistoryRecording(canvas2);
     const cleanupCrop = setupDoublClickCrop(canvas2);
@@ -123151,7 +123158,8 @@ function Workspace() {
       page,
       pageJSON.current,
       clearSelection,
-      containerRef
+      containerRef,
+      { width, height }
     );
     useEditorStore.getState().setPages({ ...pageJSON.current });
     setCurrentPage(page);
@@ -123210,21 +123218,29 @@ function Workspace() {
     )
   ] });
 }
-function Home() {
+function Home({
+  width = 3.5,
+  height = 2,
+  link
+}) {
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col md:flex-row bg-neutral-900 overflow-hidden h-[calc(100vh-56px)] relative", children: [
     /* @__PURE__ */ jsx(SidePanel, {}),
     /* @__PURE__ */ jsxs("div", { className: "flex-1 bg-[#e4e6eb] flex flex-col items-center overflow-hidden", children: [
       /* @__PURE__ */ jsx(Toolbar, {}),
-      /* @__PURE__ */ jsx("div", { className: "flex-1 flex items-center justify-center relative", children: /* @__PURE__ */ jsx(Workspace, {}) })
+      /* @__PURE__ */ jsx("div", { className: "flex-1 flex items-center justify-center relative", children: /* @__PURE__ */ jsx(Workspace, { width, height, link }) })
     ] })
   ] });
 }
-function App() {
+function App({
+  width = 3.5,
+  height = 2,
+  link
+}) {
   return /* @__PURE__ */ jsxs("div", { className: "h-screen antialiased", children: [
     /* @__PURE__ */ jsx(StaticTour, {}),
     /* @__PURE__ */ jsx(GlobalLoader, {}),
     /* @__PURE__ */ jsx(Topbar, {}),
-    /* @__PURE__ */ jsx(Home, {})
+    /* @__PURE__ */ jsx(Home, { width, height, link })
   ] });
 }
 export {

package/dist/vibrant-tool.umd.js

@@ -122474,11 +122474,11 @@ END:VCARD`;
     resizeCanvas();
     return canvas2;
   }
-  function createWorkarea(canvas2, container) {
+  function createWorkarea(canvas2, container, sizeInInches = { width: 3.5, height: 2 }) {
     const containerWidth = container.clientWidth;
     const containerHeight = container.clientHeight;
-    const printWidth = 3.5 + 0.125;
-    const printHeight = 2 + 0.125;
+    const printWidth = sizeInInches.width + 0.125;
+    const printHeight = sizeInInches.height + 0.125;
     const printDPI = 72;
     const fullWidth = printWidth * printDPI;
     const fullHeight = printHeight * printDPI;
@@ -122628,7 +122628,7 @@ END:VCARD`;
       canvas2.off("object:rotating", syncBorder);
     };
   }
-  async function switchCanvasPage(canvas2, currentPage, targetPage, pageJSON, clearSelection, containerRef) {
+  async function switchCanvasPage(canvas2, currentPage, targetPage, pageJSON, clearSelection, containerRef, data) {
     if (targetPage === currentPage) return;
     const historyStore = useHistoryStore.getState();
     pageJSON[currentPage] = canvas2.toObject(["name"]);
@@ -122641,7 +122641,7 @@ END:VCARD`;
     } else {
       canvas2.discardActiveObject();
       canvas2.clear();
-      createWorkarea(canvas2, containerRef.current);
+      createWorkarea(canvas2, containerRef.current, data);
     }
     useHistoryStore.setState({ isRestoring: false });
   }
@@ -123062,7 +123062,11 @@ END:VCARD`;
       };
     }, [canvas2, saveState]);
   }
-  function Workspace() {
+  function Workspace({
+    width = 3.5,
+    height = 2,
+    link
+  }) {
     const canvasRef = React.useRef(null);
     const containerRef = React.useRef(null);
     const fabricRef = React.useRef(null);
@@ -123086,7 +123090,10 @@ END:VCARD`;
       fabricRef.current = canvas2;
       setCanvas(canvas2);
       useHistoryStore.getState().setCanvas(canvas2);
-      const workarea = createWorkarea(canvas2, containerRef.current);
+      const workarea = createWorkarea(canvas2, containerRef.current, {
+        width,
+        height
+      });
       workareaRef.current = workarea;
       const cleanupHistory = setupHistoryRecording(canvas2);
       const cleanupCrop = setupDoublClickCrop(canvas2);
@@ -123153,7 +123160,8 @@ END:VCARD`;
         page,
         pageJSON.current,
         clearSelection,
-        containerRef
+        containerRef,
+        { width, height }
       );
       useEditorStore.getState().setPages({ ...pageJSON.current });
       setCurrentPage(page);
@@ -123212,21 +123220,29 @@ END:VCARD`;
       )
     ] });
   }
-  function Home() {
+  function Home({
+    width = 3.5,
+    height = 2,
+    link
+  }) {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col md:flex-row bg-neutral-900 overflow-hidden h-[calc(100vh-56px)] relative", children: [
       /* @__PURE__ */ jsxRuntime.jsx(SidePanel, {}),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 bg-[#e4e6eb] flex flex-col items-center overflow-hidden", children: [
         /* @__PURE__ */ jsxRuntime.jsx(Toolbar, {}),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 flex items-center justify-center relative", children: /* @__PURE__ */ jsxRuntime.jsx(Workspace, {}) })
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 flex items-center justify-center relative", children: /* @__PURE__ */ jsxRuntime.jsx(Workspace, { width, height, link }) })
       ] })
     ] });
   }
-  function App() {
+  function App({
+    width = 3.5,
+    height = 2,
+    link
+  }) {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "h-screen antialiased", children: [
       /* @__PURE__ */ jsxRuntime.jsx(StaticTour, {}),
       /* @__PURE__ */ jsxRuntime.jsx(GlobalLoader, {}),
       /* @__PURE__ */ jsxRuntime.jsx(Topbar, {}),
-      /* @__PURE__ */ jsxRuntime.jsx(Home, {})
+      /* @__PURE__ */ jsxRuntime.jsx(Home, { width, height, link })
     ] });
   }
   exports2.VibrantTool = App;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vibrant-tool",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "Vibrant design editor (Vite + React)",
   "type": "module",
   "main": "./dist/vibrant-tool.umd.js",