@vnejs/plugins.views.scenario.interface 0.1.28 → 0.1.29

package/dist/modules/interface.d.ts

@@ -1,5 +1,6 @@
 import { ModuleCore, type ModuleGlobalStateRegistry } from "@vnejs/module.core";
 import type { LineExecHandlerArg } from "@vnejs/module.core";
+import type { InterfaceVisibleTokensChangedPayload } from "@vnejs/contracts.views.scenario.interface";
 import type { InterfacePluginConstants, InterfacePluginEvents, InterfacePluginParams, InterfacePluginSettings } from "../types.js";
 import type { InterfaceForcePayload, InterfaceModuleState, InterfaceSpeakerChangedPayload, InterfaceTextChangedPayload, InterfaceViewPayload } from "../utils/interface.js";
 export declare class Interface extends ModuleCore<InterfacePluginEvents, InterfacePluginConstants, InterfacePluginSettings, InterfacePluginParams, InterfaceModuleState> {
@@ -11,7 +12,8 @@ export declare class Interface extends ModuleCore<InterfacePluginEvents, Interfa
     onShow: ({ isForce }?: InterfaceForcePayload) => false | Promise<unknown[] | undefined>;
     onHide: ({ isForce }?: InterfaceForcePayload) => false | Promise<unknown[] | undefined>;
     onVisible: ({ isForce }?: InterfaceForcePayload) => Promise<unknown[]> | undefined;
-    onTextChanged: ({ tokens, uid, tokensVisible }?: InterfaceTextChangedPayload) => Promise<unknown[]> | undefined;
+    onTextChanged: ({ tokens, uid }?: InterfaceTextChangedPayload) => Promise<unknown[]> | undefined;
+    onVisibleTokensChanged: ({ tokensVisible, uid }?: InterfaceVisibleTokensChangedPayload) => Promise<unknown[]> | undefined;
     onTextSpeakerChanged: ({ speaker, meet }?: InterfaceSpeakerChangedPayload) => Promise<unknown[]> | undefined;
     onTextEmitBefore: () => Promise<unknown[]> | undefined;
     onTextHide: () => Promise<unknown[]> | undefined;

package/dist/modules/interface.js

@@ -9,13 +9,17 @@ export class Interface extends ModuleCore {
         this.on(this.EVENTS.INTERFACE.VISIBLE, this.onVisible);
         this.on(this.EVENTS.INTERFACE.TEXT_HIDE, this.onTextHide);
         this.on(this.EVENTS.INTERFACE.VIEW, this.onView);
+        this.on(this.EVENTS.INTERFACE.VISIBLE_TOKENS_CHANGED, this.onVisibleTokensChanged);
         this.on(this.EVENTS.TEXT.CHANGED, this.onTextChanged);
         this.on(this.EVENTS.TEXT.SPEAKER_CHANGED, this.onTextSpeakerChanged);
         this.on(this.EVENTS.TEXT.EMIT_BEFORE, this.onTextEmitBefore);
         this.on(this.EVENTS.STATE.SET, this.onStateSet);
         this.on(this.EVENTS.STATE.CLEAR, this.onStateClear);
     };
-    init = () => this.emit(this.EVENTS.SCENARIO.LINE_EXEC_REG, { module: this.name, handler: this.onLineExec });
+    init = () => {
+        this.shared.interfaceTextShowAllTokensOnChange = true;
+        return this.emit(this.EVENTS.SCENARIO.LINE_EXEC_REG, { module: this.name, handler: this.onLineExec });
+    };
     onLineExec = async ({ line = "" } = {}) => {
         const isForce = this.shared.viewForceAnimationSources.isNotEmpty();
         const [action = "", execArg = ""] = tokenizeExecLine(line);
@@ -31,7 +35,11 @@ export class Interface extends ModuleCore {
     onShow = ({ isForce = false } = {}) => !this.state.isShow && this.setShow(true, isForce);
     onHide = ({ isForce = false } = {}) => this.state.isShow && this.setShow(false, isForce);
     onVisible = ({ isForce = false } = {}) => this.setVisible(!this.state.isVisible, isForce);
-    onTextChanged = ({ tokens, uid, tokensVisible } = {}) => this.emitTextChanged(tokens, uid, tokensVisible);
+    onTextChanged = ({ tokens = [], uid = "" } = {}) => {
+        const tokensVisible = this.shared.interfaceTextShowAllTokensOnChange ? tokens.length : 0;
+        return this.emitTextChanged(tokens, uid, tokensVisible);
+    };
+    onVisibleTokensChanged = ({ tokensVisible = 0, uid = "" } = {}) => this.emitTextChanged(this.globalState.text.tokens, uid, tokensVisible);
     onTextSpeakerChanged = ({ speaker, meet } = {}) => this.emitSpeakerChanged(speaker, meet);
     onTextEmitBefore = () => this.emit(this.EVENTS.INTERFACE.SHOW);
     onTextHide = () => this.emitTextChanged([], "", 0);
@@ -61,9 +69,5 @@ export class Interface extends ModuleCore {
         Object.assign(this.state, { isShow, view, isVisible });
         return this.emit(this.EVENTS.INTERFACE.STATE_CHANGED);
     };
-    getDefaultState = () => ({
-        view: this.PARAMS.INTERFACE.DEFAULT_VIEW,
-        isShow: false,
-        isVisible: false,
-    });
+    getDefaultState = () => ({ view: this.PARAMS.INTERFACE.DEFAULT_VIEW, isShow: false, isVisible: false });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vnejs/plugins.views.scenario.interface",
-  "version": "0.1.28",
+  "version": "0.1.29",
   "description": "",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/modules/interface.ts

@@ -3,6 +3,8 @@ import { tokenizeExecLine } from "@vnejs/helpers";
 
 import type { LineExecHandlerArg } from "@vnejs/module.core";
 
+import type { InterfaceVisibleTokensChangedPayload } from "@vnejs/contracts.views.scenario.interface";
+
 import type { InterfacePluginConstants, InterfacePluginEvents, InterfacePluginParams, InterfacePluginSettings } from "../types.js";
 import type {
   InterfaceForcePayload,
@@ -28,6 +30,7 @@ export class Interface extends ModuleCore<
     this.on(this.EVENTS.INTERFACE.VISIBLE, this.onVisible);
     this.on(this.EVENTS.INTERFACE.TEXT_HIDE, this.onTextHide);
     this.on(this.EVENTS.INTERFACE.VIEW, this.onView);
+    this.on(this.EVENTS.INTERFACE.VISIBLE_TOKENS_CHANGED, this.onVisibleTokensChanged);
 
     this.on(this.EVENTS.TEXT.CHANGED, this.onTextChanged);
     this.on(this.EVENTS.TEXT.SPEAKER_CHANGED, this.onTextSpeakerChanged);
@@ -37,7 +40,11 @@ export class Interface extends ModuleCore<
     this.on(this.EVENTS.STATE.CLEAR, this.onStateClear);
   };
 
-  init = () => this.emit(this.EVENTS.SCENARIO.LINE_EXEC_REG, { module: this.name, handler: this.onLineExec });
+  init = () => {
+    this.shared.interfaceTextShowAllTokensOnChange = true;
+
+    return this.emit(this.EVENTS.SCENARIO.LINE_EXEC_REG, { module: this.name, handler: this.onLineExec });
+  };
 
   onLineExec = async ({ line = "" }: LineExecHandlerArg = {}) => {
     const isForce = this.shared.viewForceAnimationSources.isNotEmpty();
@@ -55,7 +62,13 @@ export class Interface extends ModuleCore<
   onShow = ({ isForce = false }: InterfaceForcePayload = {}) => !this.state.isShow && this.setShow(true, isForce);
   onHide = ({ isForce = false }: InterfaceForcePayload = {}) => this.state.isShow && this.setShow(false, isForce);
   onVisible = ({ isForce = false }: InterfaceForcePayload = {}) => this.setVisible(!this.state.isVisible, isForce);
-  onTextChanged = ({ tokens, uid, tokensVisible }: InterfaceTextChangedPayload = {}) => this.emitTextChanged(tokens, uid, tokensVisible);
+  onTextChanged = ({ tokens = [], uid = "" }: InterfaceTextChangedPayload = {}) => {
+    const tokensVisible = this.shared.interfaceTextShowAllTokensOnChange ? tokens.length : 0;
+
+    return this.emitTextChanged(tokens, uid, tokensVisible);
+  };
+  onVisibleTokensChanged = ({ tokensVisible = 0, uid = "" }: InterfaceVisibleTokensChangedPayload = {}) =>
+    this.emitTextChanged(this.globalState.text.tokens, uid, tokensVisible);
   onTextSpeakerChanged = ({ speaker, meet }: InterfaceSpeakerChangedPayload = {}) => this.emitSpeakerChanged(speaker, meet);
   onTextEmitBefore = () => this.emit(this.EVENTS.INTERFACE.SHOW);
   onTextHide = () => this.emitTextChanged([], "", 0);
@@ -93,9 +106,5 @@ export class Interface extends ModuleCore<
     return this.emit(this.EVENTS.INTERFACE.STATE_CHANGED);
   };
 
-  getDefaultState = (): InterfaceModuleState => ({
-    view: this.PARAMS.INTERFACE.DEFAULT_VIEW,
-    isShow: false,
-    isVisible: false,
-  });
+  getDefaultState = (): InterfaceModuleState => ({ view: this.PARAMS.INTERFACE.DEFAULT_VIEW, isShow: false, isVisible: false });
 }