@vnejs/plugins.views.scenario.qte 0.2.3 → 0.2.5

package/dist/index.js

@@ -3,5 +3,6 @@ import "@vnejs/contracts.views.scenario.qte";
 import { regPlugin } from "@vnejs/shared";
 import { PARAMS, PLUGIN_NAME, SUBSCRIBE_EVENTS } from "@vnejs/contracts.views.scenario.qte";
 import { QteViewController } from "./modules/controller.js";
+import { QteViewControllerAccept } from "./modules/controller.accept.js";
 import { QteViewView } from "./modules/view.js";
-regPlugin(PLUGIN_NAME, { events: SUBSCRIBE_EVENTS, params: PARAMS }, [QteViewController, QteViewView]);
+regPlugin(PLUGIN_NAME, { events: SUBSCRIBE_EVENTS, params: PARAMS }, [QteViewController, QteViewControllerAccept, QteViewView]);

package/dist/modules/controller.accept.d.ts

@@ -0,0 +1,10 @@
+import { ModuleControllerAccept } from "@vnejs/module.controller.accept";
+import type { QtePluginConstants, QtePluginEvents, QtePluginParams, QtePluginSettings } from "../types.js";
+export declare class QteViewControllerAccept extends ModuleControllerAccept<QtePluginEvents, QtePluginConstants, QtePluginSettings, QtePluginParams> {
+    name: string;
+    EVENT_SHOW: "vne:qte_view:show";
+    EVENT_HIDE: "vne:qte_view:hide";
+    EVENT_ACCEPT: "vne:qte_view:action";
+    CONTROLS_ZINDEX: number;
+    onAccept: () => undefined;
+}

package/dist/modules/controller.accept.js

@@ -0,0 +1,9 @@
+import { ModuleControllerAccept } from "@vnejs/module.controller.accept";
+export class QteViewControllerAccept extends ModuleControllerAccept {
+    name = "qte_view.controller.accept";
+    EVENT_SHOW = this.EVENTS.QTE_VIEW.SHOW;
+    EVENT_HIDE = this.EVENTS.QTE_VIEW.HIDE;
+    EVENT_ACCEPT = this.EVENTS.QTE_VIEW.ACTION;
+    CONTROLS_ZINDEX = this.PARAMS.QTE_VIEW.ZINDEX;
+    onAccept = () => undefined;
+}

package/dist/modules/controller.d.ts

