@media-quest/engine 0.0.21 → 0.0.23

package/src/Delement/element-factory.ts

@@ -1,40 +1,40 @@
-import { DElement } from "./DElement";
-import { DDiv, DDivDto } from "./Ddiv";
-import { DImg } from "./DImg";
-import { DText } from "./DText";
-import { ScaleService } from "../engine/scale";
-import { DElementDto } from "./DElement.dto";
-
-export const createDElement = (dto: DElementDto, scale: ScaleService): DElement<any> => {
-  switch (dto._tag) {
-    case "div":
-      const childEls = createChildrenForDiv(dto, scale);
-      const newDiv = new DDiv(dto, scale, childEls);
-      return newDiv;
-    case "img":
-      return new DImg(dto, scale);
-    case "p":
-      return new DText(dto, scale);
-    default:
-      const check: never = dto;
-      throw new Error("Unknown dto given to the createDElement function.");
-    // TODO LOGGING or create any HTML-ELEMENT??
-  }
-};
-
-const createChildrenForDiv = (dto: DDivDto, scale: ScaleService): DDiv["children"] => {
-  const childDto = dto.children;
-  const childEls: Array<DImg | DText> = [];
-  // console.log(childElements);
-  childDto.forEach((dto) => {
-    if (dto._tag === "p") {
-      const newText = new DText(dto, scale);
-      childEls.push(newText);
-    }
-    if (dto._tag === "img") {
-      const newImage = new DImg(dto, scale);
-      childEls.push(newImage);
-    }
-  });
-  return childEls;
-};
+import { DElement } from "./DElement";
+import { DDiv, DDivDto } from "./Ddiv";
+import { DImg } from "./DImg";
+import { DText } from "./DText";
+import { ScaleService } from "../engine/scale";
+import { DElementDto } from "./DElement.dto";
+
+export const createDElement = (dto: DElementDto, scale: ScaleService): DElement<any> => {
+  switch (dto._tag) {
+    case "div":
+      const childEls = createChildrenForDiv(dto, scale);
+      const newDiv = new DDiv(dto, scale, childEls);
+      return newDiv;
+    case "img":
+      return new DImg(dto, scale);
+    case "p":
+      return new DText(dto, scale);
+    default:
+      const check: never = dto;
+      throw new Error("Unknown dto given to the createDElement function.");
+    // TODO LOGGING or create any HTML-ELEMENT??
+  }
+};
+
+const createChildrenForDiv = (dto: DDivDto, scale: ScaleService): DDiv["children"] => {
+  const childDto = dto.children;
+  const childEls: Array<DImg | DText> = [];
+  // console.log(childElements);
+  childDto.forEach((dto) => {
+    if (dto._tag === "p") {
+      const newText = new DText(dto, scale);
+      childEls.push(newText);
+    }
+    if (dto._tag === "img") {
+      const newImage = new DImg(dto, scale);
+      childEls.push(newImage);
+    }
+  });
+  return childEls;
+};

package/src/common/DMaybe.ts

@@ -1,46 +1,46 @@
-export type Maybe<T> = Just<T> | None<T>;
-
-class Just<T> {
-  isJust(): this is Just<T> {
-    return true;
-  }
-  constructor(readonly value: T) {}
-  isNone(): this is None<T> {
-    return false;
-  }
-
-  map<A>(f: (t: T) => A) {
-    const newValue = f(this.value);
-    return new Just<A>(newValue);
-  }
-}
-
-class None<T> {
-  readonly kind: "none" = "none";
-  isJust(): this is Just<T> {
-    return false;
-  }
-  isNone(): this is None<T> {
-    return false;
-  }
-
-  // @ts-ignore
-  map<A>(f: (t: T) => A) {
-    return new None<A>();
-  }
-}
-
-export namespace Maybe {
-  export const none = () => new None();
-  export const just = <T>(value: T) => new Just(value);
-
-  export const isNone = <T>(value?: Maybe<T>): value is None<T> =>
-    value instanceof None;
-  export const isJust = <T>(value?: Maybe<T>): value is Just<T> =>
-    value instanceof Just;
-
-  export const is = <T>(value: unknown): value is Maybe<T> => {
-    const casted = value as any as Maybe<T>;
-    return isNone(casted) || isJust(casted);
-  };
-}
+export type Maybe<T> = Just<T> | None<T>;
+
+class Just<T> {
+  isJust(): this is Just<T> {
+    return true;
+  }
+  constructor(readonly value: T) {}
+  isNone(): this is None<T> {
+    return false;
+  }
+
+  map<A>(f: (t: T) => A) {
+    const newValue = f(this.value);
+    return new Just<A>(newValue);
+  }
+}
+
+class None<T> {
+  readonly kind: "none" = "none";
+  isJust(): this is Just<T> {
+    return false;
+  }
+  isNone(): this is None<T> {
+    return false;
+  }
+
+  // @ts-ignore
+  map<A>(f: (t: T) => A) {
+    return new None<A>();
+  }
+}
+
+export namespace Maybe {
+  export const none = () => new None();
+  export const just = <T>(value: T) => new Just(value);
+
+  export const isNone = <T>(value?: Maybe<T>): value is None<T> =>
+    value instanceof None;
+  export const isJust = <T>(value?: Maybe<T>): value is Just<T> =>
+    value instanceof Just;
+
+  export const is = <T>(value: unknown): value is Maybe<T> => {
+    const casted = value as any as Maybe<T>;
+    return isNone(casted) || isJust(casted);
+  };
+}

