@tscircuit/3d-viewer 0.0.373 → 0.0.374

package/dist/index.js

@@ -14416,7 +14416,28 @@ var ContainerWithTooltip_default = ContainerWithTooltip;
 
 // src/hooks/use-global-obj-loader.ts
 import { useState as useState2, useEffect as useEffect3 } from "react";
-import { MTLLoader, OBJLoader, VRMLLoader } from "three-stdlib";
+import { MTLLoader, OBJLoader } from "three-stdlib";
+
+// src/utils/vrml.ts
+import { VRMLLoader } from "three-stdlib";
+function sanitizeVrmlIdentifiers(text) {
+  return text.replace(/(DEF|USE)\s+([^\s]+)/g, (match, type, name) => {
+    return `${type} ${name.replace(/-/g, "_")}`;
+  });
+}
+async function loadVrml(url) {
+  const response = await fetch(url);
+  if (!response.ok) {
+    throw new Error(
+      `Failed to fetch "${url}": ${response.status} ${response.statusText}`
+    );
+  }
+  const text = await response.text();
+  const loader = new VRMLLoader();
+  return loader.parse(sanitizeVrmlIdentifiers(text), url);
+}
+
+// src/hooks/use-global-obj-loader.ts
 if (typeof window !== "undefined" && !window.TSCIRCUIT_OBJ_LOADER_CACHE) {
   window.TSCIRCUIT_OBJ_LOADER_CACHE = /* @__PURE__ */ new Map();
 }
@@ -14430,8 +14451,7 @@ function useGlobalObjLoader(url) {
     async function loadAndParseObj() {
       try {
         if (cleanUrl.endsWith(".wrl")) {
-          const loader = new VRMLLoader();
-          return await loader.loadAsync(cleanUrl);
+          return await loadVrml(cleanUrl);
         }
         const response = await fetch(cleanUrl);
         if (!response.ok) {
@@ -25959,7 +25979,7 @@ import * as THREE11 from "three";
 // package.json
 var package_default = {
   name: "@tscircuit/3d-viewer",
-  version: "0.0.372",
+  version: "0.0.373",
   main: "./dist/index.js",
   module: "./dist/index.js",
   type: "module",
@@ -30046,7 +30066,6 @@ import * as THREE25 from "three";
 import { GLTFLoader as GLTFLoader2 } from "three/examples/jsm/loaders/GLTFLoader.js";
 import { OBJLoader as OBJLoader2 } from "three/examples/jsm/loaders/OBJLoader.js";
 import { STLLoader as STLLoader2 } from "three/examples/jsm/loaders/STLLoader.js";
-import { VRMLLoader as VRMLLoader2 } from "three/examples/jsm/loaders/VRMLLoader.js";
 async function load3DModel(url) {
   if (url.endsWith(".stl")) {
     const loader = new STLLoader2();
@@ -30063,8 +30082,7 @@ async function load3DModel(url) {
     return await loader.loadAsync(url);
   }
   if (url.endsWith(".wrl")) {
-    const loader = new VRMLLoader2();
-    return await loader.loadAsync(url);
+    return await loadVrml(url);
   }
   if (url.endsWith(".gltf") || url.endsWith(".glb")) {
     const loader = new GLTFLoader2();

package/package.json

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