@abraca/nuxt 2.0.1 → 2.0.3

package/dist/runtime/components/renderers/spatial/SpatialObject.vue

@@ -1,257 +0,0 @@
-<script setup>
-import { computed, shallowRef, watch } from "vue";
-const props = defineProps({
-  entry: { type: Object, required: true },
-  tree: { type: Object, required: true },
-  selectedIds: { type: Set, required: true },
-  remoteSelections: { type: Map, required: true },
-  draggingId: { type: [String, null], required: true }
-});
-const children = computed(() => props.tree.childrenOf(props.entry.id));
-const isSelected = computed(() => props.selectedIds.has(props.entry.id));
-const remoteSelectionsForThis = computed(
-  () => props.remoteSelections.get(props.entry.id) ?? []
-);
-const shape = computed(() => props.entry.meta?.spShape ?? "box");
-const position = computed(() => [
-  props.entry.meta?.spX ?? 0,
-  props.entry.meta?.spY ?? 0,
-  props.entry.meta?.spZ ?? 0
-]);
-const rotation = computed(() => {
-  const deg2rad = Math.PI / 180;
-  return [
-    (props.entry.meta?.spRX ?? 0) * deg2rad,
-    (props.entry.meta?.spRY ?? 0) * deg2rad,
-    (props.entry.meta?.spRZ ?? 0) * deg2rad
-  ];
-});
-const scale = computed(() => [
-  props.entry.meta?.spSX ?? 1,
-  props.entry.meta?.spSY ?? 1,
-  props.entry.meta?.spSZ ?? 1
-]);
-const color = computed(() => props.entry.meta?.color ?? "#6366f1");
-const opacity = computed(() => (props.entry.meta?.spOpacity ?? 100) / 100);
-const isTransparent = computed(() => opacity.value < 1);
-const isGroup = computed(() => children.value.length > 0 && shape.value !== "glb");
-const glbModel = shallowRef(null);
-const uploadId = computed(() => props.entry.meta?.spModelUploadId);
-const docId = computed(() => props.entry.meta?.spModelDocId);
-watch([shape, uploadId, docId], async ([sh, uid, did]) => {
-  if (sh !== "glb" || !uid || !did) {
-    glbModel.value = null;
-    return;
-  }
-  try {
-    const threePkg = "three";
-    const { GLTFLoader } = await import(
-      /* @vite-ignore */
-      `${threePkg}/examples/jsm/loaders/GLTFLoader.js`
-    );
-    const THREE = await import(
-      /* @vite-ignore */
-      threePkg
-    );
-    const loader = new GLTFLoader();
-    try {
-      const { DRACOLoader } = await import(
-        /* @vite-ignore */
-        `${threePkg}/examples/jsm/loaders/DRACOLoader.js`
-      );
-      const dracoLoader = new DRACOLoader();
-      dracoLoader.setDecoderPath("https://www.gstatic.com/draco/versioned/decoders/1.5.7/");
-      loader.setDRACOLoader(dracoLoader);
-    } catch {
-    }
-    const gltf = await loader.loadAsync(uid);
-    const box = new THREE.Box3().setFromObject(gltf.scene);
-    const size = box.getSize(new THREE.Vector3());
-    const center = box.getCenter(new THREE.Vector3());
-    const maxDim = Math.max(size.x, size.y, size.z);
-    if (maxDim > 0) {
-      const s = 1 / maxDim;
-      gltf.scene.scale.multiplyScalar(s);
-      gltf.scene.position.sub(center.multiplyScalar(s));
-    }
-    glbModel.value = gltf.scene;
-  } catch (e) {
-    console.error("[SpatialObject] Failed to load GLB", uid, e);
-  }
-}, { immediate: true });
-</script>
-
-<template>
-  <TresGroup
-    :position="position"
-    :rotation="rotation"
-    :scale="scale"
-    :user-data="{ entryId: entry.id }"
-  >
-    <!-- GLB Model -->
-    <template v-if="shape === 'glb'">
-      <primitive
-        v-if="glbModel"
-        :object="glbModel"
-      />
-      <TresMesh
-        v-else
-        cast-shadow
-        receive-shadow
-      >
-        <TresBoxGeometry :args="[0.5, 0.5, 0.5]" />
-        <TresMeshStandardMaterial
-          color="#888888"
-          :wireframe="true"
-          :opacity="0.4"
-          :transparent="true"
-        />
-      </TresMesh>
-    </template>
-
-    <TresMesh
-      v-else-if="shape === 'box'"
-      cast-shadow
-      receive-shadow
-    >
-      <TresBoxGeometry />
-      <TresMeshStandardMaterial
-        :color="color"
-        :opacity="opacity"
-        :transparent="isTransparent"
-      />
-    </TresMesh>
-
-    <TresMesh
-      v-else-if="shape === 'sphere'"
-      cast-shadow
-      receive-shadow
-    >
-      <TresSphereGeometry :args="[0.5, 32, 32]" />
-      <TresMeshStandardMaterial
-        :color="color"
-        :opacity="opacity"
-        :transparent="isTransparent"
-      />
-    </TresMesh>
-
-    <TresMesh
-      v-else-if="shape === 'cylinder'"
-      cast-shadow
-      receive-shadow
-    >
-      <TresCylinderGeometry :args="[0.5, 0.5, 1, 32]" />
-      <TresMeshStandardMaterial
-        :color="color"
-        :opacity="opacity"
-        :transparent="isTransparent"
-      />
-    </TresMesh>
-
-    <TresMesh
-      v-else-if="shape === 'cone'"
-      cast-shadow
-      receive-shadow
-    >
-      <TresConeGeometry :args="[0.5, 1, 32]" />
-      <TresMeshStandardMaterial
-        :color="color"
-        :opacity="opacity"
-        :transparent="isTransparent"
-      />
-    </TresMesh>
-
-    <TresMesh
-      v-else-if="shape === 'plane'"
-      receive-shadow
-    >
-      <TresPlaneGeometry :args="[1, 1]" />
-      <TresMeshStandardMaterial
-        :color="color"
-        :opacity="opacity"
-        :transparent="isTransparent"
-        :side="2"
-      />
-    </TresMesh>
-
-    <TresMesh
-      v-else-if="shape === 'torus'"
-      cast-shadow
-      receive-shadow
-    >
-      <TresTorusGeometry :args="[0.4, 0.15, 16, 32]" />
-      <TresMeshStandardMaterial
-        :color="color"
-        :opacity="opacity"
-        :transparent="isTransparent"
-      />
-    </TresMesh>
-
-    <TresMesh
-      v-else
-      cast-shadow
-      receive-shadow
-    >
-      <TresBoxGeometry />
-      <TresMeshStandardMaterial
-        :color="color"
-        :opacity="opacity"
-        :transparent="isTransparent"
-      />
-    </TresMesh>
-
-    <!-- Selection highlight -->
-    <TresMesh
-      v-if="isSelected"
-      :scale="[1.02, 1.02, 1.02]"
-    >
-      <TresBoxGeometry />
-      <TresMeshBasicMaterial
-        color="#ffffff"
-        :wireframe="true"
-        :opacity="0.5"
-        :transparent="true"
-      />
-    </TresMesh>
-
-    <!-- Remote user selection indicators -->
-    <TresMesh
-      v-for="rs in remoteSelectionsForThis"
-      :key="rs.color"
-      :scale="[1.04, 1.04, 1.04]"
-    >
-      <TresBoxGeometry />
-      <TresMeshBasicMaterial
-        :color="rs.color"
-        :wireframe="true"
-        :opacity="0.35"
-        :transparent="true"
-      />
-    </TresMesh>
-
-    <!-- Group bounding indicator -->
-    <TresMesh
-      v-if="isGroup"
-      :scale="[1.1, 1.1, 1.1]"
-    >
-      <TresBoxGeometry />
-      <TresMeshBasicMaterial
-        color="#888888"
-        :wireframe="true"
-        :opacity="0.15"
-        :transparent="true"
-      />
-    </TresMesh>
-
-    <!-- Recursive children -->
-    <SpatialObject
-      v-for="child in children"
-      :key="child.id"
-      :entry="child"
-      :tree="tree"
-      :selected-ids="selectedIds"
-      :remote-selections="remoteSelections"
-      :dragging-id="draggingId"
-    />
-  </TresGroup>
-</template>

