@collabdt/core 0.3.1 → 0.3.2

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

@@ -18,23 +18,170 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { useSession } from "next-auth/react";
 import * as React from "react";
-import { useComments, useComment } from "../../../../../../../hooks/comments/comments";
-import { useCoreHooks } from "../../../../../../../hooks/provider";
+import { createRoot } from "react-dom/client";
+import * as THREE from "three";
+import { CSS2DObject } from "three/addons/renderers/CSS2DRenderer.js";
+import { useComments, useDeleteComments } from "../../../../../../../hooks/comments/comments";
+import { HooksCtx, useCoreHooks } from "../../../../../../../hooks/provider";
 import { useUsers } from "../../../../../../../hooks/users/users";
 import { MenusContext } from "../../../../../../../store";
 import { ViewerNames } from "../../../../../../../types/dbTypes";
 import BimComment from "./BimComment";
+import BimCommentCluster from "./BimCommentCluster";
+import { clusterMarkersByScreenSpace } from "./clusterMarkersByScreenSpace";
+import { computeCommentLookAt } from "./commentCameraUtils";
 import { renderCSS2DMarkers } from "./renderCSS2DMarkers";
+function makeCommentPropsMapper(state) {
+  const { currentCommentId, focusedCommentId, currentUserId, onSelect, onFocus, onEdit, onReply, onRemove } = state;
+  return (comment) => {
+    var _a, _b;
+    const base = {
+      userName: comment.authorName,
+      userImageFileId: (_a = comment.imageFileId) != null ? _a : 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,
+      focused: focusedCommentId === comment.id
+    };
+    if (comment.isPending) return base;
+    const isAuthor = currentUserId != null && String(comment.authorId) === currentUserId;
+    return __spreadProps(__spreadValues({}, base), {
+      showActions: true,
+      canEdit: isAuthor,
+      canDelete: isAuthor,
+      onSelect: () => onSelect(comment.id),
+      onFocus: () => onFocus(comment.id),
+      onReply: () => onReply(comment.id),
+      onEdit: isAuthor ? () => onEdit(comment.id) : void 0,
+      onRemove: isAuthor ? () => onRemove(comment.id) : void 0
+    });
+  };
+}
+function clearSingles(world, registry) {
+  renderCSS2DMarkers(world, {
+    items: [],
+    markerIdKey: "commentId",
+    registry,
+    component: BimComment,
+    propsMapper: () => ({}),
+    sphereColor: "white",
+    isVisible: false,
+    onRemove: () => {
+    }
+  });
+}
+function clearClusters(world, registry) {
+  registry.current.forEach(({ root, css2dObject }) => {
+    world.scene.three.remove(css2dObject);
+    const el = css2dObject.element;
+    el == null ? void 0 : el.remove();
+    root.unmount();
+  });
+  registry.current.clear();
+}
+function renderMarkers(state, singleRegistry, clusterRegistry, lastSignatureRef) {
+  var _a, _b, _c;
+  const { world, items, pending, isVisible, currentCommentId, focusedCommentId, coreHooks, onRemove, onSelect, onFocus } = state;
+  if (!world) return;
+  if (!isVisible) {
+    if (lastSignatureRef.current === "hidden") return;
+    clearSingles(world, singleRegistry);
+    clearClusters(world, clusterRegistry);
+    lastSignatureRef.current = "hidden";
+    return;
+  }
+  const camera = (_a = world.camera) == null ? void 0 : _a.three;
+  const dom = (_c = (_b = world.renderer) == null ? void 0 : _b.three) == null ? void 0 : _c.domElement;
+  if (!camera || !dom) return;
+  const width = dom.clientWidth || dom.width || 0;
+  const height = dom.clientHeight || dom.height || 0;
+  if (!width || !height) return;
+  const { clusters, singles } = clusterMarkersByScreenSpace(items, camera, width, height, 44);
+  const singleItems = [...singles, ...pending];
+  const clusterKeys = clusters.map((c) => c.key);
+  const dataHash = [...items, ...pending].map((c) => {
+    var _a2;
+    return `${c.id}:${(_a2 = c.text) != null ? _a2 : ""}:${c.isPending ? 1 : 0}`;
+  }).join(";");
+  const signature = `v2|${currentCommentId}|${focusedCommentId}|C:${clusterKeys.join(",")}|S:${singleItems.map((s) => s.id).join(",")}|D:${dataHash}`;
+  if (signature === lastSignatureRef.current) return;
+  lastSignatureRef.current = signature;
+  renderCSS2DMarkers(world, {
+    items: singleItems,
+    markerIdKey: "commentId",
+    registry: singleRegistry,
+    component: BimComment,
+    hooksContextValue: coreHooks,
+    propsMapper: makeCommentPropsMapper(state),
+    sphereColor: "white",
+    isVisible: true,
+    onRemove
+  });
+  singleRegistry.current.forEach((ref, id) => {
+    const nid = Number(id);
+    ref.css2dObject.renderOrder = nid === currentCommentId || nid === focusedCommentId ? 1 : 0;
+  });
+  const reg = clusterRegistry.current;
+  const wanted = new Set(clusterKeys);
+  for (const [key, ref] of reg) {
+    if (!wanted.has(key)) {
+      world.scene.three.remove(ref.css2dObject);
+      const el = ref.css2dObject.element;
+      el == null ? void 0 : el.remove();
+      ref.root.unmount();
+      reg.delete(key);
+    }
+  }
+  for (const cluster of clusters) {
+    const members = cluster.members.map((m) => {
+      var _a2;
+      return {
+        id: m.id,
+        userName: m.authorName,
+        imageFileId: (_a2 = m.imageFileId) != null ? _a2 : null
+      };
+    });
+    const highlight = currentCommentId != null && members.some((m) => m.id === currentCommentId);
+    const element = React.createElement(BimCommentCluster, { members, highlight, onSelect, onFocus });
+    const wrapped = coreHooks ? React.createElement(HooksCtx.Provider, { value: coreHooks }, element) : element;
+    const existing = reg.get(cluster.key);
+    if (existing) {
+      existing.root.render(wrapped);
+      existing.css2dObject.position.set(cluster.worldCenter.x, cluster.worldCenter.y + 0.2, cluster.worldCenter.z);
+      existing.css2dObject.renderOrder = highlight ? 1 : 0;
+      continue;
+    }
+    const labelDiv = document.createElement("div");
+    labelDiv.style.pointerEvents = "auto";
+    const root = createRoot(labelDiv);
+    root.render(wrapped);
+    const css2dObject = new CSS2DObject(labelDiv);
+    css2dObject.position.set(cluster.worldCenter.x, cluster.worldCenter.y + 0.2, cluster.worldCenter.z);
+    css2dObject.element.style.pointerEvents = "auto";
+    css2dObject.renderOrder = highlight ? 1 : 0;
+    world.scene.three.add(css2dObject);
+    reg.set(cluster.key, { root, css2dObject });
+  }
+}
 function useCommentMarkers(world, buildingId) {
-  const { state: menusState } = React.useContext(MenusContext);
-  const { commentsVisibleInViewer, currentCommentId } = menusState.menus;
-  const registry = React.useRef(/* @__PURE__ */ new Map());
+  var _a, _b, _c, _d;
+  const { state: menusState, dispatch: menusDispatch, setIsSidebarOpen } = React.useContext(MenusContext);
+  const { commentsVisibleInViewer, currentCommentId, focusedCommentId, focusRequestId } = menusState.menus;
+  const singleRegistry = React.useRef(/* @__PURE__ */ new Map());
+  const clusterRegistry = React.useRef(/* @__PURE__ */ new Map());
+  const lastSignatureRef = React.useRef("");
+  const stateRef = React.useRef(null);
+  const commentsRef = React.useRef([]);
   const { comments } = useComments();
   const { users } = useUsers();
   const coreHooks = useCoreHooks();
-  const [commentToDelete, setCommentToDelete] = React.useState(null);
-  const { deleteComment } = useComment(commentToDelete);
+  const currentUserId = (_c = (_b = (_a = useSession().data) == null ? void 0 : _a.user) == null ? void 0 : _b.id) != null ? _c : null;
+  const { deleteComments } = useDeleteComments();
   const eligibleComments = comments.filter((comment) => {
     const { x, y, z, viewer } = comment;
     if (x == null || y == null || z == null) return false;
@@ -42,23 +189,38 @@ function useCommentMarkers(world, buildingId) {
     if (buildingId !== -1 && comment.buildingId !== buildingId) return false;
     return true;
   }).map((comment) => {
-    var _a, _b, _c;
+    var _a2, _b2, _c2;
     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
+      authorName: (_a2 = user == null ? void 0 : user.name) != null ? _a2 : "Unknown User",
+      imageFileId: (_b2 = user == null ? void 0 : user.imageFileId) != null ? _b2 : null,
+      image: (_c2 = user == null ? void 0 : user.imageFileId) != null ? _c2 : null
     });
   });
