@abraca/nuxt 2.0.1 → 2.0.4

package/dist/runtime/composables/useSpatialCamera.js

@@ -1,175 +0,0 @@
-import { ref, computed, onMounted, onBeforeUnmount } from "vue";
-export function useSpatialCamera(setLocalState, isFollowing = () => false) {
-  const azimuth = ref(Math.PI / 4);
-  const elevation = ref(Math.PI / 6);
-  const distance = ref(12);
-  const targetX = ref(0);
-  const targetY = ref(0);
-  const targetZ = ref(0);
-  const controlMode = ref("orbit");
-  const isDragging = ref(false);
-  const dragButton = ref(0);
-  let lastPX = 0;
-  let lastPY = 0;
-  let focusAnim = null;
-  const keysDown = /* @__PURE__ */ new Set();
-  const cameraPosition = computed(() => {
-    const el = Math.max(0.05, Math.min(Math.PI / 2 - 0.05, elevation.value));
-    const x = targetX.value + distance.value * Math.cos(el) * Math.sin(azimuth.value);
-    const y = targetY.value + distance.value * Math.sin(el);
-    const z = targetZ.value + distance.value * Math.cos(el) * Math.cos(azimuth.value);
-    return [x, y, z];
-  });
-  const cameraTarget = computed(() => [
-    targetX.value,
-    targetY.value,
-    targetZ.value
-  ]);
-  const cameraRef = ref(null);
-  function onCanvasPointerDown(ev) {
-    isDragging.value = true;
-    dragButton.value = ev.button;
-    lastPX = ev.clientX;
-    lastPY = ev.clientY;
-  }
-  function onCanvasPointerMove(ev) {
-    if (!isDragging.value) return;
-    const dx = ev.clientX - lastPX;
-    const dy = ev.clientY - lastPY;
-    lastPX = ev.clientX;
-    lastPY = ev.clientY;
-    if (dragButton.value === 0 && !ev.shiftKey) {
-      azimuth.value -= dx * 5e-3;
-      elevation.value += dy * 5e-3;
-      elevation.value = Math.max(0.05, Math.min(Math.PI / 2 - 0.05, elevation.value));
-    } else {
-      const panSpeed = 5e-3 * distance.value;
-      const sinA = Math.sin(azimuth.value);
-      const cosA = Math.cos(azimuth.value);
-      targetX.value += -cosA * dx * panSpeed;
-      targetZ.value += sinA * dx * panSpeed;
-      targetY.value += dy * panSpeed;
-    }
-    broadcastCamera();
-  }
-  function onCanvasPointerUp() {
-    isDragging.value = false;
-    broadcastCamera();
-  }
-  function onCanvasWheel(ev) {
-    ev.preventDefault();
-    distance.value *= 1 + ev.deltaY * 1e-3;
-    distance.value = Math.max(1, Math.min(200, distance.value));
-    broadcastCamera();
-  }
-  function focusOn(worldPos) {
-    focusAnim = {
-      start: performance.now(),
-      fromX: targetX.value,
-      fromY: targetY.value,
-      fromZ: targetZ.value,
-      toX: worldPos[0],
-      toY: worldPos[1],
-      toZ: worldPos[2]
-    };
-  }
-  function onKeyDown(ev) {
-    if (controlMode.value !== "fly") return;
-    keysDown.add(ev.key.toLowerCase());
-  }
-  function onKeyUp(ev) {
-    keysDown.delete(ev.key.toLowerCase());
-  }
-  let rafId = 0;
-  function tick() {
-    rafId = requestAnimationFrame(tick);
-    if (focusAnim) {
-      const t = Math.min(1, (performance.now() - focusAnim.start) / 500);
-      const ease = t * (2 - t);
-      targetX.value = focusAnim.fromX + (focusAnim.toX - focusAnim.fromX) * ease;
-      targetY.value = focusAnim.fromY + (focusAnim.toY - focusAnim.fromY) * ease;
-      targetZ.value = focusAnim.fromZ + (focusAnim.toZ - focusAnim.fromZ) * ease;
-      if (t >= 1) focusAnim = null;
-      broadcastCamera();
-    }
-    if (controlMode.value === "fly") {
-      const speed = 0.15;
-      const sinA = Math.sin(azimuth.value);
-      const cosA = Math.cos(azimuth.value);
-      if (keysDown.has("w")) {
-        targetX.value -= sinA * speed;
-        targetZ.value -= cosA * speed;
-      }
-      if (keysDown.has("s")) {
-        targetX.value += sinA * speed;
-        targetZ.value += cosA * speed;
-      }
-      if (keysDown.has("a")) {
-        targetX.value -= cosA * speed;
-        targetZ.value += sinA * speed;
-      }
-      if (keysDown.has("d")) {
-        targetX.value += cosA * speed;
-        targetZ.value -= sinA * speed;
-      }
-      if (keysDown.has(" ")) targetY.value += speed;
-      if (keysDown.has("shift")) targetY.value -= speed;
-      if (keysDown.size > 0) broadcastCamera();
-    }
-  }
-  let lastBroadcast = 0;
-  function broadcastCamera() {
-    if (isFollowing()) return;
-    const now = Date.now();
-    if (now - lastBroadcast < 80) return;
-    lastBroadcast = now;
-    setLocalState({
-      spatial: {
-        camera: {
-          position: cameraPosition.value,
-          target: cameraTarget.value,
-          timestamp: now
-        }
-      }
-    });
-  }
-  function applyCameraState(position, target) {
-    targetX.value = target[0];
-    targetY.value = target[1];
-    targetZ.value = target[2];
-    const dx = position[0] - target[0];
-    const dy = position[1] - target[1];
-    const dz = position[2] - target[2];
-    distance.value = Math.sqrt(dx * dx + dy * dy + dz * dz);
-    if (distance.value > 1e-3) {
-      elevation.value = Math.asin(dy / distance.value);
-      azimuth.value = Math.atan2(dx, dz);
-    }
-  }
-  onMounted(() => {
-    rafId = requestAnimationFrame(tick);
-    window.addEventListener("keydown", onKeyDown);
-    window.addEventListener("keyup", onKeyUp);
-  });
-  onBeforeUnmount(() => {
-    cancelAnimationFrame(rafId);
-    window.removeEventListener("keydown", onKeyDown);
-    window.removeEventListener("keyup", onKeyUp);
-  });
-  return {
-    cameraRef,
-    cameraPosition,
-    cameraTarget,
-    controlMode,
-    azimuth,
-    elevation,
-    distance,
-    focusOn,
-    broadcastCamera,
-    applyCameraState,
-    onCanvasPointerDown,
-    onCanvasPointerMove,
-    onCanvasPointerUp,
-    onCanvasWheel
-  };
-}

