@luna-editor/engine 0.1.0 → 0.2.0

package/dist/Player.js

@@ -17,6 +17,7 @@ import { EndScreen } from "./components/EndScreen";
 import { GameScreen } from "./components/GameScreen";
 import { OverlayUI } from "./components/OverlayUI";
 import { PluginComponentProvider } from "./components/PluginComponentProvider";
+import { AudioProvider } from "./contexts/AudioContext";
 import { DataProvider } from "./contexts/DataContext";
 import { useBacklog } from "./hooks/useBacklog";
 import { usePlayerLogic } from "./hooks/usePlayerLogic";
@@ -26,8 +27,16 @@ import { usePreloadImages } from "./hooks/usePreloadImages";
 import { useTypewriter } from "./hooks/useTypewriter";
 import { PluginManager } from "./plugin/PluginManager";
 import { ComponentType } from "./sdk";
-export const Player = ({ scenario, settings, plugins = [], onEnd, onScenarioEnd, onScenarioStart, onScenarioCancelled, className, autoplay = false, }) => {
+export const Player = ({ scenario, settings, plugins = [], onEnd, onScenarioEnd, onScenarioStart, onScenarioCancelled, onSettingsChange, className, autoplay = false, }) => {
     var _a;
+    // デフォルト値とマージ
+    const mergedSettings = Object.assign({ textSpeed: 80, autoPlaySpeed: 3, bgmVolume: 1.0, seVolume: 1.0, voiceVolume: 1.0, effectVolume: 1.0, textSoundVolume: 1.0 }, settings);
+    // プラグインからの設定更新ハンドラ
+    const handleSettingsUpdate = useCallback((updatedSettings) => {
+        var _a, _b;
+        const newSettings = Object.assign(Object.assign({ aspectRatio: (_a = settings === null || settings === void 0 ? void 0 : settings.aspectRatio) !== null && _a !== void 0 ? _a : "16:9", bgObjectFit: (_b = settings === null || settings === void 0 ? void 0 : settings.bgObjectFit) !== null && _b !== void 0 ? _b : "cover" }, settings), updatedSettings);
+        onSettingsChange === null || onSettingsChange === void 0 ? void 0 : onSettingsChange(newSettings);
+    }, [settings, onSettingsChange]);
     const pluginManagerRef = useRef(new PluginManager());
     // グローバルUIAPIを初期化（プラグインコンポーネントから使用可能にする）
     useEffect(() => {
@@ -127,7 +136,7 @@ export const Player = ({ scenario, settings, plugins = [], onEnd, onScenarioEnd,
         }
     }, [isFirstRenderComplete]);
     const { displayText, isTyping, skipTyping, startTyping } = useTypewriter({
-        speed: 80,
+        speed: mergedSettings.textSpeed,
     });
     // 現在の表示可能なブロックを取得
     const currentBlock = displayableBlockIndices[state.currentBlockIndex] !== undefined
@@ -265,13 +274,13 @@ export const Player = ({ scenario, settings, plugins = [], onEnd, onScenarioEnd,
                 clearLogs: backlog.clearLogs,
             },
             settings: {
-                aspectRatio: (_a = settings === null || settings === void 0 ? void 0 : settings.aspectRatio) !== null && _a !== void 0 ? _a : "16:9",
-                bgObjectFit: (_b = settings === null || settings === void 0 ? void 0 : settings.bgObjectFit) !== null && _b !== void 0 ? _b : "contain",
-                textSpeed: 5,
-                autoPlaySpeed: 3,
-                bgmVolume: 0.8,
-                seVolume: 1.0,
-                voiceVolume: 1.0,
+                aspectRatio: (_a = mergedSettings.aspectRatio) !== null && _a !== void 0 ? _a : "16:9",
+                bgObjectFit: (_b = mergedSettings.bgObjectFit) !== null && _b !== void 0 ? _b : "contain",
+                textSpeed: mergedSettings.textSpeed,
+                autoPlaySpeed: mergedSettings.autoPlaySpeed,
+                bgmVolume: mergedSettings.bgmVolume,
+                seVolume: mergedSettings.seVolume,
+                voiceVolume: mergedSettings.voiceVolume,
                 skipMode: "unread",
             },
             pluginAssets: {
@@ -329,8 +338,14 @@ export const Player = ({ scenario, settings, plugins = [], onEnd, onScenarioEnd,
                             touchAction: "none",
                             userSelect: "none",
                             WebkitUserSelect: "none",
-                        }, children: _jsx("div", { className: "relative bg-white flex flex-col w-full overflow-hidden h-full", style: { aspectRatio: getAspectRatio() }, children: _jsxs(DataProvider, { data: dataContext, children: [_jsx("div", { className: "h-full", children: _jsx(GameScreen, { scenario: scenario, currentBlock: currentBlock, displayedCharacters: displayedCharacters }) }), _jsx(OverlayUI, { children: _jsxs("div", { className: "h-full w-full relative", children: [_jsx(PluginComponentProvider, { type: ComponentType.DialogueBox, pluginManager: pluginManagerRef.current, fallback: DialogueBox }), pluginManagerRef.current
-                                                    .getRegisteredComponents()
-                                                    .filter((type) => type !== ComponentType.DialogueBox) // DialogueBoxは既に上でレンダリング済み
-                                                    .map((componentType) => (_jsx(PluginComponentProvider, { type: componentType, pluginManager: pluginManagerRef.current }, componentType)))] }) })] }) }) })] }))] }));
+                        }, children: _jsx("div", { className: "relative bg-white flex flex-col w-full overflow-hidden h-full", style: { aspectRatio: getAspectRatio() }, children: _jsx(DataProvider, { data: dataContext, onSettingsUpdate: handleSettingsUpdate, children: _jsxs(AudioProvider, { settings: {
+                                        bgmVolume: mergedSettings.bgmVolume,
+                                        seVolume: mergedSettings.seVolume,
+                                        voiceVolume: mergedSettings.voiceVolume,
+                                        effectVolume: mergedSettings.effectVolume,
+                                        textSoundVolume: mergedSettings.textSoundVolume,
+                                    }, children: [_jsx("div", { className: "h-full", children: _jsx(GameScreen, { scenario: scenario, currentBlock: currentBlock, displayedCharacters: displayedCharacters }) }), _jsx(OverlayUI, { children: _jsxs("div", { className: "h-full w-full relative", children: [_jsx(PluginComponentProvider, { type: ComponentType.DialogueBox, pluginManager: pluginManagerRef.current, fallback: DialogueBox }), pluginManagerRef.current
+                                                        .getRegisteredComponents()
+                                                        .filter((type) => type !== ComponentType.DialogueBox) // DialogueBoxは既に上でレンダリング済み
+                                                        .map((componentType) => (_jsx(PluginComponentProvider, { type: componentType, pluginManager: pluginManagerRef.current }, componentType)))] }) })] }) }) }) })] }))] }));
 };

