@collabdt/core 0.0.40

package/dist/core/components/viewers/bim/src/tools/AddToBim/src/useCommentMarkers.js

@@ -0,0 +1,122 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import * as React from "react";
+import { MenusContext } from "../../../../../../../store";
+import { ViewerNames } from "../../../../../../../types/dbTypes";
+import { useComments, useComment } from "../../../../../../../hooks/comments/comments";
+import { useUsers } from "../../../../../../../hooks/users/users";
+import { useCoreHooks } from "../../../../../../../hooks/provider";
+import { renderCSS2DMarkers } from "./renderCSS2DMarkers";
+import BimComment from "./BimComment";
+function useCommentMarkers(world, buildingId) {
+  const { state: menusState } = React.useContext(MenusContext);
+  const { commentsVisibleInViewer, currentCommentId } = menusState.menus;
+  const registry = React.useRef(/* @__PURE__ */ new Map());
+  const { comments } = useComments();
+  const { users } = useUsers();
+  const coreHooks = useCoreHooks();
+  const [commentToDelete, setCommentToDelete] = React.useState(null);
+  const { deleteComment } = useComment(commentToDelete);
+  const eligibleComments = comments.filter((comment) => {
+    const { x, y, z, viewer } = comment;
+    if (x == null || y == null || z == null) return false;
+    if (viewer !== ViewerNames.bim) return false;
+    if (buildingId !== -1 && comment.buildingId !== buildingId) return false;
+    return true;
+  }).map((comment) => {
+    var _a, _b, _c;
+    const user = users.find((u) => u.id === comment.authorId);
+    return __spreadProps(__spreadValues({}, comment), {
+      authorName: (_a = user == null ? void 0 : user.name) != null ? _a : "Unknown User",
+      imageFileId: (_b = user == null ? void 0 : user.imageFileId) != null ? _b : null,
+      image: (_c = user == null ? void 0 : user.imageFileId) != null ? _c : null
+    });
+  });
+  React.useEffect(() => {
+    if (commentToDelete !== null) {
+      deleteComment();
+      setCommentToDelete(null);
+    }
+  }, [commentToDelete, deleteComment]);
+  const handleRemoveComment = React.useCallback((commentId) => {
+    setCommentToDelete(commentId);
+  }, []);
+  const [pendingComments, setPendingComments] = React.useState([]);
+  const addPendingComment = React.useCallback((position) => {
+    const id = -Date.now();
+    setPendingComments((prev) => [...prev, __spreadValues({ id }, position)]);
+    return id;
+  }, []);
+  const removePendingComment = React.useCallback((id) => {
+    setPendingComments((prev) => prev.filter((p) => p.id !== id));
+  }, []);
+  React.useEffect(() => {
+    var _a;
+    const isVisible = (_a = commentsVisibleInViewer == null ? void 0 : commentsVisibleInViewer.includes(ViewerNames.bim)) != null ? _a : false;
+    const allComments = [
+      ...eligibleComments.map((c) => __spreadProps(__spreadValues({}, c), { isPending: false })),
+      ...pendingComments.map((p) => ({
+        id: p.id,
+        x: p.x,
+        y: p.y,
+        z: p.z,
+        authorName: "Loading...",
+        imageFileId: null,
+        image: "",
+        text: "Creating comment...",
+        createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+        buildingId,
+        isPending: true
+      }))
+    ];
+    renderCSS2DMarkers(world, {
+      items: allComments,
+      markerIdKey: "commentId",
+      registry,
+      component: BimComment,
+      hooksContextValue: coreHooks,
+      propsMapper: (comment) => {
+        var _a2, _b;
+        return {
+          userName: comment.authorName,
+          userImageFileId: (_a2 = comment.imageFileId) != null ? _a2 : null,
+          userImage: (_b = comment.imageFileId) != null ? _b : null,
+          buildingId: comment.buildingId,
+          timestamp: new Date(comment.createdAt),
+          text: comment.text,
+          isPending: comment.isPending || false,
+          highlight: currentCommentId === comment.id
+        };
+      },
+      sphereColor: "white",
+      isVisible,
+      onRemove: handleRemoveComment
+    });
+  }, [world, eligibleComments, pendingComments, handleRemoveComment, commentsVisibleInViewer, buildingId, currentCommentId, coreHooks]);
+  const commentCount = comments.filter(
+    (c) => c.viewer === ViewerNames.bim && (!buildingId || buildingId === -1 || c.buildingId === buildingId)
+  ).length;
+  return { addPendingComment, removePendingComment, commentCount };
+}
+export {
+  useCommentMarkers
+};
+//# sourceMappingURL=useCommentMarkers.js.map

