@luna-editor/engine 0.1.0

package/dist/hooks/useTypewriter.js

@@ -0,0 +1,56 @@
+import { useCallback, useEffect, useRef, useState } from "react";
+export const useTypewriter = (options = {}) => {
+    const { speed = 50, onComplete } = options;
+    const [displayText, setDisplayText] = useState("");
+    const [isTyping, setIsTyping] = useState(false);
+    const typingTimeoutRef = useRef(null);
+    const startTyping = useCallback((text) => {
+        setDisplayText("");
+        setIsTyping(true);
+        if (typingTimeoutRef.current) {
+            clearTimeout(typingTimeoutRef.current);
+        }
+        let index = 0;
+        const typeChar = () => {
+            if (index < text.length) {
+                setDisplayText(text.slice(0, index + 1));
+                index++;
+                typingTimeoutRef.current = setTimeout(typeChar, speed);
+            }
+            else {
+                setIsTyping(false);
+                onComplete === null || onComplete === void 0 ? void 0 : onComplete();
+            }
+        };
+        typeChar();
+    }, [speed, onComplete]);
+    const skipTyping = useCallback((text) => {
+        if (typingTimeoutRef.current) {
+            clearTimeout(typingTimeoutRef.current);
+        }
+        setDisplayText(text);
+        setIsTyping(false);
+        onComplete === null || onComplete === void 0 ? void 0 : onComplete();
+    }, [onComplete]);
+    const reset = useCallback(() => {
+        if (typingTimeoutRef.current) {
+            clearTimeout(typingTimeoutRef.current);
+        }
+        setDisplayText("");
+        setIsTyping(false);
+    }, []);
+    useEffect(() => {
+        return () => {
+            if (typingTimeoutRef.current) {
+                clearTimeout(typingTimeoutRef.current);
+            }
+        };
+    }, []);
+    return {
+        displayText,
+        isTyping,
+        startTyping,
+        skipTyping,
+        reset,
+    };
+};

package/dist/hooks/useUIVisibility.d.ts

@@ -0,0 +1,9 @@
+import type { PluginManager } from "../plugin/PluginManager";
+import type { ComponentType } from "../sdk";
+/**
+ * UI コンポーネントの表示状態を管理するフック
+ * @param pluginManager - PluginManager インスタンス
+ * @param type - コンポーネントタイプ
+ * @returns [isVisible, show, hide, toggle]
+ */
+export declare function useUIVisibility(pluginManager: PluginManager, type: ComponentType): [boolean, () => void, () => void, () => void];

package/dist/hooks/useUIVisibility.js

@@ -0,0 +1,19 @@
+import { useEffect, useState } from "react";
+/**
+ * UI コンポーネントの表示状態を管理するフック
+ * @param pluginManager - PluginManager インスタンス
+ * @param type - コンポーネントタイプ
+ * @returns [isVisible, show, hide, toggle]
+ */
+export function useUIVisibility(pluginManager, type) {
+    const [isVisible, setIsVisible] = useState(() => pluginManager.getUIVisibility(type));
+    useEffect(() => {
+        // UI 状態の変更を監視
+        const unsubscribe = pluginManager.subscribeUIVisibility(type, setIsVisible);
+        return unsubscribe;
+    }, [pluginManager, type]);
+    const show = () => pluginManager.showUI(type);
+    const hide = () => pluginManager.hideUI(type);
+    const toggle = () => pluginManager.toggleUIVisibility(type);
+    return [isVisible, show, hide, toggle];
+}

package/dist/hooks/useVoice.d.ts

@@ -0,0 +1,4 @@
+export declare const useVoice: () => {
+    playVoice: (voiceUrl: string) => void;
+    stopVoice: () => void;
+};

package/dist/hooks/useVoice.js

@@ -0,0 +1,21 @@
+import { useCallback, useRef } from "react";
+export const useVoice = () => {
+    const audioRef = useRef(null);
+    const playVoice = useCallback((voiceUrl) => {
+        if (!audioRef.current) {
+            audioRef.current = new Audio();
+        }
+        audioRef.current.src = voiceUrl;
+        audioRef.current.play().catch(console.error);
+    }, []);
+    const stopVoice = useCallback(() => {
+        if (audioRef.current) {
+            audioRef.current.pause();
+            audioRef.current.currentTime = 0;
+        }
+    }, []);
+    return {
+        playVoice,
+        stopVoice,
+    };
+};

package/dist/index.d.ts

@@ -0,0 +1,10 @@
+export { useScreenSizeAtom } from "./atoms/screen-size";
+export { OverlayUI } from "./components/OverlayUI";
+export { aspectRatio, BasisHeight, BasisWidth } from "./constants/screen-size";
+export { useDataAPI } from "./contexts/DataContext";
+export { setGlobalUIAPI, usePluginAPI, useUIVisibility, } from "./hooks/usePluginAPI";
+export { useScreenScale, useScreenSize, useToPixel, } from "./hooks/useScreenSize";
+export { Player } from "./Player";
+export type { BacklogData, DataAPI, DataContext, PlayerSettingsData, ScenarioPlaybackData, } from "./sdk";
+export { ComponentType } from "./sdk";
+export type { ActionNode, BacklogEntry, Character, DisplayedCharacter, EntityState, PlayerProps, PlayerSettings, PlayerState, PluginConfig, PublishedScenario, ScenarioBlock, ScenarioBlockAttributeValue, ScenarioBlockCharacter, ScenarioBlockEntityAttributeValue, ScenarioBlockType, } from "./types";