-  React.useEffect(() => {
-    if (commentToDelete !== null) {
-      deleteComment();
-      setCommentToDelete(null);
-    }
-  }, [commentToDelete, deleteComment]);
+  commentsRef.current = eligibleComments;
   const handleRemoveComment = React.useCallback((commentId) => {
-    setCommentToDelete(commentId);
-  }, []);
+    const replyIds = comments.filter((c) => c.replyToId === commentId).map((c) => c.id);
+    void deleteComments({ ids: [commentId, ...replyIds] });
+  }, [comments, deleteComments]);
+  const handleSelectComment = React.useCallback((commentId) => {
+    menusDispatch({ type: "SET_CURRENT_COMMENT_ID", payload: { commentId } });
+  }, [menusDispatch]);
+  const handleFocusComment = React.useCallback((commentId) => {
+    menusDispatch({ type: "SET_CURRENT_COMMENT_ID", payload: { commentId } });
+    menusDispatch({ type: "SET_FOCUSED_COMMENT_ID", payload: { commentId } });
+  }, [menusDispatch]);
+  const requestSidebarAction = React.useCallback((commentId, action) => {
+    setIsSidebarOpen(true);
+    menusDispatch({ type: "SET_SIDEBAR_SELECTED_TAB", payload: { selectedTab: "communication" } });
+    menusDispatch({ type: "SET_CURRENT_COMMENT_ID", payload: { commentId } });
+    menusDispatch({ type: "REQUEST_COMMENT_ACTION", payload: { commentId, action } });
+  }, [menusDispatch, setIsSidebarOpen]);
+  const handleEditComment = React.useCallback((commentId) => {
+    requestSidebarAction(commentId, "edit");
+  }, [requestSidebarAction]);
+  const handleReplyComment = React.useCallback((commentId) => {
+    requestSidebarAction(commentId, "reply");
+  }, [requestSidebarAction]);
   const [pendingComments, setPendingComments] = React.useState([]);
   const addPendingComment = React.useCallback((position) => {
     const id = -Date.now();
@@ -68,49 +230,68 @@ function useCommentMarkers(world, buildingId) {
   const removePendingComment = React.useCallback((id) => {
     setPendingComments((prev) => prev.filter((p) => p.id !== id));
   }, []);
+  const isVisible = (_d = commentsVisibleInViewer == null ? void 0 : commentsVisibleInViewer.includes(ViewerNames.bim)) != null ? _d : false;
+  stateRef.current = {
+    world,
+    items: eligibleComments.map((c) => __spreadProps(__spreadValues({}, c), { isPending: false })),
+    pending: 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
+    })),
+    isVisible,
+    currentCommentId,
+    focusedCommentId,
+    currentUserId,
+    coreHooks,
+    onRemove: handleRemoveComment,
+    onSelect: handleSelectComment,
+    onFocus: handleFocusComment,
+    onEdit: handleEditComment,
+    onReply: handleReplyComment
+  };
   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]);
+    if (!world) return;
+    let raf = 0;
+    let frame = 0;
+    const loop = () => {
+      if ((frame++ & 1) === 0 && stateRef.current) {
+        renderMarkers(stateRef.current, singleRegistry, clusterRegistry, lastSignatureRef);
+      }
+      raf = requestAnimationFrame(loop);
+    };
+    raf = requestAnimationFrame(loop);
+    return () => {
+      cancelAnimationFrame(raf);
+      clearClusters(world, clusterRegistry);
+      clearSingles(world, singleRegistry);
+      lastSignatureRef.current = "";
+    };
+  }, [world]);
+  React.useEffect(() => {
+    var _a2;
+    if (focusedCommentId == null || !world) return;
+    const target = commentsRef.current.find((c) => c.id === focusedCommentId);
+    if (!target || target.x == null || target.y == null || target.z == null) return;
+    const controls = (_a2 = world.camera) == null ? void 0 : _a2.controls;
+    if (!controls) return;
+    const camPos = controls.getPosition(new THREE.Vector3());
+    const camTarget = controls.getTarget(new THREE.Vector3());
+    const lookAt = computeCommentLookAt(
+      { x: camPos.x, y: camPos.y, z: camPos.z },
+      { x: camTarget.x, y: camTarget.y, z: camTarget.z },
+      { x: target.x, y: target.y, z: target.z }
+    );
+    void controls.setLookAt(lookAt.camX, lookAt.camY, lookAt.camZ, lookAt.tarX, lookAt.tarY, lookAt.tarZ, true);
+  }, [focusRequestId, world]);
   const commentCount = comments.filter(
     (c) => c.viewer === ViewerNames.bim && (!buildingId || buildingId === -1 || c.buildingId === buildingId)
   ).length;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../../../src/core/components/viewers/bim/src/tools/AddToBim/src/useCommentMarkers.ts"],"sourcesContent":["\"use client\"\r\n\r\n// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\nimport * as React from \"react\"\r\n\r\nimport { useComments, useComment } from \"../../../../../../../hooks/comments/comments\"\r\nimport { useCoreHooks } from \"../../../../../../../hooks/provider\"\r\nimport { useUsers } from \"../../../../../../../hooks/users/users\"\r\nimport { MenusContext } from \"../../../../../../../store\"\r\nimport { ViewerNames } from \"../../../../../../../types/dbTypes\"\r\n\r\nimport BimComment from \"./BimComment\"\r\nimport { renderCSS2DMarkers, type MarkerRef } from \"./renderCSS2DMarkers\"\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"]}