package/dist/runtime/composables/useSpatialDrag.d.ts

@@ -1,14 +0,0 @@
-import type { Ref } from 'vue';
-import type { TreeEntry } from '../types.js';
-export declare function useSpatialDrag(tree: {
-    entries: Ref<TreeEntry[]>;
-    updateMeta: (id: string, meta: Record<string, unknown>) => void;
-}, selectedIds: Ref<Set<string>>, _cameraRef: Ref<any>, setLocalState: (state: Record<string, unknown>) => void, sceneSettings: {
-    data: Record<string, unknown>;
-}): {
-    draggingId: Ref<string | null, string | null>;
-    bindScene: (canvas: HTMLCanvasElement, sceneObj: any, cameraObj: any) => void;
-    onPointerDown: (ev: PointerEvent) => string | null;
-    onPointerMove: (ev: PointerEvent) => void;
-    onPointerUp: (_ev: PointerEvent) => void;
-};

package/dist/runtime/composables/useSpatialDrag.js

@@ -1,137 +0,0 @@
-import { ref, onMounted, onBeforeUnmount } from "vue";
-export function useSpatialDrag(tree, selectedIds, _cameraRef, setLocalState, sceneSettings) {
-  const draggingId = ref(null);
-  let canvasEl = null;
-  let scene = null;
-  let camera = null;
-  let isDragging = false;
-  let dragStartWorldX = 0;
-  let dragStartWorldZ = 0;
-  const dragEntryStartPositions = /* @__PURE__ */ new Map();
-  const keysDown = /* @__PURE__ */ new Set();
-  function onKeyDown(ev) {
-    keysDown.add(ev.key.toLowerCase());
-  }
-  function onKeyUp(ev) {
-    keysDown.delete(ev.key.toLowerCase());
-  }
-  onMounted(() => {
-    window.addEventListener("keydown", onKeyDown);
-    window.addEventListener("keyup", onKeyUp);
-  });
-  onBeforeUnmount(() => {
-    window.removeEventListener("keydown", onKeyDown);
-    window.removeEventListener("keyup", onKeyUp);
-  });
-  function bindScene(canvas, sceneObj, cameraObj) {
-    canvasEl = canvas;
-    scene = sceneObj;
-    camera = cameraObj;
-  }
-  function raycastEntryId(ev) {
-    if (!canvasEl || !scene || !camera) return null;
-    try {
-      const THREE = globalThis.__ABRACA_SHARED__?.three;
-      if (!THREE) return null;
-      const rect = canvasEl.getBoundingClientRect();
-      const pointer = new THREE.Vector2(
-        (ev.clientX - rect.left) / rect.width * 2 - 1,
-        -((ev.clientY - rect.top) / rect.height) * 2 + 1
-      );
-      const raycaster = new THREE.Raycaster();
-      raycaster.setFromCamera(pointer, camera);
-      const intersects = raycaster.intersectObjects(scene.children, true);
-      for (const hit of intersects) {
-        let obj = hit.object;
-        while (obj) {
-          if (obj.userData?.entryId) return obj.userData.entryId;
-          obj = obj.parent;
-        }
-      }
-    } catch {
-    }
-    return null;
-  }
-  function getGroundIntersection(ev) {
-    if (!canvasEl || !camera) return null;
-    try {
-      const THREE = globalThis.__ABRACA_SHARED__?.three;
-      if (!THREE) return null;
-      const rect = canvasEl.getBoundingClientRect();
-      const pointer = new THREE.Vector2(
-        (ev.clientX - rect.left) / rect.width * 2 - 1,
-        -((ev.clientY - rect.top) / rect.height) * 2 + 1
-      );
-      const raycaster = new THREE.Raycaster();
-      raycaster.setFromCamera(pointer, camera);
-      const plane = new THREE.Plane(new THREE.Vector3(0, 1, 0), 0);
-      const target = new THREE.Vector3();
-      const hit = raycaster.ray.intersectPlane(plane, target);
-      return hit ? { x: target.x, z: target.z } : null;
-    } catch {
-      return null;
-    }
-  }
-  function onPointerDown(ev) {
-    if (ev.button !== 0) return null;
-    const hitId = raycastEntryId(ev);
-    if (!hitId) return null;
-    isDragging = true;
-    draggingId.value = hitId;
-    dragEntryStartPositions.clear();
-    const worldPos = getGroundIntersection(ev);
-    if (worldPos) {
-      dragStartWorldX = worldPos.x;
-      dragStartWorldZ = worldPos.z;
-    }
-    setLocalState({ spatial: { dragging: hitId } });
-    return hitId;
-  }
-  function onPointerMove(ev) {
-    if (!isDragging || !draggingId.value) return;
-    if (dragEntryStartPositions.size === 0) {
-      for (const id of selectedIds.value) {
-        const entry = tree.entries.value.find((e) => e.id === id);
-        if (entry) {
-          dragEntryStartPositions.set(id, {
-            x: entry.meta?.spX ?? 0,
-            y: entry.meta?.spY ?? 0,
-            z: entry.meta?.spZ ?? 0
-          });
-        }
-      }
-    }
-    const worldPos = getGroundIntersection(ev);
-    if (!worldPos) return;
-    let dx = worldPos.x - dragStartWorldX;
-    const dy = 0;
-    let dz = worldPos.z - dragStartWorldZ;
-    if (keysDown.has("x")) {
-      dz = 0;
-    }
-    if (keysDown.has("z")) {
-      dx = 0;
-    }
-    const snapSize = sceneSettings.data.snapSize || 0;
-    const snap = (v) => snapSize > 0 ? Math.round(v / snapSize) * snapSize : v;
-    for (const [id, start] of dragEntryStartPositions) {
-      const newX = snap(start.x + dx);
-      const newY = snap(start.y + dy);
-      const newZ = snap(start.z + dz);
-      tree.updateMeta(id, { spX: newX, spY: newY, spZ: newZ });
-    }
-  }
-  function onPointerUp(_ev) {
-    isDragging = false;
-    draggingId.value = null;
-    dragEntryStartPositions.clear();
-    setLocalState({ spatial: { dragging: null } });
-  }
-  return {
-    draggingId,
-    bindScene,
-    onPointerDown,
-    onPointerMove,
-    onPointerUp
-  };
-}