@base2datadesign/viewer-react 0.1.1

package/dist/ViewerCanvas.d.ts

@@ -0,0 +1,12 @@
+import type { PresetCatalog, ViewerCreateOptions, ViewerHandle } from "@base2datadesign/viewer-kit";
+export type ViewerCanvasProps = {
+    presetId?: string;
+    presets?: PresetCatalog;
+    assetResolver?: ViewerCreateOptions["assetResolver"];
+    camera?: ViewerCreateOptions["camera"];
+    renderer?: ViewerCreateOptions["renderer"];
+    className?: string;
+    onReady?: (handle: ViewerHandle | null) => void;
+};
+export default function ViewerCanvas({ presetId, presets, assetResolver, camera, renderer, className, onReady, }: ViewerCanvasProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ViewerCanvas.d.ts.map

package/dist/ViewerCanvas.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewerCanvas.d.ts","sourceRoot":"","sources":["../src/ViewerCanvas.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAEpG,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,aAAa,CAAC,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACrD,MAAM,CAAC,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IACvC,QAAQ,CAAC,EAAE,mBAAmB,CAAC,UAAU,CAAC,CAAC;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,GAAG,IAAI,KAAK,IAAI,CAAC;CACjD,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,QAAQ,EACR,OAAO,EACP,aAAa,EACb,MAAM,EACN,QAAQ,EACR,SAAS,EACT,OAAO,GACR,EAAE,iBAAiB,2CAwDnB"}

package/dist/ViewerCanvas.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useMemo, useRef } from "react";
+import { createViewer } from "@base2datadesign/viewer-kit";
+export default function ViewerCanvas({ presetId, presets, assetResolver, camera, renderer, className, onReady, }) {
+    const containerRef = useRef(null);
+    const handleRef = useRef(null);
+    const presetIdRef = useRef(presetId);
+    const initialPresetRef = useRef(presetId);
+    const createOptions = useMemo(() => {
+        return {
+            container: containerRef.current,
+            presetId: initialPresetRef.current,
+            presets,
+            assetResolver,
+            camera,
+            renderer,
+            hooks: {
+                onReady: (handle) => {
+                    handleRef.current = handle;
+                    onReady?.(handle);
+                },
+                onError: (error) => {
+                    console.error("[viewer-react] Failed to initialise viewer", error);
+                    onReady?.(null);
+                },
+            },
+        };
+    }, [assetResolver, camera, onReady, presets, renderer]);
+    useEffect(() => {
+        const container = containerRef.current;
+        if (!container)
+            return;
+        const handle = createViewer({ ...createOptions, container });
+        handleRef.current = handle;
+        handle.start();
+        const handleResize = () => handle.resize();
+        window.addEventListener("resize", handleResize);
+        return () => {
+            window.removeEventListener("resize", handleResize);
+            handle.stop();
+            handle.dispose();
+            handleRef.current = null;
+            onReady?.(null);
+        };
+    }, [createOptions, onReady]);
+    useEffect(() => {
+        if (!handleRef.current)
+            return;
+        if (presetId && presetIdRef.current !== presetId) {
+            presetIdRef.current = presetId;
+            handleRef.current.setPreset(presetId);
+        }
+    }, [presetId]);
+    return _jsx("div", { ref: containerRef, className: className });
+}

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export { default as ViewerCanvas } from "./ViewerCanvas";
+export type { ViewerCanvasProps } from "./ViewerCanvas";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/index.js

@@ -0,0 +1 @@
+export { default as ViewerCanvas } from "./ViewerCanvas";

package/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "@base2datadesign/viewer-react",
+  "version": "0.1.1",
+  "type": "module",
+  "license": "UNLICENSED",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@base2datadesign/viewer-kit": "^0.1.1"
+  },
+  "peerDependencies": {
+    "react": ">=18"
+  },
+  "devDependencies": {
+    "react": "19.1.0",
+    "@types/react": "^19",
+    "@types/react-dom": "^19"
+  },
+  "scripts": {
+    "build": "tsc -b",
+    "typecheck": "tsc -b --pretty false --noEmit"
+  }
+}