package/dist/runtime/components/renderers/spatial/SpatialObject.vue.d.ts

@@ -1,17 +0,0 @@
-import type { TreeEntry } from '../../../types.js';
-type __VLS_Props = {
-    entry: TreeEntry;
-    tree: {
-        childrenOf: (parentId: string | null) => TreeEntry[];
-        updateMeta: (id: string, meta: Record<string, unknown>) => void;
-    };
-    selectedIds: Set<string>;
-    remoteSelections: Map<string, {
-        color: string;
-        name: string;
-    }[]>;
-    draggingId: string | null;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/components/renderers/spatial/SpatialSceneBridge.d.vue.ts

@@ -1,15 +0,0 @@
-declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    ready: (ctx: {
-        scene: any;
-        camera: any;
-        canvas: any;
-    }) => any;
-}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{
-    onReady?: ((ctx: {
-        scene: any;
-        camera: any;
-        canvas: any;
-    }) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/components/renderers/spatial/SpatialSceneBridge.vue

@@ -1,18 +0,0 @@
-<script setup>
-import { watchEffect } from "vue";
-const emit = defineEmits(["ready"]);
-const { useTresContext } = await import("@tresjs/core");
-const ctx = useTresContext();
-watchEffect(() => {
-  const s = ctx.scene?.value;
-  const c = ctx.camera?.activeCamera?.value;
-  const r = ctx.renderer?.instance;
-  if (s && c && r) {
-    emit("ready", { scene: s, camera: c, canvas: r.domElement });
-  }
-});
-</script>
-
-<template>
-  <div style="display:none" />
-</template>

package/dist/runtime/components/renderers/spatial/SpatialSceneBridge.vue.d.ts

@@ -1,15 +0,0 @@
-declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    ready: (ctx: {
-        scene: any;
-        camera: any;
-        canvas: any;
-    }) => any;
-}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{
-    onReady?: ((ctx: {
-        scene: any;
-        camera: any;
-        canvas: any;
-    }) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/components/renderers/spatial/SpatialTransformInputs.d.vue.ts

@@ -1,16 +0,0 @@
-/**
- * SpatialTransformInputs — internal sub-component for ASpatialRenderer.
- *
- * Position / Rotation / Scale numeric inputs for a selected spatial object.
- * Ported from cou-sh/app/components/spatial/SpatialTransformInputs.vue.
- * Not auto-imported.
- */
-import type { TreeEntry } from '../../../composables/useChildTree.js';
-import type { useChildTree } from '../../../composables/useChildTree.js';
-type __VLS_Props = {
-    entry: TreeEntry;
-    tree: ReturnType<typeof useChildTree>;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/components/renderers/spatial/SpatialTransformInputs.vue

@@ -1,66 +0,0 @@
-<script setup>
-const props = defineProps({
-  entry: { type: Object, required: true },
-  tree: { type: null, required: true }
-});
-function update(key, value) {
-  const num = Number.parseFloat(value);
-  if (Number.isFinite(num)) {
-    props.tree.updateMeta(props.entry.id, { [key]: num });
-  }
-}
-const rows = [
-  { label: "Pos", fields: [
-    { key: "spX", axis: "X" },
-    { key: "spY", axis: "Y" },
-    { key: "spZ", axis: "Z" }
-  ] },
-  { label: "Rot", fields: [
-    { key: "spRX", axis: "X" },
-    { key: "spRY", axis: "Y" },
-    { key: "spRZ", axis: "Z" }
-  ] },
-  { label: "Scale", fields: [
-    { key: "spSX", axis: "X" },
-    { key: "spSY", axis: "Y" },
-    { key: "spSZ", axis: "Z" }
-  ] }
-];
-function getVal(key) {
-  const v = props.entry.meta?.[key];
-  if (typeof v === "number") return v;
-  if (key.startsWith("spS")) return 1;
-  return 0;
-}
-</script>
-
-<template>
-  <div class="sp-transform-inputs">
-    <div
-      v-for="row in rows"
-      :key="row.label"
-      class="sp-row"
-    >
-      <span class="sp-label">{{ row.label }}</span>
-      <div
-        v-for="f in row.fields"
-        :key="f.key"
-        class="sp-field"
-      >
-        <span class="sp-axis">{{ f.axis }}</span>
-        <UInput
-          type="number"
-          size="xs"
-          :model-value="String(getVal(f.key))"
-          step="0.1"
-          class="sp-input"
-          @update:model-value="update(f.key, String($event))"
-        />
-      </div>
-    </div>
-  </div>
-</template>
-
-<style scoped>
-.sp-transform-inputs{display:flex;flex-direction:column;gap:4px;margin-top:8px}.sp-row{align-items:center;display:flex;gap:4px}.sp-label{color:var(--ui-text-dimmed);flex-shrink:0;font-size:.7rem;font-weight:600;width:36px}.sp-field{align-items:center;display:flex;flex:1;gap:2px;min-width:0}.sp-axis{color:var(--ui-text-muted);flex-shrink:0;font-size:.65rem;font-weight:600;text-align:center;width:10px}.sp-input{flex:1;min-width:0}.sp-input :deep(input){font-size:.7rem;padding:2px 4px;text-align:right}
-</style>

package/dist/runtime/components/renderers/spatial/SpatialTransformInputs.vue.d.ts

@@ -1,16 +0,0 @@
-/**
- * SpatialTransformInputs — internal sub-component for ASpatialRenderer.
- *
- * Position / Rotation / Scale numeric inputs for a selected spatial object.
- * Ported from cou-sh/app/components/spatial/SpatialTransformInputs.vue.
- * Not auto-imported.
- */
-import type { TreeEntry } from '../../../composables/useChildTree.js';
-import type { useChildTree } from '../../../composables/useChildTree.js';
-type __VLS_Props = {
-    entry: TreeEntry;
-    tree: ReturnType<typeof useChildTree>;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/components/renderers/spatial/SpatialUserAvatar.d.vue.ts

@@ -1,8 +0,0 @@
-type __VLS_Props = {
-    position: [number, number, number];
-    color: string;
-    name: string;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/components/renderers/spatial/SpatialUserAvatar.vue

@@ -1,53 +0,0 @@
-<script setup>
-import { ref, computed, watch, onMounted, onBeforeUnmount } from "vue";
-const props = defineProps({
-  position: { type: Array, required: true },
-  color: { type: String, required: true },
-  name: { type: String, required: true }
-});
-const smoothX = ref(props.position[0]);
-const smoothY = ref(props.position[1]);
-const smoothZ = ref(props.position[2]);
-const LERP = 0.12;
-let rafId = 0;
-function tick() {
-  rafId = requestAnimationFrame(tick);
-  smoothX.value += (props.position[0] - smoothX.value) * LERP;
-  smoothY.value += (props.position[1] - smoothY.value) * LERP;
-  smoothZ.value += (props.position[2] - smoothZ.value) * LERP;
-}
-onMounted(() => {
-  rafId = requestAnimationFrame(tick);
-});
-onBeforeUnmount(() => {
-  cancelAnimationFrame(rafId);
-});
-watch(() => props.position, (pos) => {
-  const dx = pos[0] - smoothX.value;
-  const dy = pos[1] - smoothY.value;
-  const dz = pos[2] - smoothZ.value;
-  if (dx * dx + dy * dy + dz * dz > 400) {
-    smoothX.value = pos[0];
-    smoothY.value = pos[1];
-    smoothZ.value = pos[2];
-  }
-});
-const avatarPos = computed(() => [
-  smoothX.value,
-  smoothY.value,
-  smoothZ.value
-]);
-</script>
-
-<template>
-  <TresGroup :position="avatarPos">
-    <TresMesh :position-y="0.4">
-      <TresCapsuleGeometry :args="[0.15, 0.4, 8, 16]" />
-      <TresMeshStandardMaterial :color="color" />
-    </TresMesh>
-    <TresMesh :position-y="0.85">
-      <TresSphereGeometry :args="[0.12, 16, 16]" />
-      <TresMeshStandardMaterial :color="color" />
-    </TresMesh>
-  </TresGroup>
-</template>

package/dist/runtime/components/renderers/spatial/SpatialUserAvatar.vue.d.ts

@@ -1,8 +0,0 @@
-type __VLS_Props = {
-    position: [number, number, number];
-    color: string;
-    name: string;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

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

@@ -1,16 +0,0 @@
-export declare function useSpatialCamera(setLocalState: (state: Record<string, unknown>) => void, isFollowing?: () => boolean): {
-    cameraRef: import("vue").Ref<any, any>;
-    cameraPosition: import("vue").ComputedRef<[number, number, number]>;
-    cameraTarget: import("vue").ComputedRef<[number, number, number]>;
-    controlMode: import("vue").Ref<"orbit" | "fly", "orbit" | "fly">;
-    azimuth: import("vue").Ref<number, number>;
-    elevation: import("vue").Ref<number, number>;
-    distance: import("vue").Ref<number, number>;
-    focusOn: (worldPos: [number, number, number]) => void;
-    broadcastCamera: () => void;
-    applyCameraState: (position: [number, number, number], target: [number, number, number]) => void;
-    onCanvasPointerDown: (ev: PointerEvent) => void;
-    onCanvasPointerMove: (ev: PointerEvent) => void;
-    onCanvasPointerUp: () => void;
-    onCanvasWheel: (ev: WheelEvent) => void;
-};