package/src/common/DTimestamp.ts

@@ -1,20 +1,20 @@
-export type DTimestamp = number & { __timestamp__: true };
-export namespace DTimestamp {
-    export const now = () => Date.now() as DTimestamp;
-    export type Diff = number & { __diff__: true };
-
-    export const addMills = (t: DTimestamp, ms: number): DTimestamp => {
-        const res = t + Math.abs(ms);
-        return res as DTimestamp;
-    };
-
-    export const diff = (t1: DTimestamp, t2: DTimestamp): Diff => {
-        const t1Abs = Math.abs(t1);
-        const t2Abs = Math.abs(t2);
-        return Math.abs(t1Abs - t2Abs) as Diff;
-    };
-
-    export const diffNow = (t: DTimestamp): Diff => {
-        return diff(t, now());
-    };
-}
+export type DTimestamp = number & { __timestamp__: true };
+export namespace DTimestamp {
+    export const now = () => Date.now() as DTimestamp;
+    export type Diff = number & { __diff__: true };
+
+    export const addMills = (t: DTimestamp, ms: number): DTimestamp => {
+        const res = t + Math.abs(ms);
+        return res as DTimestamp;
+    };
+
+    export const diff = (t1: DTimestamp, t2: DTimestamp): Diff => {
+        const t1Abs = Math.abs(t1);
+        const t2Abs = Math.abs(t2);
+        return Math.abs(t1Abs - t2Abs) as Diff;
+    };
+
+    export const diffNow = (t: DTimestamp): Diff => {
+        return diff(t, now());
+    };
+}

package/src/common/DTmestamp.spec.ts

@@ -1,11 +1,11 @@
-import { DTimestamp } from "./DTimestamp";
-
-describe("DTimestamp works", () => {
-    test("Can add milliseconds to timestamp", () => {
-        const t0 = DTimestamp.now();
-        const plus1000 = DTimestamp.addMills(t0, 1000);
-        const diff = DTimestamp.diff(t0, plus1000);
-        // const pageDto: PageDto = {id}
-        expect(diff).toBe(1000);
-    });
-});
+import { DTimestamp } from "./DTimestamp";
+
+describe("DTimestamp works", () => {
+    test("Can add milliseconds to timestamp", () => {
+        const t0 = DTimestamp.now();
+        const plus1000 = DTimestamp.addMills(t0, 1000);
+        const diff = DTimestamp.diff(t0, plus1000);
+        // const pageDto: PageDto = {id}
+        expect(diff).toBe(1000);
+    });
+});

package/src/common/result.ts