@@ -5,10 +5,7 @@ import type { QtePluginControllerState, QteVisibilityPayload } from "../utils/qt
 export declare class QteViewController extends ModuleController<QtePluginEvents, QtePluginConstants, QtePluginSettings, QtePluginParams, QtePluginControllerState> {
     name: string;
     EVENT_UPDATE_VIEW: "vne:qte_view:update";
-    CONTROLS: {
-        abstract_accept: () => undefined;
-        abstract_interact: () => undefined;
-    };
+    CONTROLS: {};
     CONTROLS_INDEX: number;
     activeStartedAt: number | null;
     isResolved: boolean;

package/dist/modules/controller.js

@@ -3,10 +3,7 @@ import { getFailAtProgress, getProgressFromElapsed, isProgressInsideZone } from
 export class QteViewController extends ModuleController {
     name = "qte_view.controller";
     EVENT_UPDATE_VIEW = this.EVENTS.QTE_VIEW.UPDATE;
-    CONTROLS = {
-        [this.CONST.CONTROLS.BUTTONS.ACCEPT]: () => void this.onAction(),
-        [this.CONST.CONTROLS.BUTTONS.INTERACT]: () => void this.onAction(),
-    };
+    CONTROLS = {};
     CONTROLS_INDEX = this.PARAMS.QTE_VIEW.ZINDEX;
     activeStartedAt = null;
     isResolved = false;
@@ -81,10 +78,7 @@ export class QteViewController extends ModuleController {
             return;
         this.isResolved = true;
         this.clearFailTimeout();
-        this.updateStateAndViewFast({
-            phase: "resolved",
-            result: success ? "success" : "fail",
-        });
+        this.updateStateAndViewFast({ phase: "resolved", result: success ? "success" : "fail" });
         this.resultTimeout = setTimeout(() => {
             this.updateStateAndViewFast({ phase: "outro" });
             void this.emit(this.EVENTS.QTE.RESULT, { success });
@@ -105,12 +99,5 @@ export class QteViewController extends ModuleController {
         this.resultTimeout = null;
         this.activeStartedAt = null;
     };
-    getDefaultState = () => ({
-        isShow: false,
-        isForce: false,
-        id: "",
-        item: null,
-        phase: "idle",
-        result: "idle",
-    });
+    getDefaultState = () => ({ isShow: false, isForce: false, id: "", item: null, phase: "idle", result: "idle" });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vnejs/plugins.views.scenario.qte",
-  "version": "0.2.3",
+  "version": "0.2.5",
   "description": "",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -36,6 +36,8 @@
   "peerDependencies": {
     "@vnejs/contracts.controls": "~0.2.0",
     "@vnejs/module.components": "~0.2.0",
+    "@vnejs/module.core": "~0.2.0",
+    "@vnejs/module.controller.accept": "~0.2.0",
     "@vnejs/shared": "~0.2.0",
     "@vnejs/uis.react": "~0.2.0",
     "@vnejs/uis.utils": "~0.2.0"
@@ -48,6 +50,8 @@
     "@vnejs/contracts.scenario.qte": "~0.2.0",
     "@vnejs/contracts.views.scenario.qte": "~0.2.0",
     "@vnejs/module.components": "~0.2.0",
+    "@vnejs/module.core": "~0.2.0",
+    "@vnejs/module.controller.accept": "~0.2.0",
     "@vnejs/shared": "~0.2.0",
     "@vnejs/sources-set": "~0.2.0",
     "@vnejs/uis.react": "~0.2.0",

package/src/index.ts

@@ -5,6 +5,7 @@ import { regPlugin } from "@vnejs/shared";
 import { PARAMS, PLUGIN_NAME, SUBSCRIBE_EVENTS } from "@vnejs/contracts.views.scenario.qte";
 
 import { QteViewController } from "./modules/controller.js";
+import { QteViewControllerAccept } from "./modules/controller.accept.js";
 import { QteViewView } from "./modules/view.js";
 
-regPlugin(PLUGIN_NAME, { events: SUBSCRIBE_EVENTS, params: PARAMS }, [QteViewController, QteViewView]);
+regPlugin(PLUGIN_NAME, { events: SUBSCRIBE_EVENTS, params: PARAMS }, [QteViewController, QteViewControllerAccept, QteViewView]);

package/src/modules/controller.accept.ts

@@ -0,0 +1,15 @@
+import { ModuleControllerAccept } from "@vnejs/module.controller.accept";
+
+import type { QtePluginConstants, QtePluginEvents, QtePluginParams, QtePluginSettings } from "../types.js";
+
+export class QteViewControllerAccept extends ModuleControllerAccept<QtePluginEvents, QtePluginConstants, QtePluginSettings, QtePluginParams> {
+  name = "qte_view.controller.accept";
+
+  EVENT_SHOW = this.EVENTS.QTE_VIEW.SHOW;
+  EVENT_HIDE = this.EVENTS.QTE_VIEW.HIDE;
+  EVENT_ACCEPT = this.EVENTS.QTE_VIEW.ACTION;
+
+  CONTROLS_ZINDEX = this.PARAMS.QTE_VIEW.ZINDEX;
+
+  onAccept = () => undefined;
+}

package/src/modules/controller.ts

@@ -11,10 +11,7 @@ export class QteViewController extends ModuleController<QtePluginEvents, QtePlug
 
   EVENT_UPDATE_VIEW = this.EVENTS.QTE_VIEW.UPDATE;
 
-  CONTROLS = {
-    [this.CONST.CONTROLS.BUTTONS.ACCEPT]: () => void this.onAction(),
-    [this.CONST.CONTROLS.BUTTONS.INTERACT]: () => void this.onAction(),
-  };
+  CONTROLS = {};
   CONTROLS_INDEX = this.PARAMS.QTE_VIEW.ZINDEX;
 
   activeStartedAt: number | null = null;
@@ -104,10 +101,7 @@ export class QteViewController extends ModuleController<QtePluginEvents, QtePlug
 
     this.isResolved = true;
     this.clearFailTimeout();
-    this.updateStateAndViewFast({
-      phase: "resolved",
-      result: success ? "success" : "fail",
-    });
+    this.updateStateAndViewFast({ phase: "resolved", result: success ? "success" : "fail" });
 
     this.resultTimeout = setTimeout(() => {
       this.updateStateAndViewFast({ phase: "outro" });
@@ -129,12 +123,5 @@ export class QteViewController extends ModuleController<QtePluginEvents, QtePlug
     this.activeStartedAt = null;
   };
 
-  getDefaultState = (): QtePluginControllerState => ({
-    isShow: false,
-    isForce: false,
-    id: "",
-    item: null,
-    phase: "idle",
-    result: "idle",
-  });
+  getDefaultState = (): QtePluginControllerState => ({ isShow: false, isForce: false, id: "", item: null, phase: "idle", result: "idle" });
 }

package/src/tests/accept.test.ts

@@ -0,0 +1,52 @@
+import { beforeEach, describe, expect, it } from "vitest";
+
+import { spyEvent } from "@vnejs/test-utils";
+
+import { QteViewControllerAccept } from "../modules/controller.accept.js";
+import { CONTROLS_EVENTS, createQteViewTestModule, registerQteViewPluginVne, SUBSCRIBE_EVENTS } from "./setup.js";
+
+describe("QteViewControllerAccept", () => {
+  beforeEach(() => {
+    registerQteViewPluginVne();
+  });
+
+  it("SHOW pushes ACCEPT and INTERACT controls", async () => {
+    const { module, observer } = createQteViewTestModule(QteViewControllerAccept);
+    const accept = module as QteViewControllerAccept;
+    const push = spyEvent(observer, CONTROLS_EVENTS.PUSH);
+
+    await observer.emit(SUBSCRIBE_EVENTS.SHOW);
+
+    expect(push).toHaveBeenCalledExactlyOnceWith(
+      expect.objectContaining({
+        key: "qte_view.controller.accept",
+        checkNext: true,
+        index: accept.PARAMS.QTE_VIEW.ZINDEX + 1,
+      }),
+    );
+    expect(push.mock.calls[0][0].controls).toHaveProperty(accept.CONST.CONTROLS.BUTTONS.ACCEPT);
+    expect(push.mock.calls[0][0].controls).toHaveProperty(accept.CONST.CONTROLS.BUTTONS.INTERACT);
+  });
+
+  it("HIDE pops ACCEPT controls", async () => {
+    const { observer } = createQteViewTestModule(QteViewControllerAccept);
+    const pop = spyEvent(observer, CONTROLS_EVENTS.POP);
+
+    await observer.emit(SUBSCRIBE_EVENTS.HIDE);
+
+    expect(pop).toHaveBeenCalledExactlyOnceWith({ key: "qte_view.controller.accept" });
+  });
+
+  it("ACCEPT and INTERACT emit QTE_VIEW.ACTION", async () => {
+    const { module, observer } = createQteViewTestModule(QteViewControllerAccept);
+    const accept = module as QteViewControllerAccept;
+    const action = spyEvent(observer, SUBSCRIBE_EVENTS.ACTION);
+
+    accept.CONTROLS[accept.CONST.CONTROLS.BUTTONS.ACCEPT]();
+    accept.CONTROLS[accept.CONST.CONTROLS.BUTTONS.INTERACT]();
+    await Promise.resolve();
+    await Promise.resolve();
+
+    expect(action).toHaveBeenCalledTimes(2);
+  });
+});

package/src/tests/controller.test.ts

@@ -66,7 +66,7 @@ describe("QteViewController", () => {
     await vi.advanceTimersByTimeAsync((module as QteViewController).PARAMS.QTE_VIEW.TRANSITION);
     await vi.advanceTimersByTimeAsync(100);
 
-    (module as QteViewController).CONTROLS[(module as QteViewController).CONST.CONTROLS.BUTTONS.ACCEPT]();
+    await observer.emit(SUBSCRIBE_EVENTS.ACTION);
 
     expect((module as QteViewController).state.result).toBe("fail");
   });

package/src/tests/setup.ts

@@ -27,6 +27,7 @@ export const createQteViewTestModule = <T extends Parameters<typeof baseCreateTe
   stubSilentEvent(result.observer, QTE_VIEW_EVENTS.HIDE);
   stubSilentEvent(result.observer, QTE_VIEW_EVENTS.SHOW_BEFORE);
   stubSilentEvent(result.observer, QTE_VIEW_EVENTS.UPDATE);
+  stubSilentEvent(result.observer, QTE_VIEW_EVENTS.ACTION);
   stubSilentEvent(result.observer, CONTROLS_EVENTS.PUSH);
   stubSilentEvent(result.observer, CONTROLS_EVENTS.POP);