@luna-editor/engine 0.5.12 → 0.5.13

package/dist/Player.js

@@ -16,6 +16,7 @@ import { BackgroundLayer } from "./components/BackgroundLayer";
 import { ClickWaitIndicator } from "./components/ClickWaitIndicator";
 import { ConversationBranchBox } from "./components/ConversationBranchBox";
 import { DialogueBox } from "./components/DialogueBox";
+import { EndScreen } from "./components/EndScreen";
 import { FullscreenTextBox } from "./components/FullscreenTextBox";
 import { GameScreen } from "./components/GameScreen";
 import { OverlayUI } from "./components/OverlayUI";
@@ -40,7 +41,7 @@ import { BranchNavigator } from "./utils/branchNavigator";
 import { VariableManager } from "./utils/variableManager";
 const EMPTY_PLUGINS = [];
 const EMPTY_SOUNDS = [];
-export const Player = ({ scenario: scenarioProp, settings, plugins = EMPTY_PLUGINS, sounds = EMPTY_SOUNDS, onEnd, onScenarioEnd, onScenarioStart, onScenarioCancelled, onSettingsChange, className, autoplay = false, preventDefaultScroll = true, screenSize: screenSizeProp, disableKeyboardNavigation = false, }) => {
+export const Player = ({ scenario: scenarioProp, settings, plugins = EMPTY_PLUGINS, sounds = EMPTY_SOUNDS, onEnd, onScenarioEnd, onScenarioStart, onScenarioCancelled, onSettingsChange, className, autoplay = false, preventDefaultScroll = true, screenSize: screenSizeProp, disableKeyboardNavigation = false, hideEndScreen = false, }) => {
     var _a, _b, _c, _d;
     // scenario.blocks が存在しない場合は空の配列を使用
     const scenario = useMemo(() => {
@@ -456,7 +457,7 @@ export const Player = ({ scenario: scenarioProp, settings, plugins = EMPTY_PLUGI
         return blocks;
     }, [scenario.blocks, displayableBlockIndices, state.currentBlockIndex]);
     // サウンド再生フック
-    useSoundPlayer({
+    const { stopAll: stopAllSounds } = useSoundPlayer({
         soundBlocks: soundBlocksToProcess,
         isFirstRenderComplete,
         muteAudio: mergedSettings.muteAudio,
@@ -624,6 +625,8 @@ export const Player = ({ scenario: scenarioProp, settings, plugins = EMPTY_PLUGI
                 scenarioName: scenario.name || "scenario",
             });
         }
+        // リスタート時にすべての音声を停止
+        stopAllSounds();
         setIsFirstRenderComplete(false);
         setHasStarted(false); // これにより次の useEffect で onScenarioStart が呼ばれる
         setCurrentBranchBlock(null);
@@ -643,6 +646,7 @@ export const Player = ({ scenario: scenarioProp, settings, plugins = EMPTY_PLUGI
         pluginManager,
         scenario.id,
         scenario.name,
+        stopAllSounds,
     ]);
     // プラグインからシナリオを中断するためのコールバック
     const cancelScenario = useCallback(() => {
@@ -760,6 +764,8 @@ export const Player = ({ scenario: scenarioProp, settings, plugins = EMPTY_PLUGI
         }
         else {
             setState((prev) => (Object.assign(Object.assign({}, prev), { isEnded: true, isPlaying: false })));
+            // シナリオ終了時にすべての音声を停止
+            stopAllSounds();
             // プラグインのonScenarioEndフックを呼び出し
             pluginManager.callHook("onScenarioEnd", {
                 scenarioId: scenario.id,
@@ -779,6 +785,7 @@ export const Player = ({ scenario: scenarioProp, settings, plugins = EMPTY_PLUGI
         pluginManager,
         scenario.id,
         scenario.name,
+        stopAllSounds,
     ]);
     // プラグインからAUTO再生を制御するためのコールバック
     const toggleAutoPlay = useCallback(() => {
@@ -967,7 +974,7 @@ export const Player = ({ scenario: scenarioProp, settings, plugins = EMPTY_PLUGI
         return width / height;
     };
     // 条件付きレンダリングを JSX で処理（フックの後、early return なし）
-    return (_jsxs(_Fragment, { children: [!currentBlock && !state.isEnded && (_jsx("div", { className: clsx("flex items-center justify-center p-8", className), children: _jsx("p", { className: "text-gray-500", children: "\u30B7\u30CA\u30EA\u30AA\u304C\u898B\u3064\u304B\u308A\u307E\u305B\u3093" }) })), currentBlock && !state.isEnded && (_jsxs(_Fragment, { children: [(!imagesLoaded ||
+    return (_jsxs(_Fragment, { children: [!currentBlock && !state.isEnded && (_jsx("div", { className: clsx("flex items-center justify-center p-8", className), children: _jsx("p", { className: "text-gray-500", children: "\u30B7\u30CA\u30EA\u30AA\u304C\u898B\u3064\u304B\u308A\u307E\u305B\u3093" }) })), state.isEnded && !hideEndScreen && (_jsx(EndScreen, { scenarioName: scenario.name, onRestart: restart, className: className })), currentBlock && !state.isEnded && (_jsxs(_Fragment, { children: [(!imagesLoaded ||
                         !fontsLoaded ||
                         !isFirstRenderComplete ||
                         !pluginsLoaded) && (_jsx("div", { className: clsx("luna-player fixed inset-0 bg-black overflow-hidden flex items-center justify-center z-50", className), style: {

package/dist/hooks/useImagePreloader.d.ts

@@ -0,0 +1,5 @@
+import type { DisplayedCharacter } from "../types";
+export declare const useImagePreloader: (
+  displayedCharacters: DisplayedCharacter[],
+  singleImageUrl?: string
+) => boolean;

package/dist/hooks/useImagePreloader.js

@@ -0,0 +1,53 @@
+import { useEffect, useState } from "react";
+export var useImagePreloader = function (displayedCharacters, singleImageUrl) {
+  var _a = useState(true),
+    isLoading = _a[0],
+    setIsLoading = _a[1];
+  useEffect(
+    function () {
+      var imageUrls = [];
+      // 複数キャラクター表示の場合
+      if (displayedCharacters.length > 0) {
+        displayedCharacters.forEach(function (char) {
+          if (char.entityState.imageUrl) {
+            imageUrls.push(char.entityState.imageUrl);
+          }
+        });
+      } else if (singleImageUrl) {
+        // 単一キャラクター表示の場合
+        imageUrls.push(singleImageUrl);
+      }
+      // 画像がない場合は即座に完了
+      if (imageUrls.length === 0) {
+        setIsLoading(false);
+        return;
+      }
+      setIsLoading(true);
+      // すべての画像を並列でプリロード
+      var loadPromises = imageUrls.map(function (url) {
+        return new Promise(function (resolve, reject) {
+          var img = new Image();
+          img.onload = function () {
+            return resolve();
+          };
+          img.onerror = function () {
+            return reject(new Error("Failed to load image: ".concat(url)));
+          };
+          img.src = url;
+        });
+      });
+      // すべての画像の読み込みを待つ
+      Promise.all(loadPromises)
+        .then(function () {
+          setIsLoading(false);
+        })
+        .catch(function (error) {
+          console.error("Image preload error:", error);
+          // エラーが発生しても続行
+          setIsLoading(false);
+        });
+    },
+    [displayedCharacters, singleImageUrl]
+  );
+  return isLoading;
+};

package/dist/plugin/luna-react.d.ts

@@ -0,0 +1,41 @@
+/**
+ * プラグインAPIからReactインスタンスを設定
+ */
+export declare function setReactRuntime(react: any): void;
+/**
+ * JSX Transform用のjsx関数
+ */
+export declare function jsx(type: any, props: any, key?: any): any;
+/**
+ * JSX Transform用のjsxs関数（複数子要素用）
+ */
+export declare function jsxs(type: any, props: any, key?: any): any;
+/**
+ * Fragment用
+ */
+export declare function Fragment(props: {
+    children?: any;
+}): any;
+/**
+ * Reactフックと関数のプロキシ
+ */
+export declare const useState: (...args: any[]) => any;
+export declare const useEffect: (...args: any[]) => any;
+export declare const useCallback: (...args: any[]) => any;
+export declare const useMemo: (...args: any[]) => any;
+export declare const useRef: (...args: any[]) => any;
+export declare const useContext: (...args: any[]) => any;
+export declare const useReducer: (...args: any[]) => any;
+export declare const createElement: (...args: any[]) => any;
+declare const _default: {
+    createElement: (...args: any[]) => any;
+    Fragment: typeof Fragment;
+    useState: (...args: any[]) => any;
+    useEffect: (...args: any[]) => any;
+    useCallback: (...args: any[]) => any;
+    useMemo: (...args: any[]) => any;
+    useRef: (...args: any[]) => any;
+    useContext: (...args: any[]) => any;
+    useReducer: (...args: any[]) => any;
+};
+export default _default;

package/dist/plugin/luna-react.js

@@ -0,0 +1,99 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+/* eslint-disable import/no-anonymous-default-export */
+let runtimeReact = null;
+/**
+ * プラグインAPIからReactインスタンスを設定
+ */
+export function setReactRuntime(react) {
+    runtimeReact = react;
+}
+/**
+ * JSX Transform用のjsx関数
+ */
+export function jsx(type, props, key) {
+    if (!runtimeReact) {
+        throw new Error("React runtime not initialized. Make sure plugin is loaded properly.");
+    }
+    return runtimeReact.createElement(type, key ? Object.assign(Object.assign({}, props), { key }) : props);
+}
+/**
+ * JSX Transform用のjsxs関数（複数子要素用）
+ */
+export function jsxs(type, props, key) {
+    if (!runtimeReact) {
+        throw new Error("React runtime not initialized. Make sure plugin is loaded properly.");
+    }
+    return runtimeReact.createElement(type, key ? Object.assign(Object.assign({}, props), { key }) : props);
+}
+/**
+ * Fragment用
+ */
+export function Fragment(props) {
+    if (!runtimeReact) {
+        throw new Error("React runtime not initialized. Make sure plugin is loaded properly.");
+    }
+    return runtimeReact.createElement(runtimeReact.Fragment, null, props.children);
+}
+/**
+ * Reactフックと関数のプロキシ
+ */
+export const useState = (...args) => {
+    if (!runtimeReact) {
+        throw new Error("React runtime not initialized. Make sure plugin is loaded properly.");
+    }
+    return runtimeReact.useState(...args);
+};
+export const useEffect = (...args) => {
+    if (!runtimeReact) {
+        throw new Error("React runtime not initialized. Make sure plugin is loaded properly.");
+    }
+    return runtimeReact.useEffect(...args);
+};
+export const useCallback = (...args) => {
+    if (!runtimeReact) {
+        throw new Error("React runtime not initialized. Make sure plugin is loaded properly.");
+    }
+    return runtimeReact.useCallback(...args);
+};
+export const useMemo = (...args) => {
+    if (!runtimeReact) {
+        throw new Error("React runtime not initialized. Make sure plugin is loaded properly.");
+    }
+    return runtimeReact.useMemo(...args);
+};
+export const useRef = (...args) => {
+    if (!runtimeReact) {
+        throw new Error("React runtime not initialized. Make sure plugin is loaded properly.");
+    }
+    return runtimeReact.useRef(...args);
+};
+export const useContext = (...args) => {
+    if (!runtimeReact) {
+        throw new Error("React runtime not initialized. Make sure plugin is loaded properly.");
+    }
+    return runtimeReact.useContext(...args);
+};
+export const useReducer = (...args) => {
+    if (!runtimeReact) {
+        throw new Error("React runtime not initialized. Make sure plugin is loaded properly.");
+    }
+    return runtimeReact.useReducer(...args);
+};
+export const createElement = (...args) => {
+    if (!runtimeReact) {
+        throw new Error("React runtime not initialized. Make sure plugin is loaded properly.");
+    }
+    return runtimeReact.createElement(...args);
+};
+// デフォルトエクスポート（互換性用）
+export default {
+    createElement,
+    Fragment,
+    useState,
+    useEffect,
+    useCallback,
+    useMemo,
+    useRef,
+    useContext,
+    useReducer,
+};

package/dist/types.d.ts

@@ -374,6 +374,8 @@ export interface PlayerProps {
     };
     /** キーボードナビゲーションを無効化するかどうか（デフォルト: false） */
     disableKeyboardNavigation?: boolean;
+    /** 終了画面（リスタートボタン等）を非表示にするかどうか（デフォルト: false） */
+    hideEndScreen?: boolean;
 }
 export type VariableValue = string | number | boolean;
 export interface PlayerState {

package/package.json

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