@xrift/world-components 0.21.12 → 0.22.0

package/dist/components/commons/VideoMesh/index.js

@@ -0,0 +1,91 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useMemo, useEffect, useState } from "react";
+import * as THREE from "three";
+/** レターボックス/ピラーボックス対応のシェーダー */
+const letterboxVertexShader = `
+  varying vec2 vUv;
+  void main() {
+    vUv = uv;
+    gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
+  }
+`;
+const letterboxFragmentShader = `
+  uniform sampler2D map;
+  uniform float videoAspectRatio;
+  uniform float screenAspectRatio;
+  varying vec2 vUv;
+
+  void main() {
+    vec2 uv = vUv;
+
+    if (videoAspectRatio > screenAspectRatio) {
+      // 動画が横長：上下に黒帯（レターボックス）
+      float scale = screenAspectRatio / videoAspectRatio;
+      uv.y = (uv.y - 0.5) / scale + 0.5;
+    } else {
+      // 動画が縦長：左右に黒帯（ピラーボックス）
+      float scale = videoAspectRatio / screenAspectRatio;
+      uv.x = (uv.x - 0.5) / scale + 0.5;
+    }
+
+    if (uv.x < 0.0 || uv.x > 1.0 || uv.y < 0.0 || uv.y > 1.0) {
+      gl_FragColor = vec4(0.0, 0.0, 0.0, 1.0);
+    } else {
+      gl_FragColor = texture2D(map, uv);
+    }
+  }
+`;
+/**
+ * 動画テクスチャをレターボックス/ピラーボックス対応で表示するメッシュ
+ */
+export const VideoMesh = memo(({ texture, width, height }) => {
+    const video = texture.image;
+    // 動画のアスペクト比を管理
+    const [videoAspectRatio, setVideoAspectRatio] = useState(null);
+    // スクリーンのアスペクト比
+    const screenAspectRatio = width / height;
+    // 動画のアスペクト比を取得
+    useEffect(() => {
+        const updateVideoAspectRatio = () => {
+            if (video.videoWidth && video.videoHeight) {
+                setVideoAspectRatio(video.videoWidth / video.videoHeight);
+            }
+        };
+        const handleLoadedMetadata = updateVideoAspectRatio;
+        // 既にメタデータが読み込まれている場合
+        updateVideoAspectRatio();
+        video.addEventListener("loadedmetadata", handleLoadedMetadata);
+        return () => {
+            video.removeEventListener("loadedmetadata", handleLoadedMetadata);
+        };
+    }, [video]);
+    // シェーダーマテリアル
+    // videoAspectRatioは依存配列から除外し、useEffectで更新することでマテリアル再作成を防ぐ
+    const shaderMaterial = useMemo(() => {
+        return new THREE.ShaderMaterial({
+            uniforms: {
+                map: { value: texture },
+                videoAspectRatio: { value: screenAspectRatio },
+                screenAspectRatio: { value: screenAspectRatio },
+            },
+            vertexShader: letterboxVertexShader,
+            fragmentShader: letterboxFragmentShader,
+            toneMapped: false,
+        });
+    }, [texture, screenAspectRatio]);
+    // アスペクト比が変わったらuniformを更新（マテリアル再作成なしで効率的に更新）
+    useEffect(() => {
+        shaderMaterial.uniforms.videoAspectRatio.value =
+            videoAspectRatio ?? screenAspectRatio;
+        shaderMaterial.uniforms.screenAspectRatio.value = screenAspectRatio;
+    }, [shaderMaterial, videoAspectRatio, screenAspectRatio]);
+    // クリーンアップ時にマテリアルを破棄
+    useEffect(() => {
+        return () => {
+            shaderMaterial.dispose();
+        };
+    }, [shaderMaterial]);
+    return (_jsxs("mesh", { children: [_jsx("planeGeometry", { args: [width, height] }), _jsx("primitive", { object: shaderMaterial, attach: "material" })] }));
+});
+VideoMesh.displayName = "VideoMesh";
+//# sourceMappingURL=index.js.map