package/dist/core/components/viewers/bim/src/tools/AddToBim/src/useCommentMarkers.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../src/core/components/viewers/bim/src/tools/AddToBim/src/useCommentMarkers.ts"],"sourcesContent":["\"use client\"\r\n\r\nimport * as React from \"react\"\r\nimport { MenusContext } from \"../../../../../../../store\"\r\nimport { ViewerNames } from \"../../../../../../../types/dbTypes\"\r\nimport { useComments, useComment } from \"../../../../../../../hooks/comments/comments\"\r\nimport { useUsers } from \"../../../../../../../hooks/users/users\"\r\nimport { useCoreHooks } from \"../../../../../../../hooks/provider\"\r\nimport { renderCSS2DMarkers, type MarkerRef } from \"./renderCSS2DMarkers\"\r\nimport BimComment from \"./BimComment\"\r\n\r\nexport function useCommentMarkers(world: any, buildingId: number) {\r\n  const { state: menusState } = React.useContext(MenusContext)\r\n  const { commentsVisibleInViewer, currentCommentId } = menusState.menus\r\n\r\n  const registry = React.useRef<Map<string, MarkerRef>>(new Map())\r\n\r\n  const { comments } = useComments()\r\n  const { users } = useUsers()\r\n  const coreHooks = useCoreHooks()\r\n\r\n  const [commentToDelete, setCommentToDelete] = React.useState<number | null>(null)\r\n  const { deleteComment } = useComment(commentToDelete)\r\n\r\n  const eligibleComments = comments\r\n    .filter((comment) => {\r\n      const { x, y, z, viewer } = comment\r\n      if (x == null || y == null || z == null) return false\r\n      if (viewer !== ViewerNames.bim) return false\r\n      if (buildingId !== -1 && comment.buildingId !== buildingId) return false\r\n      return true\r\n    })\r\n    .map((comment) => {\r\n      const user = users.find(u => u.id === comment.authorId)\r\n      return {\r\n        ...comment,\r\n        authorName: user?.name ?? \"Unknown User\",\r\n        imageFileId: user?.imageFileId ?? null,\r\n        image: user?.imageFileId ?? null,\r\n      }\r\n    })\r\n\r\n  React.useEffect(() => {\r\n    if (commentToDelete !== null) {\r\n      deleteComment()\r\n      setCommentToDelete(null)\r\n    }\r\n  }, [commentToDelete, deleteComment])\r\n\r\n  const handleRemoveComment = React.useCallback((commentId: number) => {\r\n    setCommentToDelete(commentId)\r\n  }, [])\r\n\r\n  // Pending markers for loading indicators while comment is being created\r\n  const [pendingComments, setPendingComments] = React.useState<Array<{ id: number; x: number; y: number; z: number }>>([])\r\n\r\n  const addPendingComment = React.useCallback((position: { x: number; y: number; z: number }) => {\r\n    const id = -Date.now()\r\n    setPendingComments(prev => [...prev, { id, ...position }])\r\n    return id\r\n  }, [])\r\n\r\n  const removePendingComment = React.useCallback((id: number) => {\r\n    setPendingComments(prev => prev.filter(p => p.id !== id))\r\n  }, [])\r\n\r\n  // Render comment markers (including pending)\r\n  React.useEffect(() => {\r\n    const isVisible = commentsVisibleInViewer?.includes(ViewerNames.bim) ?? false\r\n\r\n    const allComments = [\r\n      ...eligibleComments.map(c => ({ ...c, isPending: false })),\r\n      ...pendingComments.map(p => ({\r\n        id: p.id,\r\n        x: p.x,\r\n        y: p.y,\r\n        z: p.z,\r\n        authorName: \"Loading...\",\r\n        imageFileId: null,\r\n        image: \"\",\r\n        text: \"Creating comment...\",\r\n        createdAt: new Date().toISOString(),\r\n        buildingId,\r\n        isPending: true,\r\n      })),\r\n    ]\r\n\r\n    renderCSS2DMarkers(world, {\r\n      items: allComments,\r\n      markerIdKey: \"commentId\",\r\n      registry,\r\n      component: BimComment,\r\n      hooksContextValue: coreHooks,\r\n      propsMapper: (comment) => ({\r\n        userName: comment.authorName,\r\n        userImageFileId: comment.imageFileId ?? null,\r\n        userImage: comment.imageFileId ?? null,\r\n        buildingId: comment.buildingId,\r\n        timestamp: new Date(comment.createdAt),\r\n        text: comment.text,\r\n        isPending: comment.isPending || false,\r\n        highlight: currentCommentId === comment.id,\r\n      }),\r\n      sphereColor: \"white\",\r\n      isVisible,\r\n      onRemove: handleRemoveComment,\r\n    })\r\n  }, [world, eligibleComments, pendingComments, handleRemoveComment, commentsVisibleInViewer, buildingId, currentCommentId, coreHooks])\r\n\r\n  const commentCount = comments.filter(\r\n    c => c.viewer === ViewerNames.bim && (!buildingId || buildingId === -1 || c.buildingId === buildingId)\r\n  ).length\r\n\r\n  return { addPendingComment, removePendingComment, commentCount }\r\n}\r\n"],"mappings":"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","names":["_a"]}

package/dist/core/components/viewers/bim/src/tools/AddToBim/src/useFilePlacement.d.ts

@@ -0,0 +1,34 @@
+import * as React from "react";
+import * as THREE from "three";
+import * as OBC from "@thatopen/components";
+import type { AddedFile } from "./FileMarkerUtils";
+import type { BimToolbarToolsType } from "../../bimToolbar";
+export declare function useFilePlacement(bimComponents: OBC.Components | null, world: OBC.World | null, fragments: OBC.FragmentsManager | null, toolsDispatch: React.Dispatch<any>, buildingId: number, uploadFileToDB?: (args: {
+    fileData: any;
+    buildingId: number;
+}) => Promise<any>): {
+    selectedFile: File;
+    addedFiles: AddedFile[];
+    mousePosition: {
+        x: number;
+        y: number;
+    };
+    isPlacingFile: boolean;
+    fileScale: number;
+    fileRotation: number;
+    show3DScaleCard: boolean;
+    current3DFileType: "dxf" | "model";
+    setFileScale: React.Dispatch<React.SetStateAction<number>>;
+    setFileRotation: React.Dispatch<React.SetStateAction<number>>;
+    handleFileSelect: (event: React.ChangeEvent<HTMLInputElement>, addingMode: BimToolbarToolsType) => void;
+    handleFileDrop: (file: File, addingMode: BimToolbarToolsType) => void;
+    cancelPlacement: () => void;
+    confirmPlacement: () => void;
+    setCursor: (cursor: string) => void;
+    raycast: (data: {
+        camera: THREE.PerspectiveCamera | THREE.OrthographicCamera;
+        mouse: THREE.Vector2;
+        dom: HTMLCanvasElement;
+    }) => Promise<any>;
+};
+//# sourceMappingURL=useFilePlacement.d.ts.map