+{"version":3,"sources":["../../../../../../../../../src/core/components/viewers/bim/src/tools/AddToBim/src/useCommentMarkers.ts"],"sourcesContent":["\"use client\"\n\n// SPDX-License-Identifier: AGPL-3.0-or-later\n// Copyright (C) 2025 Collab Digital Twins\n\nimport { useSession } from \"next-auth/react\"\nimport * as React from \"react\"\nimport { createRoot } from \"react-dom/client\"\nimport * as THREE from \"three\"\nimport { CSS2DObject } from \"three/addons/renderers/CSS2DRenderer.js\"\n\nimport { useComments, useDeleteComments } from \"../../../../../../../hooks/comments/comments\"\nimport { HooksCtx, useCoreHooks, type HooksBag } from \"../../../../../../../hooks/provider\"\nimport { useUsers } from \"../../../../../../../hooks/users/users\"\nimport { MenusContext } from \"../../../../../../../store\"\nimport { ViewerNames } from \"../../../../../../../types/dbTypes\"\n\nimport BimComment from \"./BimComment\"\nimport BimCommentCluster from \"./BimCommentCluster\"\nimport { clusterMarkersByScreenSpace } from \"./clusterMarkersByScreenSpace\"\nimport { computeCommentLookAt } from \"./commentCameraUtils\"\nimport { renderCSS2DMarkers, type MarkerRef } from \"./renderCSS2DMarkers\"\n\ntype ClusterMarkerRef = { root: ReturnType<typeof createRoot>; css2dObject: CSS2DObject }\n\ninterface RenderState {\n  world: any\n  /** Non-pending BIM comments eligible for clustering. */\n  items: any[]\n  /** Pending (being-created) markers — always rendered as singles. */\n  pending: any[]\n  isVisible: boolean\n  currentCommentId: number | null\n  focusedCommentId: number | null\n  currentUserId: string | null\n  coreHooks: HooksBag | null\n  onRemove: (id: number) => void\n  onSelect: (id: number) => void\n  onFocus: (id: number) => void\n  onEdit: (id: number) => void\n  onReply: (id: number) => void\n}\n\n/** Builds the per-comment props for the shared `Comment` card, gating edit/delete by author. */\nfunction makeCommentPropsMapper(state: RenderState) {\n  const { currentCommentId, focusedCommentId, currentUserId, onSelect, onFocus, onEdit, onReply, onRemove } = state\n  return (comment: any) => {\n    const base = {\n      userName: comment.authorName,\n      userImageFileId: comment.imageFileId ?? null,\n      userImage: comment.imageFileId ?? null,\n      buildingId: comment.buildingId,\n      timestamp: new Date(comment.createdAt),\n      text: comment.text,\n      isPending: comment.isPending || false,\n      highlight: currentCommentId === comment.id,\n      focused: focusedCommentId === comment.id,\n    }\n    if (comment.isPending) return base\n\n    const isAuthor = currentUserId != null && String(comment.authorId) === currentUserId\n    return {\n      ...base,\n      showActions: true,\n      canEdit: isAuthor,\n      canDelete: isAuthor,\n      onSelect: () => onSelect(comment.id),\n      onFocus: () => onFocus(comment.id),\n      onReply: () => onReply(comment.id),\n      onEdit: isAuthor ? () => onEdit(comment.id) : undefined,\n      onRemove: isAuthor ? () => onRemove(comment.id) : undefined,\n    }\n  }\n}\n\nfunction clearSingles(world: any, registry: React.MutableRefObject<Map<string, MarkerRef>>) {\n  renderCSS2DMarkers(world, {\n    items: [],\n    markerIdKey: \"commentId\",\n    registry,\n    component: BimComment,\n    propsMapper: () => ({}),\n    sphereColor: \"white\",\n    isVisible: false,\n    onRemove: () => {},\n  })\n}\n\nfunction clearClusters(world: any, registry: React.MutableRefObject<Map<string, ClusterMarkerRef>>) {\n  registry.current.forEach(({ root, css2dObject }) => {\n    world.scene.three.remove(css2dObject)\n    const el = css2dObject.element as HTMLElement | undefined\n    el?.remove()\n    root.unmount()\n  })\n  registry.current.clear()\n}\n\n/**\n * Imperative render driven by a rAF loop. Recomputes screen-space clustering\n * from the current camera and only rebuilds DOM when the layout/data signature\n * changes (individual CSS2DObjects already track the camera every frame).\n */\nfunction renderMarkers(\n  state: RenderState,\n  singleRegistry: React.MutableRefObject<Map<string, MarkerRef>>,\n  clusterRegistry: React.MutableRefObject<Map<string, ClusterMarkerRef>>,\n  lastSignatureRef: React.MutableRefObject<string>,\n) {\n  const { world, items, pending, isVisible, currentCommentId, focusedCommentId, coreHooks, onRemove, onSelect, onFocus } = state\n  if (!world) return\n\n  if (!isVisible) {\n    if (lastSignatureRef.current === \"hidden\") return\n    clearSingles(world, singleRegistry)\n    clearClusters(world, clusterRegistry)\n    lastSignatureRef.current = \"hidden\"\n    return\n  }\n\n  const camera = world.camera?.three\n  const dom = world.renderer?.three?.domElement\n  if (!camera || !dom) return\n\n  const width = dom.clientWidth || dom.width || 0\n  const height = dom.clientHeight || dom.height || 0\n  if (!width || !height) return\n\n  const { clusters, singles } = clusterMarkersByScreenSpace(items, camera, width, height, 44)\n  const singleItems = [...singles, ...pending]\n\n  const clusterKeys = clusters.map((c) => c.key)\n  const dataHash = [...items, ...pending]\n    .map((c) => `${c.id}:${c.text ?? \"\"}:${c.isPending ? 1 : 0}`)\n    .join(\";\")\n  const signature =\n    `v2|${currentCommentId}|${focusedCommentId}|C:${clusterKeys.join(\",\")}` +\n    `|S:${singleItems.map((s) => s.id).join(\",\")}|D:${dataHash}`\n  if (signature === lastSignatureRef.current) return\n  lastSignatureRef.current = signature\n\n  // Singles (including pending) via the shared per-marker renderer\n  renderCSS2DMarkers(world, {\n    items: singleItems,\n    markerIdKey: \"commentId\",\n    registry: singleRegistry,\n    component: BimComment,\n    hooksContextValue: coreHooks,\n    propsMapper: makeCommentPropsMapper(state),\n    sphereColor: \"white\",\n    isVisible: true,\n    onRemove,\n  })\n\n  // Float the highlighted/focused marker above overlapping ones. The CSS2D renderer sorts by\n  // renderOrder first (then camera distance), so this makes a selected comment that sits behind\n  // nearer markers come to the front — visible and clickable instead of buried.\n  singleRegistry.current.forEach((ref, id) => {\n    const nid = Number(id)\n    ref.css2dObject.renderOrder = nid === currentCommentId || nid === focusedCommentId ? 1 : 0\n  })\n\n  // Cluster bubbles, managed imperatively\n  const reg = clusterRegistry.current\n  const wanted = new Set(clusterKeys)\n  for (const [key, ref] of reg) {\n    if (!wanted.has(key)) {\n      world.scene.three.remove(ref.css2dObject)\n      const el = ref.css2dObject.element as HTMLElement | undefined\n      el?.remove()\n      ref.root.unmount()\n      reg.delete(key)\n    }\n  }\n\n  for (const cluster of clusters) {\n    const members = cluster.members.map((m) => ({\n      id: m.id,\n      userName: m.authorName,\n      imageFileId: m.imageFileId ?? null,\n    }))\n    const highlight = currentCommentId != null && members.some((m) => m.id === currentCommentId)\n    const element = React.createElement(BimCommentCluster, { members, highlight, onSelect, onFocus })\n    const wrapped = coreHooks\n      ? React.createElement(HooksCtx.Provider, { value: coreHooks }, element)\n      : element\n\n    const existing = reg.get(cluster.key)\n    if (existing) {\n      existing.root.render(wrapped)\n      existing.css2dObject.position.set(cluster.worldCenter.x, cluster.worldCenter.y + 0.2, cluster.worldCenter.z)\n      existing.css2dObject.renderOrder = highlight ? 1 : 0\n      continue\n    }\n\n    const labelDiv = document.createElement(\"div\")\n    labelDiv.style.pointerEvents = \"auto\"\n    const root = createRoot(labelDiv)\n    root.render(wrapped)\n\n    const css2dObject = new CSS2DObject(labelDiv)\n    css2dObject.position.set(cluster.worldCenter.x, cluster.worldCenter.y + 0.2, cluster.worldCenter.z)\n    css2dObject.element.style.pointerEvents = \"auto\"\n    css2dObject.renderOrder = highlight ? 1 : 0\n    world.scene.three.add(css2dObject)\n\n    reg.set(cluster.key, { root, css2dObject })\n  }\n}\n\nexport function useCommentMarkers(world: any, buildingId: number) {\n  const { state: menusState, dispatch: menusDispatch, setIsSidebarOpen } = React.useContext(MenusContext)\n  const { commentsVisibleInViewer, currentCommentId, focusedCommentId, focusRequestId } = menusState.menus\n\n  const singleRegistry = React.useRef<Map<string, MarkerRef>>(new Map())\n  const clusterRegistry = React.useRef<Map<string, ClusterMarkerRef>>(new Map())\n  const lastSignatureRef = React.useRef<string>(\"\")\n  const stateRef = React.useRef<RenderState | null>(null)\n  const commentsRef = React.useRef<any[]>([])\n\n  const { comments } = useComments()\n  const { users } = useUsers()\n  const coreHooks = useCoreHooks()\n  const currentUserId = useSession().data?.user?.id ?? null\n  const { deleteComments } = useDeleteComments()\n\n  const eligibleComments = comments\n    .filter((comment) => {\n      const { x, y, z, viewer } = comment\n      if (x == null || y == null || z == null) return false\n      if (viewer !== ViewerNames.bim) return false\n      if (buildingId !== -1 && comment.buildingId !== buildingId) return false\n      return true\n    })\n    .map((comment) => {\n      const user = users.find((u) => u.id === comment.authorId)\n      return {\n        ...comment,\n        authorName: user?.name ?? \"Unknown User\",\n        imageFileId: user?.imageFileId ?? null,\n        image: user?.imageFileId ?? null,\n      }\n    })\n\n  commentsRef.current = eligibleComments\n\n  const handleRemoveComment = React.useCallback((commentId: number) => {\n    // Cascade: remove the comment and any replies (the DB self-relation does not cascade).\n    const replyIds = comments.filter((c) => c.replyToId === commentId).map((c) => c.id)\n    void deleteComments({ ids: [commentId, ...replyIds] })\n  }, [comments, deleteComments])\n\n  const handleSelectComment = React.useCallback((commentId: number) => {\n    menusDispatch({ type: \"SET_CURRENT_COMMENT_ID\", payload: { commentId } })\n  }, [menusDispatch])\n\n  const handleFocusComment = React.useCallback((commentId: number) => {\n    menusDispatch({ type: \"SET_CURRENT_COMMENT_ID\", payload: { commentId } })\n    menusDispatch({ type: \"SET_FOCUSED_COMMENT_ID\", payload: { commentId } })\n  }, [menusDispatch])\n\n  // Edit/reply on the 3D card open the comment's editor/reply box in the sidebar.\n  const requestSidebarAction = React.useCallback((commentId: number, action: 'edit' | 'reply') => {\n    setIsSidebarOpen(true)\n    menusDispatch({ type: \"SET_SIDEBAR_SELECTED_TAB\", payload: { selectedTab: 'communication' } })\n    menusDispatch({ type: \"SET_CURRENT_COMMENT_ID\", payload: { commentId } })\n    menusDispatch({ type: \"REQUEST_COMMENT_ACTION\", payload: { commentId, action } })\n  }, [menusDispatch, setIsSidebarOpen])\n\n  const handleEditComment = React.useCallback((commentId: number) => {\n    requestSidebarAction(commentId, 'edit')\n  }, [requestSidebarAction])\n\n  const handleReplyComment = React.useCallback((commentId: number) => {\n    requestSidebarAction(commentId, 'reply')\n  }, [requestSidebarAction])\n\n  // Pending markers for loading indicators while comment is being created\n  const [pendingComments, setPendingComments] = React.useState<Array<{ id: number; x: number; y: number; z: number }>>([])\n\n  const addPendingComment = React.useCallback((position: { x: number; y: number; z: number }) => {\n    const id = -Date.now()\n    setPendingComments((prev) => [...prev, { id, ...position }])\n    return id\n  }, [])\n\n  const removePendingComment = React.useCallback((id: number) => {\n    setPendingComments((prev) => prev.filter((p) => p.id !== id))\n  }, [])\n\n  const isVisible = commentsVisibleInViewer?.includes(ViewerNames.bim) ?? false\n\n  // Keep the latest inputs available to the rAF render loop (avoids stale closures)\n  stateRef.current = {\n    world,\n    items: eligibleComments.map((c) => ({ ...c, isPending: false })),\n    pending: pendingComments.map((p) => ({\n      id: p.id,\n      x: p.x,\n      y: p.y,\n      z: p.z,\n      authorName: \"Loading...\",\n      imageFileId: null,\n      image: \"\",\n      text: \"Creating comment...\",\n      createdAt: new Date().toISOString(),\n      buildingId,\n      isPending: true,\n    })),\n    isVisible,\n    currentCommentId,\n    focusedCommentId,\n    currentUserId,\n    coreHooks,\n    onRemove: handleRemoveComment,\n    onSelect: handleSelectComment,\n    onFocus: handleFocusComment,\n    onEdit: handleEditComment,\n    onReply: handleReplyComment,\n  }\n\n  React.useEffect(() => {\n    if (!world) return\n    let raf = 0\n    let frame = 0\n    const loop = () => {\n      // Recompute at most every other frame; renderMarkers no-ops unless the\n      // cluster layout or data actually changed.\n      if ((frame++ & 1) === 0 && stateRef.current) {\n        renderMarkers(stateRef.current, singleRegistry, clusterRegistry, lastSignatureRef)\n      }\n      raf = requestAnimationFrame(loop)\n    }\n    raf = requestAnimationFrame(loop)\n\n    return () => {\n      cancelAnimationFrame(raf)\n      clearClusters(world, clusterRegistry)\n      clearSingles(world, singleRegistry)\n      lastSignatureRef.current = \"\"\n    }\n  }, [world])\n\n  // Zoom to a comment when it is focused (double-clicked here or in the sidebar).\n  React.useEffect(() => {\n    if (focusedCommentId == null || !world) return\n    const target = commentsRef.current.find((c) => c.id === focusedCommentId)\n    if (!target || target.x == null || target.y == null || target.z == null) return\n    const controls = world.camera?.controls\n    if (!controls) return\n\n    const camPos = controls.getPosition(new THREE.Vector3())\n    const camTarget = controls.getTarget(new THREE.Vector3())\n    const lookAt = computeCommentLookAt(\n      { x: camPos.x, y: camPos.y, z: camPos.z },\n      { x: camTarget.x, y: camTarget.y, z: camTarget.z },\n      { x: target.x, y: target.y, z: target.z },\n    )\n    void controls.setLookAt(lookAt.camX, lookAt.camY, lookAt.camZ, lookAt.tarX, lookAt.tarY, lookAt.tarZ, true)\n  }, [focusRequestId, world])\n\n  const commentCount = comments.filter(\n    (c) => c.viewer === ViewerNames.bim && (!buildingId || buildingId === -1 || c.buildingId === buildingId),\n  ).length\n\n  return { addPendingComment, removePendingComment, commentCount }\n}\n"],"mappings":"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","names":["_a","_b","_c"]}

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

