@luna-editor/engine 0.2.0 → 0.3.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luna-editor/engine",
-  "version": "0.2.0",
+  "version": "0.3.1",
   "description": "Luna Editor scenario playback engine",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -31,11 +31,11 @@
     "lucide-react": "^0.503.0"
   },
   "devDependencies": {
-    "@types/react": "^19",
-    "@types/react-dom": "^19",
-    "typescript": "^5",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0"
+    "@types/react": "^19.2.9",
+    "@types/react-dom": "^19.2.3",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3",
+    "typescript": "^5"
   },
   "publishConfig": {
     "access": "public"

package/dist/components/ConversationLogUI.d.ts

@@ -1,2 +0,0 @@
-import type React from "react";
-export declare const ConversationLogUI: React.FC;

package/dist/components/ConversationLogUI.js

@@ -1,115 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useCallback, useState } from "react";
-import { useDataAPI } from "../contexts/DataContext";
-export const ConversationLogUI = () => {
-    const dataAPI = useDataAPI();
-    const logs = dataAPI.get("conversationLog", "entries");
-    const [isDialogOpen, setIsDialogOpen] = useState(false);
-    const openDialog = useCallback((e) => {
-        e.stopPropagation();
-        e.preventDefault();
-        setIsDialogOpen(true);
-    }, []);
-    const closeDialog = useCallback((e) => {
-        if (e) {
-            e.stopPropagation();
-            e.preventDefault();
-        }
-        setIsDialogOpen(false);
-    }, []);
-    const handleDialogBackdropClick = useCallback((e) => {
-        if (e.target === e.currentTarget) {
-            closeDialog();
-        }
-    }, [closeDialog]);
-    return (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", onClick: openDialog, style: {
-                    position: "fixed",
-                    top: "20px",
-                    right: "20px",
-                    width: "50px",
-                    height: "50px",
-                    background: "rgba(74, 144, 226, 0.9)",
-                    border: "none",
-                    borderRadius: "25px",
-                    color: "white",
-                    fontSize: "20px",
-                    cursor: "pointer",
-                    zIndex: 1000,
-                    boxShadow: "0 2px 10px rgba(0,0,0,0.3)",
-                    transition: "all 0.3s ease",
-                }, onMouseOver: (e) => {
-                    e.stopPropagation();
-                    e.currentTarget.style.background = "rgba(74, 144, 226, 1)";
-                    e.currentTarget.style.transform = "scale(1.1)";
-                }, onMouseOut: (e) => {
-                    e.stopPropagation();
-                    e.currentTarget.style.background = "rgba(74, 144, 226, 0.9)";
-                    e.currentTarget.style.transform = "scale(1)";
-                }, title: "\u4F1A\u8A71\u30ED\u30B0\u3092\u8868\u793A", children: "\uD83D\uDCDA" }), isDialogOpen && (_jsx("div", { style: {
-                    position: "fixed",
-                    top: 0,
-                    left: 0,
-                    right: 0,
-                    bottom: 0,
-                    backgroundColor: "rgba(0, 0, 0, 0.5)",
-                    display: "flex",
-                    justifyContent: "center",
-                    alignItems: "center",
-                    zIndex: 10000,
-                }, onClick: handleDialogBackdropClick, children: _jsxs("div", { style: {
-                        width: "80vw",
-                        maxWidth: "800px",
-                        maxHeight: "80vh",
-                        background: "rgba(0, 0, 0, 0.9)",
-                        border: "1px solid #333",
-                        borderRadius: "8px",
-                        padding: "20px",
-                        color: "white",
-                        fontFamily: "sans-serif",
-                        boxShadow: "0 4px 20px rgba(0,0,0,0.5)",
-                    }, onClick: (e) => e.stopPropagation(), children: [_jsxs("div", { style: {
-                                display: "flex",
-                                justifyContent: "space-between",
-                                alignItems: "center",
-                                marginBottom: "16px",
-                                borderBottom: "1px solid #333",
-                                paddingBottom: "12px",
-                            }, children: [_jsx("h3", { style: {
-                                        margin: 0,
-                                        fontSize: "1.2em",
-                                        color: "#4A90E2",
-                                    }, children: "\uD83D\uDCDA \u4F1A\u8A71\u30ED\u30B0" }), _jsx("button", { type: "button", onClick: closeDialog, style: {
-                                        background: "#666",
-                                        border: "none",
-                                        color: "white",
-                                        padding: "6px 12px",
-                                        borderRadius: "4px",
-                                        cursor: "pointer",
-                                    }, children: "\u2715 \u9589\u3058\u308B" })] }), _jsx("div", { style: {
-                                maxHeight: "60vh",
-                                overflowY: "auto",
-                                marginBottom: "16px",
-                                scrollbarWidth: "thin",
-                                scrollbarColor: "#666 transparent",
-                            }, children: logs.length > 0 ? (logs.map((log) => (_jsxs("div", { style: {
-                                    marginBottom: "12px",
-                                    padding: "12px",
-                                    background: "rgba(255,255,255,0.1)",
-                                    borderRadius: "4px",
-                                    borderLeft: "3px solid #4A90E2",
-                                }, children: [_jsx("div", { style: {
-                                            marginBottom: "6px",
-                                            fontSize: "1em",
-                                        }, children: log.speakerName ? (_jsx("strong", { children: log.speakerName })) : (_jsx("em", { children: "\u30CA\u30EC\u30FC\u30B7\u30E7\u30F3" })) }), _jsx("div", { style: {
-                                            fontSize: "1em",
-                                            lineHeight: "1.5",
-                                        }, children: log.content || "(内容なし)" })] }, log.id)))) : (_jsx("div", { style: {
-                                    textAlign: "center",
-                                    color: "#888",
-                                    padding: "20px",
-                                }, children: "\u307E\u3060\u4F1A\u8A71\u30ED\u30B0\u304C\u3042\u308A\u307E\u305B\u3093" })) }), _jsxs("div", { style: {
-                                textAlign: "center",
-                                fontSize: "0.8em",
-                                color: "#888",
-                            }, children: [logs.length, "\u4EF6\u306E\u4F1A\u8A71\u3092\u8868\u793A\u4E2D"] })] }) }))] }));
-};

