@media-quest/engine 0.0.14 → 0.0.15

package/src/engine/DPage.ts

@@ -1,60 +0,0 @@
-import { DElement } from "../Delement/DElement";
-import { PageDto } from "../dto/SchemaDto";
-import { createDElement } from "./element-factory";
-import { EventBus } from "../events/event-bus";
-import { DCommandBus } from "../commands/DCommandBus";
-import { DTimestamp } from "../common/DTimestamp";
-import { ScaleService } from "./scale";
-
-export class DPage {
-  private readonly TAG = "[ DPage ]: ";
-  private elements: DElement<HTMLElement>[] = [];
-  private readonly eventBus;
-  private readonly commandBus;
-  private readonly scale: ScaleService;
-  // Todo GLOBAL EVENT_BUSS AND PAGE EVENTS:
-
-  constructor(
-    private readonly dto: PageDto,
-    eventBus: EventBus,
-    commandBus: DCommandBus,
-    scale: ScaleService,
-  ) {
-    this.eventBus = eventBus;
-    this.commandBus = commandBus;
-    this.scale = scale;
-    this.elements = dto.elements.map((dto) => createDElement(dto, this.commandBus, this.eventBus, this.scale));
-  }
-
-  appendYourself(parent: HTMLElement) {
-    // console.log(this.TAG + " APPENDING TO PARENT");
-    this.elements.forEach((el) => {
-      el.appendYourself(parent);
-      // parent.appendChild(el.el);
-    });
-
-    // if (!preloadMode) {
-    this.eventBus.emit({
-      kind: "PAGE_ENTER_EVENT",
-      timestamp: DTimestamp.now(),
-      producer: "DPage",
-      producerId: this.id,
-      data: { pageId: this.id },
-    });
-    // }
-  }
-
-  destroy() {
-    this.elements.forEach((el) => {
-      el.destroy();
-    });
-  }
-
-  log(): void {
-    // console.log(this.TAG + 'scale - ' + this.scale);
-  }
-
-  get id() {
-    return this.dto.id;
-  }
-}

package/src/engine/element-factory.ts

@@ -1,52 +0,0 @@
-import { DElement } from "../Delement/DElement";
-import { DDiv } from "../Delement/Ddiv";
-import { DImg } from "../Delement/DImg";
-import { DText } from "../Delement/DText";
-import { DDivDto, DElementDto } from "../dto/DElement.dto";
-import { DCommandBus } from "../commands/DCommandBus";
-import { EventBus } from "../events/event-bus";
-import { ScaleService } from "./scale";
-
-export const createDElement = (
-    dto: DElementDto,
-    actionBus: DCommandBus,
-    eventBus: EventBus,
-    scale: ScaleService
-): DElement<any> => {
-    switch (dto._tag) {
-        case "div":
-            const childEls = createChildrenForDiv(dto, actionBus, eventBus, scale);
-            const newDiv = new DDiv(dto, eventBus, actionBus, scale, childEls);
-            return newDiv;
-        case "img":
-            return new DImg(dto, actionBus, eventBus, scale);
-        case "p":
-            return new DText(dto, eventBus, actionBus, 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,
-    actionSubject: DCommandBus,
-    eventBus: EventBus,
-    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, eventBus, actionSubject, scale);
-            childEls.push(newText);
-        }
-        if (dto._tag === "img") {
-            const newImage = new DImg(dto, actionSubject, eventBus, scale);
-            childEls.push(newImage);
-        }
-    });
-    return childEls;
-};

package/src/event-handlers/DEventHandler.ts

@@ -1,29 +0,0 @@
-import { DCommand, ElementCommand, StateCommand } from "../commands/DCommand";
-import { DEvent } from "../events/DEvents";
-import { Condition } from "../rules/condition";
-
-export interface DEventHandler<E extends DEvent = DEvent> {
-    readonly onEvent: E["kind"];
-    readonly when?: { producerId?: string; condition?: Condition };
-    readonly thenExecute: ReadonlyArray<DCommand>;
-}
-
-export interface QueryChangedHandler {
-    readonly queryName: string;
-    readonly whenTrue: ReadonlyArray<ElementCommand>;
-    readonly whenFalse: ReadonlyArray<ElementCommand>;
-}
-
-export namespace DEventHandler {
-    export type LookUp = Map<DEventHandler["onEvent"], Array<DEventHandler>>;
-    export const createLookUp = (handlers?: ReadonlyArray<DEventHandler>): LookUp => {
-        const map = new Map<DEventHandler["onEvent"], Array<DEventHandler>>();
-        handlers?.forEach((h) => {
-            const kind = h.onEvent;
-            const current = map.get(kind);
-            const actions = current ? [...current, h] : [h];
-            map.set(kind, actions);
-        });
-        return map;
-    };
-}

