@media-quest/engine 0.0.22 → 0.0.24

package/src/events/mq-events.ts

@@ -1,63 +1,63 @@
-import { DTimestamp } from "../common/DTimestamp";
-
-interface _MqEvent<K extends string, P extends object> {
-  readonly kind: K;
-  readonly timestamp: DTimestamp;
-  readonly payload: P;
-}
-
-export type MqEventEngineStart = _MqEvent<
-  "engine-start",
-  {
-    readonly schemaId: string;
-    readonly schemaPrefix: string;
-  }
->;
-export interface MqEventPageEnter
-  extends _MqEvent<"page-enter", { readonly pageId: string; readonly pagePrefix: string }> {}
-export interface MqEventPageLeave
-  extends _MqEvent<"page-leave", { readonly pageId: string; readonly pagePrefix: string }> {}
-
-export type MqEventUserClicked = _MqEvent<
-  "user-clicked",
-  { readonly pageId: string; pagePrefix: string; action: string; descriptions: string }
->;
-
-export type MqEvent = MqEventPageEnter | MqEventPageLeave | MqEventEngineStart | MqEventUserClicked;
-
-export const MqEvent = {
-  engineStart(schemaId: string, schemaPrefix: string): MqEventEngineStart {
-    return {
-      kind: "engine-start",
-      timestamp: DTimestamp.now(),
-      payload: { schemaId, schemaPrefix },
-    };
-  },
-  pageEnter(pageId: string, pagePrefix: string): MqEventPageEnter {
-    return {
-      kind: "page-enter",
-      timestamp: DTimestamp.now(),
-      payload: { pageId, pagePrefix },
-    };
-  },
-  pageLeave(pageId: string, pagePrefix: string): MqEventPageLeave {
-    return {
-      kind: "page-leave",
-      timestamp: DTimestamp.now(),
-      payload: { pageId, pagePrefix },
-    };
-  },
-  userClicked(data: {
-    pageId: string;
-    pagePrefix: string;
-    action: string;
-    descriptions: string;
-  }): MqEventUserClicked {
-    const { pageId, pagePrefix, action, descriptions } = data;
-    return {
-      kind: "user-clicked",
-      timestamp: DTimestamp.now(),
-      payload: { pageId, pagePrefix, action, descriptions },
-    };
-  },
-} as const;
+import { DTimestamp } from "../common/DTimestamp";
+
+interface _MqEvent<K extends string, P extends object> {
+  readonly kind: K;
+  readonly timestamp: DTimestamp;
+  readonly payload: P;
+}
+
+export type MqEventEngineStart = _MqEvent<
+  "engine-start",
+  {
+    readonly schemaId: string;
+    readonly schemaPrefix: string;
+  }
+>;
+export interface MqEventPageEnter
+  extends _MqEvent<"page-enter", { readonly pageId: string; readonly pagePrefix: string }> {}
+export interface MqEventPageLeave
+  extends _MqEvent<"page-leave", { readonly pageId: string; readonly pagePrefix: string }> {}
+
+export type MqEventUserClicked = _MqEvent<
+  "user-clicked",
+  { readonly pageId: string; pagePrefix: string; action: string; descriptions: string }
+>;
+
+export type MqEvent = MqEventPageEnter | MqEventPageLeave | MqEventEngineStart | MqEventUserClicked;
+
+export const MqEvent = {
+  engineStart(schemaId: string, schemaPrefix: string): MqEventEngineStart {
+    return {
+      kind: "engine-start",
+      timestamp: DTimestamp.now(),
+      payload: { schemaId, schemaPrefix },
+    };
+  },
+  pageEnter(pageId: string, pagePrefix: string): MqEventPageEnter {
+    return {
+      kind: "page-enter",
+      timestamp: DTimestamp.now(),
+      payload: { pageId, pagePrefix },
+    };
+  },
+  pageLeave(pageId: string, pagePrefix: string): MqEventPageLeave {
+    return {
+      kind: "page-leave",
+      timestamp: DTimestamp.now(),
+      payload: { pageId, pagePrefix },
+    };
+  },
+  userClicked(data: {
+    pageId: string;
+    pagePrefix: string;
+    action: string;
+    descriptions: string;
+  }): MqEventUserClicked {
+    const { pageId, pagePrefix, action, descriptions } = data;
+    return {
+      kind: "user-clicked",
+      timestamp: DTimestamp.now(),
+      payload: { pageId, pagePrefix, action, descriptions },
+    };
+  },
+} as const;

