@media-quest/engine 0.0.22 → 0.0.23

package/src/page/media-player.ts

@@ -1,117 +1,117 @@
-import { DStyle, PStyle } from "../Delement/DStyle";
-
-type MediaPlayerEvent =
-  | { kind: "video-ended"; url: string }
-  | { kind: "audio-ended"; url: string }
-  | { kind: "error"; message: string };
-
-export interface IMediaPlayer {
-  playVideo(url: string, loop: boolean): void;
-  playAudio(url: string, loop: boolean): void;
-  pauseVideo(): void;
-  pauseAudio(): void;
-  clear(): void;
-  hideVideo(): void;
-  loadVideo(url: string): void;
-  appendToParent(el: { appendChild: (el: HTMLElement) => void }): void;
-}
-
-export const createMediaPlayer = (onEvent: (mediaPlayerEvent: MediaPlayerEvent) => void): IMediaPlayer => {
-  const videoElement = document.createElement("video");
-  const audioElement = document.createElement("audio");
-  const videoStyles: PStyle = { h: 40, w: 80, borderStyle: "solid", borderWidth: { _unit: "px", value: 5 } };
-
-  DStyle.normalize(videoElement);
-  DStyle.applyStyles(videoElement, videoStyles, 1);
-  videoElement.onended = () => {
-    console.log("VIDEO ENDED");
-  };
-  videoElement.onerror = () => {
-    console.log("VIDEO ERROR WHY ?? ");
-  };
-  audioElement.onended = () => {
-    console.log("AUDIO ENDED");
-  };
-
-  const playVideo = (url: string, loop = false) => {
-    if (videoElement.src !== url) {
-      videoElement.src = url;
-    }
-
-    try {
-      videoElement.play();
-    } catch (e) {
-      console.log("VIDEO PLAY ERROR");
-      console.log(e);
-    }
-  };
-
-  const playAudio = (url: string, loop = false) => {
-    audioElement.loop = loop;
-    if (audioElement.src !== url) {
-      audioElement.src = url;
-    }
-    // audioElement.play();
-    try {
-      audioElement.play();
-    } catch (e) {
-      console.log("AUDIO PLAY ERROR");
-      console.log(e);
-    }
-  };
-
-  const showVideo = () => {
-    videoElement.style.visibility = "visible";
-  };
-
-  const pauseVideo = () => {
-    try {
-      videoElement.pause();
-    } catch (e) {
-      console.log("VIDEO PAUSE ERROR");
-      console.log(e);
-    }
-  };
-
-  const loadVideo = (url: string) => {
-    if (videoElement.src !== url) {
-      videoElement.src = url;
-    }
-  };
-  const pauseAudio = () => {
-    try {
-      audioElement.pause();
-    } catch (e) {
-      console.log("AUDIO PAUSE ERROR");
-      console.log(e);
-    }
-  };
-  const appendToParent = (el: { appendChild: (el: HTMLElement) => void }) => {
-    el.appendChild(videoElement);
-    el.appendChild(audioElement);
-  };
-  const clear = () => {
-    pauseVideo();
-    pauseAudio();
-    videoElement.src = "";
-    audioElement.src = "";
-  };
-  const hideVideo = () => {
-    videoElement.style.visibility = "hidden";
-  };
-
-  return {
-    playVideo,
-    playAudio,
-    pauseVideo,
-    loadVideo,
-    clear,
-    pauseAudio,
-    hideVideo,
-    appendToParent,
-    // mediaLayer,
-    // videoElement,
-    // audioElement,
-    // videoStyles,
-  };
-};
+import { DStyle, PStyle } from "../Delement/DStyle";
+
+type MediaPlayerEvent =
+  | { kind: "video-ended"; url: string }
+  | { kind: "audio-ended"; url: string }
+  | { kind: "error"; message: string };
+
+export interface IMediaPlayer {
+  playVideo(url: string, loop: boolean): void;
+  playAudio(url: string, loop: boolean): void;
+  pauseVideo(): void;
+  pauseAudio(): void;
+  clear(): void;
+  hideVideo(): void;
+  loadVideo(url: string): void;
+  appendToParent(el: { appendChild: (el: HTMLElement) => void }): void;
+}
+
+export const createMediaPlayer = (onEvent: (mediaPlayerEvent: MediaPlayerEvent) => void): IMediaPlayer => {
+  const videoElement = document.createElement("video");
+  const audioElement = document.createElement("audio");
+  const videoStyles: PStyle = { h: 40, w: 80, borderStyle: "solid", borderWidth: { _unit: "px", value: 5 } };
+
+  DStyle.normalize(videoElement);
+  DStyle.applyStyles(videoElement, videoStyles, 1);
+  videoElement.onended = () => {
+    console.log("VIDEO ENDED");
+  };
+  videoElement.onerror = () => {
+    console.log("VIDEO ERROR WHY ?? ");
+  };
+  audioElement.onended = () => {
+    console.log("AUDIO ENDED");
+  };
+
+  const playVideo = (url: string, loop = false) => {
+    if (videoElement.src !== url) {
+      videoElement.src = url;
+    }
+
+    try {
+      videoElement.play();
+    } catch (e) {
+      console.log("VIDEO PLAY ERROR");
+      console.log(e);
+    }
+  };
+
+  const playAudio = (url: string, loop = false) => {
+    audioElement.loop = loop;
+    if (audioElement.src !== url) {
+      audioElement.src = url;
+    }
+    // audioElement.play();
+    try {
+      audioElement.play();
+    } catch (e) {
+      console.log("AUDIO PLAY ERROR");
+      console.log(e);
+    }
+  };
+
+  const showVideo = () => {
+    videoElement.style.visibility = "visible";
+  };
+
+  const pauseVideo = () => {
+    try {
+      videoElement.pause();
+    } catch (e) {
+      console.log("VIDEO PAUSE ERROR");
+      console.log(e);
+    }
+  };
+
+  const loadVideo = (url: string) => {
+    if (videoElement.src !== url) {
+      videoElement.src = url;
+    }
+  };
+  const pauseAudio = () => {
+    try {
+      audioElement.pause();
+    } catch (e) {
+      console.log("AUDIO PAUSE ERROR");
+      console.log(e);
+    }
+  };
+  const appendToParent = (el: { appendChild: (el: HTMLElement) => void }) => {
+    el.appendChild(videoElement);
+    el.appendChild(audioElement);
+  };
+  const clear = () => {
+    pauseVideo();
+    pauseAudio();
+    videoElement.src = "";
+    audioElement.src = "";
+  };
+  const hideVideo = () => {
+    videoElement.style.visibility = "hidden";
+  };
+
+  return {
+    playVideo,
+    playAudio,
+    pauseVideo,
+    loadVideo,
+    clear,
+    pauseAudio,
+    hideVideo,
+    appendToParent,
+    // mediaLayer,
+    // videoElement,
+    // audioElement,
+    // videoStyles,
+  };
+};