package/dist/components/commons/VideoMesh/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/commons/VideoMesh/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,8BAA8B;AAC9B,MAAM,qBAAqB,GAAG;;;;;;CAM7B,CAAC;AAEF,MAAM,uBAAuB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;CAyB/B,CAAC;AAWF;;GAEG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,IAAI,CAAC,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAkB,EAAE,EAAE;IAC3E,MAAM,KAAK,GAAG,OAAO,CAAC,KAAyB,CAAC;IAEhD,eAAe;IACf,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAE9E,eAAe;IACf,MAAM,iBAAiB,GAAG,KAAK,GAAG,MAAM,CAAC;IAEzC,eAAe;IACf,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,sBAAsB,GAAG,GAAG,EAAE;YAClC,IAAI,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,WAAW,EAAE,CAAC;gBAC1C,mBAAmB,CAAC,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC;YAC5D,CAAC;QACH,CAAC,CAAC;QAEF,MAAM,oBAAoB,GAAG,sBAAsB,CAAC;QAEpD,qBAAqB;QACrB,sBAAsB,EAAE,CAAC;QAEzB,KAAK,CAAC,gBAAgB,CAAC,gBAAgB,EAAE,oBAAoB,CAAC,CAAC;QAC/D,OAAO,GAAG,EAAE;YACV,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,EAAE,oBAAoB,CAAC,CAAC;QACpE,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,aAAa;IACb,0DAA0D;IAC1D,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE;QAClC,OAAO,IAAI,KAAK,CAAC,cAAc,CAAC;YAC9B,QAAQ,EAAE;gBACR,GAAG,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE;gBACvB,gBAAgB,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE;gBAC9C,iBAAiB,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE;aAChD;YACD,YAAY,EAAE,qBAAqB;YACnC,cAAc,EAAE,uBAAuB;YACvC,UAAU,EAAE,KAAK;SAClB,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,OAAO,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAEjC,4CAA4C;IAC5C,SAAS,CAAC,GAAG,EAAE;QACb,cAAc,CAAC,QAAQ,CAAC,gBAAgB,CAAC,KAAK;YAC5C,gBAAgB,IAAI,iBAAiB,CAAC;QACxC,cAAc,CAAC,QAAQ,CAAC,iBAAiB,CAAC,KAAK,GAAG,iBAAiB,CAAC;IACtE,CAAC,EAAE,CAAC,cAAc,EAAE,gBAAgB,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAE1D,oBAAoB;IACpB,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,GAAG,EAAE;YACV,cAAc,CAAC,OAAO,EAAE,CAAC;QAC3B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,OAAO,CACL,2BACE,wBAAe,IAAI,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,GAAI,EACxC,oBAAW,MAAM,EAAE,cAAc,EAAE,MAAM,EAAC,UAAU,GAAG,IAClD,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}

package/dist/components/commons/VolumeControl/index.d.ts

@@ -0,0 +1,9 @@
+export interface VolumeControlProps {
+    id: string;
+    position: [number, number, number];
+    size: number;
+    volume: number;
+    onVolumeChange: (volume: number) => void;
+}
+export declare const VolumeControl: import("react").MemoExoticComponent<({ id, position, size, volume, onVolumeChange }: VolumeControlProps) => import("react/jsx-runtime").JSX.Element>;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/commons/VolumeControl/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/commons/VolumeControl/index.tsx"],"names":[],"mappings":"AASA,MAAM,WAAW,kBAAkB;IACjC,EAAE,EAAE,MAAM,CAAA;IACV,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;IAClC,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,MAAM,CAAA;IACd,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;CACzC;AAID,eAAO,MAAM,aAAa,uFACyB,kBAAkB,6CAiEpE,CAAA"}

package/dist/components/{LiveVideoPlayer/VolumeControl.js → commons/VolumeControl/index.js}

@@ -1,8 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { memo, useMemo } from 'react';
 import { Text } from '@react-three/drei';