@@ -1,41 +1,41 @@
-export class Ok<T> implements IResult<T> {
-    constructor(readonly value: T) {}
-    isOk(): this is Ok<T> {
-        return true;
-    }
-    isFailure(): this is Failure<T> {
-        return false;
-    }
-
-    map<A>(f: (t: T) => A): IResult<A> {
-        const value = f(this.value);
-        return new Ok<A>(value);
-    }
-}
-
-export class Failure<T> implements IResult<T> {
-    constructor(readonly message: string) {}
-    isFailure(): this is Failure<T> {
-        return true;
-    }
-
-    isOk(): this is Ok<T> {
-        return false;
-    }
-
-    map<A>(_f: (t: T) => A): IResult<A> {
-        return new Failure<A>(this.message);
-    }
-}
-
-interface IResult<T> {
-    isOk(): this is Ok<T>;
-    isFailure(): this is Failure<T>;
-    map<A>(f: (t: T) => A): IResult<A>;
-}
-
-export type Result<T> = Failure<T> | Ok<T>;
-export namespace Result {
-    export const ok = <T>(value: T) => new Ok<T>(value);
-    export const failure = <T>(message: string) => new Failure<T>(message);
-}
+export class Ok<T> implements IResult<T> {
+    constructor(readonly value: T) {}
+    isOk(): this is Ok<T> {
+        return true;
+    }
+    isFailure(): this is Failure<T> {
+        return false;
+    }
+
+    map<A>(f: (t: T) => A): IResult<A> {
+        const value = f(this.value);
+        return new Ok<A>(value);
+    }
+}
+
+export class Failure<T> implements IResult<T> {
+    constructor(readonly message: string) {}
+    isFailure(): this is Failure<T> {
+        return true;
+    }
+
+    isOk(): this is Ok<T> {
+        return false;
+    }
+
+    map<A>(_f: (t: T) => A): IResult<A> {
+        return new Failure<A>(this.message);
+    }
+}
+
+interface IResult<T> {
+    isOk(): this is Ok<T>;
+    isFailure(): this is Failure<T>;
+    map<A>(f: (t: T) => A): IResult<A>;
+}
+
+export type Result<T> = Failure<T> | Ok<T>;
+export namespace Result {
+    export const ok = <T>(value: T) => new Ok<T>(value);
+    export const failure = <T>(message: string) => new Failure<T>(message);
+}

package/src/engine/SchemaDto.ts

@@ -1,24 +1,24 @@
-import { Rule } from "../rules/rule";
-import { Fact } from "../rules/fact";
-import { RuleActionPageQue } from "./page-que-ruleengine-action";
-import { SchemaID } from "../utils/ID";
-import { PageDto } from "../page/Page";
-
-export type PageQueRules = Rule<RuleActionPageQue, never>;
-
-export interface PageSequenceDto {
-  readonly id: string;
-  readonly rules: Array<PageQueRules>;
-  readonly pages: Array<PageDto>;
-}
-
-export interface SchemaDto {
-  readonly id: SchemaID;
-  readonly baseHeight: number;
-  readonly baseWidth: number;
-  readonly backgroundColor: string;
-  readonly pages: Array<PageDto>;
-  readonly rules: Array<PageQueRules>;
-  readonly pageSequences?: Array<PageSequenceDto>;
-  readonly predefinedFacts?: ReadonlyArray<Fact>;
-}
+import { Rule } from "../rules/rule";
+import { Fact } from "../rules/fact";
+import { RuleActionPageQue } from "./page-que-ruleengine-action";
+import { SchemaID } from "../utils/ID";
+import { PageDto } from "../page/Page";
+
+export type PageQueRules = Rule<RuleActionPageQue, never>;
+
+export interface PageSequenceDto {
+  readonly id: string;
+  readonly rules: Array<PageQueRules>;
+  readonly pages: Array<PageDto>;
+}
+
+export interface SchemaDto {
+  readonly id: SchemaID;
+  readonly baseHeight: number;
+  readonly baseWidth: number;
+  readonly backgroundColor: string;
+  readonly pages: Array<PageDto>;
+  readonly rules: Array<PageQueRules>;
+  readonly pageSequences?: Array<PageSequenceDto>;
+  readonly predefinedFacts?: ReadonlyArray<Fact>;
+}

package/src/engine/SchemaEngine.ts