package/src/page/page-component.ts

@@ -1,113 +1,113 @@
-import { PStyle } from "../Delement/DStyle";
-import { ScaleService } from "../engine/scale";
-import { DElement } from "../Delement/DElement";
-import { createDElement } from "../Delement/element-factory";
-import { ButtonClickAction } from "../Delement/button-click-action";
-import { DElementDto } from "../Delement/DElement.dto";
-import { TaskState, TaskStateDiff } from "./task-state";
-
-export interface PageComponentDto {
-  readonly onClick?: ButtonClickAction;
-  readonly el: DElementDto;
-  readonly whenVideoPlay?: PStyle;
-  readonly whenVideoPaused?: PStyle;
-  readonly whenAudioPlaying?: PStyle;
-  readonly whenAudioPaused?: PStyle;
-  readonly whenAudioBlocked?: PStyle;
-  readonly whenVideoBlocked?: PStyle;
-  readonly whenAudioUnblocked?: PStyle;
-  readonly whenVideoUnblocked?: PStyle;
-  readonly whenResponseBlocked?: PStyle;
-  readonly whenResponseUnblocked?: PStyle;
-  readonly whenFormInputBlocked?: PStyle;
-  readonly whenFormInputUnblocked?: PStyle;
-}
-
-const isFalse = (bool?: boolean): bool is false => bool === false;
-const isTrue = (bool?: boolean): bool is true => bool === true;
-
-export class PageComponent {
-  private readonly TAG = "[ PageComponent ]: ";
-  private el: DElement<HTMLElement>;
-  private prevState: TaskState | false = false;
-
-  constructor(
-    readonly dto: PageComponentDto,
-    readonly scale: ScaleService,
-  ) {
-    this.el = createDElement(dto.el, scale);
-    this.el.onclick = () => {
-      if (dto.onClick) {
-        this.onClick(dto.onClick);
-      } else {
-        console.warn(this.TAG + "onClick not implemented");
-      }
-    };
-  }
-
-  onClick(action: ButtonClickAction) {
-    console.warn(this.TAG + "onclick not implemented");
-  }
-
-  updateState(state: TaskStateDiff) {
-    this.handleStateChanges(state);
-  }
-
-  setState(state: TaskState) {
-    const prev = this.prevState;
-    const diff = TaskState.getDiff(state, prev);
-    this.prevState = state;
-    if (Object.keys(diff).length > 0) {
-      this.handleStateChanges(diff);
-    }
-  }
-
-  private handleStateChanges(diff: TaskStateDiff) {
-    const {
-      videoIsPlaying,
-      audioIsPlaying,
-      blockAudio,
-      blockVideo,
-      blockResponseButton,
-      blockFormInput,
-      isGifMode,
-    } = diff;
-    const {
-      whenAudioPaused,
-      whenVideoPaused,
-      whenAudioPlaying,
-      whenFormInputBlocked,
-      whenResponseBlocked,
-      whenVideoPlay,
-      whenAudioBlocked,
-      whenVideoBlocked,
-      whenAudioUnblocked,
-      whenVideoUnblocked,
-      whenResponseUnblocked,
-      whenFormInputUnblocked,
-    } = this.dto;
-    if (isTrue(audioIsPlaying) && whenAudioPlaying) {
-      this.el.setStyle(whenAudioPlaying);
-    }
-    if (isFalse(audioIsPlaying) && whenAudioPaused) {
-      this.el.setStyle(whenAudioPaused);
-    }
-    if (isTrue(videoIsPlaying) && whenVideoPlay) {
-      this.el.setStyle(whenVideoPlay);
-    }
-    if (isFalse(videoIsPlaying) && whenVideoPaused) {
-      this.el.setStyle(whenVideoPaused);
-    }
-    // if (isTrue(blockAudio) && whenAudioBlocked) {
-    //     this.el.setStyle(whenAudioBlocked);
-    // }
-    // if (isTrue(blockVideo) && whenVideoBlocked) {
-    //     this.el.setStyle(whenVideoBlocked);
-    // }
-  }
-
-  appendToParent(parent: { append: (el: HTMLElement) => void }) {
-    // parent.appendChild(this.el.);
-    this.el.appendYourself(parent);
-  }
-}
+import { PStyle } from "../Delement/DStyle";
+import { ScaleService } from "../engine/scale";
+import { DElement } from "../Delement/DElement";
+import { createDElement } from "../Delement/element-factory";
+import { ButtonClickAction } from "../Delement/button-click-action";
+import { DElementDto } from "../Delement/DElement.dto";
+import { TaskState, TaskStateDiff } from "./task-state";
+
+export interface PageComponentDto {
+  readonly onClick?: ButtonClickAction;
+  readonly el: DElementDto;
+  readonly whenVideoPlay?: PStyle;
+  readonly whenVideoPaused?: PStyle;
+  readonly whenAudioPlaying?: PStyle;
+  readonly whenAudioPaused?: PStyle;
+  readonly whenAudioBlocked?: PStyle;
+  readonly whenVideoBlocked?: PStyle;
+  readonly whenAudioUnblocked?: PStyle;
+  readonly whenVideoUnblocked?: PStyle;
+  readonly whenResponseBlocked?: PStyle;
+  readonly whenResponseUnblocked?: PStyle;
+  readonly whenFormInputBlocked?: PStyle;
+  readonly whenFormInputUnblocked?: PStyle;
+}
+
+const isFalse = (bool?: boolean): bool is false => bool === false;
+const isTrue = (bool?: boolean): bool is true => bool === true;
+
+export class PageComponent {
+  private readonly TAG = "[ PageComponent ]: ";
+  private el: DElement<HTMLElement>;
+  private prevState: TaskState | false = false;
+
+  constructor(
+    readonly dto: PageComponentDto,
+    readonly scale: ScaleService,
+  ) {
+    this.el = createDElement(dto.el, scale);
+    this.el.onclick = () => {
+      if (dto.onClick) {
+        this.onClick(dto.onClick);
+      } else {
+        console.warn(this.TAG + "onClick not implemented");
+      }
+    };
+  }
+
+  onClick(action: ButtonClickAction) {
+    console.warn(this.TAG + "onclick not implemented");
+  }
+
+  updateState(state: TaskStateDiff) {
+    this.handleStateChanges(state);
+  }
+
+  setState(state: TaskState) {
+    const prev = this.prevState;
+    const diff = TaskState.getDiff(state, prev);
+    this.prevState = state;
+    if (Object.keys(diff).length > 0) {
+      this.handleStateChanges(diff);
+    }
+  }
+
+  private handleStateChanges(diff: TaskStateDiff) {
+    const {
+      videoIsPlaying,
+      audioIsPlaying,
+      blockAudio,
+      blockVideo,
+      blockResponseButton,
+      blockFormInput,
+      isGifMode,
+    } = diff;
+    const {
+      whenAudioPaused,
+      whenVideoPaused,
+      whenAudioPlaying,
+      whenFormInputBlocked,
+      whenResponseBlocked,
+      whenVideoPlay,
+      whenAudioBlocked,
+      whenVideoBlocked,
+      whenAudioUnblocked,
+      whenVideoUnblocked,
+      whenResponseUnblocked,
+      whenFormInputUnblocked,
+    } = this.dto;
+    if (isTrue(audioIsPlaying) && whenAudioPlaying) {
+      this.el.setStyle(whenAudioPlaying);
+    }
+    if (isFalse(audioIsPlaying) && whenAudioPaused) {
+      this.el.setStyle(whenAudioPaused);
+    }
+    if (isTrue(videoIsPlaying) && whenVideoPlay) {
+      this.el.setStyle(whenVideoPlay);
+    }
+    if (isFalse(videoIsPlaying) && whenVideoPaused) {
+      this.el.setStyle(whenVideoPaused);
+    }
+    // if (isTrue(blockAudio) && whenAudioBlocked) {
+    //     this.el.setStyle(whenAudioBlocked);
+    // }
+    // if (isTrue(blockVideo) && whenVideoBlocked) {
+    //     this.el.setStyle(whenVideoBlocked);
+    // }
+  }
+
+  appendToParent(parent: { append: (el: HTMLElement) => void }) {
+    // parent.appendChild(this.el.);
+    this.el.appendYourself(parent);
+  }
+}

package/src/page/page-result.ts

@@ -1,11 +1,11 @@
-import { DTimestamp } from "../common/DTimestamp";
-import { Fact } from "../rules/fact";
-import { MqEvent } from "../events/mq-events";
-
-export interface PageResult {
-  readonly pageId: string;
-  readonly pagePrefix: string;
-  readonly eventLog: ReadonlyArray<MqEvent>;
-  readonly pageTime: DTimestamp.Diff;
-  readonly collectedFacts: Fact[];
-}
+import { DTimestamp } from "../common/DTimestamp";
+import { Fact } from "../rules/fact";
+import { MqEvent } from "../events/mq-events";
+
+export interface PageResult {
+  readonly pageId: string;
+  readonly pagePrefix: string;
+  readonly eventLog: ReadonlyArray<MqEvent>;
+  readonly pageTime: DTimestamp.Diff;
+  readonly collectedFacts: Fact[];
+}