package/src/events/DEvents.ts

@@ -1,94 +0,0 @@
-import { DTimestamp } from "../common/DTimestamp";
-import { AnsweredQuestion } from "../player/history-que";
-import { DState } from "../state/Dstate";
-
-type EventProducer =
-    | "DVideo"
-    | "DUser"
-    | "DAudio"
-    | "DImage"
-    | "MediaManager"
-    | "DPage"
-    | "Window"
-    | "HOST"
-    | "RuleEngine"
-    | "Engine"
-    | "STATE-SERVICE";
-
-interface Ev<K extends EventKind, P extends EventProducer, T> {
-    readonly kind: K;
-    readonly timestamp: DTimestamp;
-    readonly producer: P;
-    readonly producerId: string;
-    readonly data: T;
-}
-
-type EventKind = `${Uppercase<string>}_EVENT`;
-
-export type QueryChangedEvent = Ev<"STATE_QUERY_RESULT_CHANGED_EVENT", "STATE-SERVICE", DState.StateQueryResult>;
-
-export type AudioPlayEvent = Ev<"AUDIO_PLAY_EVENT", "DAudio", {}>;
-// export type AudioWillPlayEvent = Ev<"AUDIO_WILL_PLAY_EVENT", "DAudio", {}>;
-
-export type DAudioEvent =
-    | AudioPlayEvent
-    // | AudioWillPlayEvent
-    | Ev<"AUDIO_PAUSED_EVENT", "DAudio", {}>
-    | Ev<"AUDIO_ENDED_EVENT", "DAudio", { url: string }>
-    | Ev<"AUDIO_ERROR_EVENT", "DAudio", { error: unknown }>
-    | Ev<"AUDIO_METADATA_LOADED_EVENT", "DAudio", {}>
-    | Ev<"AUDIO_LOAD_EVENT", "DAudio", {}>
-    | Ev<"AUDIO_CAN_PLAY_THROUGH_EVENT", "DAudio", {}>
-    | Ev<"AUDIO_DURATION_CHANGE_EVENT", "DAudio", { duration: number; isInfinity: boolean }>
-    | Ev<"AUDIO_PROGRESS_EVENT", "DAudio", {}>;
-
-export type DVideoEvent =
-    | Ev<"VIDEO_PLAY_EVENT", "DVideo", {}>
-    | Ev<"VIDEO_PAUSED_EVENT", "DVideo", {}>
-    | Ev<"VIDEO_ERROR_EVENT", "DVideo", { error: unknown }>
-    | Ev<"VIDEO_EVENT", "DVideo", { error: unknown }>
-    | Ev<"VIDEO_LOADED_METADATA_EVENT", "DVideo", { duration: number; isInfinity: boolean }>
-    | Ev<"VIDEO_DURATION_CHANGE_EVENT", "DVideo", { duration: number; isInfinity: boolean }>
-    | Ev<"VIDEO_PROGRESS_EVENT", "DVideo", { duration: number; progress: number }>
-    | Ev<"VIDEO_ENDED_EVENT", "DVideo", {}>;
-
-// export type MediaManagerEvent =
-//     | Ev<"MEDIA_B
-//
-//
-//     LOCKING_START_EVENT", "MediaManager", {}>
-//     | Ev<"MEDIA_BLOCKING_END_EVENT", "MediaManager", {}>
-//     | Ev<"INPUT_BLOCKING_MEDIA_START_EVENT", "MediaManager", {}>
-//     | Ev<"INPUT_BLOCKING_MEDIA_END_EVENT", "MediaManager", {}>;
-
-export type DImageEvent =
-    | Ev<
-          "IMAGE_LOADED_EVENT",
-          "DImage",
-          { naturalHeight: number; naturalWidth: number; loadTime: DTimestamp.Diff; height: number; width: number }
-      >
-    | Ev<"IMAGE_ERROR_EVENT", "DImage", { error: unknown }>;
-export type DPageEvents =
-    | Ev<"PAGE_ENTER_EVENT", "DPage", { pageId: string }>
-    | Ev<"PAGE_COMPLETED_EVENT", "DPage", { pageId: string; answers: AnsweredQuestion[] }>;
-
-export type DWindowEvents =
-    | Ev<"WINDOW_VISIBILITY_CHANGE_EVENT", "Window", {}>
-    | Ev<"WINDOW_ONLINE_STATUS_CHANGE_EVENT", "Window", {}>;
-
-export type DEvent =
-    | DImageEvent
-    | DAudioEvent
-    | DVideoEvent
-    | DPageEvents
-    // | MediaManagerEvent
-    | DWindowEvents
-    | QueryChangedEvent
-    | Ev<"USER_CLICKED_EVENT", "DUser", { elementId: string }>
-    | Ev<"RULE_MATCH_EVENT", "Window", { ruleId: string }>
-    | Ev<
-          "ENGINE_SCHEMA_LOADED_EVENT",
-          "Engine",
-          { pageCount: number; hostHeight: number; hostWidth: number; scale: number }
-      >
-    | Ev<"HOST_SCALE_CHANGED_EVENT", "HOST", { scale: number }>;

