@project-skymap/library 0.0.2 → 0.1.0

package/dist/index.d.cts

@@ -39,6 +39,10 @@ type StarMapConfig = {
             scale: [number, number];
         }>;
     };
+    focus?: {
+        nodeId?: string;
+        animate?: boolean;
+    };
     layout?: {
         mode?: "radial" | "grid" | "force" | "spherical";
         radius?: number;

package/dist/index.d.ts

@@ -39,6 +39,10 @@ type StarMapConfig = {
             scale: [number, number];
         }>;
     };
+    focus?: {
+        nodeId?: string;
+        animate?: boolean;
+    };
     layout?: {
         mode?: "radial" | "grid" | "force" | "spherical";
         radius?: number;

package/dist/index.js

@@ -332,6 +332,8 @@ function createEngine({
   renderer.setPixelRatio(Math.min(window.devicePixelRatio || 1, 2));
   renderer.setClearColor(0, 1);
   container.appendChild(renderer.domElement);
+  renderer.domElement.style.width = "100%";
+  renderer.domElement.style.height = "100%";
   renderer.domElement.style.touchAction = "none";
   const scene = new THREE4.Scene();
   const camera = new THREE4.PerspectiveCamera(90, 1, 0.1, 5e3);
@@ -644,14 +646,104 @@ function createEngine({
     }
     resize();
   }
+  function applyFocus(targetId, animate = true) {
+    if (!targetId) {
+      for (const [id, mesh] of meshById.entries()) {
+        mesh.traverse((obj) => {
+          if (obj.material) obj.material.opacity = 1;
+        });
+        mesh.userData.interactive = true;
+      }
+      for (const line of lineByBookId.values()) {
+        line.visible = true;
+        line.material.opacity = 0.3;
+      }
+      return;
+    }
+    const childrenMap = /* @__PURE__ */ new Map();
+    for (const n of nodeById.values()) {
+      if (n.parent) {
+        const list = childrenMap.get(n.parent) ?? [];
+        list.push(n.id);
+        childrenMap.set(n.parent, list);
+      }
+    }
+    const activeIds = /* @__PURE__ */ new Set();
+    const queue = [targetId];
+    activeIds.add(targetId);
+    while (queue.length > 0) {
+      const curr = queue.pop();
+      const kids = childrenMap.get(curr);
+      if (kids) {
+        for (const k of kids) {
+          activeIds.add(k);
+          queue.push(k);
+        }
+      }
+    }
+    for (const [id, mesh] of meshById.entries()) {
+      const isActive = activeIds.has(id);
+      const opacity = isActive ? 1 : 0.1;
+      mesh.traverse((obj) => {
+        if (obj.material) obj.material.opacity = opacity;
+      });
+      mesh.userData.interactive = isActive;
+    }
+    for (const [bookId, line] of lineByBookId.entries()) {
+      const isActive = activeIds.has(bookId);
+      line.material.opacity = isActive ? 0.3 : 0.05;
+    }
+    if (animate) {
+      const targetMesh = meshById.get(targetId);
+      if (targetMesh) {
+        animateFocusTo(targetMesh);
+      } else {
+        const sum = new THREE4.Vector3();
+        let count = 0;
+        for (const id of activeIds) {
+          const mesh = meshById.get(id);
+          if (mesh) {
+            sum.add(mesh.getWorldPosition(new THREE4.Vector3()));
+            count++;
+          }
+        }
+        if (count > 0) {
+          const centroid = sum.divideScalar(count);
+          animateFocusTo(centroid);
+        }
+      }
+    }
+  }
+  let lastData = void 0;
+  let lastAdapter = void 0;
+  let lastModel = void 0;
   function setConfig(cfg) {
+    let shouldRebuild = false;
     let model = cfg.model;
-    if (!model && cfg.data && cfg.adapter) model = cfg.adapter(cfg.data);
-    if (!model) {
-      clearRoot();
-      return;
+    if (!model && cfg.data && cfg.adapter) {
+      if (cfg.data !== lastData || cfg.adapter !== lastAdapter) {
+        model = cfg.adapter(cfg.data);
+        shouldRebuild = true;
+        lastData = cfg.data;
+        lastAdapter = cfg.adapter;
+        lastModel = model;
+      } else {
+        model = lastModel;
+      }
+    } else if (model) {
+      shouldRebuild = true;
+      lastData = void 0;
+      lastAdapter = void 0;
+      lastModel = model;
+    }
+    if (shouldRebuild && model) {
+      buildFromModel(model, cfg);
+    }
+    if (cfg.focus?.nodeId) {
+      applyFocus(cfg.focus.nodeId, cfg.focus.animate);
+    } else {
+      applyFocus(void 0, false);
     }
-    buildFromModel(model, cfg);
   }
   function setHandlers(next) {
     handlers = next;
@@ -662,7 +754,9 @@ function createEngine({
     pointer.y = -((ev.clientY - rect.top) / rect.height * 2 - 1);
     raycaster.setFromCamera(pointer, camera);
     const hits = raycaster.intersectObjects(root.children, true);
-    const hit = hits.find((h) => h.object.type === "Mesh" || h.object.type === "Sprite");
+    const hit = hits.find(
+      (h) => (h.object.type === "Mesh" || h.object.type === "Sprite") && h.object.userData.interactive !== false
+    );
     const id = hit?.object?.userData?.id;
     return id ? nodeById.get(id) : void 0;
   }
@@ -766,11 +860,12 @@ function createEngine({
   function easeInOutCubic(t) {
     return t < 0.5 ? 4 * t * t * t : 1 - Math.pow(-2 * t + 2, 3) / 2;
   }
-  function animateFocusTo(mesh) {
+  function animateFocusTo(target) {
     cancelFocusAnim();
     const { azimuth: startAz, polar: startPolar } = getControlsAnglesSafe();
     const startFov = camera.fov;
-    const { targetAz, targetPolar } = aimAtWorldPoint(mesh.getWorldPosition(new THREE4.Vector3()));
+    const targetPos = target instanceof THREE4.Object3D ? target.getWorldPosition(new THREE4.Vector3()) : target;
+    const { targetAz, targetPolar } = aimAtWorldPoint(targetPos);
     const endFov = THREE4.MathUtils.clamp(env.focusZoomFov, env.minFov, env.maxFov);
     const start2 = performance.now();
     const dur = Math.max(120, env.focusDurationMs);