@xrift/world-components 0.20.0 → 0.21.0

package/dist/components/LiveVideoPlayer/index.d.ts

@@ -1,4 +1,4 @@
 import type { LiveVideoPlayerProps } from './types';
 export type { LiveVideoPlayerProps } from './types';
-export declare const LiveVideoPlayer: import("react").MemoExoticComponent<({ id, position, rotation, width, url: initialUrl, ...props }: LiveVideoPlayerProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const LiveVideoPlayer: import("react").MemoExoticComponent<({ id, position, rotation, width, url: initialUrl, playing: initialPlaying, volume: initialVolume, onError, }: LiveVideoPlayerProps) => import("react/jsx-runtime").JSX.Element>;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/LiveVideoPlayer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/LiveVideoPlayer/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAEnD,YAAY,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAkInD,eAAO,MAAM,eAAe,qGAQvB,oBAAoB,6CA2CxB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/LiveVideoPlayer/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAEnD,YAAY,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAwJnD,eAAO,MAAM,eAAe,qJAUvB,oBAAoB,6CAyFxB,CAAA"}

package/dist/components/LiveVideoPlayer/index.js

@@ -1,15 +1,31 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo, Suspense, useState, useCallback, useEffect, useRef } from 'react';
-import { useVideoTexture } from '@react-three/drei';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { memo, Suspense, useState, useCallback, useEffect, useRef, Component } from 'react';
+import { useVideoTexture, Text } from '@react-three/drei';
 import { ControlPanel } from './ControlPanel';
 const DEFAULT_POSITION = [0, 2, -5];
 const DEFAULT_ROTATION = [0, 0, 0];
 const DEFAULT_WIDTH = 4;
