@luna-editor/engine 0.5.9 → 0.5.11

package/dist/hooks/useBacklog.js

@@ -1,4 +1,38 @@
 import { useCallback, useEffect, useRef, useState } from "react";
+/**
+ * speakerIdからキャラクター画像URLとクロップ情報を解決する
+ * 優先順位: speakerState > baseBodyState > characters[].entityState
+ */
+function resolveSpeakerImage(block, allBlocks) {
+    var _a, _b, _c, _d;
+    // 1. speakerState（単一画像キャラ）
+    if ((_a = block.speakerState) === null || _a === void 0 ? void 0 : _a.imageUrl) {
+        return {
+            imageUrl: block.speakerState.imageUrl,
+            cropArea: (_b = block.speakerState.cropArea) !== null && _b !== void 0 ? _b : undefined,
+        };
+    }
+    if (!block.speakerId)
+        return {};
+    // 2. character_entranceブロックからbaseBodyState or entityStateを探す
+    for (const b of allBlocks) {
+        if (b.characters) {
+            const char = b.characters.find((c) => c.object.id === block.speakerId);
+            if (char) {
+                if ((_c = char.baseBodyState) === null || _c === void 0 ? void 0 : _c.imageUrl) {
+                    return { imageUrl: char.baseBodyState.imageUrl };
+                }
+                if (char.entityState.imageUrl) {
+                    return {
+                        imageUrl: char.entityState.imageUrl,
+                        cropArea: (_d = char.entityState.cropArea) !== null && _d !== void 0 ? _d : undefined,
+                    };
+                }
+            }
+        }
+    }
+    return {};
+}
 export function useBacklog({ scenario, currentBlockIndex, currentBlock, }) {
     const [logs, setLogs] = useState([]);
     const hasBuiltInitialHistory = useRef(false);
@@ -26,8 +60,9 @@ export function useBacklog({ scenario, currentBlockIndex, currentBlock, }) {
             .map((block, index) => ({ block, realIndex: index }))
             .filter(({ block }) => block.blockType === "dialogue" || block.blockType === "narration");
         conversationBlocks.forEach(({ block, realIndex }) => {
-            var _a, _b;
+            var _a, _b, _c;
             if (!processedBlocks.current.has(realIndex)) {
+                const speakerImage = resolveSpeakerImage(block, scenario.blocks);
                 const logEntry = {
                     id: `${block.id}_init`,
                     timestamp: Date.now(),
@@ -36,6 +71,9 @@ export function useBacklog({ scenario, currentBlockIndex, currentBlock, }) {
                     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,
+                    speakerId: (_c = block.speakerId) !== null && _c !== void 0 ? _c : undefined,
+                    speakerImageUrl: speakerImage.imageUrl,
+                    speakerCropArea: speakerImage.cropArea,
                     options: block.options,
                 };
                 addLogEntry(logEntry);
@@ -46,7 +84,7 @@ export function useBacklog({ scenario, currentBlockIndex, currentBlock, }) {
     }, [scenario.blocks, addLogEntry]);
     // 新しいブロックを処理
     useEffect(() => {
-        var _a, _b;
+        var _a, _b, _c;
         if (!currentBlock || !hasBuiltInitialHistory.current) {
             return;
         }
@@ -54,7 +92,7 @@ export function useBacklog({ scenario, currentBlockIndex, currentBlock, }) {
         if (currentBlock.blockType === "dialogue" ||
             currentBlock.blockType === "narration") {
             if (!processedBlocks.current.has(currentBlockIndex)) {
-                console.log("Adding new conversation block to log:", currentBlock);
+                const speakerImage = resolveSpeakerImage(currentBlock, scenario.blocks);
                 const logEntry = {
                     id: `${currentBlock.id}_${Date.now()}`,
                     timestamp: Date.now(),
@@ -63,6 +101,9 @@ export function useBacklog({ scenario, currentBlockIndex, currentBlock, }) {
                     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,
+                    speakerId: (_c = currentBlock.speakerId) !== null && _c !== void 0 ? _c : undefined,
+                    speakerImageUrl: speakerImage.imageUrl,
+                    speakerCropArea: speakerImage.cropArea,
                     options: currentBlock.options,
                 };
                 addLogEntry(logEntry);

package/dist/types.d.ts

@@ -390,6 +390,12 @@ export interface BacklogEntry {
     content: string | null;
     speakerName?: string;
     speakerState?: string;
+    /** 話者のオブジェクトID */
+    speakerId?: string;
+    /** 話者の画像URL（そのブロック時点の状態の画像、またはレイヤーキャラの素体画像） */
+    speakerImageUrl?: string;
+    /** 話者の画像クロップ情報（JSON: {x, y, width, height}） */
+    speakerCropArea?: string;
     /** Block options (for plugin-defined options like bubble style) */
     options?: BlockOptions | null;
 }

package/package.json

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