@collabdt/core 0.0.42 → 0.0.44

package/dist/core/components/viewers/pointcloud/src/PointCloudManagement/PointCloudViewer-old.js

@@ -1,173 +0,0 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-var _a;
-import * as React from "react";
-import { useSearchParams } from "next/navigation";
-import { loadAllAssets } from "../../utils/potreeLoader";
-import { BuildingsContext, PointCloudContext } from "../../../../../store";
-import { PointCloudManagementTable } from "./PointCloudManagementTable";
-import { restoreCameraFromUrl } from "../../utils/restoreCameraFromUrl";
-import { useFilesByBuildingId } from "../../../../../hooks/files/files";
-import { Button } from "../../../../ui";
-const API_BASE = (_a = process.env.NEXT_PUBLIC_POINTCLOUD_API_URL) != null ? _a : "http://localhost:5101";
-function PointCloudViewer() {
-  const containerRef = React.useRef(null);
-  const viewerRef = React.useRef(null);
-  const { state: pointCloudState, dispatch: pointCloudDispatch } = React.useContext(PointCloudContext);
-  const PointCloudGlobalState = pointCloudState.pointcloud;
-  const [pointCloudUrl, setPointCloudUrl] = React.useState("");
-  const { state: buildingState } = React.useContext(BuildingsContext);
-  const { building } = buildingState.buildings;
-  let buildingId;
-  const searchParams = useSearchParams();
-  const pointCloudId = searchParams.get("pointCloudId");
-  if (building) buildingId = building.id;
-  const { files } = useFilesByBuildingId(building == null ? void 0 : building.id);
-  const hasPointCloudFiles = React.useMemo(
-    () => files.some((file) => {
-      const ext = file.extension.toLowerCase();
-      return ext === "laz" || ext === "las";
-    }),
-    [files]
-  );
-  let gridZ = 0;
-  if (building) buildingId = building.id;
-  else if (pointCloudUrl) buildingId = Number(pointCloudUrl);
-  React.useEffect(() => {
-    (async () => {
-      try {
-        await loadAllAssets();
-        pointCloudDispatch({ type: "SET_READY", payload: { ready: true } });
-      } catch (err) {
-        console.error("PointCloudViewer - Failed to load assets", err);
-      }
-    })();
-  }, []);
-  React.useEffect(() => {
-    if (!PointCloudGlobalState.ready || !containerRef.current || !(window == null ? void 0 : window.Potree)) return;
-    if (!pointCloudId) return;
-    const fetchPointCloud = async () => {
-      try {
-        const encodedPointCloudId = encodeURIComponent(pointCloudId || "");
-        const res = await fetch(`${API_BASE}/point-cloud/${encodedPointCloudId}`);
-        const data = await res.json();
-        const pointCloudUrlEncoded = `${API_BASE}/private/${data.bucket}/${data.potree_metadata_file_key}`;
-        setPointCloudUrl(pointCloudUrlEncoded);
-      } catch (err) {
-        console.log(err);
-      }
-    };
-    fetchPointCloud();
-  }, [PointCloudGlobalState.ready, pointCloudId]);
-  React.useEffect(() => {
-    if (!PointCloudGlobalState.ready || !containerRef.current || !(window == null ? void 0 : window.Potree)) return;
-    const Potree = window.Potree;
-    const el = containerRef.current;
-    const viewer = new Potree.Viewer(el);
-    viewerRef.current = viewer;
-    viewer.setEDLEnabled(true);
-    viewer.setFOV(60);
-    viewer.setPointBudget(1e7);
-    viewer.loadSettingsFromURL();
-    viewer.setBackground("white");
-    Potree.loadPointCloud(pointCloudUrl, "cloud", (e) => {
-      try {
-        viewer.scene.addPointCloud(e.pointcloud);
-        const mat = e.pointcloud.material;
-        mat.size = 1;
-        mat.pointSizeType = Potree.PointSizeType.ADAPTIVE;
-        e.pointcloud.position.x += 3;
-        e.pointcloud.position.y -= 3;
-        e.pointcloud.position.z += 4;
-        const cameraRestored = restoreCameraFromUrl(viewer, searchParams);
-        if (!cameraRestored) {
-          viewer.fitToScreen();
-        }
-      } catch (err) {
-        console.error("[PointCloudViewer] Error adding point cloud", err);
-      }
-    });
-    pointCloudDispatch({
-      type: "INIT",
-      payload: {
-        initialState: {
-          ready: true,
-          viewer: viewerRef.current
-        }
-      }
-    });
-    return () => {
-      var _a2, _b, _c;
-      try {
-        const v = viewerRef.current;
-        if ((_a2 = v == null ? void 0 : v.scene) == null ? void 0 : _a2.pointclouds) {
-          v.scene.pointclouds.forEach((pc) => {
-            var _a3, _b2, _c2, _d, _e;
-            (_e = (_b2 = (_a3 = v.scene).removePointCloud) == null ? void 0 : _b2.call(_a3, pc)) != null ? _e : (_d = (_c2 = v.scene.scene) == null ? void 0 : _c2.remove) == null ? void 0 : _d.call(_c2, pc);
-          });
-        }
-        (_c = (_b = v == null ? void 0 : v.renderer) == null ? void 0 : _b.dispose) == null ? void 0 : _c.call(_b);
-      } catch (e) {
-      }
-      viewerRef.current = null;
-      el.innerHTML = "";
-    };
-  }, [PointCloudGlobalState.ready, pointCloudUrl]);
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      style: {
-        position: "absolute",
-        left: 0,
-        top: 0,
-        width: "100%",
-        height: "100%"
-      },
-      children: [
-        !pointCloudId && /* @__PURE__ */ jsx(PointCloudManagementTable, {}),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: `pointer-events-none absolute inset-0 ${!pointCloudId ? "hidden" : "inline"}`,
-              style: {
-                zIndex: 9,
-                background: "radial-gradient(circle at center, rgba(220,220,220,0) 0%, rgba(220,220,220,0) 50%, rgba(220,220,220,0.9) 100%)",
-                mixBlendMode: "multiply"
-              }
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              ref: containerRef,
-              className: `potree_container ${!pointCloudId ? "hidden" : "inline"}`,
-              style: {
-                position: "absolute",
-                inset: 0,
-                backgroundSize: "cover"
-              }
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              className: `absolute right-5 top-5 ${!pointCloudId ? "hidden" : "inline"}`,
-              onClick: () => {
-                const params = new URLSearchParams(window.location.search);
-                params.delete("pointCloudId");
-                const newUrl = `${window.location.pathname}?${params.toString()}`;
-                window.history.pushState({}, "", newUrl);
-              },
-              children: "Go Back"
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}
-export {
-  PointCloudViewer
-};
-//# sourceMappingURL=PointCloudViewer-old.js.map

package/dist/core/components/viewers/pointcloud/src/PointCloudManagement/PointCloudViewer-old.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../../../src/core/components/viewers/pointcloud/src/PointCloudManagement/PointCloudViewer-old.tsx"],"sourcesContent":["\"use client\"\r\n\r\nimport * as React from \"react\";\r\nimport * as THREE from \"three\";\r\nimport { useSearchParams } from \"next/navigation\";\r\nimport { loadAllAssets } from \"../../utils/potreeLoader\";\r\nimport { BuildingsContext, PointCloudContext } from '../../../../../store'\r\nimport { PointCloudManagementTable } from \"./PointCloudManagementTable\";\r\nimport { restoreCameraFromUrl } from \"../../utils/restoreCameraFromUrl\";\r\nimport { PointCloudLoadingState } from \"../PointCloudLoadingState\";\r\nimport { useFilesByBuildingId } from '../../../../../hooks/files/files'\r\nimport { Button } from '../../../../ui';\r\n\r\n\r\nconst API_BASE =\r\n    process.env.NEXT_PUBLIC_POINTCLOUD_API_URL ?? \"http://localhost:5101\";\r\n\r\ntype PointCloud = {\r\n    id: string;\r\n    name: string;\r\n    bucket: string;\r\n    point_cloud_uploaded: boolean;\r\n    point_cloud_potree_converted: boolean;\r\n    createdAt: string;\r\n    potree_metadata_presigned_url?: string | null;\r\n    potree_metadata_file_key?: string | null;\r\n};\r\n\r\nexport function PointCloudViewer() {\r\n  const containerRef = React.useRef<HTMLDivElement>(null);\r\n  const viewerRef = React.useRef<any | null>(null);\r\n  const { state: pointCloudState, dispatch: pointCloudDispatch } = React.useContext(PointCloudContext)\r\n  const PointCloudGlobalState = pointCloudState.pointcloud\r\n  const [pointCloudUrl, setPointCloudUrl] = React.useState(\"\")\r\n\r\n  const { state: buildingState } = React.useContext(BuildingsContext)\r\n  const { building } = buildingState.buildings\r\n  let buildingId: number;\r\n  \r\n  const searchParams = useSearchParams()\r\n  const pointCloudId = searchParams.get('pointCloudId')\r\n\r\n  if (building) buildingId = building.id\r\n\r\n  // Get files for the building to check if there are LAZ/LAS files\r\n  const { files } = useFilesByBuildingId(building?.id)\r\n  const hasPointCloudFiles = React.useMemo(() => \r\n    files.some(file => {\r\n      const ext = file.extension.toLowerCase()\r\n      return ext === \"laz\" || ext === \"las\"\r\n    }), \r\n  [files])\r\n\r\n  let gridZ = 0\r\n  \r\n  if (building) buildingId = building.id\r\n  else if (pointCloudUrl) buildingId = Number(pointCloudUrl)\r\n    \r\n  // --- load CSS/JS once\r\n  React.useEffect(() => {\r\n    (async () => {\r\n      try {\r\n        await loadAllAssets()\r\n        pointCloudDispatch({ type: \"SET_READY\", payload: { ready: true } })\r\n      }\r\n      catch (err) {\r\n        console.error(\"PointCloudViewer - Failed to load assets\", err)\r\n      }\r\n    })();\r\n  }, []);\r\n\r\n  React.useEffect(() => {\r\n    if (!PointCloudGlobalState.ready || !containerRef.current || !(window as any)?.Potree) return;\r\n    if(!pointCloudId) return;\r\n    const fetchPointCloud = async () => {\r\n      try {\r\n        const encodedPointCloudId = encodeURIComponent(pointCloudId || '');\r\n        const res = await fetch(`${API_BASE}/point-cloud/${encodedPointCloudId}`);\r\n        const data: PointCloud = await res.json();\r\n        const pointCloudUrlEncoded = `${API_BASE}/private/${data.bucket}/${data.potree_metadata_file_key}`        \r\n        setPointCloudUrl(pointCloudUrlEncoded)\r\n      } \r\n      catch(err){\r\n        console.log(err)\r\n      }\r\n    }\r\n    fetchPointCloud()\r\n\r\n  }, [PointCloudGlobalState.ready, pointCloudId])\r\n\r\n\r\n  // --- init viewer and load cloud\r\n  React.useEffect(() => {\r\n    if (!PointCloudGlobalState.ready || !containerRef.current || !(window as any)?.Potree) return;\r\n\r\n    const Potree = (window as any).Potree;\r\n    const el = containerRef.current;\r\n\r\n    const viewer = new Potree.Viewer(el);\r\n    viewerRef.current = viewer;\r\n\r\n    viewer.setEDLEnabled(true);\r\n    viewer.setFOV(60);\r\n    viewer.setPointBudget(10_000_000);\r\n    viewer.loadSettingsFromURL();\r\n    viewer.setBackground(\"white\");\r\n\r\n    // Load cloud\r\n    Potree.loadPointCloud(pointCloudUrl, \"cloud\", (e: any) => {\r\n      try {\r\n        viewer.scene.addPointCloud(e.pointcloud);\r\n        const mat = e.pointcloud.material;\r\n        mat.size = 1;\r\n        mat.pointSizeType = Potree.PointSizeType.ADAPTIVE;\r\n        e.pointcloud.position.x += 3;\r\n        e.pointcloud.position.y -= 3;\r\n        e.pointcloud.position.z += 4;\r\n\r\n        // Restore camera from URL or fit to screen\r\n        const cameraRestored = restoreCameraFromUrl(viewer, searchParams)\r\n        if (!cameraRestored) {\r\n          viewer.fitToScreen();\r\n        }\r\n      } catch (err) {\r\n        console.error(\"[PointCloudViewer] Error adding point cloud\", err);\r\n      }\r\n    });\r\n\r\n    //dispatch to update global state\r\n    pointCloudDispatch({\r\n      type: \"INIT\",\r\n      payload: {\r\n        initialState: {\r\n          ready: true,\r\n          viewer: viewerRef.current\r\n        }\r\n      }\r\n    })\r\n\r\n    // cleanup\r\n    return () => {\r\n      try {\r\n        // Best-effort cleanup (Potree classic has no single dispose)\r\n        const v = viewerRef.current;\r\n        if (v?.scene?.pointclouds) {\r\n          v.scene.pointclouds.forEach((pc: any) => {\r\n            v.scene.removePointCloud?.(pc) ?? v.scene.scene?.remove?.(pc);\r\n          });\r\n        }\r\n        v?.renderer?.dispose?.();\r\n      } catch { }\r\n      viewerRef.current = null;\r\n      el.innerHTML = \"\";\r\n    };\r\n\r\n\r\n  }, [PointCloudGlobalState.ready, pointCloudUrl]);\r\n\r\n  return (\r\n    <div\r\n      style={{\r\n        position: \"absolute\",\r\n        left: 0,\r\n        top: 0,\r\n        width: \"100%\",\r\n        height: \"100%\",\r\n      }}\r\n    >\r\n      {!pointCloudId &&\r\n        <PointCloudManagementTable></PointCloudManagementTable>\r\n      }\r\n       <div>\r\n          <div\r\n            className={`pointer-events-none absolute inset-0 ${!pointCloudId ? 'hidden':'inline'}`}\r\n            style={{\r\n              zIndex: 9,\r\n              background: 'radial-gradient(circle at center, rgba(220,220,220,0) 0%, rgba(220,220,220,0) 50%, rgba(220,220,220,0.9) 100%)',\r\n              mixBlendMode: 'multiply'\r\n            }}\r\n          />\r\n          <div\r\n            ref={containerRef}\r\n            className={`potree_container ${!pointCloudId ? 'hidden':'inline'}`}\r\n            style={{\r\n              position: \"absolute\",\r\n              inset: 0,\r\n              backgroundSize: \"cover\",\r\n            }}\r\n          />\r\n\r\n            <Button \r\n            className={`absolute right-5 top-5 ${!pointCloudId ? 'hidden':'inline'}`}\r\n           \r\n            onClick={() => {\r\n              const params = new URLSearchParams(window.location.search);\r\n              params.delete('pointCloudId');\r\n              const newUrl = `${window.location.pathname}?${params.toString()}`;\r\n              window.history.pushState({}, '', newUrl);\r\n            }}\r\n            >\r\n            Go Back\r\n            </Button>\r\n        </div>\r\n    </div>\r\n      \r\n  );\r\n}\r\n"],"mappings":";AAyKQ,cAED,YAFC;AAzKR;AAEA,YAAY,WAAW;AAEvB,SAAS,uBAAuB;AAChC,SAAS,qBAAqB;AAC9B,SAAS,kBAAkB,yBAAyB;AACpD,SAAS,iCAAiC;AAC1C,SAAS,4BAA4B;AAErC,SAAS,4BAA4B;AACrC,SAAS,cAAc;AAGvB,MAAM,YACF,aAAQ,IAAI,mCAAZ,YAA8C;AAa3C,SAAS,mBAAmB;AACjC,QAAM,eAAe,MAAM,OAAuB,IAAI;AACtD,QAAM,YAAY,MAAM,OAAmB,IAAI;AAC/C,QAAM,EAAE,OAAO,iBAAiB,UAAU,mBAAmB,IAAI,MAAM,WAAW,iBAAiB;AACnG,QAAM,wBAAwB,gBAAgB;AAC9C,QAAM,CAAC,eAAe,gBAAgB,IAAI,MAAM,SAAS,EAAE;AAE3D,QAAM,EAAE,OAAO,cAAc,IAAI,MAAM,WAAW,gBAAgB;AAClE,QAAM,EAAE,SAAS,IAAI,cAAc;AACnC,MAAI;AAEJ,QAAM,eAAe,gBAAgB;AACrC,QAAM,eAAe,aAAa,IAAI,cAAc;AAEpD,MAAI,SAAU,cAAa,SAAS;AAGpC,QAAM,EAAE,MAAM,IAAI,qBAAqB,qCAAU,EAAE;AACnD,QAAM,qBAAqB,MAAM;AAAA,IAAQ,MACvC,MAAM,KAAK,UAAQ;AACjB,YAAM,MAAM,KAAK,UAAU,YAAY;AACvC,aAAO,QAAQ,SAAS,QAAQ;AAAA,IAClC,CAAC;AAAA,IACH,CAAC,KAAK;AAAA,EAAC;AAEP,MAAI,QAAQ;AAEZ,MAAI,SAAU,cAAa,SAAS;AAAA,WAC3B,cAAe,cAAa,OAAO,aAAa;AAGzD,QAAM,UAAU,MAAM;AACpB,KAAC,YAAY;AACX,UAAI;AACF,cAAM,cAAc;AACpB,2BAAmB,EAAE,MAAM,aAAa,SAAS,EAAE,OAAO,KAAK,EAAE,CAAC;AAAA,MACpE,SACO,KAAK;AACV,gBAAQ,MAAM,4CAA4C,GAAG;AAAA,MAC/D;AAAA,IACF,GAAG;AAAA,EACL,GAAG,CAAC,CAAC;AAEL,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,sBAAsB,SAAS,CAAC,aAAa,WAAW,EAAE,iCAAgB,QAAQ;AACvF,QAAG,CAAC,aAAc;AAClB,UAAM,kBAAkB,YAAY;AAClC,UAAI;AACF,cAAM,sBAAsB,mBAAmB,gBAAgB,EAAE;AACjE,cAAM,MAAM,MAAM,MAAM,GAAG,QAAQ,gBAAgB,mBAAmB,EAAE;AACxE,cAAM,OAAmB,MAAM,IAAI,KAAK;AACxC,cAAM,uBAAuB,GAAG,QAAQ,YAAY,KAAK,MAAM,IAAI,KAAK,wBAAwB;AAChG,yBAAiB,oBAAoB;AAAA,MACvC,SACM,KAAI;AACR,gBAAQ,IAAI,GAAG;AAAA,MACjB;AAAA,IACF;AACA,oBAAgB;AAAA,EAElB,GAAG,CAAC,sBAAsB,OAAO,YAAY,CAAC;AAI9C,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,sBAAsB,SAAS,CAAC,aAAa,WAAW,EAAE,iCAAgB,QAAQ;AAEvF,UAAM,SAAU,OAAe;AAC/B,UAAM,KAAK,aAAa;AAExB,UAAM,SAAS,IAAI,OAAO,OAAO,EAAE;AACnC,cAAU,UAAU;AAEpB,WAAO,cAAc,IAAI;AACzB,WAAO,OAAO,EAAE;AAChB,WAAO,eAAe,GAAU;AAChC,WAAO,oBAAoB;AAC3B,WAAO,cAAc,OAAO;AAG5B,WAAO,eAAe,eAAe,SAAS,CAAC,MAAW;AACxD,UAAI;AACF,eAAO,MAAM,cAAc,EAAE,UAAU;AACvC,cAAM,MAAM,EAAE,WAAW;AACzB,YAAI,OAAO;AACX,YAAI,gBAAgB,OAAO,cAAc;AACzC,UAAE,WAAW,SAAS,KAAK;AAC3B,UAAE,WAAW,SAAS,KAAK;AAC3B,UAAE,WAAW,SAAS,KAAK;AAG3B,cAAM,iBAAiB,qBAAqB,QAAQ,YAAY;AAChE,YAAI,CAAC,gBAAgB;AACnB,iBAAO,YAAY;AAAA,QACrB;AAAA,MACF,SAAS,KAAK;AACZ,gBAAQ,MAAM,+CAA+C,GAAG;AAAA,MAClE;AAAA,IACF,CAAC;AAGD,uBAAmB;AAAA,MACjB,MAAM;AAAA,MACN,SAAS;AAAA,QACP,cAAc;AAAA,UACZ,OAAO;AAAA,UACP,QAAQ,UAAU;AAAA,QACpB;AAAA,MACF;AAAA,IACF,CAAC;AAGD,WAAO,MAAM;AA5IjB,UAAAA,KAAA;AA6IM,UAAI;AAEF,cAAM,IAAI,UAAU;AACpB,aAAIA,MAAA,uBAAG,UAAH,gBAAAA,IAAU,aAAa;AACzB,YAAE,MAAM,YAAY,QAAQ,CAAC,OAAY;AAjJnD,gBAAAA,KAAAC,KAAAC,KAAA;AAkJY,mBAAAD,OAAAD,MAAA,EAAE,OAAM,qBAAR,gBAAAC,IAAA,KAAAD,KAA2B,QAA3B,aAAkC,MAAAE,MAAA,EAAE,MAAM,UAAR,gBAAAA,IAAe,WAAf,wBAAAA,KAAwB;AAAA,UAC5D,CAAC;AAAA,QACH;AACA,2CAAG,aAAH,mBAAa,YAAb;AAAA,MACF,SAAQ;AAAA,MAAE;AACV,gBAAU,UAAU;AACpB,SAAG,YAAY;AAAA,IACjB;AAAA,EAGF,GAAG,CAAC,sBAAsB,OAAO,aAAa,CAAC;AAE/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,UAAU;AAAA,QACV,MAAM;AAAA,QACN,KAAK;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,MACV;AAAA,MAEC;AAAA,SAAC,gBACA,oBAAC,6BAA0B;AAAA,QAE5B,qBAAC,SACE;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,WAAW,wCAAwC,CAAC,eAAe,WAAS,QAAQ;AAAA,cACpF,OAAO;AAAA,gBACL,QAAQ;AAAA,gBACR,YAAY;AAAA,gBACZ,cAAc;AAAA,cAChB;AAAA;AAAA,UACF;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,KAAK;AAAA,cACL,WAAW,oBAAoB,CAAC,eAAe,WAAS,QAAQ;AAAA,cAChE,OAAO;AAAA,gBACL,UAAU;AAAA,gBACV,OAAO;AAAA,gBACP,gBAAgB;AAAA,cAClB;AAAA;AAAA,UACF;AAAA,UAEE;AAAA,YAAC;AAAA;AAAA,cACD,WAAW,0BAA0B,CAAC,eAAe,WAAS,QAAQ;AAAA,cAEtE,SAAS,MAAM;AACb,sBAAM,SAAS,IAAI,gBAAgB,OAAO,SAAS,MAAM;AACzD,uBAAO,OAAO,cAAc;AAC5B,sBAAM,SAAS,GAAG,OAAO,SAAS,QAAQ,IAAI,OAAO,SAAS,CAAC;AAC/D,uBAAO,QAAQ,UAAU,CAAC,GAAG,IAAI,MAAM;AAAA,cACzC;AAAA,cACC;AAAA;AAAA,UAED;AAAA,WACJ;AAAA;AAAA;AAAA,EACJ;AAGJ;","names":["_a","_b","_c"]}