package/dist/core/components/viewers/bim/src/tools/AddToBim/src/useFilePlacement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFilePlacement.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/core/components/viewers/bim/src/tools/AddToBim/src/useFilePlacement.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,GAAG,MAAM,sBAAsB,CAAA;AAO3C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAClD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAA;AAG3D,wBAAgB,gBAAgB,CAC9B,aAAa,EAAE,GAAG,CAAC,UAAU,GAAG,IAAI,EACpC,KAAK,EAAE,GAAG,CAAC,KAAK,GAAG,IAAI,EACvB,SAAS,EAAE,GAAG,CAAC,gBAAgB,GAAG,IAAI,EACtC,aAAa,EAAE,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,EAClC,UAAU,EAAE,MAAM,EAClB,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE;IAAE,QAAQ,EAAE,GAAG,CAAC;IAAC,UAAU,EAAE,MAAM,CAAA;CAAE,KAAK,OAAO,CAAC,GAAG,CAAC;;;;;;;;;;;;;;8BAuG3B,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,cAAc,mBAAmB;2BAMvE,IAAI,cAAc,mBAAmB;;;wBA1ExC,MAAM;oBAOJ;QAC7C,MAAM,EAAE,KAAK,CAAC,iBAAiB,GAAG,KAAK,CAAC,kBAAkB,CAAA;QAC1D,KAAK,EAAE,KAAK,CAAC,OAAO,CAAA;QACpB,GAAG,EAAE,iBAAiB,CAAA;KACvB;EAgPF"}

package/dist/core/components/viewers/bim/src/tools/AddToBim/src/useFilePlacement.js