package/dist/contexts/AudioContext.d.ts

@@ -0,0 +1,13 @@
+import { type ReactNode } from "react";
+export interface AudioSettings {
+    bgmVolume: number;
+    seVolume: number;
+    voiceVolume: number;
+    effectVolume: number;
+    textSoundVolume: number;
+}
+export declare const AudioProvider: ({ children, settings, }: {
+    children: ReactNode;
+    settings: AudioSettings;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const useAudioSettings: () => AudioSettings;

package/dist/contexts/AudioContext.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext } from "react";
+const AudioContext = createContext({
+    bgmVolume: 1.0,
+    seVolume: 1.0,
+    voiceVolume: 1.0,
+    effectVolume: 1.0,
+    textSoundVolume: 1.0,
+});
+export const AudioProvider = ({ children, settings, }) => {
+    return (_jsx(AudioContext.Provider, { value: settings, children: children }));
+};
+export const useAudioSettings = () => useContext(AudioContext);

package/dist/contexts/DataContext.d.ts

@@ -1,5 +1,6 @@
 import { type ReactNode } from "react";
-import type { DataAPI, DataContext } from "../sdk";
+import type { DataAPI, DataContext, PlayerSettingsData } from "../sdk";
+type SettingsUpdater = (settings: Partial<PlayerSettingsData>) => void;
 /**
  * データプロバイダー
  * プラグインがシナリオ情報にリアクティブにアクセスするためのProvider
@@ -15,6 +16,7 @@ import type { DataAPI, DataContext } from "../sdk";
  */
 export declare const DataProvider: React.FC<{
     data: DataContext;
+    onSettingsUpdate?: SettingsUpdater;
     children: ReactNode;
 }>;
 /**
@@ -22,3 +24,4 @@ export declare const DataProvider: React.FC<{
  * プラグインから呼び出される
  */
 export declare function useDataAPI(): DataAPI;
+export {};

package/dist/contexts/DataContext.js

@@ -2,6 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, useCallback, useContext, useEffect, useMemo, useRef, } from "react";
 const DataContextInstance = createContext(null);
 const SubscribersContext = createContext(null);
