@vnejs/plugins.views.scenario.interface 0.2.1 → 0.2.3

package/dist/modules/controller.d.ts

@@ -3,14 +3,14 @@ import type { InterfacePluginConstants, InterfacePluginEvents, InterfacePluginPa
 import type { InterfaceForcePayload, InterfacePluginState, InterfaceSpeakerChangedPayload, InterfaceTextChangedPayload, InterfaceWallChangedPayload } from "../utils/interface.js";
 export declare class InterfaceController extends ModuleController<InterfacePluginEvents, InterfacePluginConstants, InterfacePluginSettings, InterfacePluginParams, InterfacePluginState> {
     name: string;
-    isStateChangeInProcess: boolean;
-    updateEvent: "vne:interface:view_update";
-    controls: {
+    EVENT_UPDATE_VIEW: "vne:interface:view_update";
+    CONTROLS: {
         abstract_interact: () => undefined;
         abstract_accept: () => undefined;
     };
-    controlsUnvisible: {};
-    controlsIndex: number;
+    CONTROLS_UNVISIBLE: {};
+    CONTROLS_INDEX: number;
+    isStateChangeInProcess: boolean;
     subscribe: () => void;
     init: () => Promise<unknown[]> | undefined;
     onShowChanged: ({ isForce }?: InterfaceForcePayload) => Promise<unknown[]> | undefined;

package/dist/modules/controller.js

@@ -3,14 +3,14 @@ import { CONSTANTS as ControlsConstants } from "@vnejs/contracts.controls";
 import { getTextSpeakerInfo } from "@vnejs/contracts.text";
 export class InterfaceController extends ModuleController {
     name = "interface.controller";
-    isStateChangeInProcess = false;
-    updateEvent = this.EVENTS.INTERFACE.VIEW_UPDATE;
-    controls = {
+    EVENT_UPDATE_VIEW = this.EVENTS.INTERFACE.VIEW_UPDATE;
+    CONTROLS = {
         [ControlsConstants.BUTTONS.INTERACT]: () => void this.emit(this.EVENTS.INTERFACE.INTERACT),
         [ControlsConstants.BUTTONS.ACCEPT]: () => void this.emit(this.EVENTS.INTERFACE.INTERACT),
     };
-    controlsUnvisible = {};
-    controlsIndex = this.PARAMS.INTERFACE.ZINDEX;
+    CONTROLS_UNVISIBLE = {};
+    CONTROLS_INDEX = this.PARAMS.INTERFACE.ZINDEX;
+    isStateChangeInProcess = false;
     subscribe = () => {
         this.on(this.EVENTS.INTERFACE.VIEW_SHOW, this.onShow);
         this.on(this.EVENTS.INTERFACE.VIEW_HIDE, this.onHide);
@@ -56,7 +56,7 @@ export class InterfaceController extends ModuleController {
         const { isVisible = false } = this.globalState.interface;
         if (this.state.isVisible === isVisible)
             return;
-        const args = { key: `${this.name}-unvisible`, controls: this.controlsUnvisible, index: this.controlsIndex + 500 };
+        const args = { key: `${this.name}-unvisible`, controls: this.CONTROLS_UNVISIBLE, index: this.CONTROLS_INDEX + 500 };
         await this.emit(isVisible ? this.EVENTS.CONTROLS.POP : this.EVENTS.CONTROLS.PUSH, args);
         await this.updateStateAndView({ isVisible }, isForce, !isForce);
     };

package/dist/modules/view.d.ts

@@ -3,9 +3,8 @@ import type { InterfacePluginConstants, InterfacePluginEvents, InterfacePluginPa
 import type { InterfacePluginState } from "../utils/interface.js";
 export declare class InterfaceView extends ModuleView<InterfacePluginEvents, InterfacePluginConstants, InterfacePluginSettings, InterfacePluginParams, InterfacePluginState> {
     name: string;
-    locLabel: string;
-    animationTime: number;
-    updateEvent: "vne:interface:view_update";
+    EVENT_UPDATE_VIEW: "vne:interface:view_update";
+    LOC_LABEL: string;
+    TRANSITION: number;
     renderFunc: import("@vnejs/module.components").ViewRenderFunc<InterfacePluginState>;
-    updateHandler: (state?: InterfacePluginState | undefined) => Promise<void>;
 }

package/dist/modules/view.js

@@ -2,9 +2,8 @@ import { ModuleView } from "@vnejs/module.components";
 import { render } from "../view/index.js";
 export class InterfaceView extends ModuleView {
     name = "interface.view";
-    locLabel = this.PARAMS.INTERFACE.LOC_LABEL;
-    animationTime = this.PARAMS.INTERFACE.TRANSITION;
-    updateEvent = this.EVENTS.INTERFACE.VIEW_UPDATE;
+    EVENT_UPDATE_VIEW = this.EVENTS.INTERFACE.VIEW_UPDATE;
+    LOC_LABEL = this.PARAMS.INTERFACE.LOC_LABEL;
+    TRANSITION = this.PARAMS.INTERFACE.TRANSITION;
     renderFunc = render;
-    updateHandler = this.onUpdateStoreComponent;
 }

package/package.json

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

package/src/modules/controller.ts

@@ -21,15 +21,16 @@ export class InterfaceController extends ModuleController<
 > {
   name = "interface.controller";
 
-  isStateChangeInProcess = false;
+  EVENT_UPDATE_VIEW = this.EVENTS.INTERFACE.VIEW_UPDATE;
 
-  updateEvent = this.EVENTS.INTERFACE.VIEW_UPDATE;
-  controls = {
+  CONTROLS = {
     [ControlsConstants.BUTTONS.INTERACT]: () => void this.emit(this.EVENTS.INTERFACE.INTERACT),
     [ControlsConstants.BUTTONS.ACCEPT]: () => void this.emit(this.EVENTS.INTERFACE.INTERACT),
   };
-  controlsUnvisible = {};
-  controlsIndex = this.PARAMS.INTERFACE.ZINDEX;
+  CONTROLS_UNVISIBLE = {};
+  CONTROLS_INDEX = this.PARAMS.INTERFACE.ZINDEX;
+
+  isStateChangeInProcess = false;
 
   subscribe = () => {
     this.on(this.EVENTS.INTERFACE.VIEW_SHOW, this.onShow);
@@ -81,7 +82,7 @@ export class InterfaceController extends ModuleController<
 
     if (this.state.isVisible === isVisible) return;
 
-    const args = { key: `${this.name}-unvisible`, controls: this.controlsUnvisible, index: this.controlsIndex + 500 } satisfies ControlsPushPayload &
+    const args = { key: `${this.name}-unvisible`, controls: this.CONTROLS_UNVISIBLE, index: this.CONTROLS_INDEX + 500 } satisfies ControlsPushPayload &
       ControlsPopPayload;
     await this.emit(isVisible ? this.EVENTS.CONTROLS.POP : this.EVENTS.CONTROLS.PUSH, args);
     await this.updateStateAndView({ isVisible }, isForce, !isForce);

package/src/modules/view.ts

@@ -13,10 +13,11 @@ export class InterfaceView extends ModuleView<
 > {
   name = "interface.view";
 
-  locLabel = this.PARAMS.INTERFACE.LOC_LABEL;
-  animationTime = this.PARAMS.INTERFACE.TRANSITION;
-  updateEvent = this.EVENTS.INTERFACE.VIEW_UPDATE;
+  EVENT_UPDATE_VIEW = this.EVENTS.INTERFACE.VIEW_UPDATE;
+
+  LOC_LABEL = this.PARAMS.INTERFACE.LOC_LABEL;
+
+  TRANSITION = this.PARAMS.INTERFACE.TRANSITION;
 
   renderFunc = render;
-  updateHandler = this.onUpdateStoreComponent;
 }

package/src/tests/setup.ts

@@ -3,13 +3,7 @@ import { SUBSCRIBE_EVENTS as SCENARIO_EVENTS } from "@vnejs/contracts.core.scena
 import { SUBSCRIBE_EVENTS as TEXT_EVENTS, PLUGIN_NAME as TEXT } from "@vnejs/contracts.text";
 import { PARAMS, PLUGIN_NAME, SUBSCRIBE_EVENTS } from "@vnejs/contracts.views.scenario.interface";
 import { SourcesSet } from "@vnejs/sources-set";
-import {
-  createTestModule as baseCreateTestModule,
-  registerCoreVne,
-  registerVnePlugin,
-  stubEvent,
-  stubSilentEvent,
-} from "@vnejs/test-utils";
+import { createTestModule as baseCreateTestModule, registerCoreVne, registerVnePlugin, stubEvent, stubSilentEvent } from "@vnejs/test-utils";
 
 export const registerInterfacePluginVne = () => {
   registerCoreVne();

package/src/view/components/InterfaceViewDialog.tsx

@@ -9,7 +9,10 @@ export const InterfaceViewDialog = (props: InterfaceViewProps) => {
 
   const propsByView = PARAMS.INTERFACE.VIEW_PROPS.adv;
 
-  const propsPosition = useMemo(() => ({ ...propsByView.position, opacity: isViewActive ? 1 : 0, transition }), [isViewActive, transition, propsByView.position]);
+  const propsPosition = useMemo(
+    () => ({ ...propsByView.position, opacity: isViewActive ? 1 : 0, transition }),
+    [isViewActive, transition, propsByView.position],
+  );
 
   const speakerOpacity = speakerName ? 1 : 0;
   const speakerTransition = speakerName ? transition : 0;

package/src/view/components/InterfaceViewLine.tsx

@@ -15,7 +15,10 @@ export const InterfaceViewLine = (props: InterfaceViewProps) => {
     () => ({ ...propsByView.text, opacity, color, transition, ...propsTextTokens }),
     [opacity, color, transition, propsTextTokens, propsByView.text],
   );
-  const propsPosition = useMemo(() => ({ ...propsByView.position, opacity: isViewActive ? 1 : 0, transition }), [isViewActive, transition, propsByView.position]);
+  const propsPosition = useMemo(
+    () => ({ ...propsByView.position, opacity: isViewActive ? 1 : 0, transition }),
+    [isViewActive, transition, propsByView.position],
+  );
 
   return (
     <PositionBox {...propsPosition}>

package/tsconfig.json

@@ -5,13 +5,6 @@
     "outDir": "dist",
     "jsx": "react-jsx"
   },
-  "include": [
-    "src/**/*.ts",
-    "src/**/*.tsx"
-  ],
-  "exclude": [
-    "dist",
-    "node_modules",
-    "src/tests"
-  ]
+  "include": ["src/**/*.ts", "src/**/*.tsx"],
+  "exclude": ["dist", "node_modules", "src/tests"]
 }