@vnejs/plugins.text 0.1.1 → 0.1.3

package/index.js

@@ -11,6 +11,7 @@ import { TextMeet } from "./modules/meet";
 import { TextReplace } from "./modules/replace";
 import { TextSpeaker } from "./modules/speaker";
 import { Text } from "./modules/text";
+import { TextWall } from "./modules/wall";
 
 regPlugin("TEXT", { constants, events: SUBSCRIBE_EVENTS, settings: SETTINGS_KEYS, params }, [
   TextCycle,
@@ -19,4 +20,5 @@ regPlugin("TEXT", { constants, events: SUBSCRIBE_EVENTS, settings: SETTINGS_KEYS
   TextReplace,
   TextSpeaker,
   Text,
+  TextWall,
 ]);

package/modules/cycle.js

@@ -31,11 +31,12 @@ export class TextCycle extends Module {
     this.globalState.text.tokensVisible += Math.floor(diff / delayForOneChar);
 
     const { tokens: currentTokens, tokensVisible = 0, uid = "" } = this.globalState.text;
+    const { wall = [] } = this.globalState["text.wall"];
 
     if (currentTokens !== tokens) return;
     if (tokensVisible > tokens.length) return this.emit(this.EVENTS.TEXT.EMIT_END, { isForced: false });
 
-    await this.emit(this.EVENTS.TEXT.CHANGED, { tokens, tokensVisible, uid });
+    await this.emit(this.EVENTS.TEXT.CHANGED, { tokens, tokensVisible, uid, wall });
 
     return this.setUpdateTextRaf(tokens, ts - (diff % delayForOneChar));
   };

package/modules/speaker.js

@@ -22,8 +22,6 @@ export class TextSpeaker extends Module {
   onTextSpeaker = ({ speaker, meet, ...args }) => {
     this.setState({ speaker, meet, args });
 
-    console.log(99999999, speaker);
-
     this.emit(this.EVENTS.TEXT.SPEAKER_CHANGED, { speaker, meet });
   };
 

package/modules/text.js

@@ -16,10 +16,10 @@ export class Text extends Module {
     this.on(this.EVENTS.STATE.CLEAR, this.onStateClear);
     this.on(this.EVENTS.STATE.SET, this.onStateSet);
   };
-  init = async () => {
-    await this.emit(this.EVENTS.SCENARIO.LINE_EXEC_REG, { module: this.name, handler: this.onLineHandler });
-
+  init = () => {
     this.shared.textNoAnimationSources = [];
+
+    return this.emit(this.EVENTS.SCENARIO.LINE_EXEC_REG, { module: this.name, handler: this.onLineHandler });
   };
   onLineHandler = async (line, args) => {
     const { text } = line.match(this.CONST.TEXT.LINE_REG).groups;
@@ -27,6 +27,7 @@ export class Text extends Module {
     await this.emit(this.EVENTS.TEXT.EMIT_BEFORE);
     await this.emit(this.EVENTS.TEXT.EMIT, { text, ...args });
   };
+
   onTextEmit = async ({ text, ...args }) => {
     const [uid, tokens] = [await this.emitOne(this.EVENTS.VENDORS.UID), textToTokens(await this.getRealText(text))];
     const tokensVisible = this.shared.textNoAnimationSources.length ? BIG_VALUE : 0;
@@ -64,7 +65,7 @@ export class Text extends Module {
   setNewState = (state) => this.emit(this.EVENTS.TEXT.EMIT, { text: state.text, ...state.args });
   getRealText = (text) => this.emitOne(this.EVENTS.TEXT.REPLACE, { text, label: this.globalState.scenario.label, state: this.globalState });
   emitAnimationEnd = () => this.emit(this.EVENTS.TEXT.EMIT_END, { isForced: true });
-  emitTextChanged = () => this.emit(this.EVENTS.TEXT.CHANGED, this.state);
+  emitTextChanged = () => this.emit(this.EVENTS.TEXT.CHANGED, { ...this.state, wall: this.globalState["text.wall"].wall });
 
   getDefaultState = () => ({ text: "", tokensVisible: 0, uid: "", tokens: [], args: {} });
 }

package/modules/wall.js

@@ -0,0 +1,44 @@
+import { Module } from "@vnejs/module";
+
+import { textToTokens } from "./utils";
+
+export class TextWall extends Module {
+  name = "text.wall";
+
+  subscribe = () => {
+    this.on(this.EVENTS.TEXT.INTERACT, this.onTextInteract);
+
+    this.on(this.EVENTS.TEXT.RECALC, this.onTextRecalc);
+
+    this.on(this.EVENTS.STATE.CLEAR, this.setDefaultState);
+    this.on(this.EVENTS.STATE.SET, this.setStateFromGlobalState);
+  };
+  init = () => this.emit(this.EVENTS.SCENARIO.LINE_EXEC_REG, { module: this.name, handler: this.onLineHandler });
+  onLineHandler = (line) => {
+    if (line === "clear") this.updateState({ wall: [] });
+    if (line === "start") this.updateState({ wall: [], isWallStarted: true });
+    if (line === "end") this.updateState({ wall: [], isWallStarted: false });
+
+    this.emit(this.EVENTS.SCENARIO.NEXT, { module: this.name });
+  };
+
+  onTextInteract = ({ state } = {}) => {
+    if (state !== this.CONST.TEXT.INTERACT_STATES.NEXT || !this.state.isWallStarted) return;
+
+    const { text, tokens, uid, args } = this.globalState.text;
+    const { speaker, meet } = this.globalState["text.speaker"];
+
+    this.updateState({ wall: [...this.state.wall, { text, tokens, uid, args, speaker, meet }] });
+  };
+  onTextRecalc = async () => {
+    this.updateState({
+      wall: await Promise.all(this.state.wall.map(async (wallObj) => ({ ...wallObj, tokens: textToTokens(await this.getRealText(wallObj.text)) }))),
+    });
+
+    return this.emit(this.EVENTS.TEXT.CHANGED, { ...this.globalState.text, wall: this.state.wall });
+  };
+
+  getRealText = (text) => this.emitOne(this.EVENTS.TEXT.REPLACE, { text, label: this.globalState.scenario.label, state: this.globalState });
+
+  getDefaultState = () => ({ wall: [], isWallStarted: false });
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vnejs/plugins.text",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "main": "index.js",
   "types": "index.d.ts",
   "scripts": {