package/dist/index.js

@@ -0,0 +1,9 @@
+// Screen size system
+export { useScreenSizeAtom } from "./atoms/screen-size";
+export { OverlayUI } from "./components/OverlayUI";
+export { aspectRatio, BasisHeight, BasisWidth } from "./constants/screen-size";
+export { useDataAPI } from "./contexts/DataContext";
+export { setGlobalUIAPI, usePluginAPI, useUIVisibility, } from "./hooks/usePluginAPI";
+export { useScreenScale, useScreenSize, useToPixel, } from "./hooks/useScreenSize";
+export { Player } from "./Player";
+export { ComponentType } from "./sdk";

package/dist/plugin/PluginManager.d.ts

@@ -0,0 +1,108 @@
+import React from "react";
+import { type ActionExecutionContext, type ActionNodeDefinition, type BlockChangeContext, type CharacterContext, type CharacterSpeakContext, ComponentType, type DialogueContext, type LunaPlugin, type ScenarioContext, type ScenarioReadyContext, type UIAPI } from "../sdk";
+export interface LoadedPlugin {
+    plugin: LunaPlugin;
+    instance: PluginInstance;
+    enabled: boolean;
+    config: unknown;
+}
+interface PluginHooksImpl {
+    onInit?: () => void;
+    onScenarioReady?: (context: ScenarioReadyContext) => void;
+    onBlockChange?: (context: BlockChangeContext) => void;
+    onCharacterEnter?: (context: CharacterContext) => void;
+    onCharacterExit?: (context: CharacterContext) => void;
+    onDialogueShow?: (context: DialogueContext) => void;
+    characterSpeakHandler?: (context: CharacterSpeakContext) => void;
+    onActionExecute?: (context: ActionExecutionContext) => void;
+    onScenarioStart?: (context: ScenarioContext) => void;
+    onScenarioEnd?: (context: ScenarioContext) => void;
+}
+export interface PluginInstance {
+    actionNodes: Map<string, ActionNodeDefinition>;
+    hooks: PluginHooksImpl;
+    styles: Map<string, string[]>;
+    effects: Map<string, HTMLElement>;
+    overlays: Map<string, HTMLElement>;
+    components: Map<ComponentType, React.ComponentType<any>>;
+    assetUrls: Map<string, string>;
+}
+export declare class PluginManager {
+    private plugins;
+    private styleElements;
+    private injectedStyles;
+    private storage;
+    private componentRegistry;
+    private uiVisibilityState;
+    private uiVisibilityListeners;
+    constructor();
+    /**
+     * グローバルReactランタイムを初期化（クライアントサイドのみ）
+     */
+    private initializeReactRuntime;
+    loadPlugin(packageName: string, bundleUrl: string, config?: unknown): Promise<void>;
+    private loadPluginScript;
+    private createPluginAPI;
+    private applyStyles;
+    private hideEffect;
+    private removeOverlay;
+    registerStyleElement(name: string, element: HTMLElement): void;
+    callHook(hookName: keyof PluginHooksImpl, ...args: unknown[]): void;
+    executeActionNode(nodeType: string, context: unknown): Promise<void>;
+    setPluginEnabled(packageName: string, enabled: boolean): void;
+    cleanup(): void;
+    private findPluginByComponentType;
+    getComponent(type: ComponentType): React.ComponentType | null;
+    hasComponent(type: ComponentType): boolean;
+    getRegisteredComponents(): ComponentType[];
+    /**
+     * Get ActionNode definition by type
+     */
+    getActionNodeDefinition(type: string): ActionNodeDefinition | undefined;
+    /**
+     * プラグインのアセットURLを取得
+     * @param packageName - プラグインのパッケージ名
+     * @param filename - アセットファイル名
+     * @returns アセットのURL（見つからない場合は空文字列）
+     */
+    getPluginAssetUrl(packageName: string, filename: string): string;
+    /**
+     * UI コンポーネントの表示状態を設定
+     * @param type - コンポーネントタイプ
+     * @param visible - 表示状態
+     */
+    private setUIVisibility;
+    /**
+     * UI コンポーネントの表示状態を取得
+     * @param type - コンポーネントタイプ
+     * @returns 表示状態
+     */
+    getUIVisibility(type: ComponentType): boolean;
+    /**
+     * UI コンポーネントの表示状態変更を監視
+     * @param type - コンポーネントタイプ
+     * @param listener - コールバック関数
+     * @returns リスナーを削除する関数
+     */
+    subscribeUIVisibility(type: ComponentType, listener: (visible: boolean) => void): () => void;
+    /**
+     * UIAPIを取得する（プラグインコンポーネントで使用可能にするため）
+     */
+    getUIAPI(): UIAPI;
+    /**
+     * UI コンポーネントの表示/非表示を切り替え
+     * @param type - コンポーネントタイプ
+     */
+    toggleUIVisibility(type: ComponentType): void;
+    /**
+     * UI コンポーネントを表示
+     * @param type - コンポーネントタイプ
+     */
+    showUI(type: ComponentType): void;
+    /**
+     * UI コンポーネントを非表示
+     * @param type - コンポーネントタイプ
+     */
+    hideUI(type: ComponentType): void;
+}
+export {};