package/src/events/event-bus.spec.ts

@@ -1,21 +0,0 @@
-import { EventBus } from "./event-bus";
-import { DTimestamp } from "../common/DTimestamp";
-describe("Event-bus-works", () => {
-    test("Can create event-bus", (done) => {
-        const bus = new EventBus();
-
-        bus.consoleLogEvents = false;
-        bus.subscribe((ev) => {
-            expect(ev.kind === "AUDIO_PLAY_EVENT").toBe(true);
-            done();
-        }, "TEST. CAN CREATE EVENTBUS");
-
-        bus.emit({
-            kind: "AUDIO_PLAY_EVENT",
-            timestamp: DTimestamp.now(),
-            data: {},
-            producerId: "",
-            producer: "DAudio",
-        });
-    });
-});

package/src/events/event-bus.ts

@@ -1,81 +0,0 @@
-import { DEvent } from "./DEvents";
-
-interface SubscriberData {
-    readonly subscriberId: string;
-    readonly cb: (event: DEvent) => void;
-}
-
-export interface DEventStore {
-    subscribe(cb: (event: DEvent) => void, subscriberId: string): void;
-}
-
-export interface DEventDispatcher {
-    emit(event: DEvent): void;
-}
-export class EventBus implements DEventStore, DEventDispatcher {
-    private readonly TAG = "[  EVENT_BUS  ] :";
-    // private readonly subscribers = new Set<(event: DEvent) => void>();
-    private readonly subscribers = new Set<SubscriberData>();
-
-    /**
-     * Emit on module end.
-     * @private
-     */
-    private readonly eventLog: DEvent[] = [];
-    consoleLogEvents = false;
-    // readonly sub
-
-    subscribe(cb: (event: DEvent) => void, subscriberId: string) {
-        // this.subscribers.add(cb);
-        const subscriberData: SubscriberData = {
-            subscriberId,
-            cb,
-        };
-        this.subscribers.add(subscriberData);
-        if (this.consoleLogEvents) {
-            console.log(this.TAG + "subscription added: " + subscriberId);
-            console.log(this.TAG + "subscription count: " + this.subscribers.size);
-        }
-        return () => {
-            if (this.consoleLogEvents) {
-                console.log(this.TAG + "subscription removed: " + subscriberId);
-                console.log(this.TAG + "subscription count  : " + this.subscribers.size);
-            }
-            // this.subscribers.delete(cb);
-            this.subscribers.delete(subscriberData);
-        };
-    }
-
-    getStats() {
-        return {
-            subscribersCount: this.subscribers.size,
-            eventLog: [...this.eventLog],
-            subscribers: [...this.subscribers],
-        };
-    }
-
-    emit(event: DEvent) {
-        if (this.consoleLogEvents) {
-            this.logEvent(event);
-        }
-        this.eventLog.push(event);
-        this.subscribers.forEach((data) => {
-            // console.log('CALLING EMIT');
-            data.cb(event);
-        });
-        // this.logEvents();
-    }
-
-    private logEvent(event: DEvent) {
-        console.groupCollapsed(this.TAG + " " + event.kind);
-        console.log("ProducerId: " + event.producerId);
-        console.log(event.data);
-        console.groupEnd();
-    }
-
-    private logEvents() {
-        console.group(this.TAG + "LOGG");
-        console.table(this.eventLog);
-        console.groupEnd();
-    }
-}

