labellife-design-tool 0.4.0 → 0.6.0

package/dist/lib/index.js

@@ -576,11 +576,11 @@ var UrlImageElement = ({ element, isSelected, onSelect, onChange }) => {
         activeFilters.push(Konva.Filters.Grayscale);
       if (element.filters?.sepia)
         activeFilters.push(Konva.Filters.Sepia);
-      node.filters(activeFilters.length > 0 ? activeFilters : undefined);
+      node.filters(activeFilters.length > 0 ? activeFilters : []);
       node.cropX(element.cropX || 0);
       node.cropY(element.cropY || 0);
-      node.cropWidth(element.cropWidth || element.width);
-      node.cropHeight(element.cropHeight || element.height);
+      node.cropWidth(element.cropWidth || element.width || 0);
+      node.cropHeight(element.cropHeight || element.height || 0);
       if (needsCache && !element.mask) {
         node.clearCache();
         node.cache();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "labellife-design-tool",
-  "version": "0.4.0",
+  "version": "0.6.0",
   "description": "Professional canvas editor built with React, TypeScript, and Konva",
   "main": "./dist/lib/index.js",
   "module": "./dist/lib/index.js",
@@ -38,7 +38,7 @@
     "build": "bun run build:lib && bun run build:app",
     "build:lib": "bun run build:lib:tsc && bun run build:lib:bundle",
     "build:lib:tsc": "tsc -p tsconfig.lib.json",
-    "build:lib:bundle": "bun build src/lib/index.ts --outdir dist/lib --format esm --target browser --external react --external react-dom --external react-konva --external konva --external lucide-react --external i18next --external react-i18next --external i18next-browser-languagedetector --external react-image-crop",
+    "build:lib:bundle": "bun build src/lib/index.ts --outdir dist/lib --format esm --target browser --external react --external react-dom --external react/jsx-runtime --external react-konva --external konva --external lucide-react --external i18next --external react-i18next --external i18next-browser-languagedetector --external react-image-crop",
     "build:app": "bun build src/index.tsx --outdir dist/app --minify --splitting --target browser",
     "build:css": "bun run scripts/build-css.ts",
     "build:lib:all": "bun run build:lib && bun run build:css",
@@ -61,28 +61,36 @@
     "docker:down": "docker-compose down"
   },
   "peerDependencies": {
-    "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^18.0.0 || ^19.0.0"
+    "react": "^18.0.0 || ^18.3.0",
+    "react-dom": "^18.0.0 || ^18.3.0"
   },
   "dependencies": {
     "@types/jest": "^30.0.0",
     "bun-plugin-tailwind": "^0.0.14",
     "i18next": "^23.12.2",
     "i18next-browser-languagedetector": "^8.0.0",
-    "konva": "^9.3.20",
+    "konva": "8.3.14",
     "lucide-react": "^0.511.0",
     "react-i18next": "^15.0.0",
     "react-image-crop": "^11.0.10",
-    "react-konva": "^19.0.4",
+    "react-konva": "18.2.5",
     "tailwindcss": "^4.0.6"
   },
+  "resolutions": {
+    "react-konva": "18.2.5",
+    "konva": "8.3.14",
+    "@types/react": "18.2.0",
+    "@types/react-dom": "18.2.0"
+  },
   "devDependencies": {
     "@tailwindcss/postcss": "^4.1.17",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
     "@types/bun": "latest",
-    "@types/react": "^19",
-    "@types/react-dom": "^19",
+    "@types/react": "18.2.0",
+    "@types/react-dom": "18.2.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "@vitejs/plugin-react": "^4.6.0",
     "jsdom": "^26.1.0",
     "postcss": "^8.5.6",

package/dist/lib/contexts/ThemeContext.d.ts

@@ -1,21 +0,0 @@
-import React from 'react';
-import { ThemeColors, ThemeConfig } from '../types/Theme';
-/**
- * Theme context type
- */
-interface ThemeContextType {
-    theme: ThemeColors;
-}
-/**
- * Hook to access the current theme
- */
-export declare const useTheme: () => ThemeContextType;
-/**
- * Theme provider component
- */
-export declare const ThemeProvider: React.FC<{
-    children: React.ReactNode;
-    themeConfig?: ThemeConfig;
-}>;
-export {};
-//# sourceMappingURL=ThemeContext.d.ts.map

package/dist/lib/contexts/ThemeContext.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ThemeContext.d.ts","sourceRoot":"","sources":["../../../src/contexts/ThemeContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAI1D;;GAEG;AACH,UAAU,gBAAgB;IACxB,KAAK,EAAE,WAAW,CAAC;CACpB;AASD;;GAEG;AACH,eAAO,MAAM,QAAQ,wBAAiC,CAAC;AAEvD;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IACnC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B,CAYA,CAAC"}

package/dist/lib/i18n.d.ts

@@ -1,9 +0,0 @@
-/**
- * Scoped i18n instance for LabelLife Design Tool
- * Uses namespace 'labellife-editor' to avoid conflicts with consumer's i18n
- */
-declare const EDITOR_NAMESPACE = "labellife-editor";
-declare const editorI18n: import("node_modules/i18next").i18n;
-export default editorI18n;
-export { EDITOR_NAMESPACE };
-//# sourceMappingURL=i18n.d.ts.map

package/dist/lib/i18n.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../src/i18n.ts"],"names":[],"mappings":"AAMA;;;GAGG;AACH,QAAA,MAAM,gBAAgB,qBAAqB,CAAC;AAG5C,QAAA,MAAM,UAAU,qCAAwB,CAAC;AA+BzC,eAAe,UAAU,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/lib/registry/BuiltInPanels.d.ts

@@ -1,36 +0,0 @@
-import { PanelConfig } from "../types/Panel";
-import { Config } from "../types/Config";
-import { CanvasDesign, Page, CanvasElement } from "../types";
-import { ToolType } from "../types/ToolType";
-/**
- * Props factory for building panel props
- */
-export interface PanelPropsFactory {
-    (context: {
-        design: CanvasDesign;
-        currentPage: Page;
-        selectedElement: CanvasElement | null;
-        selectedIds: string[];
-        setDesign: (design: CanvasDesign) => void;
-        updateElement: (id: string, attrs: Partial<CanvasElement>) => void;
-        deleteElement?: (id: string) => void;
-        setTool: (tool: ToolType) => void;
-        config?: Config;
-        onAddShape: (shapeType: any) => void;
-        onAddText: () => void;
-        onUploadClick: () => void;
-        onUnsplashClick: () => void;
-        onSetUnsplashBackground: () => void;
-        onExportToPNG?: () => void;
-        onExportToJPG?: () => void;
-        onExportToJSON?: () => void;
-        onImportJSON?: () => void;
-        canvasWidth?: number;
-        canvasHeight?: number;
-    }): Record<string, any>;
-}
-/**
- * Create built-in panel configurations
- */
-export declare function createBuiltInPanels(context: Parameters<PanelPropsFactory>[0]): PanelConfig[];
-//# sourceMappingURL=BuiltInPanels.d.ts.map

package/dist/lib/registry/BuiltInPanels.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BuiltInPanels.d.ts","sourceRoot":"","sources":["../../../src/registry/BuiltInPanels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAiB,MAAM,gBAAgB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAW7C;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,CACE,OAAO,EAAE;QACP,MAAM,EAAE,YAAY,CAAC;QACrB,WAAW,EAAE,IAAI,CAAC;QAClB,eAAe,EAAE,aAAa,GAAG,IAAI,CAAC;QACtC,WAAW,EAAE,MAAM,EAAE,CAAC;QACtB,SAAS,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;QAC1C,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;QACnE,aAAa,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;QACrC,OAAO,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;QAClC,MAAM,CAAC,EAAE,MAAM,CAAC;QAEhB,UAAU,EAAE,CAAC,SAAS,EAAE,GAAG,KAAK,IAAI,CAAC;QACrC,SAAS,EAAE,MAAM,IAAI,CAAC;QACtB,aAAa,EAAE,MAAM,IAAI,CAAC;QAC1B,eAAe,EAAE,MAAM,IAAI,CAAC;QAC5B,uBAAuB,EAAE,MAAM,IAAI,CAAC;QACpC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;QAC3B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;QAC3B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;QAC5B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;QAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,YAAY,CAAC,EAAE,MAAM,CAAC;KACvB,GACA,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CACxB;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CACjC,OAAO,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,GACxC,WAAW,EAAE,CAyFf"}

package/dist/lib/registry/PanelRegistry.d.ts

@@ -1,58 +0,0 @@
-import { PanelConfig, CustomPanelConfig } from "../types/Panel";
-import { Config } from "../types/Config";
-/**
- * Panel Registry - Manages panel registration, filtering, and ordering
- */
-export declare class PanelRegistry {
-    private builtInPanels;
-    private customPanels;
-    /**
-     * Register a built-in panel
-     */
-    registerBuiltIn(panel: PanelConfig): void;
-    /**
-     * Register multiple built-in panels
-     */
-    registerBuiltInPanels(panels: PanelConfig[]): void;
-    /**
-     * Register a custom panel
-     */
-    registerCustom(panel: CustomPanelConfig): void;
-    /**
-     * Register multiple custom panels
-     */
-    registerCustomPanels(panels: CustomPanelConfig[]): void;
-    /**
-     * Get all panels based on configuration
-     */
-    getPanels(config?: Config): PanelConfig[];
-    /**
-     * Filter panels based on config
-     */
-    private filterPanels;
-    /**
-     * Insert custom panels at specified positions
-     */
-    private insertCustomPanels;
-    /**
-     * Order panels according to specified order
-     */
-    private orderPanels;
-    /**
-     * Get a specific panel by ID
-     */
-    getPanel(id: string): PanelConfig | undefined;
-    /**
-     * Check if a panel is registered
-     */
-    hasPanel(id: string): boolean;
-    /**
-     * Clear all custom panels
-     */
-    clearCustomPanels(): void;
-    /**
-     * Clear all panels (built-in and custom)
-     */
-    clear(): void;
-}
-//# sourceMappingURL=PanelRegistry.d.ts.map

package/dist/lib/registry/PanelRegistry.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PanelRegistry.d.ts","sourceRoot":"","sources":["../../../src/registry/PanelRegistry.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEzC;;GAEG;AACH,qBAAa,aAAa;IACxB,OAAO,CAAC,aAAa,CAAuC;IAC5D,OAAO,CAAC,YAAY,CAA6C;IAEjE;;OAEG;IACH,eAAe,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI;IAIzC;;OAEG;IACH,qBAAqB,CAAC,MAAM,EAAE,WAAW,EAAE,GAAG,IAAI;IAIlD;;OAEG;IACH,cAAc,CAAC,KAAK,EAAE,iBAAiB,GAAG,IAAI;IAQ9C;;OAEG;IACH,oBAAoB,CAAC,MAAM,EAAE,iBAAiB,EAAE,GAAG,IAAI;IAIvD;;OAEG;IACH,SAAS,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,WAAW,EAAE;IAqBzC;;OAEG;IACH,OAAO,CAAC,YAAY;IAoBpB;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAkC1B;;OAEG;IACH,OAAO,CAAC,WAAW;IAuBnB;;OAEG;IACH,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,WAAW,GAAG,SAAS;IAI7C;;OAEG;IACH,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO;IAI7B;;OAEG;IACH,iBAAiB,IAAI,IAAI;IAIzB;;OAEG;IACH,KAAK,IAAI,IAAI;CAId"}