@tscircuit/3d-viewer 0.0.346 → 0.0.348

package/dist/index.js

@@ -25455,11 +25455,12 @@ var Html = ({ children, position, style }) => {
     if (!camera || !el.current || !renderer) return;
     const vector = new THREE5.Vector3(...position);
     vector.project(camera);
-    const x = Math.round((vector.x + 1) * renderer.domElement.width / 2);
-    const y = Math.round((-vector.y + 1) * renderer.domElement.height / 2);
+    const rect = renderer.domElement.getBoundingClientRect();
+    const x = Math.round((vector.x + 1) / 2 * rect.width);
+    const y = Math.round((-vector.y + 1) / 2 * rect.height);
     el.current.style.position = "absolute";
-    el.current.style.left = `${x}px`;
-    el.current.style.top = `${y}px`;
+    el.current.style.left = `${rect.left + x}px`;
+    el.current.style.top = `${rect.top + y}px`;
     el.current.style.pointerEvents = "none";
     if (style) {
       Object.assign(el.current.style, style);
@@ -25582,7 +25583,7 @@ import * as THREE10 from "three";
 // package.json
 var package_default = {
   name: "@tscircuit/3d-viewer",
-  version: "0.0.345",
+  version: "0.0.347",
   main: "./dist/index.js",
   module: "./dist/index.js",
   type: "module",
@@ -25846,6 +25847,13 @@ import {
   useMemo as useMemo8
 } from "react";
 import * as THREE7 from "three";
+
+// src/react-three/remove-existing-canvases.ts
+function removeExistingCanvases(container) {
+  container.querySelectorAll("canvas").forEach((existingCanvas) => existingCanvas.remove());
+}
+
+// src/react-three/Canvas.tsx
 import { jsx as jsx9 } from "react/jsx-runtime";
 var Canvas = forwardRef(
   ({ children, scene: sceneProps, camera: cameraProps, style }, ref) => {
@@ -25878,6 +25886,7 @@ var Canvas = forwardRef(
     useImperativeHandle(ref, () => rootObject.current);
     useEffect10(() => {
       if (!mountRef.current) return;
+      removeExistingCanvases(mountRef.current);
       const renderer = new THREE7.WebGLRenderer({ antialias: true, alpha: true });
       renderer.setSize(
         mountRef.current.clientWidth,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tscircuit/3d-viewer",
-  "version": "0.0.346",
+  "version": "0.0.348",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "type": "module",