package/src/kladd/context-menu-manager.ts

@@ -1,56 +0,0 @@
-// @ts-ignore
-class ContextMenuManager {
-  private static ROOT = document.createElement("div");
-  public static hasMenu = false;
-  private hasMenu = false;
-
-  createMenu() {
-    const root = document.createElement("div");
-    const menu = document.createElement("div");
-    const backDrop = document.createElement("div");
-    backDrop.style.position = "fixed";
-    backDrop.style.height = "100vh";
-    backDrop.style.width = "100vw";
-    backDrop.style.backgroundColor = "rgba(255, 0, 0, 0.25)";
-    backDrop.style.top = "0";
-    backDrop.style.right = "0";
-    backDrop.style.zIndex = "1000";
-    // backDrop.style.opacity = '0.5';
-
-    menu.style.height = "50%";
-    menu.style.width = "50%";
-    menu.style.top = "10%";
-    menu.style.right = "25%";
-    menu.style.backgroundColor = "green";
-    menu.style.position = "absolute";
-    menu.style.zIndex = "1001";
-    menu.contentEditable = "false";
-    const createOption = (text: string) => {
-      const p = document.createElement("p");
-      p.textContent = text;
-      return p;
-    };
-
-    const options = ["Select On-Click Actions", "Select On-Hover Actions"].map(
-      createOption
-    );
-    options.forEach((op) => {
-      menu.appendChild(op);
-    });
-    root.appendChild(backDrop);
-    root.appendChild(menu);
-    document.body.appendChild(root);
-    this.hasMenu = true;
-    backDrop.onclick = (ev: MouseEvent) => {
-      console.log("BACKDROP CLICKED");
-      console.log(ev.type);
-      root.removeChild(backDrop);
-      root.removeChild(menu);
-      this.hasMenu = false;
-    };
-
-    menu.onclick = (_: MouseEvent) => {
-      console.log("NODE CLICKED");
-    };
-  }
-}

package/src/player/history-que.spec.ts

@@ -1,46 +0,0 @@
-import { AnsweredQuestion, HistoryQue, PageHistory } from "./history-que";
-import { DTimestamp } from "../common/DTimestamp";
-import { PageDto } from "../dto/SchemaDto";
-import { PageID } from "../utils/ID";
-
-const p = (id: number): PageDto => {
-  return { id: PageID.create(), elements: [] };
-};
-
-const answer = (id: number, value: number): AnsweredQuestion => ({
-  timestamp: DTimestamp.now(),
-  fact: {
-    referenceId: "" + id,
-    referenceLabel: "label-for-" + id,
-    value,
-    label: "value-label " + value,
-    kind: "numeric-fact",
-  },
-});
-const h = (page: PageDto, answeredQuestions: AnsweredQuestion[]): PageHistory => ({
-  pageId: page.id,
-  answeredQuestions,
-});
-const p1 = p(1);
-const p2 = p(2);
-const p3 = p(3);
-const p4 = p(4);
-const p5 = p(5);
-const p6 = p(6);
-const all = [p1, p2, p3, p4, p5, p6];
-
-let history = new HistoryQue();
-beforeEach(() => {
-  history = new HistoryQue();
-});
-
-describe("HistoryQue", () => {
-  it("should create an instance", () => {
-    expect(history).toBeTruthy();
-  });
-
-  it("Can add history, and get facts back", () => {
-    history.addToHistory(h(p1, [answer(1, 2)]));
-    expect(history.getFacts().length).toBe(1);
-  });
-});

package/src/player/history-que.ts

@@ -1,38 +0,0 @@
-import { Fact } from "../rules/fact";
-import { DTimestamp } from "../common/DTimestamp";
-
-export interface AnsweredQuestion {
-    readonly timestamp: DTimestamp;
-    readonly fact: Fact;
-}
-
-export namespace AnsweredQuestion {
-    export const eq = (a: AnsweredQuestion, b: AnsweredQuestion): boolean => {
-        return a.fact === b.fact;
-    };
-}
-
-export interface PageHistory {
-    readonly pageId: string;
-    readonly answeredQuestions: AnsweredQuestion[];
-}
-
-export class HistoryQue {
-    private history: PageHistory[] = [];
-
-    getFacts(): Array<Fact> {
-        const answers = this.history.map((h) => h.answeredQuestions).flat(1);
-        const facts = answers.map((a) => a.fact);
-        // TODO FIND LATEST FACT (answer) if have multiple.
-        return facts;
-    }
-
-    getAnswers(): Array<AnsweredQuestion> {
-        const answers = this.history.map((h) => h.answeredQuestions).flat(1);
-        return answers;
-    }
-
-    addToHistory(page: PageHistory) {
-        this.history.push(page);
-    }
-}

