@varianta/sdk 0.1.4 → 0.1.6

package/dist/react.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react/jsx-runtime"),n=require("react"),V=require("./index.cjs.js"),U=n.forwardRef((D,v)=>{const{templateId:l,productId:d,apiUrl:o,theme:c="light",mode:f="edit",debug:S=!1,className:b,style:k,initialDesign:y,showCloseButton:I,showSaveButton:T,onReady:a,onChange:s,onLayerSelect:m,onLayerAdd:g,onLayerRemove:u,onLayerUpdate:z,onError:w,onFinalize:h,onViewChange:C,onClose:E,onSave:L}=D,R=n.useRef(null),e=n.useRef(null),i=n.useRef({onReady:a,onChange:s,onLayerSelect:m,onLayerAdd:g,onLayerRemove:u,onLayerUpdate:z,onError:w,onFinalize:h,onViewChange:C,onClose:E,onSave:L});return n.useEffect(()=>{i.current={onReady:a,onChange:s,onLayerSelect:m,onLayerAdd:g,onLayerRemove:u,onLayerUpdate:z,onError:w,onFinalize:h,onViewChange:C,onClose:E,onSave:L}},[a,s,m,g,u,z,w,h,C,E,L]),n.useEffect(()=>{if(!R.current)return;const r={templateId:l,productId:d,apiUrl:o,theme:c,mode:f,debug:S,initialDesign:y,showCloseButton:I,showSaveButton:T,onReady:()=>i.current.onReady?.(),onChange:t=>i.current.onChange?.(t),onLayerSelect:t=>i.current.onLayerSelect?.(t),onLayerAdd:t=>i.current.onLayerAdd?.(t),onLayerRemove:t=>i.current.onLayerRemove?.(t),onLayerUpdate:t=>i.current.onLayerUpdate?.(t),onError:t=>i.current.onError?.(t),onFinalize:t=>i.current.onFinalize?.(t),onViewChange:t=>i.current.onViewChange?.(t),onClose:()=>i.current.onClose?.(),onSave:t=>i.current.onSave?.(t)};try{const t=V.initCustomizer(R.current,r);e.current=t}catch(t){console.error("[Customizer React] Failed to initialize:",t),i.current.onError?.({code:"INIT_ERROR",message:t instanceof Error?t.message:"Unknown error",details:t})}return()=>{e.current&&(e.current.destroy(),e.current=null)}},[l,d,o,S,y,I,T]),n.useEffect(()=>{e.current&&e.current.setTheme(c)},[c]),n.useEffect(()=>{e.current&&e.current.setMode(f)},[f]),n.useImperativeHandle(v,()=>({getDesign:()=>{if(!e.current)throw new Error("Editor not initialized");return e.current.getDesign()},setDesign:r=>{if(!e.current)throw new Error("Editor not initialized");e.current.setDesign(r)},undo:()=>{if(!e.current)throw new Error("Editor not initialized");e.current.undo()},redo:()=>{if(!e.current)throw new Error("Editor not initialized");e.current.redo()},canUndo:()=>e.current?e.current.canUndo():!1,canRedo:()=>e.current?e.current.canRedo():!1,finalize:async()=>{if(!e.current)throw new Error("Editor not initialized");return e.current.finalize()},addTextLayer:r=>{if(!e.current)throw new Error("Editor not initialized");e.current.addTextLayer(r)},addImageLayer:async r=>{if(!e.current)throw new Error("Editor not initialized");return e.current.addImageLayer(r)},removeLayer:r=>{if(!e.current)throw new Error("Editor not initialized");e.current.removeLayer(r)},selectLayer:r=>{if(!e.current)throw new Error("Editor not initialized");e.current.selectLayer(r)},getSelectedLayerId:()=>e.current?e.current.getSelectedLayerId():null,getActiveView:()=>e.current?e.current.getActiveView():null,getViews:()=>e.current?e.current.getViews():[],setActiveView:r=>{if(!e.current)throw new Error("Editor not initialized");e.current.setActiveView(r)},setTheme:r=>{if(!e.current)throw new Error("Editor not initialized");e.current.setTheme(r)},setMode:r=>{if(!e.current)throw new Error("Editor not initialized");e.current.setMode(r)},destroy:()=>{e.current&&(e.current.destroy(),e.current=null)},getElement:()=>{if(!e.current)throw new Error("Editor not initialized");return e.current.getElement()}}),[]),p.jsx("div",{ref:R,className:b,style:{width:"100%",height:"100%",...k}})});U.displayName="Customizer";function x(D={}){const{autoSave:v=!1,autoSaveKey:l="customizer-design",autoSaveDebounce:d=1e3}=D,o=n.useRef(null),[c,f]=n.useState(null),[S,b]=n.useState(!1),[k,y]=n.useState(!1),[I,T]=n.useState(null),[a,s]=n.useState(!1),[m,g]=n.useState(null),u=n.useRef(void 0);n.useEffect(()=>{if(!(!v||!c))return u.current&&clearTimeout(u.current),u.current=setTimeout(()=>{try{localStorage.setItem(l,JSON.stringify(c))}catch(r){console.error("[useCustomizer] Auto-save failed:",r)}},d),()=>{u.current&&clearTimeout(u.current)}},[c,v,l,d]);const z=n.useCallback(()=>{if(!o.current)return null;try{return o.current.getDesign()}catch(r){return console.error("[useCustomizer] getDesign failed:",r),null}},[]),w=n.useCallback(r=>{if(o.current)try{o.current.setDesign(r),f(r)}catch(t){console.error("[useCustomizer] setDesign failed:",t)}},[]),h=n.useCallback(()=>{if(o.current)try{o.current.undo(),b(o.current.canUndo()),y(o.current.canRedo())}catch(r){console.error("[useCustomizer] undo failed:",r)}},[]),C=n.useCallback(()=>{if(o.current)try{o.current.redo(),b(o.current.canUndo()),y(o.current.canRedo())}catch(r){console.error("[useCustomizer] redo failed:",r)}},[]),E=n.useCallback(async()=>{if(!o.current||a)return null;s(!0);try{const r=await o.current.finalize();return g(r),r}catch(r){return console.error("[useCustomizer] finalize failed:",r),null}finally{s(!1)}},[a]),L=n.useCallback(r=>{if(o.current)try{o.current.addTextLayer(r)}catch(t){console.error("[useCustomizer] addTextLayer failed:",t)}},[]),R=n.useCallback(async r=>{if(o.current)try{await o.current.addImageLayer(r)}catch(t){console.error("[useCustomizer] addImageLayer failed:",t)}},[]),e=n.useCallback(r=>{if(o.current)try{o.current.removeLayer(r)}catch(t){console.error("[useCustomizer] removeLayer failed:",t)}},[]),i=n.useCallback(r=>{if(o.current)try{o.current.selectLayer(r),T(r)}catch(t){console.error("[useCustomizer] selectLayer failed:",t)}},[]);return{customizerRef:o,design:c,canUndo:S,canRedo:k,selectedLayerId:I,isFinalizing:a,finalizeResult:m,getDesign:z,setDesign:w,undo:h,redo:C,finalize:E,addTextLayer:L,addImageLayer:R,removeLayer:e,selectLayer:i}}exports.Customizer=U;exports.useCustomizer=x;
+//# sourceMappingURL=react.cjs.js.map

