🚀 Auto-deploy: melhoria no snap e medição AR em 22/05/2026 20:51:44

src/pages/XRSession.tsx

@@ -23,6 +23,8 @@ import { useDevKit } from '@/devkit/useDevKit';
 import { DevPanel } from '@/devkit/DevPanel';
 import { FakeControllers } from '@/devkit/FakeControllers';
 import { VisibilityApplier } from '@/components/three/ModelViewer';
+import { parseIFCtoThree } from '@/lib/convertIFC';
+import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader.js';
 
 // --- Diagnóstico XR ---
 console.log('[XR] Inicializando store...');
@@ -66,8 +68,36 @@ const store = createXRStore({
 
 // ─── XRModel ───────────────────────────────────────────
 function XRModel({ sceneModel }: { sceneModel: import('@/stores/useModelStore').SceneModel }) {
-  const { scene: rawScene } = useGLTF(sceneModel.url);
-  const scene = useMemo(() => rawScene.clone(true), [rawScene]);
+  const [rawScene, setRawScene] = useState<THREE.Object3D | null>(null);
+  const scene = useMemo(() => rawScene ? rawScene.clone(true) : null, [rawScene]);
+
+  useEffect(() => {
+    let active = true;
+    const isIfc = sceneModel.fileName.toLowerCase().endsWith('.ifc');
+    if (isIfc) {
+      fetch(sceneModel.url)
+        .then((res) => res.arrayBuffer())
+        .then((buf) => parseIFCtoThree(buf))
+        .then((threeScene) => {
+          if (active) setRawScene(threeScene);
+        })
+        .catch((err) => console.error('[XRModel] IFC parsing error', err));
+    } else {
+      const loader = new GLTFLoader();
+      loader.load(
+        sceneModel.url,
+        (gltf) => {
+          if (active) setRawScene(gltf.scene);
+        },
+        undefined,
+        (err) => console.error('[XRModel] GLTF loading error', err)
+      );
+    }
+    return () => {
+      active = false;
+    };
+  }, [sceneModel.url, sceneModel.fileName]);
+
   const ref = useRef<THREE.Group>(null);
   const fineTuning = sceneModel.fineTuning;
   const opacity = useModelStore((s) => s.opacity);
@@ -78,6 +108,7 @@ function XRModel({ sceneModel }: { sceneModel: import('@/stores/useModelStore').
   const checklist = useModelStore((s) => s.checklist);
 
   const modelInfo = useMemo(() => {
+    if (!scene) return { size: new THREE.Vector3(), center: new THREE.Vector3() };
     const box = new THREE.Box3().setFromObject(scene);
     const size = new THREE.Vector3();
     const center = new THREE.Vector3();
@@ -87,6 +118,7 @@ function XRModel({ sceneModel }: { sceneModel: import('@/stores/useModelStore').
   }, [scene]);
 
   useEffect(() => {
+    if (!scene) return;
     const hasRejected = checklist.some(i => i.status === 'rejected');
     const allApproved = checklist.every(i => i.status === 'approved');
 
@@ -154,6 +186,7 @@ function XRModel({ sceneModel }: { sceneModel: import('@/stores/useModelStore').
   const renderFactor = scaleRatio?.factor ?? 1;
 
   if (!sceneModel.visible) return null;
+  if (!scene) return null;
 
   return (
     <group scale={[renderFactor, renderFactor, renderFactor]}>