read text debug for template

Author: MakinoharaShoko

packages/webgal/src/Core/Modules/readHistory.ts

@@ -8,6 +8,15 @@ import { setReadHistory } from "@/store/userDataReducer";
 import { setStorage } from "../controller/storage/storageController";
 import { stageStateManager } from '@/Core/Modules/stage/stageStateManager';
 
+let debugTextReadMode: boolean | null = null;
+
+export function setDebugTextReadMode(isRead: boolean | null) {
+  debugTextReadMode = isRead;
+  if (isRead !== null) {
+    stageStateManager.setStageAndCommit('isRead', isRead);
+  }
+}
+
 export class ReadHistoryManager {
   private history: Map<string, Uint8Array> = new Map();
 
@@ -107,7 +116,7 @@ export class ReadHistoryManager {
       const bitset = this.history.get(scenarioName)!;
       isRead = (bitset[index >> 3] & (1 << (index & 7))) !== 0;
     }
-    stageStateManager.setStage('isRead', isRead);
+    stageStateManager.setStage('isRead', debugTextReadMode ?? isRead);
     if (!isRead) {
       this.addReadHistory();
     }

packages/webgal/src/Core/util/syncWithEditor/webSocketFunc.ts

@@ -2,6 +2,7 @@ import {
   DebugCommand,
   IComponentVisibilityCommand,
   IDebugMessage,
+  ITextReadModeCommand,
   type IFastPreviewTimeoutPayload,
 } from '@/types/debugProtocol';
 import { webgalStore } from '@/store/store';
@@ -16,6 +17,7 @@ import { logger } from '@/Core/util/logger';
 import { syncWithOrigine } from './syncWithOrigine';
 import { baseTransform, IEffect } from '@/Core/Modules/stage/stageInterface';
 import { stageStateManager } from '@/Core/Modules/stage/stageStateManager';
+import { setDebugTextReadMode } from '@/Core/Modules/readHistory';
 
 let editorSocket: WebSocket | null = null;
 
@@ -158,6 +160,14 @@ export const webSocketFunc = () => {
         return;
       }
     }
+    if (message.command === DebugCommand.SET_TEXT_READ_MODE) {
+      try {
+        const command = JSON.parse(message.message) as ITextReadModeCommand;
+        setDebugTextReadMode(command.isRead);
+      } catch (e) {
+        logger.error(`无法设置文本已读显示模式 ${message.message}, ${e}`);
+      }
+    }
   };
   socket.onerror = () => {
     editorSocket = null;

packages/webgal/src/types/debugProtocol.ts

@@ -21,6 +21,8 @@ export enum DebugCommand {
   SET_EFFECT,
   // 实时预览快进超时
   FAST_PREVIEW_TIMEOUT,
+  // 设置文本已读显示模式
+  SET_TEXT_READ_MODE,
 }
 
 export interface IFastPreviewTimeoutPayload {
@@ -64,3 +66,7 @@ export interface IComponentVisibilityCommand {
   component: keyof IComponentsVisibility;
   visibility: boolean;
 }
+
+export interface ITextReadModeCommand {
+  isRead: boolean;
+}