-const LiveVideoPlayerInner = memo(({ id, position = DEFAULT_POSITION, rotation = DEFAULT_ROTATION, width = DEFAULT_WIDTH, url = '', playing: initialPlaying = true, volume: initialVolume = 1, onError, onUrlChange, }) => {
-    const [playing, setPlaying] = useState(initialPlaying);
-    const [volume, setVolume] = useState(initialVolume);
-    const [isBuffering, setIsBuffering] = useState(false);
-    const screenHeight = width * (9 / 16);
+class VideoErrorBoundary extends Component {
+    constructor(props) {
+        super(props);
+        this.state = { hasError: false };
+    }
+    static getDerivedStateFromError() {
+        return { hasError: true };
+    }
+    componentDidCatch(error) {
+        console.error('Video load error:', error);
+        this.props.onError?.(error);
+    }
+    render() {
+        if (this.state.hasError) {
+            return this.props.fallback;
+        }
+        return this.props.children;
+    }
+}
+/** 動画テクスチャを表示するコンポーネント（Suspense内で使用） */
+const VideoTexture = memo(({ url, width, screenHeight, playing, volume, onError, onBufferingChange, }) => {
     const texture = useVideoTexture(url, {
         muted: false,
         loop: false,
@@ -43,9 +59,9 @@ const LiveVideoPlayerInner = memo(({ id, position = DEFAULT_POSITION, rotation =
         const video = videoRef.current;
         if (!video)
             return;
-        const handleWaiting = () => setIsBuffering(true);
-        const handlePlaying = () => setIsBuffering(false);
-        const handleCanPlay = () => setIsBuffering(false);
+        const handleWaiting = () => onBufferingChange(true);
+        const handlePlaying = () => onBufferingChange(false);
+        const handleCanPlay = () => onBufferingChange(false);
         const handleError = (e) => {
             const error = e.target.error;
             if (error) {
@@ -63,7 +79,7 @@ const LiveVideoPlayerInner = memo(({ id, position = DEFAULT_POSITION, rotation =
             video.removeEventListener('canplay', handleCanPlay);
             video.removeEventListener('error', handleError);
         };
-    }, [texture, onError]);
+    }, [texture, onError, onBufferingChange]);
     useEffect(() => {
         const video = texture.image;
         return () => {
@@ -72,25 +88,37 @@ const LiveVideoPlayerInner = memo(({ id, position = DEFAULT_POSITION, rotation =
             video.load();
         };
     }, [texture]);
+    return (_jsxs("mesh", { children: [_jsx("planeGeometry", { args: [width, screenHeight] }), _jsx("meshBasicMaterial", { map: texture, toneMapped: false })] }));
+});
+VideoTexture.displayName = 'VideoTexture';
+/** プレースホルダー画面（読み込み中/エラー時/URL未設定時） */
+const PlaceholderScreen = memo(({ width, screenHeight, color }) => (_jsxs("mesh", { children: [_jsx("planeGeometry", { args: [width, screenHeight] }), _jsx("meshBasicMaterial", { color: color })] })));
+PlaceholderScreen.displayName = 'PlaceholderScreen';
+export const LiveVideoPlayer = memo(({ id, position = DEFAULT_POSITION, rotation = DEFAULT_ROTATION, width = DEFAULT_WIDTH, url: initialUrl, playing: initialPlaying = true, volume: initialVolume = 1, onError, }) => {
+    const [currentUrl, setCurrentUrl] = useState(initialUrl);
+    const [playing, setPlaying] = useState(initialPlaying);
+    const [volume, setVolume] = useState(initialVolume);
+    const [isBuffering, setIsBuffering] = useState(false);
+    const [hasError, setHasError] = useState(false);
+    const screenHeight = width * (9 / 16);
+    const handleUrlChange = useCallback((newUrl) => {
+        setCurrentUrl(newUrl);
+        setHasError(false);
+    }, []);
     const handlePlayPause = useCallback(() => {
         setPlaying((prev) => !prev);
     }, []);
     const handleVolumeChange = useCallback((newVolume) => {
         setVolume(newVolume);
     }, []);
-    return (_jsxs("group", { position: position, rotation: rotation, children: [_jsxs("mesh", { children: [_jsx("planeGeometry", { args: [width, screenHeight] }), _jsx("meshBasicMaterial", { map: texture, toneMapped: false })] }), _jsx(ControlPanel, { id: id, width: width, screenHeight: screenHeight, playing: playing, volume: volume, isBuffering: isBuffering, currentUrl: url, onPlayPause: handlePlayPause, onVolumeChange: handleVolumeChange, onUrlChange: onUrlChange })] }));
-});
-LiveVideoPlayerInner.displayName = 'LiveVideoPlayerInner';
-export const LiveVideoPlayer = memo(({ id, position = DEFAULT_POSITION, rotation = DEFAULT_ROTATION, width = DEFAULT_WIDTH, url: initialUrl, ...props }) => {
-    const [currentUrl, setCurrentUrl] = useState(initialUrl);
-    const screenHeight = width * (9 / 16);
-    const handleUrlChange = useCallback((newUrl) => {
-        setCurrentUrl(newUrl);
+    const handleBufferingChange = useCallback((buffering) => {
+        setIsBuffering(buffering);
     }, []);
-    if (!currentUrl) {
-        return (_jsx("group", { position: position, rotation: rotation, children: _jsxs("mesh", { children: [_jsx("planeGeometry", { args: [width, screenHeight] }), _jsx("meshBasicMaterial", { color: "#000000" })] }) }));
-    }
-    return (_jsx(Suspense, { fallback: _jsx("group", { position: position, rotation: rotation, children: _jsxs("mesh", { children: [_jsx("planeGeometry", { args: [width, screenHeight] }), _jsx("meshBasicMaterial", { color: "#333333" })] }) }), children: _jsx(LiveVideoPlayerInner, { id: id, position: position, rotation: rotation, width: width, url: currentUrl, onUrlChange: handleUrlChange, ...props }, currentUrl) }));
+    const handleError = useCallback((error) => {
+        setHasError(true);
+        onError?.(error);
+    }, [onError]);
+    return (_jsxs("group", { position: position, rotation: rotation, children: [!currentUrl || hasError ? (_jsxs(_Fragment, { children: [_jsx(PlaceholderScreen, { width: width, screenHeight: screenHeight, color: "#000000" }), !currentUrl && (_jsx(Text, { position: [0, 0, 0.01], fontSize: width * 0.05, color: "#666666", anchorX: "center", anchorY: "middle", children: "URL\u3092\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044" }))] })) : (_jsx(VideoErrorBoundary, { fallback: _jsx(PlaceholderScreen, { width: width, screenHeight: screenHeight, color: "#000000" }), onError: handleError, children: _jsx(Suspense, { fallback: _jsx(PlaceholderScreen, { width: width, screenHeight: screenHeight, color: "#333333" }), children: _jsx(VideoTexture, { url: currentUrl, width: width, screenHeight: screenHeight, playing: playing, volume: volume, onError: handleError, onBufferingChange: handleBufferingChange }, currentUrl) }) })), _jsx(ControlPanel, { id: id, width: width, screenHeight: screenHeight, playing: playing, volume: volume, isBuffering: isBuffering, currentUrl: currentUrl || '', onPlayPause: handlePlayPause, onVolumeChange: handleVolumeChange, onUrlChange: handleUrlChange })] }));
 });
 LiveVideoPlayer.displayName = 'LiveVideoPlayer';
 //# sourceMappingURL=index.js.map

package/dist/components/LiveVideoPlayer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/LiveVideoPlayer/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/LiveVideoPlayer/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAa,MAAM,OAAO,CAAA;AACtG,OAAO,EAAE,eAAe,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAK7C,MAAM,gBAAgB,GAA6B,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;AAC7D,MAAM,gBAAgB,GAA6B,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;AAC5D,MAAM,aAAa,GAAG,CAAC,CAAA;AAavB,MAAM,kBAAmB,SAAQ,SAAiD;IAChF,YAAY,KAAyB;QACnC,KAAK,CAAC,KAAK,CAAC,CAAA;QACZ,IAAI,CAAC,KAAK,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAA;IAClC,CAAC;IAED,MAAM,CAAC,wBAAwB;QAC7B,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAA;IAC3B,CAAC;IAED,iBAAiB,CAAC,KAAY;QAC5B,OAAO,CAAC,KAAK,CAAC,mBAAmB,EAAE,KAAK,CAAC,CAAA;QACzC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,CAAA;IAC7B,CAAC;IAED,MAAM;QACJ,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;YACxB,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAA;QAC5B,CAAC;QACD,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAA;IAC5B,CAAC;CACF;AAED,wCAAwC;AACxC,MAAM,YAAY,GAAG,IAAI,CACvB,CAAC,EACC,GAAG,EACH,KAAK,EACL,YAAY,EACZ,OAAO,EACP,MAAM,EACN,OAAO,EACP,iBAAiB,GASlB,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,eAAe,CAAC,GAAG,EAAE;QACnC,KAAK,EAAE,KAAK;QACZ,IAAI,EAAE,KAAK;QACX,KAAK,EAAE,OAAO;KACf,CAAC,CAAA;IAEF,MAAM,QAAQ,GAAG,MAAM,CAAmB,OAAO,CAAC,KAAyB,CAAC,CAAA;IAE5E,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,OAAO,GAAG,OAAO,CAAC,KAAyB,CAAA;IACtD,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAA;QAC9B,IAAI,CAAC,KAAK;YAAE,OAAM;QAElB,IAAI,OAAO,EAAE,CAAC;YACZ,KAAK,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE;gBACzB,OAAO,CAAC,KAAK,CAAC,wBAAwB,EAAE,GAAG,CAAC,CAAA;gBAC5C,OAAO,EAAE,CAAC,GAAG,CAAC,CAAA;YAChB,CAAC,CAAC,CAAA;QACJ,CAAC;aAAM,CAAC;YACN,KAAK,CAAC,KAAK,EAAE,CAAA;QACf,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAA;IAEtB,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAA;QAC9B,IAAI,CAAC,KAAK;YAAE,OAAM;QAElB,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAA;IACjD,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAA;QAC9B,IAAI,CAAC,KAAK;YAAE,OAAM;QAElB,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAA;QACnD,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAA;QACpD,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAA;QACpD,MAAM,WAAW,GAAG,CAAC,CAAQ,EAAE,EAAE;YAC/B,MAAM,KAAK,GAAI,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAA;YAClD,IAAI,KAAK,EAAE,CAAC;gBACV,OAAO,CAAC,KAAK,CAAC,mBAAmB,EAAE,KAAK,CAAC,OAAO,CAAC,CAAA;gBACjD,OAAO,EAAE,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAA;YACrC,CAAC;QACH,CAAC,CAAA;QAED,KAAK,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;QAChD,KAAK,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;QAChD,KAAK,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;QAChD,KAAK,CAAC,gBAAgB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAA;QAE5C,OAAO,GAAG,EAAE;YACV,KAAK,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;YACnD,KAAK,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;YACnD,KAAK,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;YACnD,KAAK,CAAC,mBAAmB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAA;QACjD,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,iBAAiB,CAAC,CAAC,CAAA;IAEzC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,OAAO,CAAC,KAAyB,CAAA;QAC/C,OAAO,GAAG,EAAE;YACV,KAAK,CAAC,KAAK,EAAE,CAAA;YACb,KAAK,CAAC,GAAG,GAAG,EAAE,CAAA;YACd,KAAK,CAAC,IAAI,EAAE,CAAA;QACd,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,OAAO,CACL,2BACE,wBAAe,IAAI,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,GAAI,EAC9C,4BAAmB,GAAG,EAAE,OAAO,EAAE,UAAU,EAAE,KAAK,GAAI,IACjD,CACR,CAAA;AACH,CAAC,CACF,CAAA;AAED,YAAY,CAAC,WAAW,GAAG,cAAc,CAAA;AAEzC,qCAAqC;AACrC,MAAM,iBAAiB,GAAG,IAAI,CAC5B,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAA0D,EAAE,EAAE,CAAC,CAC1F,2BACE,wBAAe,IAAI,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,GAAI,EAC9C,4BAAmB,KAAK,EAAE,KAAK,GAAI,IAC9B,CACR,CACF,CAAA;AAED,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAA;AAEnD,MAAM,CAAC,MAAM,eAAe,GAAG,IAAI,CACjC,CAAC,EACC,EAAE,EACF,QAAQ,GAAG,gBAAgB,EAC3B,QAAQ,GAAG,gBAAgB,EAC3B,KAAK,GAAG,aAAa,EACrB,GAAG,EAAE,UAAU,EACf,OAAO,EAAE,cAAc,GAAG,IAAI,EAC9B,MAAM,EAAE,aAAa,GAAG,CAAC,EACzB,OAAO,GACc,EAAE,EAAE;IACzB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAA;IACxD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAA;IACtD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAA;IACnD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACrD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC/C,MAAM,YAAY,GAAG,KAAK,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,CAAA;IAErC,MAAM,eAAe,GAAG,WAAW,CAAC,CAAC,MAAc,EAAE,EAAE;QACrD,aAAa,CAAC,MAAM,CAAC,CAAA;QACrB,WAAW,CAAC,KAAK,CAAC,CAAA;IACpB,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE;QACvC,UAAU,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAA;IAC7B,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,kBAAkB,GAAG,WAAW,CAAC,CAAC,SAAiB,EAAE,EAAE;QAC3D,SAAS,CAAC,SAAS,CAAC,CAAA;IACtB,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,qBAAqB,GAAG,WAAW,CAAC,CAAC,SAAkB,EAAE,EAAE;QAC/D,cAAc,CAAC,SAAS,CAAC,CAAA;IAC3B,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,KAAY,EAAE,EAAE;QACf,WAAW,CAAC,IAAI,CAAC,CAAA;QACjB,OAAO,EAAE,CAAC,KAAK,CAAC,CAAA;IAClB,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAA;IAED,OAAO,CACL,iBAAO,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,aAE1C,CAAC,UAAU,IAAI,QAAQ,CAAC,CAAC,CAAC,CACzB,8BACE,KAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,KAAK,EAAC,SAAS,GAAG,EAC9E,CAAC,UAAU,IAAI,CACd,KAAC,IAAI,IACH,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,EACtB,QAAQ,EAAE,KAAK,GAAG,IAAI,EACtB,KAAK,EAAC,SAAS,EACf,OAAO,EAAC,QAAQ,EAChB,OAAO,EAAC,QAAQ,0EAGX,CACR,IACA,CACJ,CAAC,CAAC,CAAC,CACF,KAAC,kBAAkB,IACjB,QAAQ,EAAE,KAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,KAAK,EAAC,SAAS,GAAG,EACzF,OAAO,EAAE,WAAW,YAEpB,KAAC,QAAQ,IACP,QAAQ,EAAE,KAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,KAAK,EAAC,SAAS,GAAG,YAEzF,KAAC,YAAY,IAEX,GAAG,EAAE,UAAU,EACf,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,WAAW,EACpB,iBAAiB,EAAE,qBAAqB,IAPnC,UAAU,CAQf,GACO,GACQ,CACtB,EAGD,KAAC,YAAY,IACX,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,IAAI,EAAE,EAC5B,WAAW,EAAE,eAAe,EAC5B,cAAc,EAAE,kBAAkB,EAClC,WAAW,EAAE,eAAe,GAC5B,IACI,CACT,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAA"}

package/dist/components/TagBoard/components/TagChip.d.ts

@@ -0,0 +1,12 @@
+import { type Tag } from '../types';
+export interface TagChipProps {
+    tag: Tag;
+    width: number;
+    height: number;
+    fontSize: number;
+    position?: [number, number, number];
+    /** 裏面にもテキストを表示するか */
+    doubleSided?: boolean;
+}
+export declare const TagChip: ({ tag, width, height, fontSize, position, doubleSided, }: TagChipProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TagChip.d.ts.map

package/dist/components/TagBoard/components/TagChip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagChip.d.ts","sourceRoot":"","sources":["../../../../src/components/TagBoard/components/TagChip.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,GAAG,EAAE,MAAM,UAAU,CAAA;AAEnC,MAAM,WAAW,YAAY;IAC3B,GAAG,EAAE,GAAG,CAAA;IACR,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;IACnC,qBAAqB;IACrB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED,eAAO,MAAM,OAAO,GAAI,0DAOrB,YAAY,4CAoCd,CAAA"}

package/dist/components/TagBoard/components/TagChip.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * TagChip コンポーネント
+ *
+ * タグを表示するシンプルなチップUI。
+ * 色付きのプレーン + 表裏両面にラベルテキストを表示します。
+ */
+import { Text } from '@react-three/drei';
+import { DoubleSide } from 'three';
+export const TagChip = ({ tag, width, height, fontSize, position, doubleSided = false, }) => {
+    return (_jsxs("group", { position: position, children: [_jsxs("mesh", { children: [_jsx("planeGeometry", { args: [width, height] }), _jsx("meshBasicMaterial", { color: tag.color, side: DoubleSide })] }), _jsx(Text, { position: [0, 0, 0.01], fontSize: fontSize, color: 0xffffff, anchorX: "center", anchorY: "middle", outlineWidth: fontSize * 0.04, outlineColor: 0x000000, children: tag.label }), doubleSided && (_jsx(Text, { position: [0, 0, -0.02], fontSize: fontSize, anchorX: "center", anchorY: "middle", color: 0xffffff, outlineWidth: fontSize * 0.04, outlineColor: 0x000000, children: tag.label }))] }));
+};
+//# sourceMappingURL=TagChip.js.map

package/dist/components/TagBoard/components/TagChip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagChip.js","sourceRoot":"","sources":["../../../../src/components/TagBoard/components/TagChip.tsx"],"names":[],"mappings":";AAAA;;;;;GAKG;AACH,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAclC,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EACtB,GAAG,EACH,KAAK,EACL,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,WAAW,GAAG,KAAK,GACN,EAAE,EAAE;IACjB,OAAO,CACL,iBAAO,QAAQ,EAAE,QAAQ,aAEvB,2BACE,wBAAe,IAAI,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,GAAI,EACxC,4BAAmB,KAAK,EAAE,GAAG,CAAC,KAAK,EAAE,IAAI,EAAE,UAAU,GAAI,IACpD,EAEP,KAAC,IAAI,IACH,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,EACtB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,QAAQ,EACf,OAAO,EAAC,QAAQ,EAChB,OAAO,EAAC,QAAQ,EAChB,YAAY,EAAE,QAAQ,GAAG,IAAI,EAC7B,YAAY,EAAE,QAAQ,YAErB,GAAG,CAAC,KAAK,GACL,EAEN,WAAW,IAAI,CACd,KAAC,IAAI,IACH,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,EACvB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAC,QAAQ,EAChB,OAAO,EAAC,QAAQ,EAChB,KAAK,EAAE,QAAQ,EACf,YAAY,EAAE,QAAQ,GAAG,IAAI,EAC7B,YAAY,EAAE,QAAQ,YAErB,GAAG,CAAC,KAAK,GACL,CACR,IACK,CACT,CAAA;AACH,CAAC,CAAA"}

package/dist/components/TagBoard/components/TagDisplay/index.d.ts

@@ -0,0 +1,3 @@
+import { type TagDisplayProps } from "../../types";
+export declare const TagDisplay: ({ userId, getMovement, tags, visible, instanceStateKey, }: TagDisplayProps) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/TagBoard/components/TagDisplay/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/TagBoard/components/TagDisplay/index.tsx"],"names":[],"mappings":"AAoBA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,aAAa,CAAC;AASnD,eAAO,MAAM,UAAU,GAAI,2DAMxB,eAAe,mDA8FjB,CAAC"}

package/dist/components/TagBoard/components/TagDisplay/index.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * TagDisplay コンポーネント
+ *
+ * 指定ユーザーの頭上に選択済みタグを列ごとに整列して表示します。
+ * 位置は `getMovement(userId)` の結果に追従します。
+ *
+ * Props:
+ * - userId: 表示対象ユーザーID
+ * - getMovement: ユーザー位置を取得する関数（毎フレーム呼び出し）
+ * - tags: 全タグ定義（フィルター前）
+ * - visible: 表示/非表示フラグ
+ * - instanceStateKey: インスタンス状態キーの識別子
+ */
+import { useMemo, useRef } from "react";
+import { Billboard } from "@react-three/drei";
+import { useFrame } from "@react-three/fiber";
+import { DoubleSide, Vector3 } from "three";
+import { useInstanceState } from "../../../../hooks/useInstanceState";
+import { TagChip } from "../TagChip";
+import { calculateLayout, getSelectedTags, groupTagsByColumn, } from "./utils";
+const HEAD_OFFSET_Y = 1.6;
+export const TagDisplay = ({ userId, getMovement, tags, visible, instanceStateKey, }) => {
+    const groupRef = useRef(null);
+    const stateKey = `tag-${instanceStateKey}-${userId}`;
+    // インスタンス状態から選択済みタグID を取得
+    const [selectedTagIds] = useInstanceState(stateKey, []);
+    // useMemo
+    const flatTags = useMemo(() => tags.flat(), [tags]);
+    const selectedTags = useMemo(() => getSelectedTags(selectedTagIds, flatTags), [selectedTagIds, flatTags]);
+    const activeColumns = useMemo(() => groupTagsByColumn(selectedTags, tags), [selectedTags, tags]);
+    const layout = useMemo(() => calculateLayout(activeColumns), [activeColumns]);
+    // useFrame で位置を更新
+    useFrame(() => {
+        if (!userId || !groupRef.current)
+            return;
+        const movement = getMovement(userId);
+        if (!movement) {
+            groupRef.current.visible = false;
+            return;
+        }
+        // ワールド座標
+        const worldPos = new Vector3(movement.position.x, movement.position.y + HEAD_OFFSET_Y, movement.position.z);
+        // 親がある場合、ワールド座標をローカル座標に変換
+        const parent = groupRef.current.parent;
+        if (parent) {
+            parent.updateWorldMatrix(true, false);
+            parent.worldToLocal(worldPos);
+        }
+        groupRef.current.position.copy(worldPos);
+        groupRef.current.visible = true;
+    });
+    // タグが無い、または非表示の場合は何も描画しない
+    if (selectedTags.length === 0 || !visible)
+        return null;
+    return (_jsx("group", { ref: groupRef, visible: false, scale: [0.5, 0.5, 0.5], children: _jsx(Billboard, { follow: true, lockX: false, lockY: false, lockZ: false, children: _jsxs("group", { children: [_jsxs("mesh", { position: [0, (-(layout.maxRows - 1) * layout.tagHeight) / 2, -0.02], children: [_jsx("planeGeometry", { args: [layout.totalWidth + 0.1, layout.maxRows * layout.tagHeight + 0.1] }), _jsx("meshBasicMaterial", { color: 0x000000, opacity: 0.6, transparent: true, side: DoubleSide })] }), activeColumns.map(([columnIndex, columnTags], activeColIndex) => {
+                        const xPos = (activeColIndex - (activeColumns.length - 1) / 2) * layout.columnSpacing;
+                        return columnTags.map((tag, rowIndex) => {
+                            const yOffset = -rowIndex * (layout.tagHeight + layout.tagSpacing);
+                            return (_jsx(TagChip, { tag: tag, width: layout.tagWidth, height: layout.tagHeight, fontSize: 0.08, position: [xPos, yOffset, 0], doubleSided: true }, `${columnIndex}-${tag.id}`));
+                        });
+                    })] }) }) }));
+};
+//# sourceMappingURL=index.js.map

package/dist/components/TagBoard/components/TagDisplay/index.js.map

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

package/dist/components/TagBoard/components/TagDisplay/utils.d.ts

@@ -0,0 +1,23 @@
+import { type Tag } from "../../types";
+export interface TagDisplayLayout {
+    tagHeight: number;
+    tagWidth: number;
+    tagSpacing: number;
+    columnSpacing: number;
+    maxRows: number;
+    totalWidth: number;
+}
+export type ActiveColumn = [number, Tag[]];
+/**
+ * 選択されたタグIDから実際のタグオブジェクトを取得
+ */
+export declare const getSelectedTags: (selectedTagIds: string[], flatTags: Tag[]) => Tag[];
+/**
+ * 選択済みタグを列ごとにマッピングしてソート
+ */
+export declare const groupTagsByColumn: (selectedTags: Tag[], tags: Tag[][]) => ActiveColumn[];
+/**
+ * レイアウト計算
+ */
+export declare const calculateLayout: (activeColumns: ActiveColumn[]) => TagDisplayLayout;
+//# sourceMappingURL=utils.d.ts.map

package/dist/components/TagBoard/components/TagDisplay/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/TagBoard/components/TagDisplay/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAE,MAAM,aAAa,CAAC;AAEvC,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,MAAM,YAAY,GAAG,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC;AAE3C;;GAEG;AACH,eAAO,MAAM,eAAe,GAC1B,gBAAgB,MAAM,EAAE,EACxB,UAAU,GAAG,EAAE,KACd,GAAG,EAKL,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,GAC5B,cAAc,GAAG,EAAE,EACnB,MAAM,GAAG,EAAE,EAAE,KACZ,YAAY,EAoBd,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,eAAe,YAAY,EAAE,KAAG,gBAmB/D,CAAC"}

package/dist/components/TagBoard/components/TagDisplay/utils.js

@@ -0,0 +1,53 @@
+/**
+ * 選択されたタグIDから実際のタグオブジェクトを取得
+ */
+export const getSelectedTags = (selectedTagIds, flatTags) => {
+    const uniqueTagIds = [...new Set(selectedTagIds)];
+    return uniqueTagIds
+        .map((id) => flatTags.find((tag) => tag.id === id))
+        .filter((tag) => tag !== undefined);
+};
+/**
+ * 選択済みタグを列ごとにマッピングしてソート
+ */
+export const groupTagsByColumn = (selectedTags, tags) => {
+    const columnMap = new Map();
+    selectedTags.forEach((tag) => {
+        let columnIndex = -1;
+        for (let i = 0; i < tags.length; i++) {
+            if (tags[i].some((t) => t.id === tag.id)) {
+                columnIndex = i;
+                break;
+            }
+        }
+        if (columnIndex === -1)
+            return;
+        if (!columnMap.has(columnIndex)) {
+            columnMap.set(columnIndex, []);
+        }
+        columnMap.get(columnIndex).push(tag);
+    });
+    return Array.from(columnMap.entries()).sort((a, b) => a[0] - b[0]);
+};
+/**
+ * レイアウト計算
+ */
+export const calculateLayout = (activeColumns) => {
+    const tagHeight = 0.16;
+    const tagWidth = 0.8;
+    const tagSpacing = 0;
+    const columnSpacing = tagWidth;
+    const maxRows = activeColumns.length > 0
+        ? Math.max(...activeColumns.map(([, t]) => t.length))
+        : 0;
+    const totalWidth = activeColumns.length * tagWidth;
+    return {
+        tagHeight,
+        tagWidth,
+        tagSpacing,
+        columnSpacing,
+        maxRows,
+        totalWidth,
+    };
+};
+//# sourceMappingURL=utils.js.map

package/dist/components/TagBoard/components/TagDisplay/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../src/components/TagBoard/components/TagDisplay/utils.ts"],"names":[],"mappings":"AAaA;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAC7B,cAAwB,EACxB,QAAe,EACR,EAAE;IACT,MAAM,YAAY,GAAG,CAAC,GAAG,IAAI,GAAG,CAAC,cAAc,CAAC,CAAC,CAAC;IAClD,OAAO,YAAY;SAChB,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;SAClD,MAAM,CAAC,CAAC,GAAG,EAAc,EAAE,CAAC,GAAG,KAAK,SAAS,CAAC,CAAC;AACpD,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC/B,YAAmB,EACnB,IAAa,EACG,EAAE;IAClB,MAAM,SAAS,GAAG,IAAI,GAAG,EAAiB,CAAC;IAE3C,YAAY,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;QAC3B,IAAI,WAAW,GAAG,CAAC,CAAC,CAAC;QACrB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YACrC,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC;gBACzC,WAAW,GAAG,CAAC,CAAC;gBAChB,MAAM;YACR,CAAC;QACH,CAAC;QACD,IAAI,WAAW,KAAK,CAAC,CAAC;YAAE,OAAO;QAE/B,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC;YAChC,SAAS,CAAC,GAAG,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;QACjC,CAAC;QACD,SAAS,CAAC,GAAG,CAAC,WAAW,CAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACxC,CAAC,CAAC,CAAC;IAEH,OAAO,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACrE,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,aAA6B,EAAoB,EAAE;IACjF,MAAM,SAAS,GAAG,IAAI,CAAC;IACvB,MAAM,QAAQ,GAAG,GAAG,CAAC;IACrB,MAAM,UAAU,GAAG,CAAC,CAAC;IACrB,MAAM,aAAa,GAAG,QAAQ,CAAC;IAE/B,MAAM,OAAO,GAAG,aAAa,CAAC,MAAM,GAAG,CAAC;QACtC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;QACrD,CAAC,CAAC,CAAC,CAAC;IACN,MAAM,UAAU,GAAG,aAAa,CAAC,MAAM,GAAG,QAAQ,CAAC;IAEnD,OAAO;QACL,SAAS;QACT,QAAQ;QACR,UAAU;QACV,aAAa;QACb,OAAO;QACP,UAAU;KACX,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/TagBoard/components/TagSelector/components/ActionButton.d.ts

@@ -0,0 +1,13 @@
+export interface ActionButtonProps {
+    id: string;
+    label: string;
+    color: number;
+    width: number;
+    height: number;
+    scale: number;
+    position: [number, number, number];
+    onInteract: () => void;
+    interactionText: string;
+}
+export declare const ActionButton: ({ id, label, color, width, height, scale, position, onInteract, interactionText, }: ActionButtonProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ActionButton.d.ts.map

package/dist/components/TagBoard/components/TagSelector/components/ActionButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionButton.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TagBoard/components/TagSelector/components/ActionButton.tsx"],"names":[],"mappings":"AASA,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IACnC,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,YAAY,GAAI,oFAU1B,iBAAiB,4CAoBnB,CAAC"}

package/dist/components/TagBoard/components/TagSelector/components/ActionButton.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * ActionButton コンポーネント
+ *
+ * TagSelector内で使用する汎用アクションボタン。
+ */
+import { Text } from "@react-three/drei";
+import { Interactable } from "../../../../Interactable";
+export const ActionButton = ({ id, label, color, width, height, scale, position, onInteract, interactionText, }) => {
+    return (_jsxs("group", { position: position, children: [_jsx(Interactable, { id: id, onInteract: onInteract, interactionText: interactionText, children: _jsxs("mesh", { children: [_jsx("boxGeometry", { args: [width, height, 0.01 * scale] }), _jsx("meshStandardMaterial", { color: color, opacity: 1, transparent: true })] }) }), _jsx(Text, { position: [0, 0, 0.006 * scale], fontSize: 0.15 * scale, color: 0xffffff, anchorX: "center", anchorY: "middle", children: label })] }));
+};
+//# sourceMappingURL=ActionButton.js.map

package/dist/components/TagBoard/components/TagSelector/components/ActionButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionButton.js","sourceRoot":"","sources":["../../../../../../src/components/TagBoard/components/TagSelector/components/ActionButton.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AACH,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAcxD,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,EAAE,EACF,KAAK,EACL,KAAK,EACL,KAAK,EACL,MAAM,EACN,KAAK,EACL,QAAQ,EACR,UAAU,EACV,eAAe,GACG,EAAE,EAAE;IACtB,OAAO,CACL,iBAAO,QAAQ,EAAE,QAAQ,aACvB,KAAC,YAAY,IAAC,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,eAAe,EAAE,eAAe,YAC5E,2BACE,sBAAa,IAAI,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,GAAG,KAAK,CAAC,GAAI,EACpD,+BAAsB,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,EAAE,WAAW,SAAG,IACzD,GACM,EACf,KAAC,IAAI,IACH,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC,EAC/B,QAAQ,EAAE,IAAI,GAAG,KAAK,EACtB,KAAK,EAAE,QAAQ,EACf,OAAO,EAAC,QAAQ,EAChB,OAAO,EAAC,QAAQ,YAEf,KAAK,GACD,IACD,CACT,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/TagBoard/components/TagSelector/components/TagButton.d.ts

@@ -0,0 +1,12 @@
+import { type Tag } from "../../../types";
+export interface TagButtonProps {
+    tag: Tag;
+    width: number;
+    height: number;
+    scale: number;
+    position: [number, number, number];
+    isSelected: boolean;
+    onInteract: () => void;
+}
+export declare const TagButton: ({ tag, width, height, scale, position, isSelected, onInteract, }: TagButtonProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TagButton.d.ts.map

package/dist/components/TagBoard/components/TagSelector/components/TagButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagButton.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TagBoard/components/TagSelector/components/TagButton.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAE1C,MAAM,WAAW,cAAc;IAC7B,GAAG,EAAE,GAAG,CAAC;IACT,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IACnC,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,eAAO,MAAM,SAAS,GAAI,kEAQvB,cAAc,4CAwBhB,CAAC"}

package/dist/components/TagBoard/components/TagSelector/components/TagButton.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * TagButton コンポーネント
+ *
+ * タグ選択ボタン。選択状態のチェックマーク表示を含む。
+ */
+import { Text } from "@react-three/drei";
+import { Interactable } from "../../../../Interactable";
+import { TagChip } from "../../TagChip";
+export const TagButton = ({ tag, width, height, scale, position, isSelected, onInteract, }) => {
+    return (_jsxs("group", { position: position, children: [_jsx(Interactable, { id: `tag-button-${tag.id}`, onInteract: onInteract, interactionText: tag.label, children: _jsx(TagChip, { tag: tag, width: width, height: height, fontSize: 0.15 * scale }) }), isSelected && (_jsx(Text, { position: [-0.58 * scale, -0.02 * scale, 0.012 * scale], fontSize: 0.2 * scale, color: tag.color, anchorX: "center", anchorY: "middle", children: "\u2713" }))] }));
+};
+//# sourceMappingURL=TagButton.js.map

package/dist/components/TagBoard/components/TagSelector/components/TagButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagButton.js","sourceRoot":"","sources":["../../../../../../src/components/TagBoard/components/TagSelector/components/TagButton.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AACH,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAaxC,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACxB,GAAG,EACH,KAAK,EACL,MAAM,EACN,KAAK,EACL,QAAQ,EACR,UAAU,EACV,UAAU,GACK,EAAE,EAAE;IACnB,OAAO,CACL,iBAAO,QAAQ,EAAE,QAAQ,aACvB,KAAC,YAAY,IACX,EAAE,EAAE,cAAc,GAAG,CAAC,EAAE,EAAE,EAC1B,UAAU,EAAE,UAAU,EACtB,eAAe,EAAE,GAAG,CAAC,KAAK,YAE1B,KAAC,OAAO,IAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,GAAG,KAAK,GAAI,GAC9D,EAEd,UAAU,IAAI,CACb,KAAC,IAAI,IACH,QAAQ,EAAE,CAAC,CAAC,IAAI,GAAG,KAAK,EAAE,CAAC,IAAI,GAAG,KAAK,EAAE,KAAK,GAAG,KAAK,CAAC,EACvD,QAAQ,EAAE,GAAG,GAAG,KAAK,EACrB,KAAK,EAAE,GAAG,CAAC,KAAK,EAChB,OAAO,EAAC,QAAQ,EAChB,OAAO,EAAC,QAAQ,uBAGX,CACR,IACK,CACT,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/TagBoard/components/TagSelector/index.d.ts

@@ -0,0 +1,3 @@
+import { type TagSelectorProps } from "../../types";
+export declare const TagSelector: ({ tags, title, instanceStateKey, position, rotation, scale, tagsVisible, onTagsVisibleChange, }: TagSelectorProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/TagBoard/components/TagSelector/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/TagBoard/components/TagSelector/index.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAKpD,eAAO,MAAM,WAAW,GAAI,iGASzB,gBAAgB,4CAyGlB,CAAC"}

package/dist/components/TagBoard/components/TagSelector/index.js

@@ -0,0 +1,57 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * TagSelector コンポーネント
+ *
+ * タグ選択用のボードUIを表示し、選択状態をインスタンス状態（`useInstanceState`）へ反映します。
+ * 可視状態のトグルも提供します。
+ *
+ * Props 概要:
+ * - tags: 表示・選択対象のタグ一覧
+ * - title: ボード上部に表示するタイトル文言
+ * - instanceStateKey: 複数ボード設置時のキー識別子
+ * - position/rotation/scale: ボードの位置・回転・スケール
+ * - tagsVisible: タグ表示/非表示の状態
+ * - onTagsVisibleChange: タグ表示/非表示の変更コールバック
+ */
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { Text } from "@react-three/drei";
+import { useUsers } from "../../../../contexts/UsersContext";
+import { useInstanceState } from "../../../../hooks/useInstanceState";
+import { ActionButton } from "./components/ActionButton";
+import { TagButton } from "./components/TagButton";
+import { calculateLayout, toggleTagSelection } from "./utils";
+export const TagSelector = ({ tags, title, instanceStateKey, position, rotation, scale, tagsVisible, onTagsVisibleChange, }) => {
+    const { localUser } = useUsers();
+    const stateKey = `tag-${instanceStateKey}-${localUser?.id}`;
+    // グローバル同期用の選択タグID（他ユーザーからも見える状態に反映）
+    const [, setGlobalSelectedTagIds] = useInstanceState(stateKey, []);
+    const [localSelectedTagIds, setLocalSelectedTagIds] = useState([]);
+    // useMemo
+    const flatTags = useMemo(() => tags.flat(), [tags]);
+    const layout = useMemo(() => calculateLayout(tags, scale), [tags, scale]);
+    // localSelectedTagIds が変更されたらグローバル状態に同期
+    useEffect(() => {
+        if (!localUser?.id)
+            return;
+        setGlobalSelectedTagIds(localSelectedTagIds);
+    }, [localSelectedTagIds, localUser?.id, setGlobalSelectedTagIds]);
+    // useCallback
+    const handleTagClick = useCallback((tagId) => {
+        setLocalSelectedTagIds((prev) => toggleTagSelection(prev, tagId, flatTags));
+    }, [flatTags]);
+    const handleClear = useCallback(() => {
+        setLocalSelectedTagIds([]);
+    }, []);
+    const handleToggleVisibility = useCallback(() => {
+        onTagsVisibleChange(!tagsVisible);
+    }, [onTagsVisibleChange, tagsVisible]);
+    return (_jsxs("group", { position: position, rotation: rotation, children: [_jsxs("mesh", { position: [0, 0, -0.02], children: [_jsx("planeGeometry", { args: [layout.boardWidth, layout.boardHeight] }), _jsx("meshBasicMaterial", { color: 0x2a2a2a })] }), _jsx(Text, { position: [0, layout.titleY, 0], fontSize: 0.2 * scale, color: "white", anchorX: "center", anchorY: "middle", fontWeight: "bold", children: title }), _jsx(ActionButton, { id: "tag-clear-button", label: "\u5168\u524A\u9664", color: 0xff6666, width: layout.buttonWidth, height: 0.35 * scale, scale: scale, position: [layout.buttonLeftX, layout.buttonGroupY - 0.3 * scale, -0.01], onInteract: handleClear, interactionText: "\u9078\u629E\u3092\u30AF\u30EA\u30A2" }), _jsx(ActionButton, { id: "tag-visibility-toggle", label: tagsVisible ? "非表示" : "表示", color: tagsVisible ? 0x00aa00 : 0xaa0000, width: layout.buttonWidth, height: 0.35 * scale, scale: scale, position: [layout.buttonRightX, layout.buttonGroupY - 0.3 * scale, -0.01], onInteract: handleToggleVisibility, interactionText: tagsVisible ? "タグを非表示" : "タグを表示" }), tags.map((columnTags, colIndex) => {
+                const xPos = (colIndex - (layout.columns - 1) / 2) * layout.columnSpacing;
+                return columnTags.map((tag, rowIndex) => {
+                    const yPos = layout.tagStartY - rowIndex * layout.tagHeight;
+                    const isSelected = localSelectedTagIds.includes(tag.id);
+                    return (_jsx(TagButton, { tag: tag, width: layout.tagWidth, height: layout.tagHeight, scale: scale, position: [xPos, yPos, -0.01], isSelected: isSelected, onInteract: () => handleTagClick(tag.id) }, tag.id));
+                });
+            })] }));
+};
+//# sourceMappingURL=index.js.map

package/dist/components/TagBoard/components/TagSelector/index.js.map

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

package/dist/components/TagBoard/components/TagSelector/utils.d.ts

@@ -0,0 +1,21 @@
+import { type Tag } from "../../types";
+export interface TagSelectorLayout {
+    tagHeight: number;
+    tagWidth: number;
+    columnSpacing: number;
+    columns: number;
+    boardWidth: number;
+    boardHeight: number;
+    titleY: number;
+    buttonGroupY: number;
+    tagStartY: number;
+    buttonWidth: number;
+    buttonLeftX: number;
+    buttonRightX: number;
+}
+/**
+ * タグIDの選択状態をトグルし、tagsの順番でソートして返す
+ */
+export declare const toggleTagSelection: (prevIds: string[], tagId: string, flatTags: Tag[]) => string[];
+export declare const calculateLayout: (tags: Tag[][], scale: number) => TagSelectorLayout;
+//# sourceMappingURL=utils.d.ts.map

package/dist/components/TagBoard/components/TagSelector/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/TagBoard/components/TagSelector/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAE,MAAM,aAAa,CAAC;AAEvC,MAAM,WAAW,iBAAiB;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB,GAC7B,SAAS,MAAM,EAAE,EACjB,OAAO,MAAM,EACb,UAAU,GAAG,EAAE,KACd,MAAM,EAaR,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,MAAM,GAAG,EAAE,EAAE,EAAE,OAAO,MAAM,KAAG,iBAmC9D,CAAC"}

package/dist/components/TagBoard/components/TagSelector/utils.js

@@ -0,0 +1,50 @@
+/**
+ * タグIDの選択状態をトグルし、tagsの順番でソートして返す
+ */
+export const toggleTagSelection = (prevIds, tagId, flatTags) => {
+    let newIds;
+    if (prevIds.includes(tagId)) {
+        newIds = prevIds.filter((id) => id !== tagId);
+    }
+    else {
+        newIds = [...new Set([...prevIds, tagId])];
+    }
+    // tags配列の順番に合わせてソート
+    return newIds.sort((a, b) => {
+        const indexA = flatTags.findIndex((tag) => tag.id === a);
+        const indexB = flatTags.findIndex((tag) => tag.id === b);
+        return indexA - indexB;
+    });
+};
+export const calculateLayout = (tags, scale) => {
+    const tagHeight = 0.27 * scale;
+    const tagWidth = 1.33 * scale;
+    const columnSpacing = tagWidth;
+    const columns = tags.length;
+    const maxRowsInColumn = Math.max(...tags.map((col) => col.length), 0);
+    const boardWidth = columns * tagWidth + 0.2 * scale;
+    const headerHeight = 1.0 * scale;
+    const boardHeight = maxRowsInColumn * tagHeight + headerHeight;
+    const boardTop = boardHeight / 2;
+    const titleY = boardTop - 0.25 * scale;
+    const buttonGroupY = boardTop - 0.3 * scale;
+    const tagStartY = boardTop - headerHeight;
+    const buttonWidth = boardWidth / 2 - 0.05 * scale;
+    const buttonLeftX = -boardWidth / 4;
+    const buttonRightX = boardWidth / 4;
+    return {
+        tagHeight,
+        tagWidth,
+        columnSpacing,
+        columns,
+        boardWidth,
+        boardHeight,
+        titleY,
+        buttonGroupY,
+        tagStartY,
+        buttonWidth,
+        buttonLeftX,
+        buttonRightX,
+    };
+};
+//# sourceMappingURL=utils.js.map