@bwp-web/canvas 0.8.3 → 0.9.1

package/dist/index.d.ts

@@ -12,9 +12,11 @@ export type { UseCanvasTooltipOptions, CanvasTooltipState } from './hooks';
 export { useCanvasClick } from './hooks';
 export type { UseCanvasClickOptions } from './hooks';
 export { EditCanvasProvider, useEditCanvasContext } from './context';
-export type { EditCanvasProviderProps, EditCanvasContextValue, } from './context';
+export { useEditCanvasViewport, useEditCanvasState } from './context';
+export type { EditCanvasProviderProps, EditCanvasContextValue, EditCanvasViewportValue, EditCanvasStateValue, } from './context';
 export { ViewCanvasProvider, useViewCanvasContext } from './context';
-export type { ViewCanvasProviderProps, ViewCanvasContextValue, } from './context';
+export { useViewCanvasViewport, useViewCanvasState } from './context';
+export type { ViewCanvasProviderProps, ViewCanvasContextValue, ViewCanvasViewportValue, ViewCanvasStateValue, } from './context';
 export { useCanvasRef } from './context';
 export { ObjectOverlay } from './overlay';
 export type { ObjectOverlayProps } from './overlay';

package/dist/index.d.ts.map

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

package/dist/index.js

@@ -2826,6 +2826,9 @@ function useViewCanvas(options) {
   const [zoom, setZoom] = useState2(1);
   const [objects, setObjects] = useState2([]);
   const [isLoading, setIsLoading] = useState2(false);
+  const [lockLightMode, setLockLightMode] = useState2(
+    void 0
+  );
   const onReady = useCallback2(
     (canvas) => {
       canvasRef.current = canvas;
@@ -2873,6 +2876,9 @@ function useViewCanvas(options) {
         if (opts?.invertBackground !== void 0) {
           setBackgroundInverted(canvas, opts.invertBackground);
         }
+        if (canvas.lockLightMode !== void 0) {
+          setLockLightMode(canvas.lockLightMode);
+        }
         if (opts?.autoFitToBackground !== false && canvas.backgroundImage) {
           fitViewportToBackground(canvas);
           syncZoom(canvasRef, setZoom);
@@ -2969,70 +2975,29 @@ function useViewCanvas(options) {
       /** Batch-update multiple objects' visual styles in one render. Keyed by `data.id`. */
       setObjectStyles,
       /** Apply a visual style to all objects whose `data.type` matches. */
-      setObjectStyleByType
+      setObjectStyleByType,
+      /** Whether the canvas is locked to light mode. Read from loaded canvas data. */
+      lockLightMode
     }),
     // Only reactive state in deps — refs and stable callbacks are omitted
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [zoom, objects, isLoading, viewport]
+    [zoom, objects, isLoading, viewport, lockLightMode]
   );
 }
 
 // src/hooks/useCanvasEvents.ts
 import { useEffect as useEffect4, useRef as useRef4 } from "react";
 
-// src/context/ViewCanvasContext.tsx
+// src/context/CanvasRefContext.ts
 import { createContext, useContext } from "react";
-import { jsx as jsx2 } from "react/jsx-runtime";
-var ViewCanvasContext = createContext(null);
-function ViewCanvasProvider({
-  options,
-  children
-}) {
-  const canvas = useViewCanvas(options);
-  return /* @__PURE__ */ jsx2(ViewCanvasContext.Provider, { value: canvas, children });
-}
-function useViewCanvasContext() {
-  const ctx = useContext(ViewCanvasContext);
-  if (ctx === null) {
-    throw new Error(
-      "useViewCanvasContext must be used within a <ViewCanvasProvider>"
-    );
-  }
-  return ctx;
-}
-function useViewCanvasContextSafe() {
-  return useContext(ViewCanvasContext);
-}
-
-// src/context/EditCanvasContext.tsx
-import { createContext as createContext2, useContext as useContext2 } from "react";
-import { jsx as jsx3 } from "react/jsx-runtime";
-var EditCanvasContext = createContext2(null);
-function EditCanvasProvider({
-  options,
-  children
-}) {
-  const canvas = useEditCanvas(options);
-  return /* @__PURE__ */ jsx3(EditCanvasContext.Provider, { value: canvas, children });
-}
-function useEditCanvasContext() {
-  const ctx = useContext2(EditCanvasContext);
-  if (ctx === null) {
-    throw new Error(
-      "useEditCanvasContext must be used within an <EditCanvasProvider>"
-    );
-  }
-  return ctx;
-}
-function useEditCanvasContextSafe() {
-  return useContext2(EditCanvasContext);
+var CanvasRefContext = createContext(null);
+function useCanvasRefContext() {
+  return useContext(CanvasRefContext);
 }
 
 // src/context/useCanvasRef.ts
 function useCanvasRef() {
-  const viewCtx = useViewCanvasContextSafe();
-  const editCtx = useEditCanvasContextSafe();
-  return viewCtx?.canvasRef ?? editCtx?.canvasRef ?? null;
+  return useCanvasRefContext();
 }
 
 // src/hooks/useCanvasEvents.ts
@@ -3187,6 +3152,150 @@ function useCanvasClick(canvasRefOrOnClick, onClickOrOptions, maybeOptions) {
   }, [resolvedCanvasRef]);
 }
 
+// src/context/EditCanvasContext.tsx
+import { createContext as createContext2, useContext as useContext2, useMemo as useMemo4 } from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var EditViewportContext = createContext2(null);
+var EditStateContext = createContext2(null);
+function EditCanvasProvider({
+  options,
+  children
+}) {
+  const canvas = useEditCanvas(options);
+  const viewportValue = useMemo4(
+    () => ({ zoom: canvas.zoom, viewport: canvas.viewport }),
+    [canvas.zoom, canvas.viewport]
+  );
+  const stateValue = useMemo4(
+    () => ({
+      onReady: canvas.onReady,
+      objects: canvas.objects,
+      isLoading: canvas.isLoading,
+      selected: canvas.selected,
+      isEditingVertices: canvas.isEditingVertices,
+      setMode: canvas.setMode,
+      setBackground: canvas.setBackground,
+      isDirty: canvas.isDirty,
+      resetDirty: canvas.resetDirty,
+      markDirty: canvas.markDirty,
+      undo: canvas.undo,
+      redo: canvas.redo,
+      canUndo: canvas.canUndo,
+      canRedo: canvas.canRedo,
+      lockLightMode: canvas.lockLightMode,
+      setLockLightMode: canvas.setLockLightMode
+    }),
+    // Only reactive state — stable callbacks omitted
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [
+      canvas.objects,
+      canvas.isLoading,
+      canvas.selected,
+      canvas.isEditingVertices,
+      canvas.isDirty,
+      canvas.canUndo,
+      canvas.canRedo,
+      canvas.lockLightMode
+    ]
+  );
+  return /* @__PURE__ */ jsx2(CanvasRefContext.Provider, { value: canvas.canvasRef, children: /* @__PURE__ */ jsx2(EditViewportContext.Provider, { value: viewportValue, children: /* @__PURE__ */ jsx2(EditStateContext.Provider, { value: stateValue, children }) }) });
+}
+function useEditCanvasContext() {
+  const canvasRef = useContext2(CanvasRefContext);
+  const viewport = useContext2(EditViewportContext);
+  const state = useContext2(EditStateContext);
+  if (canvasRef === null || viewport === null || state === null) {
+    throw new Error(
+      "useEditCanvasContext must be used within an <EditCanvasProvider>"
+    );
+  }
+  return useMemo4(
+    () => ({ canvasRef, ...viewport, ...state }),
+    [canvasRef, viewport, state]
+  );
+}
+function useEditCanvasViewport() {
+  const ctx = useContext2(EditViewportContext);
+  if (ctx === null) {
+    throw new Error(
+      "useEditCanvasViewport must be used within an <EditCanvasProvider>"
+    );
+  }
+  return ctx;
+}
+function useEditCanvasState() {
+  const ctx = useContext2(EditStateContext);
+  if (ctx === null) {
+    throw new Error(
+      "useEditCanvasState must be used within an <EditCanvasProvider>"
+    );
+  }
+  return ctx;
+}
+
+// src/context/ViewCanvasContext.tsx
+import { createContext as createContext3, useContext as useContext3, useMemo as useMemo5 } from "react";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var ViewViewportContext = createContext3(null);
+var ViewStateContext = createContext3(null);
+function ViewCanvasProvider({
+  options,
+  children
+}) {
+  const canvas = useViewCanvas(options);
+  const viewportValue = useMemo5(
+    () => ({ zoom: canvas.zoom, viewport: canvas.viewport }),
+    [canvas.zoom, canvas.viewport]
+  );
+  const stateValue = useMemo5(
+    () => ({
+      onReady: canvas.onReady,
+      objects: canvas.objects,
+      isLoading: canvas.isLoading,
+      setObjectStyle: canvas.setObjectStyle,
+      setObjectStyles: canvas.setObjectStyles,
+      setObjectStyleByType: canvas.setObjectStyleByType,
+      lockLightMode: canvas.lockLightMode
+    }),
+    // Only reactive state — stable callbacks omitted
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [canvas.objects, canvas.isLoading, canvas.lockLightMode]
+  );
+  return /* @__PURE__ */ jsx3(CanvasRefContext.Provider, { value: canvas.canvasRef, children: /* @__PURE__ */ jsx3(ViewViewportContext.Provider, { value: viewportValue, children: /* @__PURE__ */ jsx3(ViewStateContext.Provider, { value: stateValue, children }) }) });
+}
+function useViewCanvasContext() {
+  const canvasRef = useContext3(CanvasRefContext);
+  const viewport = useContext3(ViewViewportContext);
+  const state = useContext3(ViewStateContext);
+  if (canvasRef === null || viewport === null || state === null) {
+    throw new Error(
+      "useViewCanvasContext must be used within a <ViewCanvasProvider>"
+    );
+  }
+  return useMemo5(
+    () => ({ canvasRef, ...viewport, ...state }),
+    [canvasRef, viewport, state]
+  );
+}
+function useViewCanvasViewport() {
+  const ctx = useContext3(ViewViewportContext);
+  if (ctx === null) {
+    throw new Error(
+      "useViewCanvasViewport must be used within a <ViewCanvasProvider>"
+    );
+  }
+  return ctx;
+}
+function useViewCanvasState() {
+  const ctx = useContext3(ViewStateContext);
+  if (ctx === null) {
+    throw new Error(
+      "useViewCanvasState must be used within a <ViewCanvasProvider>"
+    );
+  }
+  return ctx;
+}
+
 // src/overlay/ObjectOverlay.tsx
 import { useEffect as useEffect7, useRef as useRef7 } from "react";
 import { Stack } from "@mui/material";
@@ -3594,8 +3703,12 @@ export {
   useCanvasTooltip,
   useEditCanvas,
   useEditCanvasContext,
+  useEditCanvasState,
+  useEditCanvasViewport,
   useViewCanvas,
   useViewCanvasContext,
+  useViewCanvasState,
+  useViewCanvasViewport,
   util5 as util
 };
 //# sourceMappingURL=index.js.map