@@ -0,0 +1,265 @@
+"use client";
+import * as React from "react";
+import * as THREE from "three";
+import { toast } from "sonner";
+import { ModelManager } from "../../../ModelManager";
+import { Highlighter } from "../../../Highlighter";
+import { Cursor } from "../../../Cursor";
+import { AddDxf } from "./AddDxf";
+import { addFileToScene } from "./FileHandler";
+import { getFileExtension } from "../../../../../../../utils/utils";
+function useFilePlacement(bimComponents, world, fragments, toolsDispatch, buildingId, uploadFileToDB) {
+  const [selectedFile, setSelectedFile] = React.useState(null);
+  const [addedFiles, setAddedFiles] = React.useState([]);
+  const [mousePosition, setMousePosition] = React.useState({ x: 0, y: 0 });
+  const [isPlacingFile, setIsPlacingFile] = React.useState(false);
+  const [fileScale, setFileScale] = React.useState(1);
+  const [fileRotation, setFileRotation] = React.useState(0);
+  const [confirmed3DFiles, setConfirmed3DFiles] = React.useState(/* @__PURE__ */ new Set());
+  const [show3DScaleCard, setShow3DScaleCard] = React.useState(false);
+  const [current3DFileId, setCurrent3DFileId] = React.useState(null);
+  const [current3DFileType, setCurrent3DFileType] = React.useState(null);
+  const [modelManager, setModelManager] = React.useState(null);
+  const [addDxf, setAddDxf] = React.useState(null);
+  const highlighter = React.useMemo(() => {
+    if (!bimComponents) return null;
+    try {
+      return bimComponents.get(Highlighter);
+    } catch (e) {
+      return null;
+    }
+  }, [bimComponents]);
+  React.useEffect(() => {
+    if (!bimComponents || !world) return;
+    if (!modelManager) {
+      const manager = bimComponents.get(ModelManager);
+      if (manager) setModelManager(manager);
+    }
+    if (!addDxf) {
+      const dxfUtility = new AddDxf(bimComponents, world);
+      setAddDxf(dxfUtility);
+    }
+  }, [bimComponents, world, modelManager, addDxf]);
+  const setCursor = React.useCallback((cursor) => {
+    if (!bimComponents) return;
+    const currentCursor = bimComponents.get(Cursor);
+    if (!currentCursor) return;
+    currentCursor.cursor = cursor;
+  }, [bimComponents]);
+  const raycast = React.useCallback(async (data) => {
+    if (!fragments || !highlighter) return null;
+    const results = [];
+    for (const [modelName, model] of fragments.core.models.list) {
+      if (highlighter.isModelDisabled(modelName)) continue;
+      const result = await model.raycast(data);
+      if (result) results.push(result);
+    }
+    await Promise.all(results);
+    if (results.length === 0) return null;
+    let closestResult = results[0];
+    let minDistance = closestResult.distance;
+    for (let i = 1; i < results.length; i++) {
+      if (results[i].distance < minDistance) {
+        minDistance = results[i].distance;
+        closestResult = results[i];
+      }
+    }
+    return closestResult;
+  }, [fragments, highlighter]);
+  const processFileObject = React.useCallback((file, addingMode) => {
+    const fileName = file.name.toLowerCase();
+    if (addingMode === "bim-add-cad") {
+      if (!fileName.endsWith(".dxf")) {
+        alert("Please select a valid CAD file (.dxf)");
+        return;
+      }
+      setShow3DScaleCard(true);
+      setCurrent3DFileType("dxf");
+      setFileScale(1e-3);
+    } else if (addingMode === "bim-add-file") {
+      if (fileName.endsWith(".glb") || fileName.endsWith(".gltf")) {
+        setShow3DScaleCard(true);
+        setCurrent3DFileType("model");
+        setFileScale(1);
+      } else if (fileName.endsWith(".dxf")) {
+        setShow3DScaleCard(true);
+        setCurrent3DFileType("dxf");
+        setFileScale(1e-3);
+      }
+    }
+    setSelectedFile(file);
+    setIsPlacingFile(true);
+    setCursor("crosshair");
+    toast.info(`Double-click on the model to place: "${file.name}"`, {
+      id: "place-bim-file-toast",
+      duration: Infinity
+    });
+  }, [setCursor]);
+  const handleFileSelect = React.useCallback((event, addingMode) => {
+    var _a;
+    const file = (_a = event.target.files) == null ? void 0 : _a[0];
+    if (!file) return;
+    processFileObject(file, addingMode);
+  }, [processFileObject]);
+  const handleFileDrop = React.useCallback((file, addingMode) => {
+    processFileObject(file, addingMode);
+  }, [processFileObject]);
+  const cancelPlacement = React.useCallback(() => {
+    setSelectedFile(null);
+    setIsPlacingFile(false);
+    setShow3DScaleCard(false);
+    setCurrent3DFileId(null);
+    setCurrent3DFileType(null);
+    setFileScale(1);
+    setFileRotation(0);
+    setCursor("");
+    toast.dismiss("place-bim-file-toast");
+    toolsDispatch({ type: "CLEAR-TOOLS" });
+  }, [setCursor, toolsDispatch]);
+  React.useEffect(() => {
+    if (!selectedFile || !bimComponents || !world || !isPlacingFile) return;
+    const mouse = new THREE.Vector2();
+    const handleMouseMove = (e) => {
+      setMousePosition({ x: e.clientX, y: e.clientY });
+      mouse.x = e.clientX;
+      mouse.y = e.clientY;
+    };
+    const handleDblClick = async (e) => {
+      mouse.x = e.clientX;
+      mouse.y = e.clientY;
+      const result = await raycast({
+        camera: world.camera.three,
+        mouse,
+        dom: world.renderer.three.domElement
+      });
+      if ((result == null ? void 0 : result.point) && (result.point.x !== 0 || result.point.y !== 0 || result.point.z !== 0)) {
+        const newAddedFile = {
+          id: Date.now().toString(),
+          file: selectedFile,
+          position: result.point.clone(),
+          imageUrl: selectedFile.type.startsWith("image/") ? URL.createObjectURL(selectedFile) : void 0
+        };
+        setAddedFiles((prev) => [...prev, newAddedFile]);
+        await addFileToScene(
+          newAddedFile,
+          fileScale,
+          fileRotation,
+          world,
+          modelManager,
+          addDxf,
+          toolsDispatch,
+          setCurrent3DFileId
+        );
+        if (uploadFileToDB && buildingId > 0) {
+          try {
+            const fileId = crypto.randomUUID();
+            const presignedResponse = await fetch(`/api/presigned-url-upload?asset=${fileId}`);
+            if (presignedResponse.ok) {
+              const { presignedUrl } = await presignedResponse.json();
+              await fetch(presignedUrl, {
+                method: "PUT",
+                body: selectedFile,
+                headers: { "Content-Type": selectedFile.type }
+              });
+              await uploadFileToDB({
+                fileData: {
+                  name: selectedFile.name,
+                  type: "bim-file",
+                  mimeType: selectedFile.type,
+                  extension: getFileExtension(selectedFile),
+                  sizeBytes: selectedFile.size,
+                  tag: "file",
+                  uploadedAt: (/* @__PURE__ */ new Date()).toISOString(),
+                  url: "",
+                  assetId: fileId,
+                  description: "",
+                  attachedFilesBuildingId: buildingId,
+                  isVisible: true,
+                  x: result.point.x,
+                  y: result.point.y,
+                  z: result.point.z
+                },
+                buildingId
+              });
+            }
+          } catch (err) {
+            console.error("Error uploading file to database:", err);
+          }
+        }
+        const fileName = selectedFile.name.toLowerCase();
+        const is3DFile = fileName.endsWith(".dxf") || fileName.endsWith(".glb") || fileName.endsWith(".gltf");
+        if (is3DFile) {
+          setIsPlacingFile(false);
+          setCursor("");
+        } else {
+          cancelPlacement();
+        }
+      }
+      document.removeEventListener("mousemove", handleMouseMove);
+      document.removeEventListener("dblclick", handleDblClick);
+    };
+    document.addEventListener("mousemove", handleMouseMove);
+    document.addEventListener("dblclick", handleDblClick);
+    return () => {
+      document.removeEventListener("mousemove", handleMouseMove);
+      document.removeEventListener("dblclick", handleDblClick);
+    };
+  }, [selectedFile, bimComponents, world, isPlacingFile, fileScale, fileRotation, modelManager, addDxf, toolsDispatch, raycast, cancelPlacement, setCursor]);
+  const confirmPlacement = React.useCallback(() => {
+    if (!selectedFile || addedFiles.length === 0 || !current3DFileId) return;
+    const latest3DFile = addedFiles.findLast((f) => {
+      const name = f.file.name.toLowerCase();
+      return name.endsWith(".dxf") || name.endsWith(".glb") || name.endsWith(".gltf");
+    });
+    if (latest3DFile) {
+      if (current3DFileType === "dxf" && addDxf) {
+        addDxf.confirmPlacement(current3DFileId);
+      } else if (current3DFileType === "model" && modelManager) {
+        modelManager.toggleGizmo(current3DFileId, false);
+      }
+      setConfirmed3DFiles((prev) => new Set(prev).add(latest3DFile.id));
+    }
+    setShow3DScaleCard(false);
+    setCurrent3DFileId(null);
+    setCurrent3DFileType(null);
+    setFileRotation(0);
+    setFileScale(1);
+    setSelectedFile(null);
+    setIsPlacingFile(false);
+    setCursor("");
+    toast.dismiss("place-bim-file-toast");
+    toolsDispatch({ type: "CLEAR-TOOLS" });
+  }, [selectedFile, addedFiles, current3DFileId, current3DFileType, addDxf, modelManager, setCursor, toolsDispatch]);
+  React.useEffect(() => {
+    if (!current3DFileId || !show3DScaleCard || !current3DFileType) return;
+    if (current3DFileType === "dxf" && addDxf) {
+      addDxf.updateScale(current3DFileId, fileScale);
+      addDxf.updateRotation(current3DFileId, fileRotation);
+    } else if (current3DFileType === "model" && modelManager) {
+      modelManager.setScale(current3DFileId, fileScale);
+      modelManager.setRotation(current3DFileId, new THREE.Euler(0, THREE.MathUtils.degToRad(fileRotation), 0));
+    }
+  }, [fileScale, fileRotation, current3DFileId, show3DScaleCard, current3DFileType, addDxf, modelManager]);
+  return {
+    selectedFile,
+    addedFiles,
+    mousePosition,
+    isPlacingFile,
+    fileScale,
+    fileRotation,
+    show3DScaleCard,
+    current3DFileType,
+    setFileScale,
+    setFileRotation,
+    handleFileSelect,
+    handleFileDrop,
+    cancelPlacement,
+    confirmPlacement,
+    setCursor,
+    raycast
+  };
+}
+export {
+  useFilePlacement
+};
+//# sourceMappingURL=useFilePlacement.js.map

