@cadview/react 0.1.0 → 0.2.0

package/dist/index.cjs

@@ -14,6 +14,7 @@ var CadViewer = react.forwardRef(
       className,
       style,
       options,
+      formatConverters,
       onSelect,
       onMeasure,
       onViewChange,
@@ -26,6 +27,7 @@ var CadViewer = react.forwardRef(
       const viewer = new core.CadViewer(canvasRef.current, {
         theme,
         initialTool: tool,
+        formatConverters,
         ...options
       });
       viewerRef.current = viewer;
@@ -43,18 +45,29 @@ var CadViewer = react.forwardRef(
     react.useEffect(() => {
       const viewer = viewerRef.current;
       if (!viewer || !file) return;
-      if (file instanceof File) {
-        viewer.loadFile(file).then(
-          () => onLayersLoaded?.(viewer.getLayers()),
-          (err) => console.error("CadViewer: failed to load file", err)
-        );
-      } else if (file instanceof ArrayBuffer) {
-        viewer.loadArrayBuffer(file);
-        onLayersLoaded?.(viewer.getLayers());
-      } else if (typeof file === "string") {
-        viewer.loadString(file);
-        onLayersLoaded?.(viewer.getLayers());
-      }
+      let cancelled = false;
+      const load = async () => {
+        try {
+          if (file instanceof File) {
+            await viewer.loadFile(file);
+          } else if (file instanceof ArrayBuffer) {
+            await viewer.loadBuffer(file);
+          } else if (typeof file === "string") {
+            viewer.loadString(file);
+          }
+          if (!cancelled) {
+            onLayersLoaded?.(viewer.getLayers());
+          }
+        } catch (err) {
+          if (!cancelled) {
+            console.error("CadViewer: failed to load file", err);
+          }
+        }
+      };
+      load();
+      return () => {
+        cancelled = true;
+      };
     }, [file]);
     react.useEffect(() => {
       const viewer = viewerRef.current;
@@ -128,6 +141,17 @@ function useCadViewer(canvasRef, options) {
       setError(err instanceof Error ? err : new Error(String(err)));
     }
   }, []);
+  const loadBuffer = react.useCallback(async (buffer) => {
+    if (!viewerRef.current) return;
+    setError(null);
+    try {
+      await viewerRef.current.loadBuffer(buffer);
+      setLayers(viewerRef.current.getLayers());
+      setIsLoaded(true);
+    } catch (err) {
+      setError(err instanceof Error ? err : new Error(String(err)));
+    }
+  }, []);
   const loadString = react.useCallback((dxf) => {
     if (!viewerRef.current) return;
     setError(null);
@@ -145,6 +169,7 @@ function useCadViewer(canvasRef, options) {
     isLoaded,
     error,
     loadFile,
+    loadBuffer,
     loadString,
     fitToView: () => viewerRef.current?.fitToView(),
     setLayerVisible: (name, visible) => viewerRef.current?.setLayerVisible(name, visible),

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/CadViewer.tsx","../src/useCadViewer.ts"],"names":["forwardRef","CadViewer","useRef","useEffect","CoreCadViewer","useImperativeHandle","jsx","useState","useCallback"],"mappings":"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","file":"index.cjs","sourcesContent":["import {\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  type CSSProperties,\n} from 'react';\nimport {\n  CadViewer as CoreCadViewer,\n  type CadViewerOptions,\n  type DxfLayer,\n  type SelectEvent,\n  type MeasureEvent,\n  type ViewTransform,\n  type Tool,\n  type Theme,\n} from '@cadview/core';\n\nexport interface CadViewerProps {\n  file?: File | ArrayBuffer | string | null;\n  theme?: Theme;\n  tool?: Tool;\n  className?: string;\n  style?: CSSProperties;\n  options?: Omit<CadViewerOptions, 'theme' | 'initialTool'>;\n  onSelect?: (event: SelectEvent) => void;\n  onMeasure?: (event: MeasureEvent) => void;\n  onViewChange?: (transform: ViewTransform) => void;\n  onLayersLoaded?: (layers: DxfLayer[]) => void;\n}\n\nexport interface CadViewerRef {\n  getViewer(): CoreCadViewer | null;\n  fitToView(): void;\n  getLayers(): DxfLayer[];\n  setLayerVisible(name: string, visible: boolean): void;\n}\n\nexport const CadViewer = forwardRef<CadViewerRef, CadViewerProps>(\n  function CadViewer(props, ref) {\n    const {\n      file,\n      theme = 'dark',\n      tool = 'pan',\n      className,\n      style,\n      options,\n      onSelect,\n      onMeasure,\n      onViewChange,\n      onLayersLoaded,\n    } = props;\n\n    const canvasRef = useRef<HTMLCanvasElement>(null);\n    const viewerRef = useRef<CoreCadViewer | null>(null);\n\n    useEffect(() => {\n      if (!canvasRef.current) return;\n\n      const viewer = new CoreCadViewer(canvasRef.current, {\n        theme,\n        initialTool: tool,\n        ...options,\n      });\n      viewerRef.current = viewer;\n\n      return () => {\n        viewer.destroy();\n        viewerRef.current = null;\n      };\n    }, []);\n\n    useEffect(() => {\n      viewerRef.current?.setTheme(theme);\n    }, [theme]);\n\n    useEffect(() => {\n      viewerRef.current?.setTool(tool);\n    }, [tool]);\n\n    useEffect(() => {\n      const viewer = viewerRef.current;\n      if (!viewer || !file) return;\n\n      if (file instanceof File) {\n        viewer.loadFile(file).then(\n          () => onLayersLoaded?.(viewer.getLayers()),\n          (err) => console.error('CadViewer: failed to load file', err),\n        );\n      } else if (file instanceof ArrayBuffer) {\n        viewer.loadArrayBuffer(file);\n        onLayersLoaded?.(viewer.getLayers());\n      } else if (typeof file === 'string') {\n        viewer.loadString(file);\n        onLayersLoaded?.(viewer.getLayers());\n      }\n    }, [file]);\n\n    useEffect(() => {\n      const viewer = viewerRef.current;\n      if (!viewer) return;\n\n      const handlers: Array<() => void> = [];\n\n      if (onSelect) {\n        viewer.on('select', onSelect);\n        handlers.push(() => viewer.off('select', onSelect));\n      }\n      if (onMeasure) {\n        viewer.on('measure', onMeasure);\n        handlers.push(() => viewer.off('measure', onMeasure));\n      }\n      if (onViewChange) {\n        viewer.on('viewchange', onViewChange);\n        handlers.push(() => viewer.off('viewchange', onViewChange));\n      }\n\n      return () => { handlers.forEach((h) => { h(); }); };\n    }, [onSelect, onMeasure, onViewChange]);\n\n    useImperativeHandle(ref, () => ({\n      getViewer: () => viewerRef.current,\n      fitToView: () => viewerRef.current?.fitToView(),\n      getLayers: () => viewerRef.current?.getLayers() ?? [],\n      setLayerVisible: (name: string, visible: boolean) =>\n        viewerRef.current?.setLayerVisible(name, visible),\n    }));\n\n    return (\n      <div\n        className={className}\n        style={{ position: 'relative', overflow: 'hidden', ...style }}\n      >\n        <canvas\n          ref={canvasRef}\n          style={{ display: 'block', width: '100%', height: '100%' }}\n        />\n      </div>\n    );\n  },\n);\n","import { useEffect, useRef, useState, useCallback } from 'react';\nimport {\n  CadViewer,\n  type CadViewerOptions,\n  type DxfLayer,\n} from '@cadview/core';\n\nexport function useCadViewer(\n  canvasRef: React.RefObject<HTMLCanvasElement | null>,\n  options?: CadViewerOptions,\n) {\n  const viewerRef = useRef<CadViewer | null>(null);\n  const [viewer, setViewer] = useState<CadViewer | null>(null);\n  const [layers, setLayers] = useState<DxfLayer[]>([]);\n  const [isLoaded, setIsLoaded] = useState(false);\n  const [error, setError] = useState<Error | null>(null);\n\n  useEffect(() => {\n    if (!canvasRef.current) return;\n    const v = new CadViewer(canvasRef.current, options);\n    viewerRef.current = v;\n    setViewer(v);\n    return () => {\n      v.destroy();\n      viewerRef.current = null;\n      setViewer(null);\n    };\n  }, []);\n\n  const loadFile = useCallback(async (file: File) => {\n    if (!viewerRef.current) return;\n    setError(null);\n    try {\n      await viewerRef.current.loadFile(file);\n      setLayers(viewerRef.current.getLayers());\n      setIsLoaded(true);\n    } catch (err) {\n      setError(err instanceof Error ? err : new Error(String(err)));\n    }\n  }, []);\n\n  const loadString = useCallback((dxf: string) => {\n    if (!viewerRef.current) return;\n    setError(null);\n    try {\n      viewerRef.current.loadString(dxf);\n      setLayers(viewerRef.current.getLayers());\n      setIsLoaded(true);\n    } catch (err) {\n      setError(err instanceof Error ? err : new Error(String(err)));\n    }\n  }, []);\n\n  return {\n    viewer,\n    layers,\n    isLoaded,\n    error,\n    loadFile,\n    loadString,\n    fitToView: () => viewerRef.current?.fitToView(),\n    setLayerVisible: (name: string, visible: boolean) =>\n      viewerRef.current?.setLayerVisible(name, visible),\n    setTheme: (theme: 'dark' | 'light') =>\n      viewerRef.current?.setTheme(theme),\n    setTool: (tool: 'pan' | 'select' | 'measure') =>\n      viewerRef.current?.setTool(tool),\n  };\n}\n"]}
+{"version":3,"sources":["../src/CadViewer.tsx","../src/useCadViewer.ts"],"names":["forwardRef","CadViewer","useRef","useEffect","CoreCadViewer","useImperativeHandle","jsx","useState","useCallback"],"mappings":"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","file":"index.cjs","sourcesContent":["import {\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  type CSSProperties,\n} from 'react';\nimport {\n  CadViewer as CoreCadViewer,\n  type CadViewerOptions,\n  type FormatConverter,\n  type DxfLayer,\n  type SelectEvent,\n  type MeasureEvent,\n  type ViewTransform,\n  type Tool,\n  type Theme,\n} from '@cadview/core';\n\nexport interface CadViewerProps {\n  file?: File | ArrayBuffer | string | null;\n  theme?: Theme;\n  tool?: Tool;\n  className?: string;\n  style?: CSSProperties;\n  options?: Omit<CadViewerOptions, 'theme' | 'initialTool'>;\n  /** Format converters for non-DXF file formats (e.g. DWG via @cadview/dwg). */\n  formatConverters?: FormatConverter[];\n  onSelect?: (event: SelectEvent) => void;\n  onMeasure?: (event: MeasureEvent) => void;\n  onViewChange?: (transform: ViewTransform) => void;\n  onLayersLoaded?: (layers: DxfLayer[]) => void;\n}\n\nexport interface CadViewerRef {\n  getViewer(): CoreCadViewer | null;\n  fitToView(): void;\n  getLayers(): DxfLayer[];\n  setLayerVisible(name: string, visible: boolean): void;\n}\n\nexport const CadViewer = forwardRef<CadViewerRef, CadViewerProps>(\n  function CadViewer(props, ref) {\n    const {\n      file,\n      theme = 'dark',\n      tool = 'pan',\n      className,\n      style,\n      options,\n      formatConverters,\n      onSelect,\n      onMeasure,\n      onViewChange,\n      onLayersLoaded,\n    } = props;\n\n    const canvasRef = useRef<HTMLCanvasElement>(null);\n    const viewerRef = useRef<CoreCadViewer | null>(null);\n\n    useEffect(() => {\n      if (!canvasRef.current) return;\n\n      const viewer = new CoreCadViewer(canvasRef.current, {\n        theme,\n        initialTool: tool,\n        formatConverters,\n        ...options,\n      });\n      viewerRef.current = viewer;\n\n      return () => {\n        viewer.destroy();\n        viewerRef.current = null;\n      };\n    }, []);\n\n    useEffect(() => {\n      viewerRef.current?.setTheme(theme);\n    }, [theme]);\n\n    useEffect(() => {\n      viewerRef.current?.setTool(tool);\n    }, [tool]);\n\n    useEffect(() => {\n      const viewer = viewerRef.current;\n      if (!viewer || !file) return;\n      let cancelled = false;\n\n      const load = async () => {\n        try {\n          if (file instanceof File) {\n            await viewer.loadFile(file);\n          } else if (file instanceof ArrayBuffer) {\n            await viewer.loadBuffer(file);\n          } else if (typeof file === 'string') {\n            viewer.loadString(file);\n          }\n          if (!cancelled) {\n            onLayersLoaded?.(viewer.getLayers());\n          }\n        } catch (err) {\n          if (!cancelled) {\n            console.error('CadViewer: failed to load file', err);\n          }\n        }\n      };\n\n      load();\n\n      return () => {\n        cancelled = true;\n      };\n    }, [file]);\n\n    useEffect(() => {\n      const viewer = viewerRef.current;\n      if (!viewer) return;\n\n      const handlers: Array<() => void> = [];\n\n      if (onSelect) {\n        viewer.on('select', onSelect);\n        handlers.push(() => viewer.off('select', onSelect));\n      }\n      if (onMeasure) {\n        viewer.on('measure', onMeasure);\n        handlers.push(() => viewer.off('measure', onMeasure));\n      }\n      if (onViewChange) {\n        viewer.on('viewchange', onViewChange);\n        handlers.push(() => viewer.off('viewchange', onViewChange));\n      }\n\n      return () => { handlers.forEach((h) => { h(); }); };\n    }, [onSelect, onMeasure, onViewChange]);\n\n    useImperativeHandle(ref, () => ({\n      getViewer: () => viewerRef.current,\n      fitToView: () => viewerRef.current?.fitToView(),\n      getLayers: () => viewerRef.current?.getLayers() ?? [],\n      setLayerVisible: (name: string, visible: boolean) =>\n        viewerRef.current?.setLayerVisible(name, visible),\n    }));\n\n    return (\n      <div\n        className={className}\n        style={{ position: 'relative', overflow: 'hidden', ...style }}\n      >\n        <canvas\n          ref={canvasRef}\n          style={{ display: 'block', width: '100%', height: '100%' }}\n        />\n      </div>\n    );\n  },\n);\n","import { useEffect, useRef, useState, useCallback } from 'react';\nimport {\n  CadViewer,\n  type CadViewerOptions,\n  type DxfLayer,\n} from '@cadview/core';\n\nexport function useCadViewer(\n  canvasRef: React.RefObject<HTMLCanvasElement | null>,\n  options?: CadViewerOptions,\n) {\n  const viewerRef = useRef<CadViewer | null>(null);\n  const [viewer, setViewer] = useState<CadViewer | null>(null);\n  const [layers, setLayers] = useState<DxfLayer[]>([]);\n  const [isLoaded, setIsLoaded] = useState(false);\n  const [error, setError] = useState<Error | null>(null);\n\n  useEffect(() => {\n    if (!canvasRef.current) return;\n    const v = new CadViewer(canvasRef.current, options);\n    viewerRef.current = v;\n    setViewer(v);\n    return () => {\n      v.destroy();\n      viewerRef.current = null;\n      setViewer(null);\n    };\n  }, []);\n\n  const loadFile = useCallback(async (file: File) => {\n    if (!viewerRef.current) return;\n    setError(null);\n    try {\n      await viewerRef.current.loadFile(file);\n      setLayers(viewerRef.current.getLayers());\n      setIsLoaded(true);\n    } catch (err) {\n      setError(err instanceof Error ? err : new Error(String(err)));\n    }\n  }, []);\n\n  const loadBuffer = useCallback(async (buffer: ArrayBuffer) => {\n    if (!viewerRef.current) return;\n    setError(null);\n    try {\n      await viewerRef.current.loadBuffer(buffer);\n      setLayers(viewerRef.current.getLayers());\n      setIsLoaded(true);\n    } catch (err) {\n      setError(err instanceof Error ? err : new Error(String(err)));\n    }\n  }, []);\n\n  const loadString = useCallback((dxf: string) => {\n    if (!viewerRef.current) return;\n    setError(null);\n    try {\n      viewerRef.current.loadString(dxf);\n      setLayers(viewerRef.current.getLayers());\n      setIsLoaded(true);\n    } catch (err) {\n      setError(err instanceof Error ? err : new Error(String(err)));\n    }\n  }, []);\n\n  return {\n    viewer,\n    layers,\n    isLoaded,\n    error,\n    loadFile,\n    loadBuffer,\n    loadString,\n    fitToView: () => viewerRef.current?.fitToView(),\n    setLayerVisible: (name: string, visible: boolean) =>\n      viewerRef.current?.setLayerVisible(name, visible),\n    setTheme: (theme: 'dark' | 'light') =>\n      viewerRef.current?.setTheme(theme),\n    setTool: (tool: 'pan' | 'select' | 'measure') =>\n      viewerRef.current?.setTool(tool),\n  };\n}\n"]}

package/dist/index.d.cts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { CSSProperties } from 'react';
-import { Theme, Tool, CadViewerOptions, SelectEvent, MeasureEvent, ViewTransform, DxfLayer, CadViewer as CadViewer$1 } from '@cadview/core';
-export { DxfDocument, DxfEntity, DxfLayer, MeasureEvent, SelectEvent, Theme, Tool, ViewTransform } from '@cadview/core';
+import { Theme, Tool, CadViewerOptions, FormatConverter, SelectEvent, MeasureEvent, ViewTransform, DxfLayer, CadViewer as CadViewer$1 } from '@cadview/core';
+export { DxfDocument, DxfEntity, DxfLayer, FormatConverter, MeasureEvent, SelectEvent, Theme, Tool, ViewTransform } from '@cadview/core';
 
 interface CadViewerProps {
     file?: File | ArrayBuffer | string | null;
@@ -10,6 +10,8 @@ interface CadViewerProps {
     className?: string;
     style?: CSSProperties;
     options?: Omit<CadViewerOptions, 'theme' | 'initialTool'>;
+    /** Format converters for non-DXF file formats (e.g. DWG via @cadview/dwg). */
+    formatConverters?: FormatConverter[];
     onSelect?: (event: SelectEvent) => void;
     onMeasure?: (event: MeasureEvent) => void;
     onViewChange?: (transform: ViewTransform) => void;
@@ -29,6 +31,7 @@ declare function useCadViewer(canvasRef: React.RefObject<HTMLCanvasElement | nul
     isLoaded: boolean;
     error: Error | null;
     loadFile: (file: File) => Promise<void>;
+    loadBuffer: (buffer: ArrayBuffer) => Promise<void>;
     loadString: (dxf: string) => void;
     fitToView: () => void | undefined;
     setLayerVisible: (name: string, visible: boolean) => void | undefined;

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { CSSProperties } from 'react';
-import { Theme, Tool, CadViewerOptions, SelectEvent, MeasureEvent, ViewTransform, DxfLayer, CadViewer as CadViewer$1 } from '@cadview/core';
-export { DxfDocument, DxfEntity, DxfLayer, MeasureEvent, SelectEvent, Theme, Tool, ViewTransform } from '@cadview/core';
+import { Theme, Tool, CadViewerOptions, FormatConverter, SelectEvent, MeasureEvent, ViewTransform, DxfLayer, CadViewer as CadViewer$1 } from '@cadview/core';
+export { DxfDocument, DxfEntity, DxfLayer, FormatConverter, MeasureEvent, SelectEvent, Theme, Tool, ViewTransform } from '@cadview/core';
 
 interface CadViewerProps {
     file?: File | ArrayBuffer | string | null;
@@ -10,6 +10,8 @@ interface CadViewerProps {
     className?: string;
     style?: CSSProperties;
     options?: Omit<CadViewerOptions, 'theme' | 'initialTool'>;
+    /** Format converters for non-DXF file formats (e.g. DWG via @cadview/dwg). */
+    formatConverters?: FormatConverter[];
     onSelect?: (event: SelectEvent) => void;
     onMeasure?: (event: MeasureEvent) => void;
     onViewChange?: (transform: ViewTransform) => void;
@@ -29,6 +31,7 @@ declare function useCadViewer(canvasRef: React.RefObject<HTMLCanvasElement | nul
     isLoaded: boolean;
     error: Error | null;
     loadFile: (file: File) => Promise<void>;
+    loadBuffer: (buffer: ArrayBuffer) => Promise<void>;
     loadString: (dxf: string) => void;
     fitToView: () => void | undefined;
     setLayerVisible: (name: string, visible: boolean) => void | undefined;

package/dist/index.js

@@ -12,6 +12,7 @@ var CadViewer = forwardRef(
       className,
       style,
       options,
+      formatConverters,
       onSelect,
       onMeasure,
       onViewChange,
@@ -24,6 +25,7 @@ var CadViewer = forwardRef(
       const viewer = new CadViewer$1(canvasRef.current, {
         theme,
         initialTool: tool,
+        formatConverters,
         ...options
       });
       viewerRef.current = viewer;
@@ -41,18 +43,29 @@ var CadViewer = forwardRef(
     useEffect(() => {
       const viewer = viewerRef.current;
       if (!viewer || !file) return;
-      if (file instanceof File) {
-        viewer.loadFile(file).then(
-          () => onLayersLoaded?.(viewer.getLayers()),
-          (err) => console.error("CadViewer: failed to load file", err)
-        );
-      } else if (file instanceof ArrayBuffer) {
-        viewer.loadArrayBuffer(file);
-        onLayersLoaded?.(viewer.getLayers());
-      } else if (typeof file === "string") {
-        viewer.loadString(file);
-        onLayersLoaded?.(viewer.getLayers());
-      }
+      let cancelled = false;
+      const load = async () => {
+        try {
+          if (file instanceof File) {
+            await viewer.loadFile(file);
+          } else if (file instanceof ArrayBuffer) {
+            await viewer.loadBuffer(file);
+          } else if (typeof file === "string") {
+            viewer.loadString(file);
+          }
+          if (!cancelled) {
+            onLayersLoaded?.(viewer.getLayers());
+          }
+        } catch (err) {
+          if (!cancelled) {
+            console.error("CadViewer: failed to load file", err);
+          }
+        }
+      };
+      load();
+      return () => {
+        cancelled = true;
+      };
     }, [file]);
     useEffect(() => {
       const viewer = viewerRef.current;
@@ -126,6 +139,17 @@ function useCadViewer(canvasRef, options) {
       setError(err instanceof Error ? err : new Error(String(err)));
     }
   }, []);
+  const loadBuffer = useCallback(async (buffer) => {
+    if (!viewerRef.current) return;
+    setError(null);
+    try {
+      await viewerRef.current.loadBuffer(buffer);
+      setLayers(viewerRef.current.getLayers());
+      setIsLoaded(true);
+    } catch (err) {
+      setError(err instanceof Error ? err : new Error(String(err)));
+    }
+  }, []);
   const loadString = useCallback((dxf) => {
     if (!viewerRef.current) return;
     setError(null);
@@ -143,6 +167,7 @@ function useCadViewer(canvasRef, options) {
     isLoaded,
     error,
     loadFile,
+    loadBuffer,
     loadString,
     fitToView: () => viewerRef.current?.fitToView(),
     setLayerVisible: (name, visible) => viewerRef.current?.setLayerVisible(name, visible),

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/CadViewer.tsx","../src/useCadViewer.ts"],"names":["CadViewer","CoreCadViewer","useRef","useEffect"],"mappings":"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","file":"index.js","sourcesContent":["import {\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  type CSSProperties,\n} from 'react';\nimport {\n  CadViewer as CoreCadViewer,\n  type CadViewerOptions,\n  type DxfLayer,\n  type SelectEvent,\n  type MeasureEvent,\n  type ViewTransform,\n  type Tool,\n  type Theme,\n} from '@cadview/core';\n\nexport interface CadViewerProps {\n  file?: File | ArrayBuffer | string | null;\n  theme?: Theme;\n  tool?: Tool;\n  className?: string;\n  style?: CSSProperties;\n  options?: Omit<CadViewerOptions, 'theme' | 'initialTool'>;\n  onSelect?: (event: SelectEvent) => void;\n  onMeasure?: (event: MeasureEvent) => void;\n  onViewChange?: (transform: ViewTransform) => void;\n  onLayersLoaded?: (layers: DxfLayer[]) => void;\n}\n\nexport interface CadViewerRef {\n  getViewer(): CoreCadViewer | null;\n  fitToView(): void;\n  getLayers(): DxfLayer[];\n  setLayerVisible(name: string, visible: boolean): void;\n}\n\nexport const CadViewer = forwardRef<CadViewerRef, CadViewerProps>(\n  function CadViewer(props, ref) {\n    const {\n      file,\n      theme = 'dark',\n      tool = 'pan',\n      className,\n      style,\n      options,\n      onSelect,\n      onMeasure,\n      onViewChange,\n      onLayersLoaded,\n    } = props;\n\n    const canvasRef = useRef<HTMLCanvasElement>(null);\n    const viewerRef = useRef<CoreCadViewer | null>(null);\n\n    useEffect(() => {\n      if (!canvasRef.current) return;\n\n      const viewer = new CoreCadViewer(canvasRef.current, {\n        theme,\n        initialTool: tool,\n        ...options,\n      });\n      viewerRef.current = viewer;\n\n      return () => {\n        viewer.destroy();\n        viewerRef.current = null;\n      };\n    }, []);\n\n    useEffect(() => {\n      viewerRef.current?.setTheme(theme);\n    }, [theme]);\n\n    useEffect(() => {\n      viewerRef.current?.setTool(tool);\n    }, [tool]);\n\n    useEffect(() => {\n      const viewer = viewerRef.current;\n      if (!viewer || !file) return;\n\n      if (file instanceof File) {\n        viewer.loadFile(file).then(\n          () => onLayersLoaded?.(viewer.getLayers()),\n          (err) => console.error('CadViewer: failed to load file', err),\n        );\n      } else if (file instanceof ArrayBuffer) {\n        viewer.loadArrayBuffer(file);\n        onLayersLoaded?.(viewer.getLayers());\n      } else if (typeof file === 'string') {\n        viewer.loadString(file);\n        onLayersLoaded?.(viewer.getLayers());\n      }\n    }, [file]);\n\n    useEffect(() => {\n      const viewer = viewerRef.current;\n      if (!viewer) return;\n\n      const handlers: Array<() => void> = [];\n\n      if (onSelect) {\n        viewer.on('select', onSelect);\n        handlers.push(() => viewer.off('select', onSelect));\n      }\n      if (onMeasure) {\n        viewer.on('measure', onMeasure);\n        handlers.push(() => viewer.off('measure', onMeasure));\n      }\n      if (onViewChange) {\n        viewer.on('viewchange', onViewChange);\n        handlers.push(() => viewer.off('viewchange', onViewChange));\n      }\n\n      return () => { handlers.forEach((h) => { h(); }); };\n    }, [onSelect, onMeasure, onViewChange]);\n\n    useImperativeHandle(ref, () => ({\n      getViewer: () => viewerRef.current,\n      fitToView: () => viewerRef.current?.fitToView(),\n      getLayers: () => viewerRef.current?.getLayers() ?? [],\n      setLayerVisible: (name: string, visible: boolean) =>\n        viewerRef.current?.setLayerVisible(name, visible),\n    }));\n\n    return (\n      <div\n        className={className}\n        style={{ position: 'relative', overflow: 'hidden', ...style }}\n      >\n        <canvas\n          ref={canvasRef}\n          style={{ display: 'block', width: '100%', height: '100%' }}\n        />\n      </div>\n    );\n  },\n);\n","import { useEffect, useRef, useState, useCallback } from 'react';\nimport {\n  CadViewer,\n  type CadViewerOptions,\n  type DxfLayer,\n} from '@cadview/core';\n\nexport function useCadViewer(\n  canvasRef: React.RefObject<HTMLCanvasElement | null>,\n  options?: CadViewerOptions,\n) {\n  const viewerRef = useRef<CadViewer | null>(null);\n  const [viewer, setViewer] = useState<CadViewer | null>(null);\n  const [layers, setLayers] = useState<DxfLayer[]>([]);\n  const [isLoaded, setIsLoaded] = useState(false);\n  const [error, setError] = useState<Error | null>(null);\n\n  useEffect(() => {\n    if (!canvasRef.current) return;\n    const v = new CadViewer(canvasRef.current, options);\n    viewerRef.current = v;\n    setViewer(v);\n    return () => {\n      v.destroy();\n      viewerRef.current = null;\n      setViewer(null);\n    };\n  }, []);\n\n  const loadFile = useCallback(async (file: File) => {\n    if (!viewerRef.current) return;\n    setError(null);\n    try {\n      await viewerRef.current.loadFile(file);\n      setLayers(viewerRef.current.getLayers());\n      setIsLoaded(true);\n    } catch (err) {\n      setError(err instanceof Error ? err : new Error(String(err)));\n    }\n  }, []);\n\n  const loadString = useCallback((dxf: string) => {\n    if (!viewerRef.current) return;\n    setError(null);\n    try {\n      viewerRef.current.loadString(dxf);\n      setLayers(viewerRef.current.getLayers());\n      setIsLoaded(true);\n    } catch (err) {\n      setError(err instanceof Error ? err : new Error(String(err)));\n    }\n  }, []);\n\n  return {\n    viewer,\n    layers,\n    isLoaded,\n    error,\n    loadFile,\n    loadString,\n    fitToView: () => viewerRef.current?.fitToView(),\n    setLayerVisible: (name: string, visible: boolean) =>\n      viewerRef.current?.setLayerVisible(name, visible),\n    setTheme: (theme: 'dark' | 'light') =>\n      viewerRef.current?.setTheme(theme),\n    setTool: (tool: 'pan' | 'select' | 'measure') =>\n      viewerRef.current?.setTool(tool),\n  };\n}\n"]}
+{"version":3,"sources":["../src/CadViewer.tsx","../src/useCadViewer.ts"],"names":["CadViewer","CoreCadViewer","useRef","useEffect"],"mappings":"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","file":"index.js","sourcesContent":["import {\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  type CSSProperties,\n} from 'react';\nimport {\n  CadViewer as CoreCadViewer,\n  type CadViewerOptions,\n  type FormatConverter,\n  type DxfLayer,\n  type SelectEvent,\n  type MeasureEvent,\n  type ViewTransform,\n  type Tool,\n  type Theme,\n} from '@cadview/core';\n\nexport interface CadViewerProps {\n  file?: File | ArrayBuffer | string | null;\n  theme?: Theme;\n  tool?: Tool;\n  className?: string;\n  style?: CSSProperties;\n  options?: Omit<CadViewerOptions, 'theme' | 'initialTool'>;\n  /** Format converters for non-DXF file formats (e.g. DWG via @cadview/dwg). */\n  formatConverters?: FormatConverter[];\n  onSelect?: (event: SelectEvent) => void;\n  onMeasure?: (event: MeasureEvent) => void;\n  onViewChange?: (transform: ViewTransform) => void;\n  onLayersLoaded?: (layers: DxfLayer[]) => void;\n}\n\nexport interface CadViewerRef {\n  getViewer(): CoreCadViewer | null;\n  fitToView(): void;\n  getLayers(): DxfLayer[];\n  setLayerVisible(name: string, visible: boolean): void;\n}\n\nexport const CadViewer = forwardRef<CadViewerRef, CadViewerProps>(\n  function CadViewer(props, ref) {\n    const {\n      file,\n      theme = 'dark',\n      tool = 'pan',\n      className,\n      style,\n      options,\n      formatConverters,\n      onSelect,\n      onMeasure,\n      onViewChange,\n      onLayersLoaded,\n    } = props;\n\n    const canvasRef = useRef<HTMLCanvasElement>(null);\n    const viewerRef = useRef<CoreCadViewer | null>(null);\n\n    useEffect(() => {\n      if (!canvasRef.current) return;\n\n      const viewer = new CoreCadViewer(canvasRef.current, {\n        theme,\n        initialTool: tool,\n        formatConverters,\n        ...options,\n      });\n      viewerRef.current = viewer;\n\n      return () => {\n        viewer.destroy();\n        viewerRef.current = null;\n      };\n    }, []);\n\n    useEffect(() => {\n      viewerRef.current?.setTheme(theme);\n    }, [theme]);\n\n    useEffect(() => {\n      viewerRef.current?.setTool(tool);\n    }, [tool]);\n\n    useEffect(() => {\n      const viewer = viewerRef.current;\n      if (!viewer || !file) return;\n      let cancelled = false;\n\n      const load = async () => {\n        try {\n          if (file instanceof File) {\n            await viewer.loadFile(file);\n          } else if (file instanceof ArrayBuffer) {\n            await viewer.loadBuffer(file);\n          } else if (typeof file === 'string') {\n            viewer.loadString(file);\n          }\n          if (!cancelled) {\n            onLayersLoaded?.(viewer.getLayers());\n          }\n        } catch (err) {\n          if (!cancelled) {\n            console.error('CadViewer: failed to load file', err);\n          }\n        }\n      };\n\n      load();\n\n      return () => {\n        cancelled = true;\n      };\n    }, [file]);\n\n    useEffect(() => {\n      const viewer = viewerRef.current;\n      if (!viewer) return;\n\n      const handlers: Array<() => void> = [];\n\n      if (onSelect) {\n        viewer.on('select', onSelect);\n        handlers.push(() => viewer.off('select', onSelect));\n      }\n      if (onMeasure) {\n        viewer.on('measure', onMeasure);\n        handlers.push(() => viewer.off('measure', onMeasure));\n      }\n      if (onViewChange) {\n        viewer.on('viewchange', onViewChange);\n        handlers.push(() => viewer.off('viewchange', onViewChange));\n      }\n\n      return () => { handlers.forEach((h) => { h(); }); };\n    }, [onSelect, onMeasure, onViewChange]);\n\n    useImperativeHandle(ref, () => ({\n      getViewer: () => viewerRef.current,\n      fitToView: () => viewerRef.current?.fitToView(),\n      getLayers: () => viewerRef.current?.getLayers() ?? [],\n      setLayerVisible: (name: string, visible: boolean) =>\n        viewerRef.current?.setLayerVisible(name, visible),\n    }));\n\n    return (\n      <div\n        className={className}\n        style={{ position: 'relative', overflow: 'hidden', ...style }}\n      >\n        <canvas\n          ref={canvasRef}\n          style={{ display: 'block', width: '100%', height: '100%' }}\n        />\n      </div>\n    );\n  },\n);\n","import { useEffect, useRef, useState, useCallback } from 'react';\nimport {\n  CadViewer,\n  type CadViewerOptions,\n  type DxfLayer,\n} from '@cadview/core';\n\nexport function useCadViewer(\n  canvasRef: React.RefObject<HTMLCanvasElement | null>,\n  options?: CadViewerOptions,\n) {\n  const viewerRef = useRef<CadViewer | null>(null);\n  const [viewer, setViewer] = useState<CadViewer | null>(null);\n  const [layers, setLayers] = useState<DxfLayer[]>([]);\n  const [isLoaded, setIsLoaded] = useState(false);\n  const [error, setError] = useState<Error | null>(null);\n\n  useEffect(() => {\n    if (!canvasRef.current) return;\n    const v = new CadViewer(canvasRef.current, options);\n    viewerRef.current = v;\n    setViewer(v);\n    return () => {\n      v.destroy();\n      viewerRef.current = null;\n      setViewer(null);\n    };\n  }, []);\n\n  const loadFile = useCallback(async (file: File) => {\n    if (!viewerRef.current) return;\n    setError(null);\n    try {\n      await viewerRef.current.loadFile(file);\n      setLayers(viewerRef.current.getLayers());\n      setIsLoaded(true);\n    } catch (err) {\n      setError(err instanceof Error ? err : new Error(String(err)));\n    }\n  }, []);\n\n  const loadBuffer = useCallback(async (buffer: ArrayBuffer) => {\n    if (!viewerRef.current) return;\n    setError(null);\n    try {\n      await viewerRef.current.loadBuffer(buffer);\n      setLayers(viewerRef.current.getLayers());\n      setIsLoaded(true);\n    } catch (err) {\n      setError(err instanceof Error ? err : new Error(String(err)));\n    }\n  }, []);\n\n  const loadString = useCallback((dxf: string) => {\n    if (!viewerRef.current) return;\n    setError(null);\n    try {\n      viewerRef.current.loadString(dxf);\n      setLayers(viewerRef.current.getLayers());\n      setIsLoaded(true);\n    } catch (err) {\n      setError(err instanceof Error ? err : new Error(String(err)));\n    }\n  }, []);\n\n  return {\n    viewer,\n    layers,\n    isLoaded,\n    error,\n    loadFile,\n    loadBuffer,\n    loadString,\n    fitToView: () => viewerRef.current?.fitToView(),\n    setLayerVisible: (name: string, visible: boolean) =>\n      viewerRef.current?.setLayerVisible(name, visible),\n    setTheme: (theme: 'dark' | 'light') =>\n      viewerRef.current?.setTheme(theme),\n    setTool: (tool: 'pan' | 'select' | 'measure') =>\n      viewerRef.current?.setTool(tool),\n  };\n}\n"]}

package/package.json

@@ -1,18 +1,11 @@
 {
   "name": "@cadview/react",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "type": "module",
   "license": "MIT",
   "description": "React wrapper for @cadview/core — CAD/DXF file viewer component",
   "author": "Wisnu Wicaksono",
-  "keywords": [
-    "cad",
-    "dxf",
-    "viewer",
-    "react",
-    "component",
-    "canvas"
-  ],
+  "keywords": ["cad", "dxf", "viewer", "react", "component", "canvas"],
   "repository": {
     "type": "git",
     "url": "git+https://github.com/wiscaksono/cadview.git",
@@ -40,29 +33,25 @@
       }
     }
   },
-  "files": [
-    "dist",
-    "LICENSE",
-    "README.md"
-  ],
+  "files": ["dist", "LICENSE", "README.md"],
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "typecheck": "tsc --noEmit"
+  },
   "peerDependencies": {
+    "@cadview/core": "workspace:*",
     "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^18.0.0 || ^19.0.0",
-    "@cadview/core": "0.1.0"
+    "react-dom": "^18.0.0 || ^19.0.0"
   },
   "devDependencies": {
+    "@cadview/core": "workspace:*",
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "tsup": "^8.0.0",
-    "typescript": "^5.7.0",
-    "@cadview/core": "0.1.0"
+    "typescript": "^5.7.0"
   },
-  "sideEffects": false,
-  "scripts": {
-    "build": "tsup",
-    "dev": "tsup --watch",
-    "typecheck": "tsc --noEmit"
-  }
-}
+  "sideEffects": false
+}