package/dist/hooks/useConversationLog.d.ts

@@ -1,14 +0,0 @@
-import type { ConversationLogEntry, PublishedScenario, ScenarioBlock } from "../types";
-interface UseConversationLogOptions {
-    scenario: PublishedScenario;
-    currentBlockIndex: number;
-    currentBlock: ScenarioBlock | null;
-}
-interface UseConversationLogReturn {
-    logs: ConversationLogEntry[];
-    addLogEntry: (entry: ConversationLogEntry) => void;
-    clearLogs: () => void;
-    buildInitialHistory: (upToIndex: number) => void;
-}
-export declare function useConversationLog({ scenario, currentBlockIndex, currentBlock, }: UseConversationLogOptions): UseConversationLogReturn;
-export {};

package/dist/hooks/useConversationLog.js

@@ -1,82 +0,0 @@
-import { useCallback, useEffect, useRef, useState } from "react";
-export function useConversationLog({ scenario, currentBlockIndex, currentBlock, }) {
-    const [logs, setLogs] = useState([]);
-    const hasBuiltInitialHistory = useRef(false);
-    const processedBlocks = useRef(new Set());
-    // ログエントリを追加する関数
-    const addLogEntry = useCallback((entry) => {
-        setLogs((prevLogs) => {
-            // 既存の同じブロックインデックスのエントリを削除（重複防止）
-            const filteredLogs = prevLogs.filter((log) => log.blockIndex !== entry.blockIndex);
-            // 新しいエントリを追加してソート
-            const newLogs = [...filteredLogs, entry];
-            return newLogs.sort((a, b) => a.blockIndex - b.blockIndex);
-        });
-    }, []);
-    // ログをクリアする関数
-    const clearLogs = useCallback(() => {
-        setLogs([]);
-        hasBuiltInitialHistory.current = false;
-        processedBlocks.current.clear();
-    }, []);
-    // 初期履歴を構築する関数
-    const buildInitialHistory = useCallback((upToIndex) => {
-        const conversationBlocks = scenario.blocks
-            .slice(0, upToIndex + 1)
-            .map((block, index) => ({ block, realIndex: index }))
-            .filter(({ block }) => block.blockType === "dialogue" || block.blockType === "narration");
-        console.log(`Building conversation history up to index ${upToIndex}, found ${conversationBlocks.length} conversation blocks`);
-        conversationBlocks.forEach(({ block, realIndex }) => {
-            var _a, _b;
-            if (!processedBlocks.current.has(realIndex)) {
-                const logEntry = {
-                    id: `${block.id}_init`,
-                    timestamp: Date.now(),
-                    blockIndex: realIndex,
-                    blockType: block.blockType,
-                    content: block.content,
-                    speakerName: (_a = block.speaker) === null || _a === void 0 ? void 0 : _a.name,
-                    speakerState: (_b = block.speakerState) === null || _b === void 0 ? void 0 : _b.name,
-                };
-                addLogEntry(logEntry);
-                processedBlocks.current.add(realIndex);
-            }
-        });
-        hasBuiltInitialHistory.current = true;
-    }, [scenario.blocks, addLogEntry]);
-    // 新しいブロックを処理
-    useEffect(() => {
-        var _a, _b;
-        if (!currentBlock || !hasBuiltInitialHistory.current) {
-            return;
-        }
-        // 会話ブロックのみログに追加
-        if (currentBlock.blockType === "dialogue" ||
-            currentBlock.blockType === "narration") {
-            if (!processedBlocks.current.has(currentBlockIndex)) {
-                console.log("Adding new conversation block to log:", currentBlock);
-                const logEntry = {
-                    id: `${currentBlock.id}_${Date.now()}`,
-                    timestamp: Date.now(),
-                    blockIndex: currentBlockIndex,
-                    blockType: currentBlock.blockType,
-                    content: currentBlock.content,
-                    speakerName: (_a = currentBlock.speaker) === null || _a === void 0 ? void 0 : _a.name,
-                    speakerState: (_b = currentBlock.speakerState) === null || _b === void 0 ? void 0 : _b.name,
-                };
-                addLogEntry(logEntry);
-                processedBlocks.current.add(currentBlockIndex);
-            }
-        }
-    }, [currentBlock, currentBlockIndex, addLogEntry]);
-    // シナリオ変更時にリセット
-    useEffect(() => {
-        clearLogs();
-    }, [scenario.id, clearLogs]);
-    return {
-        logs,
-        addLogEntry,
-        clearLogs,
-        buildInitialHistory,
-    };
-}

package/dist/hooks/useUIVisibility.d.ts

@@ -1,9 +0,0 @@
-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

@@ -1,19 +0,0 @@
-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];
-}