package/dist/core/components/viewers/bim/src/tools/AddToBim/src/useFilePlacement.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../src/core/components/viewers/bim/src/tools/AddToBim/src/useFilePlacement.ts"],"sourcesContent":["\"use client\"\r\n\r\nimport * as React from \"react\"\r\nimport * as THREE from \"three\"\r\nimport * as OBC from \"@thatopen/components\"\r\nimport { toast } from \"sonner\"\r\nimport { ModelManager } from \"../../../ModelManager\"\r\nimport { Highlighter } from \"../../../Highlighter\"\r\nimport { Cursor } from \"../../../Cursor\"\r\nimport { AddDxf } from \"./AddDxf\"\r\nimport { addFileToScene } from \"./FileHandler\"\r\nimport type { AddedFile } from \"./FileMarkerUtils\"\r\nimport type { BimToolbarToolsType } from \"../../bimToolbar\"\r\nimport { getFileExtension } from \"../../../../../../../utils/utils\"\r\n\r\nexport function useFilePlacement(\r\n  bimComponents: OBC.Components | null,\r\n  world: OBC.World | null,\r\n  fragments: OBC.FragmentsManager | null,\r\n  toolsDispatch: React.Dispatch<any>,\r\n  buildingId: number,\r\n  uploadFileToDB?: (args: { fileData: any; buildingId: number }) => Promise<any>,\r\n) {\r\n  const [selectedFile, setSelectedFile] = React.useState<File | null>(null)\r\n  const [addedFiles, setAddedFiles] = React.useState<AddedFile[]>([])\r\n  const [mousePosition, setMousePosition] = React.useState({ x: 0, y: 0 })\r\n  const [isPlacingFile, setIsPlacingFile] = React.useState(false)\r\n\r\n  const [fileScale, setFileScale] = React.useState(1)\r\n  const [fileRotation, setFileRotation] = React.useState(0)\r\n  const [confirmed3DFiles, setConfirmed3DFiles] = React.useState<Set<string>>(new Set())\r\n  const [show3DScaleCard, setShow3DScaleCard] = React.useState(false)\r\n  const [current3DFileId, setCurrent3DFileId] = React.useState<string | null>(null)\r\n  const [current3DFileType, setCurrent3DFileType] = React.useState<\"dxf\" | \"model\" | null>(null)\r\n\r\n  // Managers\r\n  const [modelManager, setModelManager] = React.useState<ModelManager | null>(null)\r\n  const [addDxf, setAddDxf] = React.useState<AddDxf | null>(null)\r\n\r\n  const highlighter = React.useMemo(() => {\r\n    if (!bimComponents) return null\r\n    try { return bimComponents.get(Highlighter) } catch { return null }\r\n  }, [bimComponents])\r\n\r\n  React.useEffect(() => {\r\n    if (!bimComponents || !world) return\r\n    if (!modelManager) {\r\n      const manager = bimComponents.get(ModelManager)\r\n      if (manager) setModelManager(manager)\r\n    }\r\n    if (!addDxf) {\r\n      const dxfUtility = new AddDxf(bimComponents, world)\r\n      setAddDxf(dxfUtility)\r\n    }\r\n  }, [bimComponents, world, modelManager, addDxf])\r\n\r\n  const setCursor = React.useCallback((cursor: string) => {\r\n    if (!bimComponents) return\r\n    const currentCursor = bimComponents.get(Cursor)\r\n    if (!currentCursor) return\r\n    currentCursor.cursor = cursor as any\r\n  }, [bimComponents])\r\n\r\n  const raycast = React.useCallback(async (data: {\r\n    camera: THREE.PerspectiveCamera | THREE.OrthographicCamera\r\n    mouse: THREE.Vector2\r\n    dom: HTMLCanvasElement\r\n  }) => {\r\n    if (!fragments || !highlighter) return null\r\n\r\n    const results = []\r\n    for (const [modelName, model] of fragments.core.models.list) {\r\n      if (highlighter.isModelDisabled(modelName)) continue\r\n      const result = await model.raycast(data)\r\n      if (result) results.push(result)\r\n    }\r\n\r\n    await Promise.all(results)\r\n    if (results.length === 0) return null\r\n\r\n    let closestResult = results[0]\r\n    let minDistance = closestResult.distance\r\n    for (let i = 1; i < results.length; i++) {\r\n      if (results[i].distance < minDistance) {\r\n        minDistance = results[i].distance\r\n        closestResult = results[i]\r\n      }\r\n    }\r\n\r\n    return closestResult\r\n  }, [fragments, highlighter])\r\n\r\n  const processFileObject = React.useCallback((file: File, addingMode: BimToolbarToolsType) => {\r\n    const fileName = file.name.toLowerCase()\r\n\r\n    if (addingMode === \"bim-add-cad\") {\r\n      if (!fileName.endsWith(\".dxf\")) {\r\n        alert(\"Please select a valid CAD file (.dxf)\")\r\n        return\r\n      }\r\n      setShow3DScaleCard(true)\r\n      setCurrent3DFileType(\"dxf\")\r\n      setFileScale(0.001)\r\n    } else if (addingMode === \"bim-add-file\") {\r\n      if (fileName.endsWith(\".glb\") || fileName.endsWith(\".gltf\")) {\r\n        setShow3DScaleCard(true)\r\n        setCurrent3DFileType(\"model\")\r\n        setFileScale(1)\r\n      } else if (fileName.endsWith(\".dxf\")) {\r\n        setShow3DScaleCard(true)\r\n        setCurrent3DFileType(\"dxf\")\r\n        setFileScale(0.001)\r\n      }\r\n    }\r\n\r\n    setSelectedFile(file)\r\n    setIsPlacingFile(true)\r\n    setCursor(\"crosshair\")\r\n    toast.info(`Double-click on the model to place: \"${file.name}\"`, {\r\n      id: 'place-bim-file-toast',\r\n      duration: Infinity,\r\n    })\r\n  }, [setCursor])\r\n\r\n  const handleFileSelect = React.useCallback((event: React.ChangeEvent<HTMLInputElement>, addingMode: BimToolbarToolsType) => {\r\n    const file = event.target.files?.[0]\r\n    if (!file) return\r\n    processFileObject(file, addingMode)\r\n  }, [processFileObject])\r\n\r\n  const handleFileDrop = React.useCallback((file: File, addingMode: BimToolbarToolsType) => {\r\n    processFileObject(file, addingMode)\r\n  }, [processFileObject])\r\n\r\n  const cancelPlacement = React.useCallback(() => {\r\n    setSelectedFile(null)\r\n    setIsPlacingFile(false)\r\n    setShow3DScaleCard(false)\r\n    setCurrent3DFileId(null)\r\n    setCurrent3DFileType(null)\r\n    setFileScale(1)\r\n    setFileRotation(0)\r\n    setCursor(\"\")\r\n    toast.dismiss('place-bim-file-toast')\r\n    toolsDispatch({ type: \"CLEAR-TOOLS\" })\r\n  }, [setCursor, toolsDispatch])\r\n\r\n  // Handle file placement on double-click\r\n  React.useEffect(() => {\r\n    if (!selectedFile || !bimComponents || !world || !isPlacingFile) return\r\n\r\n    const mouse = new THREE.Vector2()\r\n\r\n    const handleMouseMove = (e: MouseEvent) => {\r\n      setMousePosition({ x: e.clientX, y: e.clientY })\r\n      mouse.x = e.clientX\r\n      mouse.y = e.clientY\r\n    }\r\n\r\n    const handleDblClick = async (e: MouseEvent) => {\r\n      mouse.x = e.clientX\r\n      mouse.y = e.clientY\r\n\r\n      const result = await raycast({\r\n        camera: world.camera.three,\r\n        mouse,\r\n        dom: world.renderer!.three.domElement!,\r\n      })\r\n\r\n      if (result?.point && (result.point.x !== 0 || result.point.y !== 0 || result.point.z !== 0)) {\r\n        const newAddedFile: AddedFile = {\r\n          id: Date.now().toString(),\r\n          file: selectedFile,\r\n          position: result.point.clone(),\r\n          imageUrl: selectedFile.type.startsWith(\"image/\")\r\n            ? URL.createObjectURL(selectedFile)\r\n            : undefined,\r\n        }\r\n\r\n        setAddedFiles(prev => [...prev, newAddedFile])\r\n        await addFileToScene(\r\n          newAddedFile, fileScale, fileRotation,\r\n          world, modelManager, addDxf, toolsDispatch, setCurrent3DFileId,\r\n        )\r\n\r\n        // Upload the file to the database with its 3D position\r\n        if (uploadFileToDB && buildingId > 0) {\r\n          try {\r\n            const fileId = crypto.randomUUID()\r\n            const presignedResponse = await fetch(`/api/presigned-url-upload?asset=${fileId}`)\r\n            if (presignedResponse.ok) {\r\n              const { presignedUrl } = await presignedResponse.json()\r\n              await fetch(presignedUrl, {\r\n                method: \"PUT\",\r\n                body: selectedFile,\r\n                headers: { \"Content-Type\": selectedFile.type },\r\n              })\r\n              await uploadFileToDB({\r\n                fileData: {\r\n                  name: selectedFile.name,\r\n                  type: \"bim-file\",\r\n                  mimeType: selectedFile.type,\r\n                  extension: getFileExtension(selectedFile),\r\n                  sizeBytes: selectedFile.size,\r\n                  tag: \"file\",\r\n                  uploadedAt: new Date().toISOString(),\r\n                  url: \"\",\r\n                  assetId: fileId,\r\n                  description: \"\",\r\n                  attachedFilesBuildingId: buildingId,\r\n                  isVisible: true,\r\n                  x: result.point.x,\r\n                  y: result.point.y,\r\n                  z: result.point.z,\r\n                },\r\n                buildingId,\r\n              })\r\n            }\r\n          } catch (err) {\r\n            console.error(\"Error uploading file to database:\", err)\r\n          }\r\n        }\r\n\r\n        const fileName = selectedFile.name.toLowerCase()\r\n        const is3DFile = fileName.endsWith(\".dxf\") || fileName.endsWith(\".glb\") || fileName.endsWith(\".gltf\")\r\n\r\n        if (is3DFile) {\r\n          setIsPlacingFile(false)\r\n          setCursor(\"\")\r\n        } else {\r\n          cancelPlacement()\r\n        }\r\n      }\r\n\r\n      document.removeEventListener(\"mousemove\", handleMouseMove)\r\n      document.removeEventListener(\"dblclick\", handleDblClick)\r\n    }\r\n\r\n    document.addEventListener(\"mousemove\", handleMouseMove)\r\n    document.addEventListener(\"dblclick\", handleDblClick)\r\n\r\n    return () => {\r\n      document.removeEventListener(\"mousemove\", handleMouseMove)\r\n      document.removeEventListener(\"dblclick\", handleDblClick)\r\n    }\r\n  }, [selectedFile, bimComponents, world, isPlacingFile, fileScale, fileRotation, modelManager, addDxf, toolsDispatch, raycast, cancelPlacement, setCursor])\r\n\r\n  const confirmPlacement = React.useCallback(() => {\r\n    if (!selectedFile || addedFiles.length === 0 || !current3DFileId) return\r\n\r\n    const latest3DFile = addedFiles.findLast(f => {\r\n      const name = f.file.name.toLowerCase()\r\n      return name.endsWith(\".dxf\") || name.endsWith(\".glb\") || name.endsWith(\".gltf\")\r\n    })\r\n\r\n    if (latest3DFile) {\r\n      if (current3DFileType === \"dxf\" && addDxf) {\r\n        addDxf.confirmPlacement(current3DFileId)\r\n      } else if (current3DFileType === \"model\" && modelManager) {\r\n        modelManager.toggleGizmo(current3DFileId, false)\r\n      }\r\n      setConfirmed3DFiles(prev => new Set(prev).add(latest3DFile.id))\r\n    }\r\n\r\n    setShow3DScaleCard(false)\r\n    setCurrent3DFileId(null)\r\n    setCurrent3DFileType(null)\r\n    setFileRotation(0)\r\n    setFileScale(1)\r\n    setSelectedFile(null)\r\n    setIsPlacingFile(false)\r\n    setCursor(\"\")\r\n    toast.dismiss('place-bim-file-toast')\r\n    toolsDispatch({ type: \"CLEAR-TOOLS\" })\r\n  }, [selectedFile, addedFiles, current3DFileId, current3DFileType, addDxf, modelManager, setCursor, toolsDispatch])\r\n\r\n  // Real-time scale/rotation updates for 3D files\r\n  React.useEffect(() => {\r\n    if (!current3DFileId || !show3DScaleCard || !current3DFileType) return\r\n\r\n    if (current3DFileType === \"dxf\" && addDxf) {\r\n      addDxf.updateScale(current3DFileId, fileScale)\r\n      addDxf.updateRotation(current3DFileId, fileRotation)\r\n    } else if (current3DFileType === \"model\" && modelManager) {\r\n      modelManager.setScale(current3DFileId, fileScale)\r\n      modelManager.setRotation(current3DFileId, new THREE.Euler(0, THREE.MathUtils.degToRad(fileRotation), 0))\r\n    }\r\n  }, [fileScale, fileRotation, current3DFileId, show3DScaleCard, current3DFileType, addDxf, modelManager])\r\n\r\n  return {\r\n    selectedFile,\r\n    addedFiles,\r\n    mousePosition,\r\n    isPlacingFile,\r\n    fileScale,\r\n    fileRotation,\r\n    show3DScaleCard,\r\n    current3DFileType,\r\n    setFileScale,\r\n    setFileRotation,\r\n    handleFileSelect,\r\n    handleFileDrop,\r\n    cancelPlacement,\r\n    confirmPlacement,\r\n    setCursor,\r\n    raycast,\r\n  }\r\n}\r\n"],"mappings":"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","names":[]}