package/dist/react.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.cjs.js","sources":["../src/react/Customizer.tsx","../src/react/useCustomizer.ts"],"sourcesContent":["/**\n * React wrapper for Customizer Editor\n * @packageDocumentation\n */\n\nimport {\n  useRef,\n  useEffect,\n  useImperativeHandle,\n  forwardRef,\n  type CSSProperties,\n} from 'react';\nimport { initCustomizer } from '../vanilla';\nimport type {\n  CustomizerOptions,\n  CustomizerInstance,\n  DesignJSON,\n  FinalizeResult,\n  CustomizerError,\n} from '../types';\n\n/**\n * Props for the Customizer React component\n */\nexport interface CustomizerProps {\n  /**\n   * Template ID to load. Required unless productId is provided.\n   */\n  templateId?: string;\n\n  /**\n   * Product ID to load (fetches all views/templates for the product).\n   * Alternative to templateId. Exactly one of templateId or productId must be provided.\n   */\n  productId?: string;\n\n  /**\n   * API base URL for fetching templates and finalizing designs\n   * @default 'https://api.varianta.io'\n   */\n  apiUrl?: string;\n\n  /**\n   * Visual theme\n   * @default 'light'\n   */\n  theme?: 'light' | 'dark';\n\n  /**\n   * Editor mode\n   * @default 'edit'\n   */\n  mode?: 'edit' | 'preview';\n\n  /**\n   * Enable debug mode with additional logging\n   * @default false\n   */\n  debug?: boolean;\n\n  /**\n   * Custom CSS class name\n   */\n  className?: string;\n\n  /**\n   * Custom inline styles\n   */\n  style?: CSSProperties;\n\n  /**\n   * Initial design data to load\n   */\n  initialDesign?: DesignJSON;\n\n  /**\n   * Called when the editor is ready\n   */\n  onReady?: () => void;\n\n  /**\n   * Called when the design changes\n   */\n  onChange?: (design: DesignJSON) => void;\n\n  /**\n   * Called when a layer is selected\n   */\n  onLayerSelect?: (layerId: string | null) => void;\n\n  /**\n   * Called when a layer is added\n   */\n  onLayerAdd?: (layerId: string) => void;\n\n  /**\n   * Called when a layer is removed\n   */\n  onLayerRemove?: (layerId: string) => void;\n\n  /**\n   * Called when a layer is updated\n   */\n  onLayerUpdate?: (layerId: string) => void;\n\n  /**\n   * Called when an error occurs\n   */\n  onError?: (error: CustomizerError) => void;\n\n  /**\n   * Called when finalization is complete\n   */\n  onFinalize?: (result: FinalizeResult) => void;\n\n  /**\n   * Called when the active view changes (only relevant when using productId)\n   */\n  onViewChange?: (viewName: string) => void;\n\n  /**\n   * Show the Close button in the toolbar\n   * @default true\n   */\n  showCloseButton?: boolean;\n\n  /**\n   * Show the Save Customization button in the toolbar.\n   * When false, the button never appears even when the design is dirty.\n   * @default true\n   */\n  showSaveButton?: boolean;\n\n  /**\n   * Called when the Close button is clicked\n   */\n  onClose?: () => void;\n\n  /**\n   * Called when the Save button is clicked and finalization completes successfully\n   */\n  onSave?: (result: FinalizeResult) => void;\n}\n\n/**\n * Handle type exposed via ref\n */\nexport interface CustomizerHandle extends CustomizerInstance {}\n\n/**\n * Customizer React Component\n *\n * @example\n * ```tsx\n * import { Customizer, CustomizerHandle } from '@varianta/sdk/react';\n * import { useRef } from 'react';\n *\n * function App() {\n *   const customizerRef = useRef<CustomizerHandle>(null);\n *\n *   const handleFinalize = async () => {\n *     if (customizerRef.current) {\n *       const result = await customizerRef.current.finalize();\n *       console.log('Finalized:', result);\n *     }\n *   };\n *\n *   return (\n *     <div style={{ width: '100vw', height: '100vh' }}>\n *       <Customizer\n *         ref={customizerRef}\n *         templateId=\"tshirt-001\"\n *         theme=\"light\"\n *         onChange={(design) => console.log('Design changed:', design)}\n *         onReady={() => console.log('Editor ready!')}\n *       />\n *       <button onClick={handleFinalize}>Finalize Design</button>\n *     </div>\n *   );\n * }\n * ```\n */\nexport const Customizer = forwardRef<CustomizerHandle, CustomizerProps>(\n  (props, ref) => {\n    const {\n      templateId,\n      productId,\n      apiUrl,\n      theme = 'light',\n      mode = 'edit',\n      debug = false,\n      className,\n      style,\n      initialDesign,\n      showCloseButton,\n      showSaveButton,\n      onReady,\n      onChange,\n      onLayerSelect,\n      onLayerAdd,\n      onLayerRemove,\n      onLayerUpdate,\n      onError,\n      onFinalize,\n      onViewChange,\n      onClose,\n      onSave,\n    } = props;\n\n    const containerRef = useRef<HTMLDivElement>(null);\n    const instanceRef = useRef<CustomizerInstance | null>(null);\n\n    // Store latest callbacks in a ref to avoid stale closures\n    const callbacksRef = useRef({\n      onReady,\n      onChange,\n      onLayerSelect,\n      onLayerAdd,\n      onLayerRemove,\n      onLayerUpdate,\n      onError,\n      onFinalize,\n      onViewChange,\n      onClose,\n      onSave,\n    });\n\n    // Update callbacks ref whenever they change\n    useEffect(() => {\n      callbacksRef.current = {\n        onReady,\n        onChange,\n        onLayerSelect,\n        onLayerAdd,\n        onLayerRemove,\n        onLayerUpdate,\n        onError,\n        onFinalize,\n        onViewChange,\n        onClose,\n        onSave,\n      };\n    }, [onReady, onChange, onLayerSelect, onLayerAdd, onLayerRemove, onLayerUpdate, onError, onFinalize, onViewChange, onClose, onSave]);\n\n    // Initialize the editor\n    useEffect(() => {\n      if (!containerRef.current) return;\n\n      const options: CustomizerOptions = {\n        templateId,\n        productId,\n        apiUrl,\n        theme,\n        mode,\n        debug,\n        initialDesign,\n        showCloseButton,\n        showSaveButton,\n        // Use callback refs to always get latest callbacks\n        onReady: () => callbacksRef.current.onReady?.(),\n        onChange: (design) => callbacksRef.current.onChange?.(design),\n        onLayerSelect: (layerId) => callbacksRef.current.onLayerSelect?.(layerId),\n        onLayerAdd: (layerId) => callbacksRef.current.onLayerAdd?.(layerId),\n        onLayerRemove: (layerId) => callbacksRef.current.onLayerRemove?.(layerId),\n        onLayerUpdate: (layerId) => callbacksRef.current.onLayerUpdate?.(layerId),\n        onError: (error) => callbacksRef.current.onError?.(error),\n        onFinalize: (result) => callbacksRef.current.onFinalize?.(result),\n        onViewChange: (viewName) => callbacksRef.current.onViewChange?.(viewName),\n        onClose: () => callbacksRef.current.onClose?.(),\n        onSave: (result) => callbacksRef.current.onSave?.(result),\n      };\n\n      try {\n        const instance = initCustomizer(containerRef.current, options);\n        instanceRef.current = instance;\n      } catch (error) {\n        console.error('[Customizer React] Failed to initialize:', error);\n        callbacksRef.current.onError?.({\n          code: 'INIT_ERROR',\n          message: error instanceof Error ? error.message : 'Unknown error',\n          details: error,\n        });\n      }\n\n      // Cleanup\n      return () => {\n        if (instanceRef.current) {\n          instanceRef.current.destroy();\n          instanceRef.current = null;\n        }\n      };\n    }, [templateId, productId, apiUrl, debug, initialDesign, showCloseButton, showSaveButton]); // Only re-initialize on structural changes\n\n    // Update theme when it changes\n    useEffect(() => {\n      if (instanceRef.current) {\n        instanceRef.current.setTheme(theme);\n      }\n    }, [theme]);\n\n    // Update mode when it changes\n    useEffect(() => {\n      if (instanceRef.current) {\n        instanceRef.current.setMode(mode);\n      }\n    }, [mode]);\n\n    // Expose methods via ref\n    useImperativeHandle(\n      ref,\n      () => {\n        // Return API that always uses current instanceRef\n        return {\n        getDesign: () => {\n          if (!instanceRef.current) {\n            throw new Error('Editor not initialized');\n          }\n          return instanceRef.current.getDesign();\n        },\n        setDesign: (design: DesignJSON) => {\n          if (!instanceRef.current) {\n            throw new Error('Editor not initialized');\n          }\n          instanceRef.current.setDesign(design);\n        },\n        undo: () => {\n          if (!instanceRef.current) {\n            throw new Error('Editor not initialized');\n          }\n          instanceRef.current.undo();\n        },\n        redo: () => {\n          if (!instanceRef.current) {\n            throw new Error('Editor not initialized');\n          }\n          instanceRef.current.redo();\n        },\n        canUndo: () => {\n          if (!instanceRef.current) return false;\n          return instanceRef.current.canUndo();\n        },\n        canRedo: () => {\n          if (!instanceRef.current) return false;\n          return instanceRef.current.canRedo();\n        },\n        finalize: async () => {\n          if (!instanceRef.current) {\n            throw new Error('Editor not initialized');\n          }\n          return instanceRef.current.finalize();\n        },\n        addTextLayer: (text?: string) => {\n          if (!instanceRef.current) {\n            throw new Error('Editor not initialized');\n          }\n          instanceRef.current.addTextLayer(text);\n        },\n        addImageLayer: async (url: string) => {\n          if (!instanceRef.current) {\n            throw new Error('Editor not initialized');\n          }\n          return instanceRef.current.addImageLayer(url);\n        },\n        removeLayer: (layerId: string) => {\n          if (!instanceRef.current) {\n            throw new Error('Editor not initialized');\n          }\n          instanceRef.current.removeLayer(layerId);\n        },\n        selectLayer: (layerId: string | null) => {\n          if (!instanceRef.current) {\n            throw new Error('Editor not initialized');\n          }\n          instanceRef.current.selectLayer(layerId);\n        },\n        getSelectedLayerId: () => {\n          if (!instanceRef.current) return null;\n          return instanceRef.current.getSelectedLayerId();\n        },\n        getActiveView: () => {\n          if (!instanceRef.current) return null;\n          return instanceRef.current.getActiveView();\n        },\n        getViews: () => {\n          if (!instanceRef.current) return [];\n          return instanceRef.current.getViews();\n        },\n        setActiveView: (viewName: string) => {\n          if (!instanceRef.current) {\n            throw new Error('Editor not initialized');\n          }\n          instanceRef.current.setActiveView(viewName);\n        },\n        setTheme: (newTheme: 'light' | 'dark') => {\n          if (!instanceRef.current) {\n            throw new Error('Editor not initialized');\n          }\n          instanceRef.current.setTheme(newTheme);\n        },\n        setMode: (newMode: 'edit' | 'preview') => {\n          if (!instanceRef.current) {\n            throw new Error('Editor not initialized');\n          }\n          instanceRef.current.setMode(newMode);\n        },\n        destroy: () => {\n          if (!instanceRef.current) return;\n          instanceRef.current.destroy();\n          instanceRef.current = null;\n        },\n        getElement: () => {\n          if (!instanceRef.current) {\n            throw new Error('Editor not initialized');\n          }\n          return instanceRef.current.getElement();\n        },\n      };\n      },\n      [] // Empty deps is OK - we always read from instanceRef.current\n    );\n\n    return (\n      <div\n        ref={containerRef}\n        className={className}\n        style={{\n          width: '100%',\n          height: '100%',\n          ...style,\n        }}\n      />\n    );\n  }\n);\n\nCustomizer.displayName = 'Customizer';\n","/**\n * React hook for controlling the customizer editor\n * @packageDocumentation\n */\n\nimport { useRef, useCallback, useState, useEffect } from 'react';\nimport type { CustomizerHandle } from './Customizer';\nimport type { DesignJSON, FinalizeResult } from '../types';\n\n/**\n * Options for the useCustomizer hook\n */\nexport interface UseCustomizerOptions {\n  /**\n   * Auto-save design to localStorage\n   */\n  autoSave?: boolean;\n\n  /**\n   * localStorage key for auto-save\n   * @default 'customizer-design'\n   */\n  autoSaveKey?: string;\n\n  /**\n   * Debounce time for auto-save in ms\n   * @default 1000\n   */\n  autoSaveDebounce?: number;\n}\n\n/**\n * Return type for useCustomizer hook\n */\nexport interface UseCustomizerReturn {\n  /**\n   * Ref to attach to the Customizer component\n   */\n  customizerRef: React.RefObject<CustomizerHandle | null>;\n\n  /**\n   * Current design state\n   */\n  design: DesignJSON | null;\n\n  /**\n   * Whether undo is available\n   */\n  canUndo: boolean;\n\n  /**\n   * Whether redo is available\n   */\n  canRedo: boolean;\n\n  /**\n   * Selected layer ID\n   */\n  selectedLayerId: string | null;\n\n  /**\n   * Whether finalization is in progress\n   */\n  isFinalizing: boolean;\n\n  /**\n   * Finalization result\n   */\n  finalizeResult: FinalizeResult | null;\n\n  /**\n   * Get the current design\n   */\n  getDesign: () => DesignJSON | null;\n\n  /**\n   * Set a new design\n   */\n  setDesign: (design: DesignJSON) => void;\n\n  /**\n   * Undo the last action\n   */\n  undo: () => void;\n\n  /**\n   * Redo the last undone action\n   */\n  redo: () => void;\n\n  /**\n   * Finalize the design\n   */\n  finalize: () => Promise<FinalizeResult | null>;\n\n  /**\n   * Add a text layer\n   */\n  addTextLayer: (text?: string) => void;\n\n  /**\n   * Add an image layer\n   */\n  addImageLayer: (url: string) => Promise<void>;\n\n  /**\n   * Remove a layer\n   */\n  removeLayer: (layerId: string) => void;\n\n  /**\n   * Select a layer\n   */\n  selectLayer: (layerId: string | null) => void;\n}\n\n/**\n * React hook for controlling the customizer editor\n *\n * @example\n * ```tsx\n * import { Customizer } from '@varianta/sdk/react';\n * import { useCustomizer } from '@varianta/sdk/react';\n *\n * function App() {\n *   const {\n *     customizerRef,\n *     design,\n *     canUndo,\n *     canRedo,\n *     undo,\n *     redo,\n *     finalize,\n *     isFinalizing,\n *   } = useCustomizer({ autoSave: true });\n *\n *   return (\n *     <>\n *       <Customizer\n *         ref={customizerRef}\n *         templateId=\"tshirt-001\"\n *         onChange={(d) => console.log('Changed:', d)}\n *       />\n *       <button onClick={undo} disabled={!canUndo}>Undo</button>\n *       <button onClick={redo} disabled={!canRedo}>Redo</button>\n *       <button onClick={finalize} disabled={isFinalizing}>\n *         {isFinalizing ? 'Finalizing...' : 'Finalize'}\n *       </button>\n *     </>\n *   );\n * }\n * ```\n */\nexport function useCustomizer(\n  options: UseCustomizerOptions = {}\n): UseCustomizerReturn {\n  const {\n    autoSave = false,\n    autoSaveKey = 'customizer-design',\n    autoSaveDebounce = 1000,\n  } = options;\n\n  const customizerRef = useRef<CustomizerHandle>(null);\n  const [design, setDesign] = useState<DesignJSON | null>(null);\n  const [canUndo, setCanUndo] = useState(false);\n  const [canRedo, setCanRedo] = useState(false);\n  const [selectedLayerId, setSelectedLayerId] = useState<string | null>(null);\n  const [isFinalizing, setIsFinalizing] = useState(false);\n  const [finalizeResult, setFinalizeResult] = useState<FinalizeResult | null>(\n    null\n  );\n\n  const autoSaveTimeoutRef = useRef<NodeJS.Timeout | undefined>(undefined);\n\n  // Auto-save to localStorage\n  useEffect(() => {\n    if (!autoSave || !design) return;\n\n    // Clear existing timeout\n    if (autoSaveTimeoutRef.current) {\n      clearTimeout(autoSaveTimeoutRef.current);\n    }\n\n    // Set new timeout\n    autoSaveTimeoutRef.current = setTimeout(() => {\n      try {\n        localStorage.setItem(autoSaveKey, JSON.stringify(design));\n      } catch (error) {\n        console.error('[useCustomizer] Auto-save failed:', error);\n      }\n    }, autoSaveDebounce);\n\n    return () => {\n      if (autoSaveTimeoutRef.current) {\n        clearTimeout(autoSaveTimeoutRef.current);\n      }\n    };\n  }, [design, autoSave, autoSaveKey, autoSaveDebounce]);\n\n  const getDesign = useCallback(() => {\n    if (!customizerRef.current) return null;\n    try {\n      return customizerRef.current.getDesign();\n    } catch (error) {\n      console.error('[useCustomizer] getDesign failed:', error);\n      return null;\n    }\n  }, []);\n\n  const setDesignCallback = useCallback((newDesign: DesignJSON) => {\n    if (!customizerRef.current) return;\n    try {\n      customizerRef.current.setDesign(newDesign);\n      setDesign(newDesign);\n    } catch (error) {\n      console.error('[useCustomizer] setDesign failed:', error);\n    }\n  }, []);\n\n  const undo = useCallback(() => {\n    if (!customizerRef.current) return;\n    try {\n      customizerRef.current.undo();\n      setCanUndo(customizerRef.current.canUndo());\n      setCanRedo(customizerRef.current.canRedo());\n    } catch (error) {\n      console.error('[useCustomizer] undo failed:', error);\n    }\n  }, []);\n\n  const redo = useCallback(() => {\n    if (!customizerRef.current) return;\n    try {\n      customizerRef.current.redo();\n      setCanUndo(customizerRef.current.canUndo());\n      setCanRedo(customizerRef.current.canRedo());\n    } catch (error) {\n      console.error('[useCustomizer] redo failed:', error);\n    }\n  }, []);\n\n  const finalize = useCallback(async () => {\n    if (!customizerRef.current || isFinalizing) return null;\n\n    setIsFinalizing(true);\n    try {\n      const result = await customizerRef.current.finalize();\n      setFinalizeResult(result);\n      return result;\n    } catch (error) {\n      console.error('[useCustomizer] finalize failed:', error);\n      return null;\n    } finally {\n      setIsFinalizing(false);\n    }\n  }, [isFinalizing]);\n\n  const addTextLayer = useCallback((text?: string) => {\n    if (!customizerRef.current) return;\n    try {\n      customizerRef.current.addTextLayer(text);\n    } catch (error) {\n      console.error('[useCustomizer] addTextLayer failed:', error);\n    }\n  }, []);\n\n  const addImageLayer = useCallback(async (url: string) => {\n    if (!customizerRef.current) return;\n    try {\n      await customizerRef.current.addImageLayer(url);\n    } catch (error) {\n      console.error('[useCustomizer] addImageLayer failed:', error);\n    }\n  }, []);\n\n  const removeLayer = useCallback((layerId: string) => {\n    if (!customizerRef.current) return;\n    try {\n      customizerRef.current.removeLayer(layerId);\n    } catch (error) {\n      console.error('[useCustomizer] removeLayer failed:', error);\n    }\n  }, []);\n\n  const selectLayer = useCallback((layerId: string | null) => {\n    if (!customizerRef.current) return;\n    try {\n      customizerRef.current.selectLayer(layerId);\n      setSelectedLayerId(layerId);\n    } catch (error) {\n      console.error('[useCustomizer] selectLayer failed:', error);\n    }\n  }, []);\n\n  return {\n    customizerRef,\n    design,\n    canUndo,\n    canRedo,\n    selectedLayerId,\n    isFinalizing,\n    finalizeResult,\n    getDesign,\n    setDesign: setDesignCallback,\n    undo,\n    redo,\n    finalize,\n    addTextLayer,\n    addImageLayer,\n    removeLayer,\n    selectLayer,\n  };\n}\n"],"names":["Customizer","forwardRef","props","ref","templateId","productId","apiUrl","theme","mode","debug","className","style","initialDesign","showCloseButton","showSaveButton","onReady","onChange","onLayerSelect","onLayerAdd","onLayerRemove","onLayerUpdate","onError","onFinalize","onViewChange","onClose","onSave","containerRef","useRef","instanceRef","callbacksRef","useEffect","options","design","layerId","error","result","viewName","instance","initCustomizer","useImperativeHandle","text","url","newTheme","newMode","jsx","useCustomizer","autoSave","autoSaveKey","autoSaveDebounce","customizerRef","setDesign","useState","canUndo","setCanUndo","canRedo","setCanRedo","selectedLayerId","setSelectedLayerId","isFinalizing","setIsFinalizing","finalizeResult","setFinalizeResult","autoSaveTimeoutRef","getDesign","useCallback","setDesignCallback","newDesign","undo","redo","finalize","addTextLayer","addImageLayer","removeLayer","selectLayer"],"mappings":"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"}

package/dist/react.esm.js

@@ -0,0 +1,303 @@
+import { jsx as F } from "react/jsx-runtime";
+import { forwardRef as b, useRef as I, useEffect as S, useImperativeHandle as k, useState as l, useCallback as c } from "react";
+import { initCustomizer as N } from "./index.esm.js";
+const M = b(
+  (A, p) => {
+    const {
+      templateId: d,
+      productId: f,
+      apiUrl: n,
+      theme: u = "light",
+      mode: y = "edit",
+      debug: D = !1,
+      className: T,
+      style: x,
+      initialDesign: m,
+      showCloseButton: U,
+      showSaveButton: V,
+      onReady: a,
+      onChange: s,
+      onLayerSelect: g,
+      onLayerAdd: z,
+      onLayerRemove: i,
+      onLayerUpdate: w,
+      onError: h,
+      onFinalize: L,
+      onViewChange: E,
+      onClose: C,
+      onSave: R
+    } = A, v = I(null), e = I(null), o = I({
+      onReady: a,
+      onChange: s,
+      onLayerSelect: g,
+      onLayerAdd: z,
+      onLayerRemove: i,
+      onLayerUpdate: w,
+      onError: h,
+      onFinalize: L,
+      onViewChange: E,
+      onClose: C,
+      onSave: R
+    });
+    return S(() => {
+      o.current = {
+        onReady: a,
+        onChange: s,
+        onLayerSelect: g,
+        onLayerAdd: z,
+        onLayerRemove: i,
+        onLayerUpdate: w,
+        onError: h,
+        onFinalize: L,
+        onViewChange: E,
+        onClose: C,
+        onSave: R
+      };
+    }, [a, s, g, z, i, w, h, L, E, C, R]), S(() => {
+      if (!v.current) return;
+      const r = {
+        templateId: d,
+        productId: f,
+        apiUrl: n,
+        theme: u,
+        mode: y,
+        debug: D,
+        initialDesign: m,
+        showCloseButton: U,
+        showSaveButton: V,
+        // Use callback refs to always get latest callbacks
+        onReady: () => o.current.onReady?.(),
+        onChange: (t) => o.current.onChange?.(t),
+        onLayerSelect: (t) => o.current.onLayerSelect?.(t),
+        onLayerAdd: (t) => o.current.onLayerAdd?.(t),
+        onLayerRemove: (t) => o.current.onLayerRemove?.(t),
+        onLayerUpdate: (t) => o.current.onLayerUpdate?.(t),
+        onError: (t) => o.current.onError?.(t),
+        onFinalize: (t) => o.current.onFinalize?.(t),
+        onViewChange: (t) => o.current.onViewChange?.(t),
+        onClose: () => o.current.onClose?.(),
+        onSave: (t) => o.current.onSave?.(t)
+      };
+      try {
+        const t = N(v.current, r);
+        e.current = t;
+      } catch (t) {
+        console.error("[Customizer React] Failed to initialize:", t), o.current.onError?.({
+          code: "INIT_ERROR",
+          message: t instanceof Error ? t.message : "Unknown error",
+          details: t
+        });
+      }
+      return () => {
+        e.current && (e.current.destroy(), e.current = null);
+      };
+    }, [d, f, n, D, m, U, V]), S(() => {
+      e.current && e.current.setTheme(u);
+    }, [u]), S(() => {
+      e.current && e.current.setMode(y);
+    }, [y]), k(
+      p,
+      () => ({
+        getDesign: () => {
+          if (!e.current)
+            throw new Error("Editor not initialized");
+          return e.current.getDesign();
+        },
+        setDesign: (r) => {
+          if (!e.current)
+            throw new Error("Editor not initialized");
+          e.current.setDesign(r);
+        },
+        undo: () => {
+          if (!e.current)
+            throw new Error("Editor not initialized");
+          e.current.undo();
+        },
+        redo: () => {
+          if (!e.current)
+            throw new Error("Editor not initialized");
+          e.current.redo();
+        },
+        canUndo: () => e.current ? e.current.canUndo() : !1,
+        canRedo: () => e.current ? e.current.canRedo() : !1,
+        finalize: async () => {
+          if (!e.current)
+            throw new Error("Editor not initialized");
+          return e.current.finalize();
+        },
+        addTextLayer: (r) => {
+          if (!e.current)
+            throw new Error("Editor not initialized");
+          e.current.addTextLayer(r);
+        },
+        addImageLayer: async (r) => {
+          if (!e.current)
+            throw new Error("Editor not initialized");
+          return e.current.addImageLayer(r);
+        },
+        removeLayer: (r) => {
+          if (!e.current)
+            throw new Error("Editor not initialized");
+          e.current.removeLayer(r);
+        },
+        selectLayer: (r) => {
+          if (!e.current)
+            throw new Error("Editor not initialized");
+          e.current.selectLayer(r);
+        },
+        getSelectedLayerId: () => e.current ? e.current.getSelectedLayerId() : null,
+        getActiveView: () => e.current ? e.current.getActiveView() : null,
+        getViews: () => e.current ? e.current.getViews() : [],
+        setActiveView: (r) => {
+          if (!e.current)
+            throw new Error("Editor not initialized");
+          e.current.setActiveView(r);
+        },
+        setTheme: (r) => {
+          if (!e.current)
+            throw new Error("Editor not initialized");
+          e.current.setTheme(r);
+        },
+        setMode: (r) => {
+          if (!e.current)
+            throw new Error("Editor not initialized");
+          e.current.setMode(r);
+        },
+        destroy: () => {
+          e.current && (e.current.destroy(), e.current = null);
+        },
+        getElement: () => {
+          if (!e.current)
+            throw new Error("Editor not initialized");
+          return e.current.getElement();
+        }
+      }),
+      []
+      // Empty deps is OK - we always read from instanceRef.current
+    ), /* @__PURE__ */ F(
+      "div",
+      {
+        ref: v,
+        className: T,
+        style: {
+          width: "100%",
+          height: "100%",
+          ...x
+        }
+      }
+    );
+  }
+);
+M.displayName = "Customizer";
+function H(A = {}) {
+  const {
+    autoSave: p = !1,
+    autoSaveKey: d = "customizer-design",
+    autoSaveDebounce: f = 1e3
+  } = A, n = I(null), [u, y] = l(null), [D, T] = l(!1), [x, m] = l(!1), [U, V] = l(null), [a, s] = l(!1), [g, z] = l(
+    null
+  ), i = I(void 0);
+  S(() => {
+    if (!(!p || !u))
+      return i.current && clearTimeout(i.current), i.current = setTimeout(() => {
+        try {
+          localStorage.setItem(d, JSON.stringify(u));
+        } catch (r) {
+          console.error("[useCustomizer] Auto-save failed:", r);
+        }
+      }, f), () => {
+        i.current && clearTimeout(i.current);
+      };
+  }, [u, p, d, f]);
+  const w = c(() => {
+    if (!n.current) return null;
+    try {
+      return n.current.getDesign();
+    } catch (r) {
+      return console.error("[useCustomizer] getDesign failed:", r), null;
+    }
+  }, []), h = c((r) => {
+    if (n.current)
+      try {
+        n.current.setDesign(r), y(r);
+      } catch (t) {
+        console.error("[useCustomizer] setDesign failed:", t);
+      }
+  }, []), L = c(() => {
+    if (n.current)
+      try {
+        n.current.undo(), T(n.current.canUndo()), m(n.current.canRedo());
+      } catch (r) {
+        console.error("[useCustomizer] undo failed:", r);
+      }
+  }, []), E = c(() => {
+    if (n.current)
+      try {
+        n.current.redo(), T(n.current.canUndo()), m(n.current.canRedo());
+      } catch (r) {
+        console.error("[useCustomizer] redo failed:", r);
+      }
+  }, []), C = c(async () => {
+    if (!n.current || a) return null;
+    s(!0);
+    try {
+      const r = await n.current.finalize();
+      return z(r), r;
+    } catch (r) {
+      return console.error("[useCustomizer] finalize failed:", r), null;
+    } finally {
+      s(!1);
+    }
+  }, [a]), R = c((r) => {
+    if (n.current)
+      try {
+        n.current.addTextLayer(r);
+      } catch (t) {
+        console.error("[useCustomizer] addTextLayer failed:", t);
+      }
+  }, []), v = c(async (r) => {
+    if (n.current)
+      try {
+        await n.current.addImageLayer(r);
+      } catch (t) {
+        console.error("[useCustomizer] addImageLayer failed:", t);
+      }
+  }, []), e = c((r) => {
+    if (n.current)
+      try {
+        n.current.removeLayer(r);
+      } catch (t) {
+        console.error("[useCustomizer] removeLayer failed:", t);
+      }
+  }, []), o = c((r) => {
+    if (n.current)
+      try {
+        n.current.selectLayer(r), V(r);
+      } catch (t) {
+        console.error("[useCustomizer] selectLayer failed:", t);
+      }
+  }, []);
+  return {
+    customizerRef: n,
+    design: u,
+    canUndo: D,
+    canRedo: x,
+    selectedLayerId: U,
+    isFinalizing: a,
+    finalizeResult: g,
+    getDesign: w,
+    setDesign: h,
+    undo: L,
+    redo: E,
+    finalize: C,
+    addTextLayer: R,
+    addImageLayer: v,
+    removeLayer: e,
+    selectLayer: o
+  };
+}
+export {
+  M as Customizer,
+  H as useCustomizer
+};
+//# sourceMappingURL=react.esm.js.map

package/dist/react.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.esm.js","sources":["../src/react/Customizer.tsx","../src/react/useCustomizer.ts"],"sourcesContent":["/**\n * React wrapper for Customizer Editor\n * @packageDocumentation\n */\n\nimport {\n  useRef,\n  useEffect,\n  useImperativeHandle,\n  forwardRef,\n  type CSSProperties,\n} from 'react';\nimport { initCustomizer } from '../vanilla';\nimport type {\n  CustomizerOptions,\n  CustomizerInstance,\n  DesignJSON,\n  FinalizeResult,\n  CustomizerError,\n} from '../types';\n\n/**\n * Props for the Customizer React component\n */\nexport interface CustomizerProps {\n  /**\n   * Template ID to load. Required unless productId is provided.\n   */\n  templateId?: string;\n\n  /**\n   * Product ID to load (fetches all views/templates for the product).\n   * Alternative to templateId. Exactly one of templateId or productId must be provided.\n   */\n  productId?: string;\n\n  /**\n   * API base URL for fetching templates and finalizing designs\n   * @default 'https://api.varianta.io'\n   */\n  apiUrl?: string;\n\n  /**\n   * Visual theme\n   * @default 'light'\n   */\n  theme?: 'light' | 'dark';\n\n  /**\n   * Editor mode\n   * @default 'edit'\n   */\n  mode?: 'edit' | 'preview';\n\n  /**\n   * Enable debug mode with additional logging\n   * @default false\n   */\n  debug?: boolean;\n\n  /**\n   * Custom CSS class name\n   */\n  className?: string;\n\n  /**\n   * Custom inline styles\n   */\n  style?: CSSProperties;\n\n  /**\n   * Initial design data to load\n   */\n  initialDesign?: DesignJSON;\n\n  /**\n   * Called when the editor is ready\n   */\n  onReady?: () => void;\n\n  /**\n   * Called when the design changes\n   */\n  onChange?: (design: DesignJSON) => void;\n\n  /**\n   * Called when a layer is selected\n   */\n  onLayerSelect?: (layerId: string | null) => void;\n\n  /**\n   * Called when a layer is added\n   */\n  onLayerAdd?: (layerId: string) => void;\n\n  /**\n   * Called when a layer is removed\n   */\n  onLayerRemove?: (layerId: string) => void;\n\n  /**\n   * Called when a layer is updated\n   */\n  onLayerUpdate?: (layerId: string) => void;\n\n  /**\n   * Called when an error occurs\n   */\n  onError?: (error: CustomizerError) => void;\n\n  /**\n   * Called when finalization is complete\n   */\n  onFinalize?: (result: FinalizeResult) => void;\n\n  /**\n   * Called when the active view changes (only relevant when using productId)\n   */\n  onViewChange?: (viewName: string) => void;\n\n  /**\n   * Show the Close button in the toolbar\n   * @default true\n   */\n  showCloseButton?: boolean;\n\n  /**\n   * Show the Save Customization button in the toolbar.\n   * When false, the button never appears even when the design is dirty.\n   * @default true\n   */\n  showSaveButton?: boolean;\n\n  /**\n   * Called when the Close button is clicked\n   */\n  onClose?: () => void;\n\n  /**\n   * Called when the Save button is clicked and finalization completes successfully\n   */\n  onSave?: (result: FinalizeResult) => void;\n}\n\n/**\n * Handle type exposed via ref\n */\nexport interface CustomizerHandle extends CustomizerInstance {}\n\n/**\n * Customizer React Component\n *\n * @example\n * ```tsx\n * import { Customizer, CustomizerHandle } from '@varianta/sdk/react';\n * import { useRef } from 'react';\n *\n * function App() {\n *   const customizerRef = useRef<CustomizerHandle>(null);\n *\n *   const handleFinalize = async () => {\n *     if (customizerRef.current) {\n *       const result = await customizerRef.current.finalize();\n *       console.log('Finalized:', result);\n *     }\n *   };\n *\n *   return (\n *     <div style={{ width: '100vw', height: '100vh' }}>\n *       <Customizer\n *         ref={customizerRef}\n *         templateId=\"tshirt-001\"\n *         theme=\"light\"\n *         onChange={(design) => console.log('Design changed:', design)}\n *         onReady={() => console.log('Editor ready!')}\n *       />\n *       <button onClick={handleFinalize}>Finalize Design</button>\n *     </div>\n *   );\n * }\n * ```\n */\nexport const Customizer = forwardRef<CustomizerHandle, CustomizerProps>(\n  (props, ref) => {\n    const {\n      templateId,\n      productId,\n      apiUrl,\n      theme = 'light',\n      mode = 'edit',\n      debug = false,\n      className,\n      style,\n      initialDesign,\n      showCloseButton,\n      showSaveButton,\n      onReady,\n      onChange,\n      onLayerSelect,\n      onLayerAdd,\n      onLayerRemove,\n      onLayerUpdate,\n      onError,\n      onFinalize,\n      onViewChange,\n      onClose,\n      onSave,\n    } = props;\n\n    const containerRef = useRef<HTMLDivElement>(null);\n    const instanceRef = useRef<CustomizerInstance | null>(null);\n\n    // Store latest callbacks in a ref to avoid stale closures\n    const callbacksRef = useRef({\n      onReady,\n      onChange,\n      onLayerSelect,\n      onLayerAdd,\n      onLayerRemove,\n      onLayerUpdate,\n      onError,\n      onFinalize,\n      onViewChange,\n      onClose,\n      onSave,\n    });\n\n    // Update callbacks ref whenever they change\n    useEffect(() => {\n      callbacksRef.current = {\n        onReady,\n        onChange,\n        onLayerSelect,\n        onLayerAdd,\n        onLayerRemove,\n        onLayerUpdate,\n        onError,\n        onFinalize,\n        onViewChange,\n        onClose,\n        onSave,\n      };\n    }, [onReady, onChange, onLayerSelect, onLayerAdd, onLayerRemove, onLayerUpdate, onError, onFinalize, onViewChange, onClose, onSave]);\n\n    // Initialize the editor\n    useEffect(() => {\n      if (!containerRef.current) return;\n\n      const options: CustomizerOptions = {\n        templateId,\n        productId,\n        apiUrl,\n        theme,\n        mode,\n        debug,\n        initialDesign,\n        showCloseButton,\n        showSaveButton,\n        // Use callback refs to always get latest callbacks\n        onReady: () => callbacksRef.current.onReady?.(),\n        onChange: (design) => callbacksRef.current.onChange?.(design),\n        onLayerSelect: (layerId) => callbacksRef.current.onLayerSelect?.(layerId),\n        onLayerAdd: (layerId) => callbacksRef.current.onLayerAdd?.(layerId),\n        onLayerRemove: (layerId) => callbacksRef.current.onLayerRemove?.(layerId),\n        onLayerUpdate: (layerId) => callbacksRef.current.onLayerUpdate?.(layerId),\n        onError: (error) => callbacksRef.current.onError?.(error),\n        onFinalize: (result) => callbacksRef.current.onFinalize?.(result),\n        onViewChange: (viewName) => callbacksRef.current.onViewChange?.(viewName),\n        onClose: () => callbacksRef.current.onClose?.(),\n        onSave: (result) => callbacksRef.current.onSave?.(result),\n      };\n\n      try {\n        const instance = initCustomizer(containerRef.current, options);\n        instanceRef.current = instance;\n      } catch (error) {\n        console.error('[Customizer React] Failed to initialize:', error);\n        callbacksRef.current.onError?.({\n          code: 'INIT_ERROR',\n          message: error instanceof Error ? error.message : 'Unknown error',\n          details: error,\n        });\n      }\n\n      // Cleanup\n      return () => {\n        if (instanceRef.current) {\n          instanceRef.current.destroy();\n          instanceRef.current = null;\n        }\n      };\n    }, [templateId, productId, apiUrl, debug, initialDesign, showCloseButton, showSaveButton]); // Only re-initialize on structural changes\n\n    // Update theme when it changes\n    useEffect(() => {\n      if (instanceRef.current) {\n        instanceRef.current.setTheme(theme);\n      }\n    }, [theme]);\n\n    // Update mode when it changes\n    useEffect(() => {\n      if (instanceRef.current) {\n        instanceRef.current.setMode(mode);\n      }\n    }, [mode]);\n\n    // Expose methods via ref\n    useImperativeHandle(\n      ref,\n      () => {\n        // Return API that always uses current instanceRef\n        return {\n        getDesign: () => {\n          if (!instanceRef.current) {\n            throw new Error('Editor not initialized');\n          }\n          return instanceRef.current.getDesign();\n        },\n        setDesign: (design: DesignJSON) => {\n          if (!instanceRef.current) {\n            throw new Error('Editor not initialized');\n          }\n          instanceRef.current.setDesign(design);\n        },\n        undo: () => {\n          if (!instanceRef.current) {\n            throw new Error('Editor not initialized');\n          }\n          instanceRef.current.undo();\n        },\n        redo: () => {\n          if (!instanceRef.current) {\n            throw new Error('Editor not initialized');\n          }\n          instanceRef.current.redo();\n        },\n        canUndo: () => {\n          if (!instanceRef.current) return false;\n          return instanceRef.current.canUndo();\n        },\n        canRedo: () => {\n          if (!instanceRef.current) return false;\n          return instanceRef.current.canRedo();\n        },\n        finalize: async () => {\n          if (!instanceRef.current) {\n            throw new Error('Editor not initialized');\n          }\n          return instanceRef.current.finalize();\n        },\n        addTextLayer: (text?: string) => {\n          if (!instanceRef.current) {\n            throw new Error('Editor not initialized');\n          }\n          instanceRef.current.addTextLayer(text);\n        },\n        addImageLayer: async (url: string) => {\n          if (!instanceRef.current) {\n            throw new Error('Editor not initialized');\n          }\n          return instanceRef.current.addImageLayer(url);\n        },\n        removeLayer: (layerId: string) => {\n          if (!instanceRef.current) {\n            throw new Error('Editor not initialized');\n          }\n          instanceRef.current.removeLayer(layerId);\n        },\n        selectLayer: (layerId: string | null) => {\n          if (!instanceRef.current) {\n            throw new Error('Editor not initialized');\n          }\n          instanceRef.current.selectLayer(layerId);\n        },\n        getSelectedLayerId: () => {\n          if (!instanceRef.current) return null;\n          return instanceRef.current.getSelectedLayerId();\n        },\n        getActiveView: () => {\n          if (!instanceRef.current) return null;\n          return instanceRef.current.getActiveView();\n        },\n        getViews: () => {\n          if (!instanceRef.current) return [];\n          return instanceRef.current.getViews();\n        },\n        setActiveView: (viewName: string) => {\n          if (!instanceRef.current) {\n            throw new Error('Editor not initialized');\n          }\n          instanceRef.current.setActiveView(viewName);\n        },\n        setTheme: (newTheme: 'light' | 'dark') => {\n          if (!instanceRef.current) {\n            throw new Error('Editor not initialized');\n          }\n          instanceRef.current.setTheme(newTheme);\n        },\n        setMode: (newMode: 'edit' | 'preview') => {\n          if (!instanceRef.current) {\n            throw new Error('Editor not initialized');\n          }\n          instanceRef.current.setMode(newMode);\n        },\n        destroy: () => {\n          if (!instanceRef.current) return;\n          instanceRef.current.destroy();\n          instanceRef.current = null;\n        },\n        getElement: () => {\n          if (!instanceRef.current) {\n            throw new Error('Editor not initialized');\n          }\n          return instanceRef.current.getElement();\n        },\n      };\n      },\n      [] // Empty deps is OK - we always read from instanceRef.current\n    );\n\n    return (\n      <div\n        ref={containerRef}\n        className={className}\n        style={{\n          width: '100%',\n          height: '100%',\n          ...style,\n        }}\n      />\n    );\n  }\n);\n\nCustomizer.displayName = 'Customizer';\n","/**\n * React hook for controlling the customizer editor\n * @packageDocumentation\n */\n\nimport { useRef, useCallback, useState, useEffect } from 'react';\nimport type { CustomizerHandle } from './Customizer';\nimport type { DesignJSON, FinalizeResult } from '../types';\n\n/**\n * Options for the useCustomizer hook\n */\nexport interface UseCustomizerOptions {\n  /**\n   * Auto-save design to localStorage\n   */\n  autoSave?: boolean;\n\n  /**\n   * localStorage key for auto-save\n   * @default 'customizer-design'\n   */\n  autoSaveKey?: string;\n\n  /**\n   * Debounce time for auto-save in ms\n   * @default 1000\n   */\n  autoSaveDebounce?: number;\n}\n\n/**\n * Return type for useCustomizer hook\n */\nexport interface UseCustomizerReturn {\n  /**\n   * Ref to attach to the Customizer component\n   */\n  customizerRef: React.RefObject<CustomizerHandle | null>;\n\n  /**\n   * Current design state\n   */\n  design: DesignJSON | null;\n\n  /**\n   * Whether undo is available\n   */\n  canUndo: boolean;\n\n  /**\n   * Whether redo is available\n   */\n  canRedo: boolean;\n\n  /**\n   * Selected layer ID\n   */\n  selectedLayerId: string | null;\n\n  /**\n   * Whether finalization is in progress\n   */\n  isFinalizing: boolean;\n\n  /**\n   * Finalization result\n   */\n  finalizeResult: FinalizeResult | null;\n\n  /**\n   * Get the current design\n   */\n  getDesign: () => DesignJSON | null;\n\n  /**\n   * Set a new design\n   */\n  setDesign: (design: DesignJSON) => void;\n\n  /**\n   * Undo the last action\n   */\n  undo: () => void;\n\n  /**\n   * Redo the last undone action\n   */\n  redo: () => void;\n\n  /**\n   * Finalize the design\n   */\n  finalize: () => Promise<FinalizeResult | null>;\n\n  /**\n   * Add a text layer\n   */\n  addTextLayer: (text?: string) => void;\n\n  /**\n   * Add an image layer\n   */\n  addImageLayer: (url: string) => Promise<void>;\n\n  /**\n   * Remove a layer\n   */\n  removeLayer: (layerId: string) => void;\n\n  /**\n   * Select a layer\n   */\n  selectLayer: (layerId: string | null) => void;\n}\n\n/**\n * React hook for controlling the customizer editor\n *\n * @example\n * ```tsx\n * import { Customizer } from '@varianta/sdk/react';\n * import { useCustomizer } from '@varianta/sdk/react';\n *\n * function App() {\n *   const {\n *     customizerRef,\n *     design,\n *     canUndo,\n *     canRedo,\n *     undo,\n *     redo,\n *     finalize,\n *     isFinalizing,\n *   } = useCustomizer({ autoSave: true });\n *\n *   return (\n *     <>\n *       <Customizer\n *         ref={customizerRef}\n *         templateId=\"tshirt-001\"\n *         onChange={(d) => console.log('Changed:', d)}\n *       />\n *       <button onClick={undo} disabled={!canUndo}>Undo</button>\n *       <button onClick={redo} disabled={!canRedo}>Redo</button>\n *       <button onClick={finalize} disabled={isFinalizing}>\n *         {isFinalizing ? 'Finalizing...' : 'Finalize'}\n *       </button>\n *     </>\n *   );\n * }\n * ```\n */\nexport function useCustomizer(\n  options: UseCustomizerOptions = {}\n): UseCustomizerReturn {\n  const {\n    autoSave = false,\n    autoSaveKey = 'customizer-design',\n    autoSaveDebounce = 1000,\n  } = options;\n\n  const customizerRef = useRef<CustomizerHandle>(null);\n  const [design, setDesign] = useState<DesignJSON | null>(null);\n  const [canUndo, setCanUndo] = useState(false);\n  const [canRedo, setCanRedo] = useState(false);\n  const [selectedLayerId, setSelectedLayerId] = useState<string | null>(null);\n  const [isFinalizing, setIsFinalizing] = useState(false);\n  const [finalizeResult, setFinalizeResult] = useState<FinalizeResult | null>(\n    null\n  );\n\n  const autoSaveTimeoutRef = useRef<NodeJS.Timeout | undefined>(undefined);\n\n  // Auto-save to localStorage\n  useEffect(() => {\n    if (!autoSave || !design) return;\n\n    // Clear existing timeout\n    if (autoSaveTimeoutRef.current) {\n      clearTimeout(autoSaveTimeoutRef.current);\n    }\n\n    // Set new timeout\n    autoSaveTimeoutRef.current = setTimeout(() => {\n      try {\n        localStorage.setItem(autoSaveKey, JSON.stringify(design));\n      } catch (error) {\n        console.error('[useCustomizer] Auto-save failed:', error);\n      }\n    }, autoSaveDebounce);\n\n    return () => {\n      if (autoSaveTimeoutRef.current) {\n        clearTimeout(autoSaveTimeoutRef.current);\n      }\n    };\n  }, [design, autoSave, autoSaveKey, autoSaveDebounce]);\n\n  const getDesign = useCallback(() => {\n    if (!customizerRef.current) return null;\n    try {\n      return customizerRef.current.getDesign();\n    } catch (error) {\n      console.error('[useCustomizer] getDesign failed:', error);\n      return null;\n    }\n  }, []);\n\n  const setDesignCallback = useCallback((newDesign: DesignJSON) => {\n    if (!customizerRef.current) return;\n    try {\n      customizerRef.current.setDesign(newDesign);\n      setDesign(newDesign);\n    } catch (error) {\n      console.error('[useCustomizer] setDesign failed:', error);\n    }\n  }, []);\n\n  const undo = useCallback(() => {\n    if (!customizerRef.current) return;\n    try {\n      customizerRef.current.undo();\n      setCanUndo(customizerRef.current.canUndo());\n      setCanRedo(customizerRef.current.canRedo());\n    } catch (error) {\n      console.error('[useCustomizer] undo failed:', error);\n    }\n  }, []);\n\n  const redo = useCallback(() => {\n    if (!customizerRef.current) return;\n    try {\n      customizerRef.current.redo();\n      setCanUndo(customizerRef.current.canUndo());\n      setCanRedo(customizerRef.current.canRedo());\n    } catch (error) {\n      console.error('[useCustomizer] redo failed:', error);\n    }\n  }, []);\n\n  const finalize = useCallback(async () => {\n    if (!customizerRef.current || isFinalizing) return null;\n\n    setIsFinalizing(true);\n    try {\n      const result = await customizerRef.current.finalize();\n      setFinalizeResult(result);\n      return result;\n    } catch (error) {\n      console.error('[useCustomizer] finalize failed:', error);\n      return null;\n    } finally {\n      setIsFinalizing(false);\n    }\n  }, [isFinalizing]);\n\n  const addTextLayer = useCallback((text?: string) => {\n    if (!customizerRef.current) return;\n    try {\n      customizerRef.current.addTextLayer(text);\n    } catch (error) {\n      console.error('[useCustomizer] addTextLayer failed:', error);\n    }\n  }, []);\n\n  const addImageLayer = useCallback(async (url: string) => {\n    if (!customizerRef.current) return;\n    try {\n      await customizerRef.current.addImageLayer(url);\n    } catch (error) {\n      console.error('[useCustomizer] addImageLayer failed:', error);\n    }\n  }, []);\n\n  const removeLayer = useCallback((layerId: string) => {\n    if (!customizerRef.current) return;\n    try {\n      customizerRef.current.removeLayer(layerId);\n    } catch (error) {\n      console.error('[useCustomizer] removeLayer failed:', error);\n    }\n  }, []);\n\n  const selectLayer = useCallback((layerId: string | null) => {\n    if (!customizerRef.current) return;\n    try {\n      customizerRef.current.selectLayer(layerId);\n      setSelectedLayerId(layerId);\n    } catch (error) {\n      console.error('[useCustomizer] selectLayer failed:', error);\n    }\n  }, []);\n\n  return {\n    customizerRef,\n    design,\n    canUndo,\n    canRedo,\n    selectedLayerId,\n    isFinalizing,\n    finalizeResult,\n    getDesign,\n    setDesign: setDesignCallback,\n    undo,\n    redo,\n    finalize,\n    addTextLayer,\n    addImageLayer,\n    removeLayer,\n    selectLayer,\n  };\n}\n"],"names":["Customizer","forwardRef","props","ref","templateId","productId","apiUrl","theme","mode","debug","className","style","initialDesign","showCloseButton","showSaveButton","onReady","onChange","onLayerSelect","onLayerAdd","onLayerRemove","onLayerUpdate","onError","onFinalize","onViewChange","onClose","onSave","containerRef","useRef","instanceRef","callbacksRef","useEffect","options","design","layerId","error","result","viewName","instance","initCustomizer","useImperativeHandle","text","url","newTheme","newMode","jsx","useCustomizer","autoSave","autoSaveKey","autoSaveDebounce","customizerRef","setDesign","useState","canUndo","setCanUndo","canRedo","setCanRedo","selectedLayerId","setSelectedLayerId","isFinalizing","setIsFinalizing","finalizeResult","setFinalizeResult","autoSaveTimeoutRef","getDesign","useCallback","setDesignCallback","newDesign","undo","redo","finalize","addTextLayer","addImageLayer","removeLayer","selectLayer"],"mappings":"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"}

package/dist/types/react/Customizer.d.ts

@@ -85,6 +85,25 @@ export interface CustomizerProps {
      * Called when the active view changes (only relevant when using productId)
      */
     onViewChange?: (viewName: string) => void;
+    /**
+     * Show the Close button in the toolbar
+     * @default true
+     */
+    showCloseButton?: boolean;
+    /**
+     * Show the Save Customization button in the toolbar.
+     * When false, the button never appears even when the design is dirty.
+     * @default true
+     */
+    showSaveButton?: boolean;
+    /**
+     * Called when the Close button is clicked
+     */
+    onClose?: () => void;
+    /**
+     * Called when the Save button is clicked and finalization completes successfully
+     */
+    onSave?: (result: FinalizeResult) => void;
 }
 /**
  * Handle type exposed via ref

package/dist/types/react/Customizer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Customizer.d.ts","sourceRoot":"","sources":["../../../src/react/Customizer.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAKL,KAAK,aAAa,EACnB,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAEV,kBAAkB,EAClB,UAAU,EACV,cAAc,EACd,eAAe,EAChB,MAAM,UAAU,CAAC;AAElB;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAEzB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAE1B;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;IAEtB;;OAEG;IACH,aAAa,CAAC,EAAE,UAAU,CAAC;IAE3B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IAExC;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAEjD;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAEvC;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAE1C;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAE1C;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAE3C;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;IAE9C;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C;AAED;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,kBAAkB;CAAG;AAE/D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,UAAU,8GA+OtB,CAAC"}
+{"version":3,"file":"Customizer.d.ts","sourceRoot":"","sources":["../../../src/react/Customizer.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAKL,KAAK,aAAa,EACnB,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAEV,kBAAkB,EAClB,UAAU,EACV,cAAc,EACd,eAAe,EAChB,MAAM,UAAU,CAAC;AAElB;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAEzB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAE1B;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;IAEtB;;OAEG;IACH,aAAa,CAAC,EAAE,UAAU,CAAC;IAE3B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IAExC;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAEjD;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAEvC;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAE1C;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAE1C;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAE3C;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;IAE9C;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAE1C;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;CAC3C;AAED;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,kBAAkB;CAAG;AAE/D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,UAAU,8GA2PtB,CAAC"}

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

@@ -187,6 +187,25 @@ export interface CustomizerOptions {
      * Called when the active view changes (only relevant when using productId)
      */
     onViewChange?: (viewName: string) => void;
+    /**
+     * Show the Close button in the toolbar
+     * @default true
+     */
+    showCloseButton?: boolean;
+    /**
+     * Show the Save Customization button in the toolbar.
+     * When false, the button never appears even when the design is dirty.
+     * @default true
+     */
+    showSaveButton?: boolean;
+    /**
+     * Called when the Close button is clicked
+     */
+    onClose?: () => void;
+    /**
+     * Called when the Save button is clicked and finalization completes successfully
+     */
+    onSave?: (result: FinalizeResult) => void;
 }
 /**
  * Error object returned by the customizer

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/vanilla/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAMH,OAAO,KAAK,EACV,iBAAiB,EACjB,kBAAkB,EAMnB,MAAM,UAAU,CAAC;AAElB;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,cAAc,CAC5B,iBAAiB,EAAE,WAAW,GAAG,MAAM,EACvC,OAAO,EAAE,iBAAiB,GACzB,kBAAkB,CA+UpB;AAED;;GAEG;AACH,mBAAmB,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/vanilla/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAMH,OAAO,KAAK,EACV,iBAAiB,EACjB,kBAAkB,EAMnB,MAAM,UAAU,CAAC;AAElB;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,cAAc,CAC5B,iBAAiB,EAAE,WAAW,GAAG,MAAM,EACvC,OAAO,EAAE,iBAAiB,GACzB,kBAAkB,CAiWpB;AAED;;GAEG;AACH,mBAAmB,UAAU,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varianta/sdk",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "description": "Multi-framework JavaScript SDK for product customization",
   "type": "module",
   "main": "./dist/index.cjs.js",
@@ -11,6 +11,11 @@
       "types": "./dist/types/index.d.ts",
       "import": "./dist/index.esm.js",
       "require": "./dist/index.cjs.js"
+    },
+    "./react": {
+      "types": "./dist/types/react/index.d.ts",
+      "import": "./dist/react.esm.js",
+      "require": "./dist/react.cjs.js"
     }
   },
   "files": [