-import { Interactable } from '../Interactable';
-import { calculateSegments, calculateProgressBar, getVolumeIcon, } from '../VideoPlayer/utils';
+import { Interactable } from '../../Interactable';
+import { calculateSegments, calculateProgressBar } from '../utils';
+const getVolumeIcon = (volume) => {
+    return volume === 0 ? '🔇' : '🔈';
+};
 const SEGMENTS = 11;
 export const VolumeControl = memo(({ id, position, size, volume, onVolumeChange }) => {
     const barWidth = size * 3;
@@ -23,4 +26,4 @@ export const VolumeControl = memo(({ id, position, size, volume, onVolumeChange
     return (_jsxs("group", { position: position, children: [_jsx(Text, { position: [-barWidth / 2 - size * 0.4, 0, 0.01], fontSize: size * 0.4, color: "#ffffff", anchorX: "center", anchorY: "middle", children: getVolumeIcon(volume) }), _jsxs("mesh", { position: [0, 0, 0], children: [_jsx("planeGeometry", { args: [barWidth, barHeight] }), _jsx("meshBasicMaterial", { color: "#333333" })] }), volumeWidth > 0 && (_jsxs("mesh", { position: [volumeOffset, 0, 0.001], children: [_jsx("planeGeometry", { args: [volumeWidth, barHeight] }), _jsx("meshBasicMaterial", { color: "#4aff4a" })] })), segments.map((segment) => (_jsx(Interactable, { id: `${id}-seg-${segment.index}`, onInteract: () => onVolumeChange(segment.value), interactionText: segment.label, children: _jsxs("mesh", { position: [segment.xPos, 0, 0.002], children: [_jsx("planeGeometry", { args: [segmentWidth * 0.98, barHeight * 2] }), _jsx("meshBasicMaterial", { transparent: true, opacity: 0, depthWrite: false })] }) }, segment.index)))] }));
 });
 VolumeControl.displayName = 'VolumeControl';
-//# sourceMappingURL=VolumeControl.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/commons/VolumeControl/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/commons/VolumeControl/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/commons/utils.d.ts

@@ -0,0 +1,24 @@
+/**
+ * セグメント情報を生成
+ */
+export interface Segment {
+    index: number;
+    xPos: number;
+    value: number;
+    label: string;
+}
+export interface CalculateSegmentsOptions {
+    segments: number;
+    width: number;
+    maxValue: number;
+    formatLabel: (value: number, index: number) => string;
+}
+export declare const calculateSegments: ({ segments, width, maxValue, formatLabel, }: CalculateSegmentsOptions) => Segment[];
+/**
+ * 進捗バーの幅とオフセットを計算
+ */
+export declare const calculateProgressBar: (progress: number, totalWidth: number) => {
+    width: number;
+    offset: number;
+};
+//# sourceMappingURL=utils.d.ts.map

package/dist/components/commons/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/commons/utils.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,wBAAwB;IACvC,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;CACtD;AAED,eAAO,MAAM,iBAAiB,GAAI,6CAK/B,wBAAwB,KAAG,OAAO,EAYpC,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,oBAAoB,GAC/B,UAAU,MAAM,EAChB,YAAY,MAAM,KACjB;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAKjC,CAAA"}

package/dist/components/commons/utils.js

@@ -0,0 +1,23 @@
+export const calculateSegments = ({ segments, width, maxValue, formatLabel, }) => {
+    const segmentWidth = width / segments;
+    return Array.from({ length: segments }).map((_, i) => {
+        const value = (i / (segments - 1)) * maxValue;
+        const xPos = -width / 2 + segmentWidth * (i + 0.5);
+        return {
+            index: i,
+            xPos,
+            value,
+            label: formatLabel(value, i),
+        };
+    });
+};
+/**
+ * 進捗バーの幅とオフセットを計算
+ */
+export const calculateProgressBar = (progress, totalWidth) => {
+    const clampedProgress = Math.min(1, Math.max(0, progress));
+    const width = totalWidth * clampedProgress;
+    const offset = -totalWidth / 2 + width / 2;
+    return { width, offset };
+};
+//# sourceMappingURL=utils.js.map

package/dist/components/commons/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/commons/utils.ts"],"names":[],"mappings":"AAiBA,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAChC,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,WAAW,GACc,EAAa,EAAE;IACxC,MAAM,YAAY,GAAG,KAAK,GAAG,QAAQ,CAAA;IACrC,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QACnD,MAAM,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAA;QAC7C,MAAM,IAAI,GAAG,CAAC,KAAK,GAAG,CAAC,GAAG,YAAY,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,CAAA;QAClD,OAAO;YACL,KAAK,EAAE,CAAC;YACR,IAAI;YACJ,KAAK;YACL,KAAK,EAAE,WAAW,CAAC,KAAK,EAAE,CAAC,CAAC;SAC7B,CAAA;IACH,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAClC,QAAgB,EAChB,UAAkB,EACiB,EAAE;IACrC,MAAM,eAAe,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAA;IAC1D,MAAM,KAAK,GAAG,UAAU,GAAG,eAAe,CAAA;IAC1C,MAAM,MAAM,GAAG,CAAC,UAAU,GAAG,CAAC,GAAG,KAAK,GAAG,CAAC,CAAA;IAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,CAAA;AAC1B,CAAC,CAAA"}

package/dist/components/commons/utils.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=utils.test.d.ts.map

package/dist/components/commons/utils.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.test.d.ts","sourceRoot":"","sources":["../../../src/components/commons/utils.test.ts"],"names":[],"mappings":""}

package/dist/components/commons/utils.test.js

@@ -0,0 +1,79 @@
+import { describe, it, expect } from 'vitest';
+import { calculateSegments, calculateProgressBar } from './utils';
+describe('calculateSegments', () => {
+    it('5セグメントで0-100の値を生成', () => {
+        const segments = calculateSegments({
+            segments: 5,
+            width: 10,
+            maxValue: 100,
+            formatLabel: (value) => `${value}%`,
+        });
+        expect(segments).toHaveLength(5);
+        expect(segments[0].value).toBe(0);
+        expect(segments[4].value).toBe(100);
+        expect(segments[2].value).toBe(50);
+    });
+    it('11セグメントで0-1の値を生成（音量バー）', () => {
+        const segments = calculateSegments({
+            segments: 11,
+            width: 3,
+            maxValue: 1,
+            formatLabel: (value) => `${Math.round(value * 100)}%`,
+        });
+        expect(segments).toHaveLength(11);
+        expect(segments[0].value).toBe(0);
+        expect(segments[10].value).toBe(1);
+        expect(segments[5].value).toBeCloseTo(0.5);
+    });
+    it('xPosがセグメントの中央に配置される', () => {
+        const segments = calculateSegments({
+            segments: 4,
+            width: 8,
+            maxValue: 1,
+            formatLabel: () => '',
+        });
+        // width=8, segments=4 => segmentWidth=2
+        // 中央位置: -4 + 2*(0.5) = -3, -4 + 2*(1.5) = -1, -4 + 2*(2.5) = 1, -4 + 2*(3.5) = 3
+        expect(segments[0].xPos).toBe(-3);
+        expect(segments[1].xPos).toBe(-1);
+        expect(segments[2].xPos).toBe(1);
+        expect(segments[3].xPos).toBe(3);
+    });
+    it('formatLabelが正しく呼ばれる', () => {
+        const segments = calculateSegments({
+            segments: 3,
+            width: 6,
+            maxValue: 60,
+            formatLabel: (value, index) => index === 0 ? '最初' : `${value}秒`,
+        });
+        expect(segments[0].label).toBe('最初');
+        expect(segments[1].label).toBe('30秒');
+        expect(segments[2].label).toBe('60秒');
+    });
+});
+describe('calculateProgressBar', () => {
+    it('進捗0のとき幅は0', () => {
+        const result = calculateProgressBar(0, 10);
+        expect(result.width).toBe(0);
+        expect(result.offset).toBe(-5);
+    });
+    it('進捗1のとき幅は全体', () => {
+        const result = calculateProgressBar(1, 10);
+        expect(result.width).toBe(10);
+        expect(result.offset).toBe(0);
+    });
+    it('進捗0.5のとき幅は半分', () => {
+        const result = calculateProgressBar(0.5, 10);
+        expect(result.width).toBe(5);
+        expect(result.offset).toBe(-2.5);
+    });
+    it('進捗が1を超えても1にクランプ', () => {
+        const result = calculateProgressBar(1.5, 10);
+        expect(result.width).toBe(10);
+    });
+    it('進捗が0未満でも0にクランプ', () => {
+        const result = calculateProgressBar(-0.5, 10);
+        expect(result.width).toBe(0);
+    });
+});
+//# sourceMappingURL=utils.test.js.map

package/dist/components/commons/utils.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.test.js","sourceRoot":"","sources":["../../../src/components/commons/utils.test.ts"],"names":[],"mappings":"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"}

package/dist/hooks/useSyncState.d.ts

@@ -0,0 +1,8 @@
+export type SyncMode = "global" | "local";
+/**
+ * syncモードに応じて適切な状態管理を選択するフック
+ * - global: useInstanceState（マルチユーザー間で共有）
+ * - local: useState（端末内のみ）
+ */
+export declare function useSyncState<T>(key: string, initialValue: T, sync: SyncMode): readonly [T, (state: T | ((prevState: T) => T)) => void];
+//# sourceMappingURL=useSyncState.d.ts.map

package/dist/hooks/useSyncState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSyncState.d.ts","sourceRoot":"","sources":["../../src/hooks/useSyncState.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE1C;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,CAAC,EAC5B,GAAG,EAAE,MAAM,EACX,YAAY,EAAE,CAAC,EACf,IAAI,EAAE,QAAQ,4DASf"}

package/dist/hooks/useSyncState.js

@@ -0,0 +1,16 @@
+import { useState } from "react";
+import { useInstanceState } from "./useInstanceState";
+/**
+ * syncモードに応じて適切な状態管理を選択するフック
+ * - global: useInstanceState（マルチユーザー間で共有）
+ * - local: useState（端末内のみ）
+ */
+export function useSyncState(key, initialValue, sync) {
+    const [globalState, setGlobalState] = useInstanceState(key, initialValue);
+    const [localState, setLocalState] = useState(initialValue);
+    if (sync === "global") {
+        return [globalState, setGlobalState];
+    }
+    return [localState, setLocalState];
+}
+//# sourceMappingURL=useSyncState.js.map

package/dist/hooks/useSyncState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSyncState.js","sourceRoot":"","sources":["../../src/hooks/useSyncState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAItD;;;;GAIG;AACH,MAAM,UAAU,YAAY,CAC1B,GAAW,EACX,YAAe,EACf,IAAc;IAEd,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,gBAAgB,CAAI,GAAG,EAAE,YAAY,CAAC,CAAC;IAC7E,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAI,YAAY,CAAC,CAAC;IAE9D,IAAI,IAAI,KAAK,QAAQ,EAAE,CAAC;QACtB,OAAO,CAAC,WAAW,EAAE,cAAc,CAAU,CAAC;IAChD,CAAC;IACD,OAAO,CAAC,UAAU,EAAE,aAAa,CAAU,CAAC;AAC9C,CAAC"}

package/dist/hooks/useVideoElement.d.ts

@@ -0,0 +1,30 @@
+import type * as THREE from "three";
+export interface UseVideoElementOptions {
+    /** 動画URL */
+    url: string;
+    /** キャッシュバスター用キー */
+    cacheKey?: number;
+    /** 再生中かどうか */
+    playing: boolean;
+    /** 音量 0〜1 */
+    volume: number;
+    /** ループ再生するか */
+    loop?: boolean;
+    /** エラー発生時のコールバック */
+    onError?: (error: Error) => void;
+    /** バッファリング状態変更時のコールバック */
+    onBufferingChange?: (buffering: boolean) => void;
+    /** 動画の長さ取得時のコールバック */
+    onDurationChange?: (duration: number) => void;
+}
+export interface UseVideoElementReturn {
+    /** 動画テクスチャ */
+    texture: THREE.VideoTexture;
+    /** 動画要素への参照 */
+    videoRef: React.MutableRefObject<HTMLVideoElement>;
+}
+/**
+ * 動画要素の再生制御・音量・イベント管理を行うフック
+ */
+export declare function useVideoElement({ url, cacheKey, playing, volume, loop, onError, onBufferingChange, onDurationChange, }: UseVideoElementOptions): UseVideoElementReturn;
+//# sourceMappingURL=useVideoElement.d.ts.map

package/dist/hooks/useVideoElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVideoElement.d.ts","sourceRoot":"","sources":["../../src/hooks/useVideoElement.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAQpC,MAAM,WAAW,sBAAsB;IACrC,YAAY;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,mBAAmB;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa;IACb,MAAM,EAAE,MAAM,CAAC;IACf,eAAe;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,oBAAoB;IACpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,0BAA0B;IAC1B,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,sBAAsB;IACtB,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/C;AAED,MAAM,WAAW,qBAAqB;IACpC,cAAc;IACd,OAAO,EAAE,KAAK,CAAC,YAAY,CAAC;IAC5B,eAAe;IACf,QAAQ,EAAE,KAAK,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;CACpD;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,EAC9B,GAAG,EACH,QAAY,EACZ,OAAO,EACP,MAAM,EACN,IAAY,EACZ,OAAO,EACP,iBAAiB,EACjB,gBAAgB,GACjB,EAAE,sBAAsB,GAAG,qBAAqB,CAgMhD"}

package/dist/hooks/useVideoElement.js

@@ -0,0 +1,182 @@
+import { useEffect, useRef, useCallback } from "react";
+import { useVideoTexture } from "@react-three/drei";
+import { useWebAudioVolume } from "./useWebAudioVolume";
+// 動画が停止したと判断するまでの時間（ms）
+const STALL_DETECTION_DELAY = 3000;
+// 停止判定のチェック間隔（ms）
+const STALL_CHECK_INTERVAL = 500;
+/**
+ * 動画要素の再生制御・音量・イベント管理を行うフック
+ */
+export function useVideoElement({ url, cacheKey = 0, playing, volume, loop = false, onError, onBufferingChange, onDurationChange, }) {
+    // エラー報告済みフラグ（同じマウント中に複数回エラーを報告しない）
+    const errorReportedRef = useRef(false);
+    // 停止検出用
+    const lastTimeRef = useRef(0);
+    const stallCheckIntervalRef = useRef(null);
+    const stallStartTimeRef = useRef(null);
+    // suspend-reactのキャッシュを無効化するためにURLにcacheKeyを付与
+    const urlWithCacheKey = `${url}${url.includes("?") ? "&" : "?"}_ck=${cacheKey}`;
+    const texture = useVideoTexture(urlWithCacheKey, {
+        muted: false,
+        loop,
+        start: playing,
+    });
+    const videoRef = useRef(texture.image);
+    // テクスチャが変わったらvideoRefを更新
+    useEffect(() => {
+        videoRef.current = texture.image;
+        errorReportedRef.current = false; // 新しいテクスチャではエラーフラグをリセット
+    }, [texture]);
+    // 再生/停止制御
+    useEffect(() => {
+        const video = videoRef.current;
+        if (!video)
+            return;
+        if (playing) {
+            video.play().catch((err) => {
+                if (!errorReportedRef.current) {
+                    errorReportedRef.current = true;
+                    console.error("Video play error:", err);
+                    onError?.(err);
+                }
+            });
+        }
+        else {
+            video.pause();
+        }
+    }, [playing, onError, texture]);
+    // Web Audio API を使用した音量制御（iOS対応）
+    useWebAudioVolume(videoRef.current, volume);
+    // 停止検出を開始
+    const startStallDetection = useCallback((errorMessage) => {
+        if (stallCheckIntervalRef.current)
+            return; // 既に監視中
+        const video = videoRef.current;
+        if (!video)
+            return;
+        lastTimeRef.current = video.currentTime;
+        stallStartTimeRef.current = Date.now();
+        stallCheckIntervalRef.current = setInterval(() => {
+            const currentVideo = videoRef.current;
+            if (!currentVideo)
+                return;
+            const now = Date.now();
+            const currentTime = currentVideo.currentTime;
+            // 再生が進んでいる場合は停止検出をリセット
+            if (currentTime > lastTimeRef.current) {
+                lastTimeRef.current = currentTime;
+                stallStartTimeRef.current = now;
+                return;
+            }
+            // 一定時間再生が進まない場合はエラーを報告
+            if (stallStartTimeRef.current &&
+                now - stallStartTimeRef.current > STALL_DETECTION_DELAY) {
+                if (!errorReportedRef.current) {
+                    errorReportedRef.current = true;
+                    console.error("Video stalled:", errorMessage);
+                    onError?.(new Error(errorMessage));
+                }
+                // 停止検出を終了
+                if (stallCheckIntervalRef.current) {
+                    clearInterval(stallCheckIntervalRef.current);
+                    stallCheckIntervalRef.current = null;
+                }
+            }
+        }, STALL_CHECK_INTERVAL);
+    }, [onError]);
+    // 停止検出をクリア
+    const clearStallDetection = useCallback(() => {
+        if (stallCheckIntervalRef.current) {
+            clearInterval(stallCheckIntervalRef.current);
+            stallCheckIntervalRef.current = null;
+        }
+        stallStartTimeRef.current = null;
+    }, []);
+    // イベントリスナーの設定
+    useEffect(() => {
+        const video = videoRef.current;
+        if (!video)
+            return;
+        const handleWaiting = () => onBufferingChange?.(true);
+        const handlePlaying = () => {
+            onBufferingChange?.(false);
+            clearStallDetection(); // 再生が再開したら停止検出をクリア
+        };
+        const handleCanPlay = () => {
+            onBufferingChange?.(false);
+            clearStallDetection();
+        };
+        const handleTimeUpdate = () => {
+            // 再生が進んでいれば停止検出をリセット
+            lastTimeRef.current = video.currentTime;
+            if (stallStartTimeRef.current) {
+                stallStartTimeRef.current = Date.now();
+            }
+        };
+        const handleError = (e) => {
+            if (errorReportedRef.current)
+                return;
+            const error = e.target.error;
+            if (error) {
+                // MEDIA_ERR_DECODE (code 3) は一時的なエラーの可能性があるため、
+                // 即座にエラーを報告せず、動画が本当に停止しているか監視する
+                if (error.code === MediaError.MEDIA_ERR_DECODE) {
+                    console.warn("Video decode error (monitoring for stall):", error.message);
+                    startStallDetection(error.message);
+                }
+                else {
+                    // その他のエラーは即座に報告
+                    errorReportedRef.current = true;
+                    console.error("Video error:", error.message);
+                    onError?.(new Error(error.message));
+                }
+            }
+        };
+        const handleLoadedMetadata = () => {
+            onDurationChange?.(video.duration || 0);
+        };
+        // 既にメタデータが読み込まれている場合
+        if (video.duration) {
+            onDurationChange?.(video.duration);
+        }
+        video.addEventListener("waiting", handleWaiting);
+        video.addEventListener("playing", handlePlaying);
+        video.addEventListener("canplay", handleCanPlay);
+        video.addEventListener("timeupdate", handleTimeUpdate);
+        video.addEventListener("error", handleError);
+        video.addEventListener("loadedmetadata", handleLoadedMetadata);
+        return () => {
+            video.removeEventListener("waiting", handleWaiting);
+            video.removeEventListener("playing", handlePlaying);
+            video.removeEventListener("canplay", handleCanPlay);
+            video.removeEventListener("timeupdate", handleTimeUpdate);
+            video.removeEventListener("error", handleError);
+            video.removeEventListener("loadedmetadata", handleLoadedMetadata);
+            clearStallDetection();
+        };
+    }, [texture, onError, onBufferingChange, onDurationChange, startStallDetection, clearStallDetection]);
+    // クリーンアップ
+    useEffect(() => {
+        const video = texture.image;
+        return () => {
+            // 停止検出をクリア
+            if (stallCheckIntervalRef.current) {
+                clearInterval(stallCheckIntervalRef.current);
+                stallCheckIntervalRef.current = null;
+            }
+            // 再生を停止
+            video.pause();
+            // ソースを完全にクリア
+            video.src = "";
+            video.removeAttribute("src");
+            video.srcObject = null;
+            // MediaSourceをリリースするためにloadを呼び出し
+            video.load();
+            // テクスチャを破棄
+            texture.dispose();
+        };
+    }, [texture]);
+    return { texture, videoRef };
+}
+//# sourceMappingURL=useVideoElement.js.map

package/dist/hooks/useVideoElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVideoElement.js","sourceRoot":"","sources":["../../src/hooks/useVideoElement.ts"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -8,12 +8,13 @@ export { Interactable, type InteractableProps, } from './components/Interactable
 export { Mirror, type MirrorProps } from './components/Mirror';
 export { Skybox, type SkyboxProps } from './components/Skybox';
 export { VideoScreen, type VideoScreenProps, type VideoState, } from './components/VideoScreen';
-export { VideoPlayer, type VideoPlayerProps, } from './components/VideoPlayer';
-export { LiveVideoPlayer, type LiveVideoPlayerProps, } from './components/LiveVideoPlayer';
+export { VideoPlayer, type VideoPlayerProps } from './components/VideoPlayer';
+export { LiveVideoPlayer } from './components/LiveVideoPlayer';
 export { ScreenShareDisplay, type ScreenShareDisplayProps, } from './components/ScreenShareDisplay';
 export { SpawnPoint, type SpawnPointProps, } from './components/SpawnPoint';
 export { TextInput, type TextInputProps, } from './components/TextInput';
 export { TagBoard, type TagBoardProps, type Tag, } from './components/TagBoard';
+export { Video180Sphere, type Video180SphereProps, } from './components/Video180Sphere';
 export { useInstanceState } from './hooks/useInstanceState';
 export { useSpawnPoint } from './hooks/useSpawnPoint';
 export { useWebAudioVolume } from './hooks/useWebAudioVolume';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,KAAK,iBAAiB,GACvB,MAAM,yBAAyB,CAAA;AAEhC,OAAO,EACL,oBAAoB,EACpB,uBAAuB,EACvB,KAAK,yBAAyB,GAC/B,MAAM,iCAAiC,CAAA;AAExC,OAAO,EACL,kBAAkB,EAClB,mBAAmB,EACnB,qBAAqB,EACrB,KAAK,uBAAuB,GAC7B,MAAM,+BAA+B,CAAA;AAEtC,OAAO,EACL,iBAAiB,EACjB,kBAAkB,EAClB,oBAAoB,EACpB,KAAK,UAAU,IAAI,cAAc,EACjC,KAAK,sBAAsB,GAC5B,MAAM,8BAA8B,CAAA;AAErC,OAAO,EACL,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,KAAK,IAAI,EACT,KAAK,iBAAiB,GACvB,MAAM,yBAAyB,CAAA;AAEhC,OAAO,EACL,gBAAgB,EAChB,iBAAiB,EACjB,mBAAmB,EACnB,oCAAoC,EACpC,KAAK,qBAAqB,EAC1B,KAAK,gBAAgB,GACtB,MAAM,6BAA6B,CAAA;AAGpC,OAAO,EACL,YAAY,EACZ,KAAK,iBAAiB,GACvB,MAAM,2BAA2B,CAAA;AAElC,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAE9D,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAE9D,OAAO,EACL,WAAW,EACX,KAAK,gBAAgB,EACrB,KAAK,UAAU,GAChB,MAAM,0BAA0B,CAAA;AAEjC,OAAO,EACL,WAAW,EACX,KAAK,gBAAgB,GACtB,MAAM,0BAA0B,CAAA;AAEjC,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,GAC1B,MAAM,8BAA8B,CAAA;AAErC,OAAO,EACL,kBAAkB,EAClB,KAAK,uBAAuB,GAC7B,MAAM,iCAAiC,CAAA;AAExC,OAAO,EACL,UAAU,EACV,KAAK,eAAe,GACrB,MAAM,yBAAyB,CAAA;AAEhC,OAAO,EACL,SAAS,EACT,KAAK,cAAc,GACpB,MAAM,wBAAwB,CAAA;AAE/B,OAAO,EACL,QAAQ,EACR,KAAK,aAAa,EAClB,KAAK,GAAG,GACT,MAAM,uBAAuB,CAAA;AAG9B,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAG7D,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,UAAU,EACf,KAAK,UAAU,EACf,KAAK,cAAc,EACnB,KAAK,mBAAmB,GACzB,MAAM,kBAAkB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,KAAK,iBAAiB,GACvB,MAAM,yBAAyB,CAAA;AAEhC,OAAO,EACL,oBAAoB,EACpB,uBAAuB,EACvB,KAAK,yBAAyB,GAC/B,MAAM,iCAAiC,CAAA;AAExC,OAAO,EACL,kBAAkB,EAClB,mBAAmB,EACnB,qBAAqB,EACrB,KAAK,uBAAuB,GAC7B,MAAM,+BAA+B,CAAA;AAEtC,OAAO,EACL,iBAAiB,EACjB,kBAAkB,EAClB,oBAAoB,EACpB,KAAK,UAAU,IAAI,cAAc,EACjC,KAAK,sBAAsB,GAC5B,MAAM,8BAA8B,CAAA;AAErC,OAAO,EACL,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,KAAK,IAAI,EACT,KAAK,iBAAiB,GACvB,MAAM,yBAAyB,CAAA;AAEhC,OAAO,EACL,gBAAgB,EAChB,iBAAiB,EACjB,mBAAmB,EACnB,oCAAoC,EACpC,KAAK,qBAAqB,EAC1B,KAAK,gBAAgB,GACtB,MAAM,6BAA6B,CAAA;AAGpC,OAAO,EACL,YAAY,EACZ,KAAK,iBAAiB,GACvB,MAAM,2BAA2B,CAAA;AAElC,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAE9D,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAE9D,OAAO,EACL,WAAW,EACX,KAAK,gBAAgB,EACrB,KAAK,UAAU,GAChB,MAAM,0BAA0B,CAAA;AAEjC,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAE7E,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AAE9D,OAAO,EACL,kBAAkB,EAClB,KAAK,uBAAuB,GAC7B,MAAM,iCAAiC,CAAA;AAExC,OAAO,EACL,UAAU,EACV,KAAK,eAAe,GACrB,MAAM,yBAAyB,CAAA;AAEhC,OAAO,EACL,SAAS,EACT,KAAK,cAAc,GACpB,MAAM,wBAAwB,CAAA;AAE/B,OAAO,EACL,QAAQ,EACR,KAAK,aAAa,EAClB,KAAK,GAAG,GACT,MAAM,uBAAuB,CAAA;AAE9B,OAAO,EACL,cAAc,EACd,KAAK,mBAAmB,GACzB,MAAM,6BAA6B,CAAA;AAGpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAG7D,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,UAAU,EACf,KAAK,UAAU,EACf,KAAK,cAAc,EACnB,KAAK,mBAAmB,GACzB,MAAM,kBAAkB,CAAA"}

package/dist/index.js

@@ -10,12 +10,13 @@ export { Interactable, } from './components/Interactable';
 export { Mirror } from './components/Mirror';
 export { Skybox } from './components/Skybox';
 export { VideoScreen, } from './components/VideoScreen';
-export { VideoPlayer, } from './components/VideoPlayer';
-export { LiveVideoPlayer, } from './components/LiveVideoPlayer';
+export { VideoPlayer } from './components/VideoPlayer';
+export { LiveVideoPlayer } from './components/LiveVideoPlayer';
 export { ScreenShareDisplay, } from './components/ScreenShareDisplay';
 export { SpawnPoint, } from './components/SpawnPoint';
 export { TextInput, } from './components/TextInput';
 export { TagBoard, } from './components/TagBoard';
+export { Video180Sphere, } from './components/Video180Sphere';
 // Hooks
 export { useInstanceState } from './hooks/useInstanceState';
 export { useSpawnPoint } from './hooks/useSpawnPoint';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,WAAW;AACX,OAAO,EACL,YAAY,EACZ,aAAa,EACb,QAAQ,GAET,MAAM,yBAAyB,CAAA;AAEhC,OAAO,EACL,oBAAoB,EACpB,uBAAuB,GAExB,MAAM,iCAAiC,CAAA;AAExC,OAAO,EACL,kBAAkB,EAClB,mBAAmB,EACnB,qBAAqB,GAEtB,MAAM,+BAA+B,CAAA;AAEtC,OAAO,EACL,iBAAiB,EACjB,kBAAkB,EAClB,oBAAoB,GAGrB,MAAM,8BAA8B,CAAA;AAErC,OAAO,EACL,YAAY,EACZ,aAAa,EACb,QAAQ,GAGT,MAAM,yBAAyB,CAAA;AAEhC,OAAO,EACL,gBAAgB,EAChB,iBAAiB,EACjB,mBAAmB,EACnB,oCAAoC,GAGrC,MAAM,6BAA6B,CAAA;AAEpC,aAAa;AACb,OAAO,EACL,YAAY,GAEb,MAAM,2BAA2B,CAAA;AAElC,OAAO,EAAE,MAAM,EAAoB,MAAM,qBAAqB,CAAA;AAE9D,OAAO,EAAE,MAAM,EAAoB,MAAM,qBAAqB,CAAA;AAE9D,OAAO,EACL,WAAW,GAGZ,MAAM,0BAA0B,CAAA;AAEjC,OAAO,EACL,WAAW,GAEZ,MAAM,0BAA0B,CAAA;AAEjC,OAAO,EACL,eAAe,GAEhB,MAAM,8BAA8B,CAAA;AAErC,OAAO,EACL,kBAAkB,GAEnB,MAAM,iCAAiC,CAAA;AAExC,OAAO,EACL,UAAU,GAEX,MAAM,yBAAyB,CAAA;AAEhC,OAAO,EACL,SAAS,GAEV,MAAM,wBAAwB,CAAA;AAE/B,OAAO,EACL,QAAQ,GAGT,MAAM,uBAAuB,CAAA;AAE9B,QAAQ;AACR,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,WAAW;AACX,OAAO,EACL,YAAY,EACZ,aAAa,EACb,QAAQ,GAET,MAAM,yBAAyB,CAAA;AAEhC,OAAO,EACL,oBAAoB,EACpB,uBAAuB,GAExB,MAAM,iCAAiC,CAAA;AAExC,OAAO,EACL,kBAAkB,EAClB,mBAAmB,EACnB,qBAAqB,GAEtB,MAAM,+BAA+B,CAAA;AAEtC,OAAO,EACL,iBAAiB,EACjB,kBAAkB,EAClB,oBAAoB,GAGrB,MAAM,8BAA8B,CAAA;AAErC,OAAO,EACL,YAAY,EACZ,aAAa,EACb,QAAQ,GAGT,MAAM,yBAAyB,CAAA;AAEhC,OAAO,EACL,gBAAgB,EAChB,iBAAiB,EACjB,mBAAmB,EACnB,oCAAoC,GAGrC,MAAM,6BAA6B,CAAA;AAEpC,aAAa;AACb,OAAO,EACL,YAAY,GAEb,MAAM,2BAA2B,CAAA;AAElC,OAAO,EAAE,MAAM,EAAoB,MAAM,qBAAqB,CAAA;AAE9D,OAAO,EAAE,MAAM,EAAoB,MAAM,qBAAqB,CAAA;AAE9D,OAAO,EACL,WAAW,GAGZ,MAAM,0BAA0B,CAAA;AAEjC,OAAO,EAAE,WAAW,EAAyB,MAAM,0BAA0B,CAAA;AAE7E,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AAE9D,OAAO,EACL,kBAAkB,GAEnB,MAAM,iCAAiC,CAAA;AAExC,OAAO,EACL,UAAU,GAEX,MAAM,yBAAyB,CAAA;AAEhC,OAAO,EACL,SAAS,GAEV,MAAM,wBAAwB,CAAA;AAE/B,OAAO,EACL,QAAQ,GAGT,MAAM,uBAAuB,CAAA;AAE9B,OAAO,EACL,cAAc,GAEf,MAAM,6BAA6B,CAAA;AAEpC,QAAQ;AACR,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xrift/world-components",
-  "version": "0.21.12",
+  "version": "0.22.0",
   "description": "Shared components and utilities for Xrift worlds",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -47,6 +47,7 @@
     "@react-three/fiber": "^9.4.0",
     "@types/react": "^18.3.12",
     "@types/three": "^0.181.0",
+    "jsdom": "^28.0.0",
     "react-dom": "^19.2.0",
     "three": "^0.181.0",
     "typescript": "^5.6.3",