package/dist/core/components/viewers/bim/src/tools/AddToBim/src/useSensorMarkers.d.ts

@@ -0,0 +1,10 @@
+export declare function useSensorMarkers(world: any, buildingId: number): {
+    addPendingSensor: (position: {
+        x: number;
+        y: number;
+        z: number;
+    }) => number;
+    removePendingSensor: (id: number) => void;
+    sensorCount: number;
+};
+//# sourceMappingURL=useSensorMarkers.d.ts.map

package/dist/core/components/viewers/bim/src/tools/AddToBim/src/useSensorMarkers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSensorMarkers.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/core/components/viewers/bim/src/tools/AddToBim/src/useSensorMarkers.ts"],"names":[],"mappings":"AAaA,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM;iCAmDP;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE;8BAMtC,MAAM;;EAoE1D"}

package/dist/core/components/viewers/bim/src/tools/AddToBim/src/useSensorMarkers.js

@@ -0,0 +1,139 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import * as React from "react";
+import { MenusContext } from "../../../../../../../store";
+import { ViewerNames } from "../../../../../../../types/dbTypes";
+import { useSensors, useSensor } from "../../../../../../../hooks/sensors/sensors";
+import { useUsers } from "../../../../../../../hooks/users/users";
+import { useSensorTypes } from "../../../../../../../hooks/sensorTypes/sensorTypes";
+import { useCoreHooks } from "../../../../../../../hooks/provider";
+import { renderCSS2DMarkers } from "./renderCSS2DMarkers";
+import BimSensor from "./BimSensor";
+import { UNTAGGED_TAG } from "../../../../../../ui/Sensors/SensorsSection";
+function useSensorMarkers(world, buildingId) {
+  const { state: menusState } = React.useContext(MenusContext);
+  const { currentSensorId, visibleSensorTypes, visibleSensorTags } = menusState.menus;
+  const registry = React.useRef(/* @__PURE__ */ new Map());
+  const { sensors } = useSensors();
+  const { users } = useUsers();
+  const { sensorTypes } = useSensorTypes();
+  const coreHooks = useCoreHooks();
+  const [sensorToDelete, setSensorToDelete] = React.useState(null);
+  const { deleteSensor } = useSensor(sensorToDelete);
+  const eligibleSensors = sensors.filter((sensor) => {
+    const { x, y, z, viewer } = sensor;
+    if (x == null || y == null || z == null) return false;
+    if (viewer !== ViewerNames.bim) return false;
+    if (buildingId !== -1 && sensor.buildingId !== buildingId) return false;
+    return true;
+  }).map((sensor) => {
+    var _a, _b;
+    const user = users.find((u) => u.id === sensor.authorId);
+    const sensorType = sensorTypes.find((t) => t.id === sensor.typeId);
+    return __spreadProps(__spreadValues({}, sensor), {
+      authorName: (_a = user == null ? void 0 : user.name) != null ? _a : "Unknown User",
+      imageFileId: (_b = user == null ? void 0 : user.imageFileId) != null ? _b : "images/default-avatar.svg",
+      sensorType
+    });
+  });
+  const eligibleSensorsRef = React.useRef(eligibleSensors);
+  eligibleSensorsRef.current = eligibleSensors;
+  React.useEffect(() => {
+    if (sensorToDelete !== null) {
+      deleteSensor();
+      setSensorToDelete(null);
+    }
+  }, [sensorToDelete, deleteSensor]);
+  const handleRemoveSensor = React.useCallback((sensorId) => {
+    setSensorToDelete(sensorId);
+  }, []);
+  const [pendingSensors, setPendingSensors] = React.useState([]);
+  const addPendingSensor = React.useCallback((position) => {
+    const id = -Date.now();
+    setPendingSensors((prev) => [...prev, __spreadValues({ id }, position)]);
+    return id;
+  }, []);
+  const removePendingSensor = React.useCallback((id) => {
+    setPendingSensors((prev) => prev.filter((p) => p.id !== id));
+  }, []);
+  React.useEffect(() => {
+    const typesVisible = (visibleSensorTypes == null ? void 0 : visibleSensorTypes[ViewerNames.bim]) || [];
+    const tagsVisible = (visibleSensorTags == null ? void 0 : visibleSensorTags[ViewerNames.bim]) || [];
+    const visibleSensors = eligibleSensorsRef.current.filter((sensor) => {
+      var _a, _b, _c;
+      const matchesType = typesVisible.includes(sensor.typeId);
+      const hasNoTags = !((_a = sensor.tags) == null ? void 0 : _a.length);
+      const matchesTag = hasNoTags ? tagsVisible.includes(UNTAGGED_TAG) : (_c = (_b = sensor.tags) == null ? void 0 : _b.some((tag) => tagsVisible.includes(tag))) != null ? _c : false;
+      return matchesType || matchesTag;
+    });
+    const allSensors = [
+      ...visibleSensors.map((s) => __spreadProps(__spreadValues({}, s), { isPending: false })),
+      ...pendingSensors.map((p) => ({
+        id: p.id,
+        name: "Creating...",
+        sensorType: void 0,
+        typeId: void 0,
+        x: p.x,
+        y: p.y,
+        z: p.z,
+        url: "",
+        dataFormat: "Json",
+        updateFrequency: 0,
+        createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+        buildingId,
+        tags: [],
+        isPending: true
+      }))
+    ];
+    renderCSS2DMarkers(world, {
+      items: allSensors,
+      markerIdKey: "sensorId",
+      registry,
+      component: BimSensor,
+      hooksContextValue: coreHooks,
+      propsMapper: (sensor) => {
+        var _a;
+        return {
+          sensorName: sensor.name,
+          sensorType: sensorTypes.find((t) => t.id === sensor.typeId),
+          tags: sensor.tags,
+          dataUrl: ((_a = sensor.url) == null ? void 0 : _a.startsWith("http")) ? sensor.url : `${process.env.NEXT_PUBLIC_MINIO_BUCKET_URL}/sensors/${sensor.url}`,
+          dataFormat: sensor.dataFormat,
+          updateFrequency: sensor.updateFrequency,
+          buildingId: sensor.buildingId,
+          timestamp: new Date(sensor.createdAt),
+          highlight: currentSensorId === sensor.id
+        };
+      },
+      sphereColor: "#10b981",
+      isVisible: true,
+      onRemove: handleRemoveSensor
+    });
+  }, [world, sensors, pendingSensors, handleRemoveSensor, visibleSensorTypes, visibleSensorTags, buildingId, currentSensorId, sensorTypes, coreHooks]);
+  const sensorCount = sensors.filter(
+    (s) => s.viewer === ViewerNames.bim && (!buildingId || buildingId === -1 || s.buildingId === buildingId)
+  ).length;
+  return { addPendingSensor, removePendingSensor, sensorCount };
+}
+export {
+  useSensorMarkers
+};
+//# sourceMappingURL=useSensorMarkers.js.map