package/src/player/next-que.ts

@@ -1,93 +0,0 @@
-import { PageDto } from "../dto/SchemaDto";
-
-export class NextQue {
-    private originalOrder: ReadonlyArray<string> = [];
-    private allPages: PageDto[] = [];
-    private excludedTags = new Set<string>();
-    private excludedByPageId = new Set<string>();
-    private remaining: PageDto[] = [];
-    constructor(pages: PageDto[] = []) {
-        this.resetQue(pages);
-    }
-
-    /**
-     * Will reset que with the new pages.
-     * @param pages
-     */
-    resetQue(pages: PageDto[]) {
-        this.allPages = [...pages];
-        this.remaining = [...pages];
-        this.excludedTags = new Set();
-        this.excludedByPageId = new Set();
-        this.originalOrder = this.allPages.map((p) => p.id);
-    }
-
-    pop(): PageDto | false {
-        const next = this.remaining.shift();
-        // TODO CLONE??
-        return next ?? false;
-    }
-
-    peek(): PageDto | false {
-        const next = this.remaining[0];
-        return next ?? false;
-    }
-
-    jumpToPageById(pageId: string): boolean {
-        const index = this.remaining.findIndex((p) => p.id === pageId);
-        if (index < 0) {
-            return false;
-        }
-        this.remaining = this.remaining.slice(index);
-        return true;
-    }
-
-    removeByTag(tag: string | string[]) {
-        if (Array.isArray(tag)) {
-            tag.forEach((tag) => {
-                this.excludedTags.add(tag);
-            });
-        } else {
-            this.excludedTags.add(tag);
-        }
-        this.filterRemaining();
-    }
-
-    /**
-     * Will not be included
-     * @param pages
-     */
-    insertAsNextByForce(pages: PageDto[]) {
-        this.remaining.unshift(...pages);
-    }
-
-    removeByPageId(pageId: string | string[]) {
-        if (Array.isArray(pageId)) {
-            pageId.forEach((id) => {
-                this.excludedByPageId.add(id);
-            });
-        } else {
-            this.excludedByPageId.add(pageId);
-        }
-        this.filterRemaining();
-        // this.excludedByPageId.add(pageId);
-    }
-
-    private filterRemaining() {
-        this.remaining = this.remaining.filter((p) => {
-            const tags = p.tags ?? [];
-            const isIncluededByTag = !tags.some((tag) => this.excludedTags.has(tag));
-            const isIncludedByPageId = !this.excludedByPageId.has(p.id);
-            return isIncludedByPageId && isIncluededByTag;
-        });
-    }
-    get isEmpty(): boolean {
-        return this.remaining.length === 0;
-    }
-    get size(): number {
-        return this.remaining.length;
-    }
-    get pageCount(): number {
-        return this.originalOrder.length;
-    }
-}

package/src/services/DMedia-manager.spec.ts

@@ -1,27 +0,0 @@
-import { DMediaManager } from "./DMedia-manager";
-import { EventBus } from "../events/event-bus";
-import { ScaleService } from "../engine/scale";
-import { DCommandBus } from "../commands/DCommandBus";
-import { ResourceProvider } from "./resource-provider";
-
-describe("Media-manager to work", () => {
-    test("Can be instanciated", () => {
-        const host = document.createElement("div");
-        const eventBus = new EventBus();
-        const commandBus = new DCommandBus();
-        const scale = new ScaleService({
-            baseHeight: 1300,
-            baseWidth: 1024,
-            containerHeight: 650,
-            containerWidth: 600,
-        });
-
-        const resourceProvider = new ResourceProvider({
-            videos: [],
-            audio: [],
-        });
-        const mm = new DMediaManager(host, commandBus, eventBus, resourceProvider, scale);
-        // const pageDto: PageDto = {id}
-        expect(host.children.length).toBe(1);
-    });
-});