@media-quest/engine 0.0.30 → 0.0.32

package/src/public-api.ts

@@ -1,26 +1,25 @@
-export * from "./engine/SchemaResult";
-export * from "./engine/SchemaEngine";
-export * from "./engine/SchemaDto";
-export * from "./engine/page-que-ruleengine-action";
-export * from "./rules/rule";
-export * from "./rules/fact";
-export * from "./rules/rule-engine";
-export * from "./rules/condition";
-export * from "./utils/DUtil";
-// export * from "./utils/ID";
-
-export * from "./events/mq-events";
-
-export * from "./page/page-component";
-
-// ELEMENTS
-export * from "./Delement/css";
-export * from "./Delement/DStyle";
-export * from "./Delement/DImg";
-export * from "./Delement/DText";
-export * from "./Delement/Ddiv";
-export * from "./Delement/button-click-action";
-export * from "./Delement/DElement";
-export * from "./Delement/DElement.dto";
-export { PageDto } from "./page/Page";
-export * from "./page/task";
+export * from "./engine/SchemaResult";
+export * from "./engine/SchemaEngine";
+export * from "./engine/SchemaDto";
+export * from "./engine/page-que-ruleengine-action";
+export * from "./rules/rule";
+export * from "./rules/fact";
+export * from "./rules/rule-engine";
+export * from "./rules/condition";
+export * from "./utils/DUtil";
+// export * from "./utils/ID";
+
+export * from "./events/mq-events";
+
+// ELEMENTS
+export * from "./Delement/css";
+export * from "./Delement/DStyle";
+export * from "./Delement/DImg";
+export * from "./Delement/DText";
+export * from "./Delement/DButton";
+export * from "./Delement/Ddiv";
+export * from "./Delement/button-click-action";
+export * from "./Delement/DElement";
+export * from "./Delement/DElement.dto";
+export { PageDto } from "./page/Page";
+export * from "./page/task";

package/src/VERSION.ts

@@ -1 +0,0 @@
-export const VERSION = "0.0.27"

package/src/page/page-component.ts

@@ -1,113 +0,0 @@
-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);
-  }
-}