@@ -1,150 +1,150 @@
-import { SchemaDto } from "./SchemaDto";
-import { DPlayer } from "./dplayer";
-import { ScaleService } from "./scale";
-import { Page } from "../page/Page";
-import { TaskManager } from "../page/task-manager";
-import { PageResult } from "../page/page-result";
-import { SchemaResult } from "./SchemaResult";
-export interface EngineLogger {
-  info(message: string): void;
-  error(message: string): void;
-  warn(message: string): void;
-}
-
-const voidLogger: EngineLogger = {
-  info: (message: string) => {},
-  error: (message: string) => {},
-  warn: (message: string) => {},
-};
-
-export interface ISchemaEngine {
-  onProgress(handler: (result: SchemaResult) => void): void;
-  onFatalError(handler: (error: { message: string }) => void): void;
-  setLogger(logger: EngineLogger): void;
-}
-
-export class SchemaEngine implements ISchemaEngine {
-  private readonly TAG = "[ SCHEMA_ENGINE ] :";
-  private readonly scale: ScaleService;
-  private readonly hostElement: HTMLDivElement;
-  private readonly taskManager: TaskManager;
-  private logger: EngineLogger = voidLogger;
-  private readonly uiLayer: HTMLDivElement = document.createElement("div");
-  private readonly mediaLayer: HTMLDivElement = document.createElement("div");
-  private player: DPlayer;
-  private currentPage: Page | false = false;
-  private readonly tickerRef: number | false = false;
-  constructor(
-    hostEl: HTMLDivElement,
-    private readonly height: number,
-    private readonly width: number,
-    private readonly schema: SchemaDto,
-  ) {
-    this.tickerRef = window.setInterval(() => {
-      if (this.currentPage) {
-        this.currentPage.tick();
-      }
-    }, 100);
-    this.hostElement = hostEl;
-    this.hostElement.appendChild(this.mediaLayer);
-    this.hostElement.appendChild(this.uiLayer);
-    this.scale = new ScaleService({
-      baseHeight: schema.baseHeight,
-      baseWidth: schema.baseWidth,
-      containerWidth: width,
-      containerHeight: height,
-    });
-    this.logger.info(this.TAG + "Scale: " + JSON.stringify(this.scale));
-    this.player = new DPlayer(this.schema);
-    this.taskManager = new TaskManager(this.mediaLayer, this.scale, (error) => {
-      console.log(error);
-    });
-
-    this.styleSelf();
-    this.handlePageCompleted = this.handlePageCompleted.bind(this);
-    this.nextPage();
-  }
-
-  private handlePageCompleted(result: PageResult) {
-    // 1 Save data from last page
-    this.player.saveHistory(result);
-
-    // 2 Emit progress
-    const currentResults = this.player.getResults();
-    const a: SchemaResult = {
-      schemaId: this.schema.id,
-      pagesLeft: currentResults.pagesLeft,
-      predefinedFacts: currentResults.predefinedFacts,
-      eventLog: currentResults.eventLog,
-      answers: currentResults.answerFacts,
-    };
-    if (this._onProgress) {
-      this._onProgress(a);
-    }
-
-    // 3. Next page
-    this.nextPage();
-  }
-
-  private styleSelf() {
-    this.hostElement.style.height = this.scale.pageHeight + "px";
-    this.hostElement.style.width = this.scale.pageWidth + "px";
-    this.hostElement.style.backgroundColor = this.schema.backgroundColor ?? "white";
-    this.hostElement.style.position = "relative";
-    // this.hostElement.style.overflow = "hidden";
-    const makeStatic = (div: HTMLDivElement) => {
-      div.style.height = "0px";
-      div.style.width = "0px";
-      div.style.position = "static";
-    };
-
-    makeStatic(this.uiLayer);
-    this.uiLayer.style.zIndex = "10";
-    this.mediaLayer.style.zIndex = "8";
-    makeStatic(this.mediaLayer);
-  }
-
-  private nextPage() {
-    const nextPage = this.player.getNextPage();
-    if (this.currentPage) {
-      this.currentPage.destroy();
-      this.uiLayer.innerHTML = "";
-    }
-
-    if (!nextPage) {
-      // TODO FIGURE OUT WHAQT TO DO AT END OF TEST!! Start over??
-      this.player = new DPlayer(this.schema);
-      if (this.player.pagesLeft > 0) {
-        this.nextPage();
-      }
-      return false;
-    }
-
-    const newPage = new Page(nextPage, this.taskManager, this.scale, (result) => {
-      this.handlePageCompleted(result);
-    });
-    this.currentPage = newPage;
-    newPage.appendYourself(this.uiLayer);
-    return true;
-  }
-
-  destroy() {
-    if (this.currentPage) {
-      this.currentPage.destroy();
-      this.uiLayer.innerHTML = "";
-    }
-  }
-
-  private _onProgress: ((result: SchemaResult) => void) | false = false;
-  onProgress(handler: (result: SchemaResult) => void) {
-    this._onProgress = handler;
-  }
-
-  private _onFatalError: ((error: { message: string }) => void) | false = false;
-  onFatalError(handler: (error: { message: string }) => void): void {
-    this._onFatalError = handler;
-  }
-  setLogger(logger: EngineLogger) {
-    this.logger = logger;
-  }
-}
+import { SchemaDto } from "./SchemaDto";
+import { DPlayer } from "./dplayer";
+import { ScaleService } from "./scale";
+import { Page } from "../page/Page";
+import { TaskManager } from "../page/task-manager";
+import { PageResult } from "../page/page-result";
+import { SchemaResult } from "./SchemaResult";
+export interface EngineLogger {
+  info(message: string): void;
+  error(message: string): void;
+  warn(message: string): void;
+}
+
+const voidLogger: EngineLogger = {
+  info: (message: string) => {},
+  error: (message: string) => {},
+  warn: (message: string) => {},
+};
+
+export interface ISchemaEngine {
+  onProgress(handler: (result: SchemaResult) => void): void;
+  onFatalError(handler: (error: { message: string }) => void): void;
+  setLogger(logger: EngineLogger): void;
+}
+
+export class SchemaEngine implements ISchemaEngine {
+  private readonly TAG = "[ SCHEMA_ENGINE ] :";
+  private readonly scale: ScaleService;
+  private readonly hostElement: HTMLDivElement;
+  private readonly taskManager: TaskManager;
+  private logger: EngineLogger = voidLogger;
+  private readonly uiLayer: HTMLDivElement = document.createElement("div");
+  private readonly mediaLayer: HTMLDivElement = document.createElement("div");
+  private player: DPlayer;
+  private currentPage: Page | false = false;
+  private readonly tickerRef: number | false = false;
+  constructor(
+    hostEl: HTMLDivElement,
+    private readonly height: number,
+    private readonly width: number,
+    private readonly schema: SchemaDto,
+  ) {
+    this.tickerRef = window.setInterval(() => {
+      if (this.currentPage) {
+        this.currentPage.tick();
+      }
+    }, 100);
+    this.hostElement = hostEl;
+    this.hostElement.appendChild(this.mediaLayer);
+    this.hostElement.appendChild(this.uiLayer);
+    this.scale = new ScaleService({
+      baseHeight: schema.baseHeight,
+      baseWidth: schema.baseWidth,
+      containerWidth: width,
+      containerHeight: height,
+    });
+    this.logger.info(this.TAG + "Scale: " + JSON.stringify(this.scale));
+    this.player = new DPlayer(this.schema);
+    this.taskManager = new TaskManager(this.mediaLayer, this.scale, (error) => {
+      console.log(error);
+    });
+
+    this.styleSelf();
+    this.handlePageCompleted = this.handlePageCompleted.bind(this);
+    this.nextPage();
+  }
+
+  private handlePageCompleted(result: PageResult) {
+    // 1 Save data from last page
+    this.player.saveHistory(result);
+
+    // 2 Emit progress
+    const currentResults = this.player.getResults();
+    const a: SchemaResult = {
+      schemaId: this.schema.id,
+      pagesLeft: currentResults.pagesLeft,
+      predefinedFacts: currentResults.predefinedFacts,
+      eventLog: currentResults.eventLog,
+      answers: currentResults.answerFacts,
+    };
+    if (this._onProgress) {
+      this._onProgress(a);
+    }
+
+    // 3. Next page
+    this.nextPage();
+  }
+
+  private styleSelf() {
+    this.hostElement.style.height = this.scale.pageHeight + "px";
+    this.hostElement.style.width = this.scale.pageWidth + "px";
+    this.hostElement.style.backgroundColor = this.schema.backgroundColor ?? "white";
+    this.hostElement.style.position = "relative";
+    // this.hostElement.style.overflow = "hidden";
+    const makeStatic = (div: HTMLDivElement) => {
+      div.style.height = "0px";
+      div.style.width = "0px";
+      div.style.position = "static";
+    };
+
+    makeStatic(this.uiLayer);
+    this.uiLayer.style.zIndex = "10";
+    this.mediaLayer.style.zIndex = "8";
+    makeStatic(this.mediaLayer);
+  }
+
+  private nextPage() {
+    const nextPage = this.player.getNextPage();
+    if (this.currentPage) {
+      this.currentPage.destroy();
+      this.uiLayer.innerHTML = "";
+    }
+
+    if (!nextPage) {
+      // TODO FIGURE OUT WHAQT TO DO AT END OF TEST!! Start over??
+      this.player = new DPlayer(this.schema);
+      if (this.player.pagesLeft > 0) {
+        this.nextPage();
+      }
+      return false;
+    }
+
+    const newPage = new Page(nextPage, this.taskManager, this.scale, (result) => {
+      this.handlePageCompleted(result);
+    });
+    this.currentPage = newPage;
+    newPage.appendYourself(this.uiLayer);
+    return true;
+  }
+
+  destroy() {
+    if (this.currentPage) {
+      this.currentPage.destroy();
+      this.uiLayer.innerHTML = "";
+    }
+  }
+
+  private _onProgress: ((result: SchemaResult) => void) | false = false;
+  onProgress(handler: (result: SchemaResult) => void) {
+    this._onProgress = handler;
+  }
+
+  private _onFatalError: ((error: { message: string }) => void) | false = false;
+  onFatalError(handler: (error: { message: string }) => void): void {
+    this._onFatalError = handler;
+  }
+  setLogger(logger: EngineLogger) {
+    this.logger = logger;
+  }
+}