@@ -1 +1 @@
-{"version":3,"file":"ClippingTool.d.ts","sourceRoot":"","sources":["../../../../../../../../src/core/components/viewers/bim/src/tools/ClippingTool/ClippingTool.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmB/B,OAAO,KAAK,EAAE,IAAI,EAAmB,MAAM,+BAA+B,CAAA;AAI1E,UAAU,iBAAiB;IACzB,IAAI,EAAE,IAAI,CAAA;CACX;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAoKpD,CAAA"}
+{"version":3,"file":"ClippingTool.d.ts","sourceRoot":"","sources":["../../../../../../../../src/core/components/viewers/bim/src/tools/ClippingTool/ClippingTool.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmB/B,OAAO,KAAK,EAAE,IAAI,EAAmB,MAAM,+BAA+B,CAAA;AAI1E,UAAU,iBAAiB;IACzB,IAAI,EAAE,IAAI,CAAA;CACX;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA+JpD,CAAA"}

package/dist/core/components/viewers/bim/src/tools/ClippingTool/ClippingTool.js

@@ -40,7 +40,6 @@ const ClippingTool = ({ tool }) => {
   };
   const removeAllClippingPlanes = React.useCallback(() => {
     if (!world || !bimComponents) return;
-    console.log("Remove all clipping planes");
     bimComponents.get(OBC.Clipper).deleteAll();
   }, [world, bimComponents]);
   const handleCreateClippingPlane = React.useCallback(async () => {
@@ -89,10 +88,7 @@ const ClippingTool = ({ tool }) => {
         items: { All: { style: "Black" } }
       });
     });
-    const result = await clipper.create(world);
-    if (result) {
-      console.log(result);
-    }
+    await clipper.create(world);
   }, [world, bimComponents]);
   React.useEffect(() => {
     keydownRef.current = (event) => {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../../src/core/components/viewers/bim/src/tools/ClippingTool/ClippingTool.tsx"],"sourcesContent":["\"use client\"\r\n\r\n// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\n// Dependencies\r\nimport * as OBC from '@thatopen/components'\r\nimport * as OBF from \"@thatopen/components-front\"\r\nimport * as LR from 'lucide-react'\r\nimport { useTranslations } from 'next-intl'\r\nimport * as React from \"react\";\r\nimport * as THREE from \"three\";\r\nimport { LineMaterial } from \"three/examples/jsm/lines/LineMaterial.js\";\r\n\r\n// Utilities\r\nimport { MenusContext, ToolsContext } from '../../../../../../store'\r\nimport { BimContext } from '../../../../../../store'\r\n\r\n\r\n// Shadcn components\r\nimport { ToolbarSubmenu, SubmenuContext } from '../../../../../ToolbarSubmenu'\r\nimport { Button } from '../../../../../ui/Button'\r\nimport { Card, CardContent, CardHeader, CardTitle } from '../../../../../ui/Card'\r\nimport { DropdownMenuItem } from '../../../../../ui/DropdownMenu'\r\n\r\n// Icons\r\nimport { Cursor } from '../../Cursor'\r\n\r\nimport type { CursorType } from '../../../../../../types/global'\r\nimport type { Tool, ToolbarToolType } from '../../../../../../types/tools'\r\n\r\n// Submenu wrapper\r\n\r\ninterface ClippingToolProps {\r\n  tool: Tool\r\n}\r\n\r\nexport const ClippingTool: React.FC<ClippingToolProps> = ({ tool }) => {\r\n  const { dispatch: toolsDispatch, state: toolsState } = React.useContext(ToolsContext)\r\n  const { dispatch: menusDispatch } = React.useContext(MenusContext)\r\n  const { state: bimState } = React.useContext(BimContext)\r\n  const { bimComponents, world } = bimState.bim\r\n\r\n  const [active, setActive] = React.useState(false)\r\n  const keydownRef = React.useRef<(e: KeyboardEvent) => void>(() => {})\r\n\r\n  const setCursor = (cursor: CursorType) => {\r\n    if (!bimComponents) return\r\n    const currentCursor = bimComponents.get(Cursor)\r\n    if (!currentCursor) return\r\n    currentCursor.cursor = cursor\r\n  }\r\n\r\n  const setTools = (currentToolId: ToolbarToolType) => {\r\n    toolsDispatch({\r\n      type: 'SET-TOOL',\r\n      payload: { currentToolId },\r\n    })\r\n  }\r\n\r\n  const flipAddingPlaneState = async () => {\r\n    const _active = !active\r\n\r\n    setActive(_active)\r\n    setTools(_active ? tool.id : null)\r\n    setCursor(_active ? 'crosshair' : '')\r\n  }\r\n\r\n  const removeAllClippingPlanes = React.useCallback(() => {\r\n    if (!world || !bimComponents) return\r\n    console.log(\"Remove all clipping planes\")\r\n    bimComponents.get(OBC.Clipper).deleteAll()\r\n  }, [world, bimComponents])\r\n\r\n  //use effect to handle controlling the state of adding clipping plane\r\n  const handleCreateClippingPlane = React.useCallback(async () => {\r\n    if (!world || !bimComponents) return\r\n    // set up\r\n    const casters = bimComponents.get(OBC.Raycasters)\r\n    casters.get(world)\r\n\r\n    //styling\r\n    const clipStyler = bimComponents.get(OBF.ClipStyler)\r\n    clipStyler.world = world;\r\n    clipStyler.styles.set(\"Black\", {\r\n      linesMaterial: new LineMaterial({\r\n        color: \"black\",\r\n        linewidth: 2,                 // thick, screen-space lines\r\n      }),\r\n      fillsMaterial: new THREE.MeshBasicMaterial({\r\n        color: 0x000000,\r\n        side: THREE.DoubleSide,       // see the cap from both sides\r\n        // transparent: true,            // enable opacity blending\r\n        // opacity: 0.2,                // soft see-through cap\r\n        // depthWrite: false,            // reduce sorting issues with transparency\r\n        // polygonOffset: true,          // nudge to prevent z-fighting\r\n        // polygonOffsetFactor: -2,\r\n        // polygonOffsetUnits: 1,\r\n      }),\r\n    });\r\n\r\n    //set up items to be filled\r\n    const finder = bimComponents.get(OBC.ItemsFinder);\r\n    finder.create(\"Walls\", [{ categories: [/WALL/] }]);\r\n    finder.create(\"Slabs\", [{ categories: [/SLAB/] }]);\r\n    finder.create(\"Columns\", [{ categories: [/COLUMN/] }]);\r\n    finder.create(\"Doors\", [{ categories: [/DOOR/] }]);\r\n    finder.create(\"Curtains\", [{ categories: [/PLATE/, /MEMBER/] }]);\r\n    finder.create(\"Windows\", [{ categories: [/WINDOW/] }]);\r\n\r\n    const classifier = bimComponents.get(OBC.Classifier);\r\n    const classificationName = \"ClipperGroups\";\r\n    classifier.setGroupQuery(classificationName, \"Walls\", { name: \"Walls\" });\r\n    classifier.setGroupQuery(classificationName, \"Slabs\", { name: \"Slabs\" });\r\n    classifier.setGroupQuery(classificationName, \"Columns\", { name: \"Columns\" });\r\n    classifier.setGroupQuery(classificationName, \"Doors\", { name: \"Doors\" });\r\n    classifier.setGroupQuery(classificationName, \"Curtains\", { name: \"Curtains\" });\r\n    classifier.setGroupQuery(classificationName, \"Windows\", { name: \"Windows\" });\r\n\r\n    //Create clipper\r\n    const clipper = bimComponents.get(OBC.Clipper)\r\n    clipper.enabled = true\r\n\r\n    //Apply styling\r\n    clipper.list.onItemSet.add(({ key }) => {\r\n      clipStyler.createFromClipping(key, {\r\n        items: { All: { style: \"Black\" } },\r\n      });\r\n    });\r\n\r\n    const result = await clipper.create(world)\r\n\r\n    if (result) {\r\n      console.log(result)\r\n    }\r\n  }, [world, bimComponents])\r\n\r\n  React.useEffect(() => {\r\n    keydownRef.current = (event: KeyboardEvent) => {\r\n      if (event.key === 'Backspace') {\r\n        // Remove the clipping plane under the cursor\r\n        if (!world || !bimComponents) return\r\n        bimComponents.get(OBC.Clipper).delete(world, undefined)\r\n      }\r\n    }\r\n  }, [world, bimComponents])\r\n\r\n  const handleKeyDown = React.useCallback((e: KeyboardEvent) => {\r\n    keydownRef.current?.(e)\r\n  }, [])\r\n\r\n  // Handle deleting plane using Backspace\r\n  React.useEffect(() => {\r\n    if (!active) {\r\n      window.removeEventListener('keydown', handleKeyDown)\r\n      return\r\n    }\r\n    window.addEventListener('keydown', handleKeyDown)\r\n    return () => {\r\n      window.removeEventListener('keydown', handleKeyDown)\r\n    }\r\n  }, [active, handleKeyDown])\r\n\r\n  React.useEffect (() => {\r\n    if (!world || !bimComponents) return\r\n\r\n    const container = world.renderer.three.domElement\r\n\r\n    if (active) {\r\n      container.addEventListener(\"dblclick\", handleCreateClippingPlane)\r\n    }\r\n    else {\r\n      container.removeEventListener(\"dblclick\", handleCreateClippingPlane)\r\n    }\r\n\r\n  }, [active, world, bimComponents])\r\n\r\n  return (\r\n    <div>\r\n      <ToolbarSubmenu tool={tool}>\r\n        <DropdownMenuItem onClick={flipAddingPlaneState}>\r\n          <LR.PlusSquare />\r\n          <span>{active? 'Cancel add' : 'Add'} clipping Plane</span>\r\n        </DropdownMenuItem>\r\n\r\n        <DropdownMenuItem onClick={() => removeAllClippingPlanes()}>\r\n          <LR.Trash2/>\r\n          <span> Delete all clipping planes</span>\r\n        </DropdownMenuItem>\r\n      </ToolbarSubmenu>\r\n\r\n      {active  &&\r\n       <Card className=\"p-3 absolute bottom-10 left-0 bg-background shadow-md z-10 w-full\">\r\n            <span className=\"text-muted-foreground text-xs\">\r\n              Double click on the model to add a clipping plane. Press Backspace to remove the clipping plane.\r\n            </span>\r\n        </Card>\r\n      }\r\n    </div>\r\n\r\n  )\r\n}"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../../../../../src/core/components/viewers/bim/src/tools/ClippingTool/ClippingTool.tsx"],"sourcesContent":["\"use client\"\r\n\r\n// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\n// Dependencies\r\nimport * as OBC from '@thatopen/components'\r\nimport * as OBF from \"@thatopen/components-front\"\r\nimport * as LR from 'lucide-react'\r\nimport { useTranslations } from 'next-intl'\r\nimport * as React from \"react\";\r\nimport * as THREE from \"three\";\r\nimport { LineMaterial } from \"three/examples/jsm/lines/LineMaterial.js\";\r\n\r\n// Utilities\r\nimport { MenusContext, ToolsContext } from '../../../../../../store'\r\nimport { BimContext } from '../../../../../../store'\r\n\r\n\r\n// Shadcn components\r\nimport { ToolbarSubmenu, SubmenuContext } from '../../../../../ToolbarSubmenu'\r\nimport { Button } from '../../../../../ui/Button'\r\nimport { Card, CardContent, CardHeader, CardTitle } from '../../../../../ui/Card'\r\nimport { DropdownMenuItem } from '../../../../../ui/DropdownMenu'\r\n\r\n// Icons\r\nimport { Cursor } from '../../Cursor'\r\n\r\nimport type { CursorType } from '../../../../../../types/global'\r\nimport type { Tool, ToolbarToolType } from '../../../../../../types/tools'\r\n\r\n// Submenu wrapper\r\n\r\ninterface ClippingToolProps {\r\n  tool: Tool\r\n}\r\n\r\nexport const ClippingTool: React.FC<ClippingToolProps> = ({ tool }) => {\r\n  const { dispatch: toolsDispatch, state: toolsState } = React.useContext(ToolsContext)\r\n  const { dispatch: menusDispatch } = React.useContext(MenusContext)\r\n  const { state: bimState } = React.useContext(BimContext)\r\n  const { bimComponents, world } = bimState.bim\r\n\r\n  const [active, setActive] = React.useState(false)\r\n  const keydownRef = React.useRef<(e: KeyboardEvent) => void>(() => {})\r\n\r\n  const setCursor = (cursor: CursorType) => {\r\n    if (!bimComponents) return\r\n    const currentCursor = bimComponents.get(Cursor)\r\n    if (!currentCursor) return\r\n    currentCursor.cursor = cursor\r\n  }\r\n\r\n  const setTools = (currentToolId: ToolbarToolType) => {\r\n    toolsDispatch({\r\n      type: 'SET-TOOL',\r\n      payload: { currentToolId },\r\n    })\r\n  }\r\n\r\n  const flipAddingPlaneState = async () => {\r\n    const _active = !active\r\n\r\n    setActive(_active)\r\n    setTools(_active ? tool.id : null)\r\n    setCursor(_active ? 'crosshair' : '')\r\n  }\r\n\r\n  const removeAllClippingPlanes = React.useCallback(() => {\r\n    if (!world || !bimComponents) return\r\n    bimComponents.get(OBC.Clipper).deleteAll()\r\n  }, [world, bimComponents])\r\n\r\n  //use effect to handle controlling the state of adding clipping plane\r\n  const handleCreateClippingPlane = React.useCallback(async () => {\r\n    if (!world || !bimComponents) return\r\n    // set up\r\n    const casters = bimComponents.get(OBC.Raycasters)\r\n    casters.get(world)\r\n\r\n    //styling\r\n    const clipStyler = bimComponents.get(OBF.ClipStyler)\r\n    clipStyler.world = world;\r\n    clipStyler.styles.set(\"Black\", {\r\n      linesMaterial: new LineMaterial({\r\n        color: \"black\",\r\n        linewidth: 2,                 // thick, screen-space lines\r\n      }),\r\n      fillsMaterial: new THREE.MeshBasicMaterial({\r\n        color: 0x000000,\r\n        side: THREE.DoubleSide,       // see the cap from both sides\r\n        // transparent: true,            // enable opacity blending\r\n        // opacity: 0.2,                // soft see-through cap\r\n        // depthWrite: false,            // reduce sorting issues with transparency\r\n        // polygonOffset: true,          // nudge to prevent z-fighting\r\n        // polygonOffsetFactor: -2,\r\n        // polygonOffsetUnits: 1,\r\n      }),\r\n    });\r\n\r\n    //set up items to be filled\r\n    const finder = bimComponents.get(OBC.ItemsFinder);\r\n    finder.create(\"Walls\", [{ categories: [/WALL/] }]);\r\n    finder.create(\"Slabs\", [{ categories: [/SLAB/] }]);\r\n    finder.create(\"Columns\", [{ categories: [/COLUMN/] }]);\r\n    finder.create(\"Doors\", [{ categories: [/DOOR/] }]);\r\n    finder.create(\"Curtains\", [{ categories: [/PLATE/, /MEMBER/] }]);\r\n    finder.create(\"Windows\", [{ categories: [/WINDOW/] }]);\r\n\r\n    const classifier = bimComponents.get(OBC.Classifier);\r\n    const classificationName = \"ClipperGroups\";\r\n    classifier.setGroupQuery(classificationName, \"Walls\", { name: \"Walls\" });\r\n    classifier.setGroupQuery(classificationName, \"Slabs\", { name: \"Slabs\" });\r\n    classifier.setGroupQuery(classificationName, \"Columns\", { name: \"Columns\" });\r\n    classifier.setGroupQuery(classificationName, \"Doors\", { name: \"Doors\" });\r\n    classifier.setGroupQuery(classificationName, \"Curtains\", { name: \"Curtains\" });\r\n    classifier.setGroupQuery(classificationName, \"Windows\", { name: \"Windows\" });\r\n\r\n    //Create clipper\r\n    const clipper = bimComponents.get(OBC.Clipper)\r\n    clipper.enabled = true\r\n\r\n    //Apply styling\r\n    clipper.list.onItemSet.add(({ key }) => {\r\n      clipStyler.createFromClipping(key, {\r\n        items: { All: { style: \"Black\" } },\r\n      });\r\n    });\r\n\r\n    await clipper.create(world)\r\n  }, [world, bimComponents])\r\n\r\n  React.useEffect(() => {\r\n    keydownRef.current = (event: KeyboardEvent) => {\r\n      if (event.key === 'Backspace') {\r\n        // Remove the clipping plane under the cursor\r\n        if (!world || !bimComponents) return\r\n        bimComponents.get(OBC.Clipper).delete(world, undefined)\r\n      }\r\n    }\r\n  }, [world, bimComponents])\r\n\r\n  const handleKeyDown = React.useCallback((e: KeyboardEvent) => {\r\n    keydownRef.current?.(e)\r\n  }, [])\r\n\r\n  // Handle deleting plane using Backspace\r\n  React.useEffect(() => {\r\n    if (!active) {\r\n      window.removeEventListener('keydown', handleKeyDown)\r\n      return\r\n    }\r\n    window.addEventListener('keydown', handleKeyDown)\r\n    return () => {\r\n      window.removeEventListener('keydown', handleKeyDown)\r\n    }\r\n  }, [active, handleKeyDown])\r\n\r\n  React.useEffect (() => {\r\n    if (!world || !bimComponents) return\r\n\r\n    const container = world.renderer.three.domElement\r\n\r\n    if (active) {\r\n      container.addEventListener(\"dblclick\", handleCreateClippingPlane)\r\n    }\r\n    else {\r\n      container.removeEventListener(\"dblclick\", handleCreateClippingPlane)\r\n    }\r\n\r\n  }, [active, world, bimComponents])\r\n\r\n  return (\r\n    <div>\r\n      <ToolbarSubmenu tool={tool}>\r\n        <DropdownMenuItem onClick={flipAddingPlaneState}>\r\n          <LR.PlusSquare />\r\n          <span>{active? 'Cancel add' : 'Add'} clipping Plane</span>\r\n        </DropdownMenuItem>\r\n\r\n        <DropdownMenuItem onClick={() => removeAllClippingPlanes()}>\r\n          <LR.Trash2/>\r\n          <span> Delete all clipping planes</span>\r\n        </DropdownMenuItem>\r\n      </ToolbarSubmenu>\r\n\r\n      {active  &&\r\n       <Card className=\"p-3 absolute bottom-10 left-0 bg-background shadow-md z-10 w-full\">\r\n            <span className=\"text-muted-foreground text-xs\">\r\n              Double click on the model to add a clipping plane. Press Backspace to remove the clipping plane.\r\n            </span>\r\n        </Card>\r\n      }\r\n    </div>\r\n\r\n  )\r\n}"],"mappings":"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","names":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"ExplodeByLevelTool.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/components/viewers/bim/src/tools/ExplodeByLevelTool.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAA;AAOtD,UAAU,mBAAmB;IAC3B,IAAI,EAAE,IAAI,CAAA;CACX;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA+B5D,CAAA"}
+{"version":3,"file":"ExplodeByLevelTool.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/components/viewers/bim/src/tools/ExplodeByLevelTool.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAA;AAOtD,UAAU,mBAAmB;IAC3B,IAAI,EAAE,IAAI,CAAA;CACX;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA8B5D,CAAA"}

package/dist/core/components/viewers/bim/src/tools/ExplodeByLevelTool.js

@@ -12,7 +12,6 @@ const ExplodeByLevelTool = ({ tool }) => {
   const handleExplodeByLevel = async () => {
     if (!bimComponents) return;
     try {
-      console.log("Explode by level functionality not implemented yet");
     } catch (error) {
       console.error("Error exploding by level:", error);
     }

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../src/core/components/viewers/bim/src/tools/ExplodeByLevelTool.tsx"],"sourcesContent":["\"use client\"\r\n\r\n// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\n// Use this tutorial https://docs.thatopen.com/Tutorials/Fragments/Fragments/FragmentsModels/EditApi\r\n\r\n// Dependencies\r\nimport * as LR from 'lucide-react'\r\nimport { useTranslations } from 'next-intl'\r\nimport * as React from \"react\";\r\n\r\n// Utilities\r\nimport { BimContext } from '../../../../../store/BIM/context'\r\nimport { Button } from '../../../../ui/Button'\r\n\r\nimport type { Tool } from '../../../../../types/tools'\r\n\r\n// Shadcn components\r\n\r\n// Icons\r\n\r\n\r\ninterface ExplodeByLevelProps {\r\n  tool: Tool\r\n}\r\n\r\nexport const ExplodeByLevelTool: React.FC<ExplodeByLevelProps> = ({ tool }) => {\r\n  // Translation\r\n  const t = useTranslations('ExplodeByLevelTool')\r\n\r\n  const { state: bimState } = React.useContext(BimContext)\r\n  const { bimComponents } = bimState.bim\r\n\r\n  const handleExplodeByLevel = async () => {\r\n    if (!bimComponents) return\r\n\r\n    try {\r\n      // TODO: Implement explode by level functionality\r\n      console.log('Explode by level functionality not implemented yet')\r\n    }\r\n    catch (error) {\r\n      console.error('Error exploding by level:', error)\r\n    }\r\n  }\r\n\r\n  return (\r\n    <Button\r\n      size=\"icon\"\r\n      variant=\"ghost\"\r\n      className=\"flex justify-center items-center h-9 w-9 pointer-events-auto opacity-50\"\r\n      onClick={handleExplodeByLevel}\r\n      title={`${tool.title} (${t('comingSoon')})`}\r\n      disabled={true}\r\n    >\r\n      <LR.Layers3 />\r\n    </Button>\r\n  )\r\n}"],"mappings":";AAuDM;AA/CN,YAAY,QAAQ;AACpB,SAAS,uBAAuB;AAChC,YAAY,WAAW;AAGvB,SAAS,kBAAkB;AAC3B,SAAS,cAAc;AAahB,MAAM,qBAAoD,CAAC,EAAE,KAAK,MAAM;AAE7E,QAAM,IAAI,gBAAgB,oBAAoB;AAE9C,QAAM,EAAE,OAAO,SAAS,IAAI,MAAM,WAAW,UAAU;AACvD,QAAM,EAAE,cAAc,IAAI,SAAS;AAEnC,QAAM,uBAAuB,YAAY;AACvC,QAAI,CAAC,cAAe;AAEpB,QAAI;AAEF,cAAQ,IAAI,oDAAoD;AAAA,IAClE,SACO,OAAO;AACZ,cAAQ,MAAM,6BAA6B,KAAK;AAAA,IAClD;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,WAAU;AAAA,MACV,SAAS;AAAA,MACT,OAAO,GAAG,KAAK,KAAK,KAAK,EAAE,YAAY,CAAC;AAAA,MACxC,UAAU;AAAA,MAEV,8BAAC,GAAG,SAAH,EAAW;AAAA;AAAA,EACd;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../../../../src/core/components/viewers/bim/src/tools/ExplodeByLevelTool.tsx"],"sourcesContent":["\"use client\"\r\n\r\n// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\n// Use this tutorial https://docs.thatopen.com/Tutorials/Fragments/Fragments/FragmentsModels/EditApi\r\n\r\n// Dependencies\r\nimport * as LR from 'lucide-react'\r\nimport { useTranslations } from 'next-intl'\r\nimport * as React from \"react\";\r\n\r\n// Utilities\r\nimport { BimContext } from '../../../../../store/BIM/context'\r\nimport { Button } from '../../../../ui/Button'\r\n\r\nimport type { Tool } from '../../../../../types/tools'\r\n\r\n// Shadcn components\r\n\r\n// Icons\r\n\r\n\r\ninterface ExplodeByLevelProps {\r\n  tool: Tool\r\n}\r\n\r\nexport const ExplodeByLevelTool: React.FC<ExplodeByLevelProps> = ({ tool }) => {\r\n  // Translation\r\n  const t = useTranslations('ExplodeByLevelTool')\r\n\r\n  const { state: bimState } = React.useContext(BimContext)\r\n  const { bimComponents } = bimState.bim\r\n\r\n  const handleExplodeByLevel = async () => {\r\n    if (!bimComponents) return\r\n\r\n    try {\r\n      // ⚠️ Explode-by-level functionality not implemented\r\n    }\r\n    catch (error) {\r\n      console.error('Error exploding by level:', error)\r\n    }\r\n  }\r\n\r\n  return (\r\n    <Button\r\n      size=\"icon\"\r\n      variant=\"ghost\"\r\n      className=\"flex justify-center items-center h-9 w-9 pointer-events-auto opacity-50\"\r\n      onClick={handleExplodeByLevel}\r\n      title={`${tool.title} (${t('comingSoon')})`}\r\n      disabled={true}\r\n    >\r\n      <LR.Layers3 />\r\n    </Button>\r\n  )\r\n}"],"mappings":";AAsDM;AA9CN,YAAY,QAAQ;AACpB,SAAS,uBAAuB;AAChC,YAAY,WAAW;AAGvB,SAAS,kBAAkB;AAC3B,SAAS,cAAc;AAahB,MAAM,qBAAoD,CAAC,EAAE,KAAK,MAAM;AAE7E,QAAM,IAAI,gBAAgB,oBAAoB;AAE9C,QAAM,EAAE,OAAO,SAAS,IAAI,MAAM,WAAW,UAAU;AACvD,QAAM,EAAE,cAAc,IAAI,SAAS;AAEnC,QAAM,uBAAuB,YAAY;AACvC,QAAI,CAAC,cAAe;AAEpB,QAAI;AAAA,IAEJ,SACO,OAAO;AACZ,cAAQ,MAAM,6BAA6B,KAAK;AAAA,IAClD;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,WAAU;AAAA,MACV,SAAS;AAAA,MACT,OAAO,GAAG,KAAK,KAAK,KAAK,EAAE,YAAY,CAAC;AAAA,MACxC,UAAU;AAAA,MAEV,8BAAC,GAAG,SAAH,EAAW;AAAA;AAAA,EACd;AAEJ;","names":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"measureBimTool.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/components/viewers/bim/src/tools/measureBimTool.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,OAAO,KAAK,EAAE,IAAI,EAAC,MAAM,4BAA4B,CAAC;AACtD,UAAU,gBAAgB;IACxB,IAAI,EAAE,IAAI,CAAA;CACX;AAID,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAiHrD,CAAA"}
+{"version":3,"file":"measureBimTool.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/components/viewers/bim/src/tools/measureBimTool.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,OAAO,KAAK,EAAE,IAAI,EAAC,MAAM,4BAA4B,CAAC;AACtD,UAAU,gBAAgB;IACxB,IAAI,EAAE,IAAI,CAAA;CACX;AAID,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAgHrD,CAAA"}