package/src/page/Page.ts

@@ -1,182 +1,182 @@
-import { DElement } from "../Delement/DElement";
-import { TaskManager } from "./task-manager";
-import { createDElement } from "../Delement/element-factory";
-import { ScaleService } from "../engine/scale";
-import { Task } from "./task";
-import { PStyle } from "../Delement/DStyle";
-import { ButtonClickAction } from "../Delement/button-click-action";
-import { PageComponent, PageComponentDto } from "./page-component";
-import { DElementDto } from "../Delement/DElement.dto";
-import { Fact } from "../rules/fact";
-import { DTimestamp } from "../common/DTimestamp";
-import { PageResult } from "./page-result";
-import { TaskState, TaskStateDiff } from "./task-state";
-import {
-  MqEvent,
-  MqEventPageEnter,
-  MqEventPageLeave,
-  MqEventUserClicked,
-} from "../events/mq-events";
-
-export interface VideoPlayerDto {
-  playUrl: string;
-  style?: PStyle;
-}
-
-export interface PageDto {
-  readonly id: string;
-  readonly prefix: string;
-  readonly tags: string[];
-  staticElements: Array<DElementDto>;
-  background: string;
-  components: Array<PageComponentDto>;
-  videoPlayer?: VideoPlayerDto;
-  initialTasks: Array<Task>;
-}
-
-export const PageDto = {
-  createDummy: (id: number): PageDto => {
-    return {
-      id: "id" + id,
-      prefix: "prefix" + id,
-      tags: [],
-      staticElements: [],
-      background: "white",
-      // videoList: [],
-      components: [
-        {
-          el: {
-            _tag: "div",
-            style: { x: 10, y: 0, w: 40, h: 20, backgroundColor: "red" },
-            children: [],
-            innerText: "Next btn " + id,
-          },
-        },
-      ],
-
-      initialTasks: [],
-    };
-  },
-};
-
-export class Page {
-  private readonly TAG = "[ DPage ]: ";
-  private staticElements: DElement<HTMLElement>[] = [];
-  private components: PageComponent[] = [];
-  private pageEntered: DTimestamp = DTimestamp.now();
-  private previousState: TaskState | false = false;
-  private eventLog = new Array<MqEvent>();
-
-  constructor(
-    private readonly dto: PageDto,
-    private readonly taskManager: TaskManager,
-    private readonly scaleService: ScaleService,
-    private readonly onCompleted: (result: PageResult) => void,
-  ) {
-    this.components = dto.components.map((el) => {
-      const component = new PageComponent(el, scaleService);
-      component.onClick = (action) => {
-        this.handleButtonAction(action);
-      };
-      this.components.push(component);
-
-      return component;
-    });
-    dto.staticElements.forEach((el) => {
-      const element = createDElement(el, scaleService);
-      this.staticElements.push(element);
-    });
-
-    if (dto.videoPlayer) {
-      this.taskManager.loadVideo(dto.videoPlayer.playUrl);
-      if (dto.videoPlayer.style) {
-        this.taskManager.setVideoStyles(dto.videoPlayer.style);
-      }
-    }
-
-    if (dto.initialTasks.length) {
-      this.taskManager.autoPlaySequence(dto.initialTasks);
-    }
-  }
-
-  private createPageResult(facts: Fact[]): PageResult {
-    const pageExited = DTimestamp.now();
-    const pageTime = DTimestamp.diff(this.pageEntered, pageExited);
-    const pageExit = MqEvent.pageLeave(this.dto.id, this.dto.prefix);
-    this.eventLog.push(pageExit);
-    const eventLog = [...this.eventLog];
-    return {
-      pagePrefix: this.dto.prefix,
-      pageId: this.dto.id,
-      eventLog,
-      pageTime,
-      collectedFacts: facts,
-    };
-  }
-  private handleButtonAction(a: ButtonClickAction) {
-    const event = MqEvent.userClicked({
-      pageId: this.dto.id,
-      pagePrefix: this.dto.prefix,
-      action: a.kind,
-      descriptions: ButtonClickAction.describe(a),
-    });
-    this.eventLog.push(event);
-
-    switch (a.kind) {
-      case "next-page":
-        const nextPageResult = this.createPageResult([]);
-        this.onCompleted(nextPageResult);
-        break;
-      case "play-video":
-        this.taskManager.execute(a.task);
-        break;
-      case "play-audio":
-        this.taskManager.execute(a.task);
-        break;
-      case "pause-video":
-        this.taskManager.pauseVideo();
-        break;
-      case "pause-audio":
-        this.taskManager.pauseAudio();
-        break;
-      case "submit-fact":
-        const submitFactResult = this.createPageResult([a.fact]);
-        this.onCompleted(submitFactResult);
-        break;
-      case "submit-form":
-        // TODO IMPLEMENT Collection of form-data // LOOP OVER ALL INPUTS
-        const submitFormResult = this.createPageResult([]);
-        this.onCompleted(submitFormResult);
-        break;
-      default:
-        const _exhaustiveCheck: never = a;
-        console.log(_exhaustiveCheck);
-    }
-  }
-
-  appendYourself(parent: HTMLElement) {
-    const pageEnterEvent = MqEvent.pageEnter(this.dto.id, this.dto.prefix);
-    this.pageEntered = DTimestamp.now();
-    this.eventLog.push(pageEnterEvent);
-    this.staticElements.forEach((el) => {
-      el.appendYourself(parent);
-    });
-
-    this.components.forEach((comp) => {
-      comp.appendToParent(parent);
-    });
-  }
-
-  destroy() {
-    this.taskManager.clear();
-  }
-
-  tick() {
-    const prev = this.previousState;
-    const curr = this.taskManager.getState();
-    const diff = TaskState.getDiff(curr, prev);
-    this.components.forEach((comp) => {
-      comp.updateState(diff);
-    });
-  }
-}
+import { DElement } from "../Delement/DElement";
+import { TaskManager } from "./task-manager";
+import { createDElement } from "../Delement/element-factory";
+import { ScaleService } from "../engine/scale";
+import { Task } from "./task";
+import { PStyle } from "../Delement/DStyle";
+import { ButtonClickAction } from "../Delement/button-click-action";
+import { PageComponent, PageComponentDto } from "./page-component";
+import { DElementDto } from "../Delement/DElement.dto";
+import { Fact } from "../rules/fact";
+import { DTimestamp } from "../common/DTimestamp";
+import { PageResult } from "./page-result";
+import { TaskState, TaskStateDiff } from "./task-state";
+import {
+  MqEvent,
+  MqEventPageEnter,
+  MqEventPageLeave,
+  MqEventUserClicked,
+} from "../events/mq-events";
+
+export interface VideoPlayerDto {
+  playUrl: string;
+  style?: PStyle;
+}
+
+export interface PageDto {
+  readonly id: string;
+  readonly prefix: string;
+  readonly tags: string[];
+  staticElements: Array<DElementDto>;
+  background: string;
+  components: Array<PageComponentDto>;
+  videoPlayer?: VideoPlayerDto;
+  initialTasks: Array<Task>;
+}
+
+export const PageDto = {
+  createDummy: (id: number): PageDto => {
+    return {
+      id: "id" + id,
+      prefix: "prefix" + id,
+      tags: [],
+      staticElements: [],
+      background: "white",
+      // videoList: [],
+      components: [
+        {
+          el: {
+            _tag: "div",
+            style: { x: 10, y: 0, w: 40, h: 20, backgroundColor: "red" },
+            children: [],
+            innerText: "Next btn " + id,
+          },
+        },
+      ],
+
+      initialTasks: [],
+    };
+  },
+};
+
+export class Page {
+  private readonly TAG = "[ DPage ]: ";
+  private staticElements: DElement<HTMLElement>[] = [];
+  private components: PageComponent[] = [];
+  private pageEntered: DTimestamp = DTimestamp.now();
+  private previousState: TaskState | false = false;
+  private eventLog = new Array<MqEvent>();
+
+  constructor(
+    private readonly dto: PageDto,
+    private readonly taskManager: TaskManager,
+    private readonly scaleService: ScaleService,
+    private readonly onCompleted: (result: PageResult) => void,
+  ) {
+    this.components = dto.components.map((el) => {
+      const component = new PageComponent(el, scaleService);
+      component.onClick = (action) => {
+        this.handleButtonAction(action);
+      };
+      this.components.push(component);
+
+      return component;
+    });
+    dto.staticElements.forEach((el) => {
+      const element = createDElement(el, scaleService);
+      this.staticElements.push(element);
+    });
+
+    if (dto.videoPlayer) {
+      this.taskManager.loadVideo(dto.videoPlayer.playUrl);
+      if (dto.videoPlayer.style) {
+        this.taskManager.setVideoStyles(dto.videoPlayer.style);
+      }
+    }
+
+    if (dto.initialTasks.length) {
+      this.taskManager.autoPlaySequence(dto.initialTasks);
+    }
+  }
+
+  private createPageResult(facts: Fact[]): PageResult {
+    const pageExited = DTimestamp.now();
+    const pageTime = DTimestamp.diff(this.pageEntered, pageExited);
+    const pageExit = MqEvent.pageLeave(this.dto.id, this.dto.prefix);
+    this.eventLog.push(pageExit);
+    const eventLog = [...this.eventLog];
+    return {
+      pagePrefix: this.dto.prefix,
+      pageId: this.dto.id,
+      eventLog,
+      pageTime,
+      collectedFacts: facts,
+    };
+  }
+  private handleButtonAction(a: ButtonClickAction) {
+    const event = MqEvent.userClicked({
+      pageId: this.dto.id,
+      pagePrefix: this.dto.prefix,
+      action: a.kind,
+      descriptions: ButtonClickAction.describe(a),
+    });
+    this.eventLog.push(event);
+
+    switch (a.kind) {
+      case "next-page":
+        const nextPageResult = this.createPageResult([]);
+        this.onCompleted(nextPageResult);
+        break;
+      case "play-video":
+        this.taskManager.execute(a.task);
+        break;
+      case "play-audio":
+        this.taskManager.execute(a.task);
+        break;
+      case "pause-video":
+        this.taskManager.pauseVideo();
+        break;
+      case "pause-audio":
+        this.taskManager.pauseAudio();
+        break;
+      case "submit-fact":
+        const submitFactResult = this.createPageResult([a.fact]);
+        this.onCompleted(submitFactResult);
+        break;
+      case "submit-form":
+        // TODO IMPLEMENT Collection of form-data // LOOP OVER ALL INPUTS
+        const submitFormResult = this.createPageResult([]);
+        this.onCompleted(submitFormResult);
+        break;
+      default:
+        const _exhaustiveCheck: never = a;
+        console.log(_exhaustiveCheck);
+    }
+  }
+
+  appendYourself(parent: HTMLElement) {
+    const pageEnterEvent = MqEvent.pageEnter(this.dto.id, this.dto.prefix);
+    this.pageEntered = DTimestamp.now();
+    this.eventLog.push(pageEnterEvent);
+    this.staticElements.forEach((el) => {
+      el.appendYourself(parent);
+    });
+
+    this.components.forEach((comp) => {
+      comp.appendToParent(parent);
+    });
+  }
+
+  destroy() {
+    this.taskManager.clear();
+  }
+
+  tick() {
+    const prev = this.previousState;
+    const curr = this.taskManager.getState();
+    const diff = TaskState.getDiff(curr, prev);
+    this.components.forEach((comp) => {
+      comp.updateState(diff);
+    });
+  }
+}