+const SettingsUpdaterContext = createContext(null);
 /**
  * データプロバイダー
  * プラグインがシナリオ情報にリアクティブにアクセスするためのProvider
@@ -15,7 +16,7 @@ const SubscribersContext = createContext(null);
  * </DataProvider>
  * ```
  */
-export const DataProvider = ({ data, children }) => {
+export const DataProvider = ({ data, onSettingsUpdate, children }) => {
     const subscribers = useMemo(() => new Map(), // eslint-disable-line @typescript-eslint/no-explicit-any
     []);
     const previousDataRef = useRef(data);
@@ -48,7 +49,7 @@ export const DataProvider = ({ data, children }) => {
         }
         previousDataRef.current = data;
     }, [data, subscribers]);
-    return (_jsx(SubscribersContext.Provider, { value: subscribers, children: _jsx(DataContextInstance.Provider, { value: data, children: children }) }));
+    return (_jsx(SubscribersContext.Provider, { value: subscribers, children: _jsx(SettingsUpdaterContext.Provider, { value: onSettingsUpdate !== null && onSettingsUpdate !== void 0 ? onSettingsUpdate : null, children: _jsx(DataContextInstance.Provider, { value: data, children: children }) }) }));
 };
 /**
  * DataAPI実装を提供するフック
@@ -57,6 +58,7 @@ export const DataProvider = ({ data, children }) => {
 export function useDataAPI() {
     const data = useContext(DataContextInstance);
     const subscribers = useContext(SubscribersContext);
+    const settingsUpdater = useContext(SettingsUpdaterContext);
     if (!data || !subscribers) {
         throw new Error("useDataAPI must be used within DataProvider");
     }
@@ -93,9 +95,18 @@ export function useDataAPI() {
             (_a = subscribers.get(subscriberKey)) === null || _a === void 0 ? void 0 : _a.delete(callback);
         };
     }, [subscribers]);
+    const updateSettings = useCallback((settings) => {
+        if (settingsUpdater) {
+            settingsUpdater(settings);
+        }
+        else {
+            console.warn("updateSettings called but no settings updater provided");
+        }
+    }, [settingsUpdater]);
     return useMemo(() => ({
         get,
         subscribe,
         watch,
-    }), [get, subscribe, watch]);
+        updateSettings,
+    }), [get, subscribe, watch, updateSettings]);
 }

package/dist/hooks/useVoice.js

@@ -1,13 +1,16 @@
 import { useCallback, useRef } from "react";
+import { useAudioSettings } from "../contexts/AudioContext";
 export const useVoice = () => {
     const audioRef = useRef(null);
+    const audioSettings = useAudioSettings();
     const playVoice = useCallback((voiceUrl) => {
         if (!audioRef.current) {
             audioRef.current = new Audio();
         }
         audioRef.current.src = voiceUrl;
+        audioRef.current.volume = audioSettings.voiceVolume;
         audioRef.current.play().catch(console.error);
-    }, []);
+    }, [audioSettings.voiceVolume]);
     const stopVoice = useCallback(() => {
         if (audioRef.current) {
             audioRef.current.pause();

package/dist/index.d.ts

@@ -1,6 +1,8 @@
 export { useScreenSizeAtom } from "./atoms/screen-size";
 export { OverlayUI } from "./components/OverlayUI";
 export { aspectRatio, BasisHeight, BasisWidth } from "./constants/screen-size";
+export type { AudioSettings } from "./contexts/AudioContext";
+export { useAudioSettings } from "./contexts/AudioContext";
 export { useDataAPI } from "./contexts/DataContext";
 export { setGlobalUIAPI, usePluginAPI, useUIVisibility, } from "./hooks/usePluginAPI";
 export { useScreenScale, useScreenSize, useToPixel, } from "./hooks/useScreenSize";

package/dist/index.js

@@ -2,6 +2,7 @@
 export { useScreenSizeAtom } from "./atoms/screen-size";
 export { OverlayUI } from "./components/OverlayUI";
 export { aspectRatio, BasisHeight, BasisWidth } from "./constants/screen-size";
+export { useAudioSettings } from "./contexts/AudioContext";
 export { useDataAPI } from "./contexts/DataContext";
 export { setGlobalUIAPI, usePluginAPI, useUIVisibility, } from "./hooks/usePluginAPI";
 export { useScreenScale, useScreenSize, useToPixel, } from "./hooks/useScreenSize";

package/dist/plugin/PluginManager.js

@@ -621,6 +621,9 @@ export class PluginManager {
                 watch: () => {
                     throw new Error("DataAPI.watch() can only be called from within DataProvider context");
                 },
+                updateSettings: () => {
+                    throw new Error("DataAPI.updateSettings() can only be called from within DataProvider context");
+                },
             },
         };
     }

package/dist/sdk.d.ts

@@ -48,7 +48,7 @@ export interface BacklogData {
  * プレイヤー設定データ
  */
 export interface PlayerSettingsData extends PlayerSettings {
-    /** テキスト速度 (1-10) */
+    /** テキスト速度 (ミリ秒/文字) */
     textSpeed: number;
     /** 自動再生速度 (秒) */
     autoPlaySpeed: number;
@@ -168,6 +168,11 @@ export interface DataAPI {
      * @returns unsubscribe関数
      */
     watch<K extends keyof DataContext, P extends keyof DataContext[K]>(key: K, property: P, callback: DataSubscriber<DataContext[K][P]>): () => void;
+    /**
+     * プレイヤー設定を更新
+     * @param settings - 更新する設定値（部分更新可能）
+     */
+    updateSettings(settings: Partial<PlayerSettingsData>): void;
 }
 export interface PluginAPI {
     style: StyleAPI;

package/dist/types.d.ts

@@ -153,6 +153,20 @@ export interface PublishedScenario {
 export interface PlayerSettings {
     aspectRatio: string;
     bgObjectFit: "contain" | "cover";
+    /** 文字送り速度 (ミリ秒/文字, デフォルト: 80) */
+    textSpeed?: number;
+    /** 自動再生速度 (秒, デフォルト: 3) */
+    autoPlaySpeed?: number;
+    /** BGM音量 (0-1, デフォルト: 1) */
+    bgmVolume?: number;
+    /** SE音量 (0-1, デフォルト: 1) */
+    seVolume?: number;
+    /** パートボイス音量 (0-1, デフォルト: 1) */
+    voiceVolume?: number;
+    /** エフェクト音音量 (0-1, デフォルト: 1) */
+    effectVolume?: number;
+    /** テキスト音音量 (0-1, デフォルト: 1) */
+    textSoundVolume?: number;
 }
 export interface PluginConfig {
     packageName: string;
@@ -167,6 +181,7 @@ export interface PlayerProps {
     onScenarioEnd?: () => void;
     onScenarioStart?: () => void;
     onScenarioCancelled?: () => void;
+    onSettingsChange?: (settings: PlayerSettings) => void;
     className?: string;
     autoplay?: boolean;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luna-editor/engine",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "Luna Editor scenario playback engine",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",