package/dist/core/components/viewers/bim/src/tools/measureBimTool.js

@@ -45,8 +45,7 @@ const MeasureBimTool = ({ tool }) => {
   }, [currentToolId, toolId, lengthMeasurement]);
   React.useEffect(() => {
     if (!lengthMeasurement) return;
-    const handleMeasurementCreated = (data) => {
-      console.log("Measurement created:", data.length);
+    const handleMeasurementCreated = () => {
     };
     lengthMeasurement.onDimensionCreate.add(handleMeasurementCreated);
     return () => {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../src/core/components/viewers/bim/src/tools/measureBimTool.tsx"],"sourcesContent":["\"use client\"\r\n\r\n// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\n// Dependencies\r\nimport * as OBF from \"@thatopen/components-front\"\r\n\r\n// Utilities\r\n\r\n// Shadcn components\r\n\r\n// Icons\r\nimport * as LR from 'lucide-react'\r\nimport { useTranslations } from 'next-intl'\r\nimport * as React from \"react\";\r\n\r\nimport { ToolsContext } from '../../../../../store'\r\nimport { BimContext } from '../../../../../store/BIM/context'\r\nimport { type ToolbarToolType } from '../../../../../types/tools'\r\nimport { ToolbarSubmenu } from '../../../../ToolbarSubmenu'\r\nimport {\r\n  DropdownMenuItem,\r\n} from '../../../../ui/DropdownMenu'\r\nimport { LengthMeasurement } from '../BimMeasurements/LenghtMeasurement'\r\nimport { Cursor } from '../Cursor'\r\n\r\nimport type { CursorType } from '../../../../../types/global'\r\nimport type { Tool} from '../../../../../types/tools';\r\ninterface MeasureToolProps {\r\n  tool: Tool\r\n}\r\n\r\ntype MeasureType = 'free' | 'edge' | 'area' | 'volume'\r\n\r\nexport const MeasureBimTool: React.FC<MeasureToolProps> = ({ tool }) => {\r\n  // Translation\r\n  const t = useTranslations('MeasureBimTool')\r\n\r\n  const { dispatch: toolsDispatch, state: toolsState } = React.useContext(ToolsContext)\r\n  const { state: bimState } = React.useContext(BimContext)\r\n  const [active, setActive] = React.useState(false)\r\n\r\n  const { bimComponents } = bimState.bim\r\n  const lengthMeasurement = bimComponents?.get(LengthMeasurement)\r\n  const hoverHandler = bimComponents?.get(OBF.Hoverer)\r\n\r\n      const setCursor = (cursor: CursorType) => {\r\n        if (!bimComponents) return\r\n        const currentCursor = bimComponents.get(Cursor)\r\n        if (!currentCursor) return\r\n        currentCursor.cursor = cursor\r\n      }\r\n\r\n  const toolId = tool.id\r\n  const { currentToolId } = toolsState.tools\r\n  const setTools = (currentToolId: ToolbarToolType) => {\r\n    toolsDispatch({\r\n      type: 'SET-TOOL',\r\n      payload: { currentToolId },\r\n    })\r\n  }\r\n\r\n  // When current tool changes\r\n  React.useEffect(() => {\r\n    setActive(currentToolId === toolId)\r\n\r\n    // Disable measurement when tool is deactivated\r\n    if (currentToolId !== toolId && lengthMeasurement) {\r\n      lengthMeasurement.enabled = false\r\n      if (hoverHandler) {\r\n        hoverHandler.enabled = true\r\n      }\r\n    }\r\n  }, [currentToolId, toolId, lengthMeasurement])\r\n\r\n  // Optional: Listen to measurement creation events\r\n  React.useEffect(() => {\r\n    if (!lengthMeasurement) return\r\n\r\n    const handleMeasurementCreated = (data: { length: number }) => {\r\n      console.log('Measurement created:', data.length)\r\n      // You can add custom logic here when a measurement is created\r\n    }\r\n\r\n    lengthMeasurement.onDimensionCreate.add(handleMeasurementCreated)\r\n\r\n    return () => {\r\n      lengthMeasurement.onDimensionCreate.remove(handleMeasurementCreated)\r\n    }\r\n  }, [lengthMeasurement])\r\n\r\n  const handleMeasureTypeChange = (type: MeasureType) => {\r\n    if (!lengthMeasurement) return\r\n\r\n    // Set the tool as active\r\n    setTools(toolId)\r\n    if (hoverHandler) {\r\n      hoverHandler.enabled = false\r\n    }\r\n\r\n    // Enable the measurement component and set measurement mode\r\n    if (type === 'free') {\r\n      lengthMeasurement.createFreeMeasurements()\r\n    }\r\n    if (type === 'edge') {\r\n      lengthMeasurement.createEdgeMeasurements()\r\n    }\r\n\r\n    setCursor('crosshair')\r\n  }\r\n\r\n  // Clear measurements function\r\n  const clearMeasurements = () => {\r\n    if (lengthMeasurement) {\r\n      lengthMeasurement.deleteAll()\r\n      lengthMeasurement.enabled = false\r\n    }\r\n    if (hoverHandler) {\r\n      hoverHandler.enabled = true\r\n    }\r\n    setCursor('')\r\n  }\r\n\r\n  return (\r\n    <ToolbarSubmenu tool={tool}>\r\n      <DropdownMenuItem onClick={() => handleMeasureTypeChange('free')} >\r\n        <LR.Ruler />\r\n        <span>{t('free')}</span>\r\n      </DropdownMenuItem>\r\n      <DropdownMenuItem onClick={() => handleMeasureTypeChange('edge')} >\r\n        <LR.RulerDimensionLine />\r\n        <span>{t('edge')}</span>\r\n      </DropdownMenuItem>\r\n      <DropdownMenuItem onClick={() => handleMeasureTypeChange('area')} disabled={true}>\r\n        <LR.SquareDashed />\r\n        <span>{t('area')}</span>\r\n      </DropdownMenuItem>\r\n      <DropdownMenuItem onClick={() => handleMeasureTypeChange('volume')} disabled={true}>\r\n        <LR.Box />\r\n        <span>{t('volume')}</span>\r\n      </DropdownMenuItem>\r\n      <DropdownMenuItem onClick={clearMeasurements} >\r\n        <LR.X />\r\n        <span>{t('clear')}</span>\r\n      </DropdownMenuItem>\r\n    </ToolbarSubmenu>\r\n  )\r\n}\r\n"],"mappings":"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","names":["currentToolId"]}
+{"version":3,"sources":["../../../../../../../src/core/components/viewers/bim/src/tools/measureBimTool.tsx"],"sourcesContent":["\"use client\"\r\n\r\n// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\n// Dependencies\r\nimport * as OBF from \"@thatopen/components-front\"\r\n\r\n// Utilities\r\n\r\n// Shadcn components\r\n\r\n// Icons\r\nimport * as LR from 'lucide-react'\r\nimport { useTranslations } from 'next-intl'\r\nimport * as React from \"react\";\r\n\r\nimport { ToolsContext } from '../../../../../store'\r\nimport { BimContext } from '../../../../../store/BIM/context'\r\nimport { type ToolbarToolType } from '../../../../../types/tools'\r\nimport { ToolbarSubmenu } from '../../../../ToolbarSubmenu'\r\nimport {\r\n  DropdownMenuItem,\r\n} from '../../../../ui/DropdownMenu'\r\nimport { LengthMeasurement } from '../BimMeasurements/LenghtMeasurement'\r\nimport { Cursor } from '../Cursor'\r\n\r\nimport type { CursorType } from '../../../../../types/global'\r\nimport type { Tool} from '../../../../../types/tools';\r\ninterface MeasureToolProps {\r\n  tool: Tool\r\n}\r\n\r\ntype MeasureType = 'free' | 'edge' | 'area' | 'volume'\r\n\r\nexport const MeasureBimTool: React.FC<MeasureToolProps> = ({ tool }) => {\r\n  // Translation\r\n  const t = useTranslations('MeasureBimTool')\r\n\r\n  const { dispatch: toolsDispatch, state: toolsState } = React.useContext(ToolsContext)\r\n  const { state: bimState } = React.useContext(BimContext)\r\n  const [active, setActive] = React.useState(false)\r\n\r\n  const { bimComponents } = bimState.bim\r\n  const lengthMeasurement = bimComponents?.get(LengthMeasurement)\r\n  const hoverHandler = bimComponents?.get(OBF.Hoverer)\r\n\r\n      const setCursor = (cursor: CursorType) => {\r\n        if (!bimComponents) return\r\n        const currentCursor = bimComponents.get(Cursor)\r\n        if (!currentCursor) return\r\n        currentCursor.cursor = cursor\r\n      }\r\n\r\n  const toolId = tool.id\r\n  const { currentToolId } = toolsState.tools\r\n  const setTools = (currentToolId: ToolbarToolType) => {\r\n    toolsDispatch({\r\n      type: 'SET-TOOL',\r\n      payload: { currentToolId },\r\n    })\r\n  }\r\n\r\n  // When current tool changes\r\n  React.useEffect(() => {\r\n    setActive(currentToolId === toolId)\r\n\r\n    // Disable measurement when tool is deactivated\r\n    if (currentToolId !== toolId && lengthMeasurement) {\r\n      lengthMeasurement.enabled = false\r\n      if (hoverHandler) {\r\n        hoverHandler.enabled = true\r\n      }\r\n    }\r\n  }, [currentToolId, toolId, lengthMeasurement])\r\n\r\n  // Optional: Listen to measurement creation events\r\n  React.useEffect(() => {\r\n    if (!lengthMeasurement) return\r\n\r\n    const handleMeasurementCreated = () => {\r\n      // You can add custom logic here when a measurement is created\r\n    }\r\n\r\n    lengthMeasurement.onDimensionCreate.add(handleMeasurementCreated)\r\n\r\n    return () => {\r\n      lengthMeasurement.onDimensionCreate.remove(handleMeasurementCreated)\r\n    }\r\n  }, [lengthMeasurement])\r\n\r\n  const handleMeasureTypeChange = (type: MeasureType) => {\r\n    if (!lengthMeasurement) return\r\n\r\n    // Set the tool as active\r\n    setTools(toolId)\r\n    if (hoverHandler) {\r\n      hoverHandler.enabled = false\r\n    }\r\n\r\n    // Enable the measurement component and set measurement mode\r\n    if (type === 'free') {\r\n      lengthMeasurement.createFreeMeasurements()\r\n    }\r\n    if (type === 'edge') {\r\n      lengthMeasurement.createEdgeMeasurements()\r\n    }\r\n\r\n    setCursor('crosshair')\r\n  }\r\n\r\n  // Clear measurements function\r\n  const clearMeasurements = () => {\r\n    if (lengthMeasurement) {\r\n      lengthMeasurement.deleteAll()\r\n      lengthMeasurement.enabled = false\r\n    }\r\n    if (hoverHandler) {\r\n      hoverHandler.enabled = true\r\n    }\r\n    setCursor('')\r\n  }\r\n\r\n  return (\r\n    <ToolbarSubmenu tool={tool}>\r\n      <DropdownMenuItem onClick={() => handleMeasureTypeChange('free')} >\r\n        <LR.Ruler />\r\n        <span>{t('free')}</span>\r\n      </DropdownMenuItem>\r\n      <DropdownMenuItem onClick={() => handleMeasureTypeChange('edge')} >\r\n        <LR.RulerDimensionLine />\r\n        <span>{t('edge')}</span>\r\n      </DropdownMenuItem>\r\n      <DropdownMenuItem onClick={() => handleMeasureTypeChange('area')} disabled={true}>\r\n        <LR.SquareDashed />\r\n        <span>{t('area')}</span>\r\n      </DropdownMenuItem>\r\n      <DropdownMenuItem onClick={() => handleMeasureTypeChange('volume')} disabled={true}>\r\n        <LR.Box />\r\n        <span>{t('volume')}</span>\r\n      </DropdownMenuItem>\r\n      <DropdownMenuItem onClick={clearMeasurements} >\r\n        <LR.X />\r\n        <span>{t('clear')}</span>\r\n      </DropdownMenuItem>\r\n    </ToolbarSubmenu>\r\n  )\r\n}\r\n"],"mappings":"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","names":["currentToolId"]}

package/dist/core/components/viewers/map/MapViewer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MapViewer.d.ts","sourceRoot":"","sources":["../../../../../src/core/components/viewers/map/MapViewer.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,MAAM,OAAO,CAAA;AAkBzB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAa1D,UAAU,KAAK;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,YAAY,EAAE,YAAY,CAAA;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,wBAAgB,SAAS,CAAC,EAAE,KAAc,EAAE,MAAe,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,EAAE,KAAK,qBAsL5G"}
+{"version":3,"file":"MapViewer.d.ts","sourceRoot":"","sources":["../../../../../src/core/components/viewers/map/MapViewer.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,MAAM,OAAO,CAAA;AAkBzB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAa1D,UAAU,KAAK;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,YAAY,EAAE,YAAY,CAAA;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,wBAAgB,SAAS,CAAC,EAAE,KAAc,EAAE,MAAe,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,EAAE,KAAK,qBAuL5G"}