@media-quest/engine 0.0.14 → 0.0.15

package/src/Delement/AudioContainer.ts

@@ -1,169 +0,0 @@
-import { CanPlayToEnd } from "./VideoContainer";
-import { DAudioDto } from "../dto/DElement.dto";
-import { DEventDispatcher } from "../events/event-bus";
-import { DTimestamp } from "../common/DTimestamp";
-
-export class AudioContainer implements CanPlayToEnd {
-    private readonly TAG = "[ DAudio ]: ";
-    protected dto: DAudioDto | null = null;
-    private el: HTMLAudioElement;
-    constructor(private readonly eventBus: DEventDispatcher) {
-        this.el = document.createElement("audio");
-        this.el.style.position = "absolute";
-        this.el.style.visibility = "hidden";
-        // this.el.on
-        this.onLoad = this.onLoad.bind(this);
-        this.el.onload = this.onLoad;
-        this.onLoadedMetadata = this.onLoadedMetadata.bind(this);
-        this.el.onloadedmetadata = this.onLoadedMetadata;
-        this.el.onplay = () => {
-            // TODO
-        };
-        this.onCanPlayThrough = this.onCanPlayThrough.bind(this);
-        this.el.oncanplaythrough = this.onCanPlayThrough;
-        this.el.onended = (_) => {
-            const url = this.el.src;
-            this.eventBus.emit({
-                kind: "AUDIO_ENDED_EVENT",
-                data: { url },
-                producer: "DAudio",
-                timestamp: DTimestamp.now(),
-                producerId: this.id,
-            });
-        };
-        this.el.ondurationchange = (_: Event) => {
-            const duration = this.el.duration;
-            const isInfinity = duration === Number.POSITIVE_INFINITY;
-            this.eventBus.emit({
-                kind: "AUDIO_DURATION_CHANGE_EVENT",
-                timestamp: DTimestamp.now(),
-                producer: "DAudio",
-                producerId: this.id,
-                data: { duration: this.el.duration, isInfinity },
-            });
-        };
-    }
-
-    setAudio(dto: DAudioDto) {
-        this.dto = dto;
-        this.el.src = dto.url;
-        this.el.load();
-    }
-
-    destroy() {
-        try {
-            this.el.pause();
-            this.el.src = "";
-            this.el.load();
-        } catch (e) {
-            console.log(e);
-        }
-    }
-
-    pause() {
-        try {
-            this.el.pause();
-        } catch (e) {
-            // TODO EMIT ERROR EVENT.
-            console.log(e);
-        }
-    }
-
-    play(url: string) {
-        if (this.el.src !== url) {
-            this.el.src = url;
-        }
-        this.eventBus.emit({
-            kind: "AUDIO_PLAY_EVENT",
-            producerId: this.id,
-            data: {},
-            producer: "DAudio",
-            timestamp: DTimestamp.now(),
-        });
-        this.el
-            .play()
-            .then((res) => {
-                console.log(res);
-            })
-            .catch((e) => {
-                console.log(e);
-            });
-    }
-
-    onLoadedMetadata(_: Event) {
-        this.eventBus.emit({
-            kind: "AUDIO_METADATA_LOADED_EVENT",
-            timestamp: DTimestamp.now(),
-            producer: "DAudio",
-            producerId: this.id,
-            data: {},
-        });
-    }
-
-    onLoad(_: Event) {
-        this.eventBus.emit({
-            kind: "AUDIO_LOAD_EVENT",
-            timestamp: DTimestamp.now(),
-            producer: "DAudio",
-            producerId: this.id,
-            data: {},
-        });
-        // console.log(this.TAG + event.type);
-    }
-
-    get id() {
-        return this.dto?.id ?? "DAudio";
-    }
-
-    private onCanPlayThrough(_: Event) {
-        this.eventBus.emit({
-            kind: "AUDIO_CAN_PLAY_THROUGH_EVENT",
-            data: {},
-            producer: "DAudio",
-            timestamp: DTimestamp.now(),
-            producerId: this.id,
-        });
-    }
-
-    // private onPlay(_: Event) {}
-
-    async playToEnd(): Promise<boolean> {
-        const endedOrErrored = new Promise<boolean>((resolve) => {
-            this.el.addEventListener(
-                "ended",
-                (_) => {
-                    // console.log(e);
-                    resolve(true);
-                },
-                { once: true }
-            );
-            this.el.addEventListener(
-                "error",
-                (_) => {
-                    // console.log(e);
-                    resolve(false);
-                },
-                { once: true }
-            );
-        });
-        try {
-            this.play(this.el.src);
-            await endedOrErrored;
-            return true;
-        } catch (e) {
-            // TODO LET PARENT DEAL WITH ERRORS? THE MANAGER?? MANAGERS CALL ABORT.
-            console.log(e);
-            this.eventBus.emit({
-                kind: "AUDIO_ERROR_EVENT",
-                timestamp: DTimestamp.now(),
-                producer: "DAudio",
-                producerId: this.id,
-                data: { error: e },
-            });
-            return false;
-        } finally {
-        }
-
-        return Promise.resolve(false);
-    }
-}

package/src/Delement/DAuto-play.ts

@@ -1,36 +0,0 @@
-import { DCommand } from "../commands/DCommand";
-
-/**
- * Autoplay video by Id.
- */
-export interface AutoPlayVideo {
-    readonly kind: "autoplay-video";
-    readonly muted?: boolean;
-    readonly startAt?: number;
-    readonly videoId: string;
-}
-
-/**
- * Add a pause between auto-play elements.
- * TODO Not implemented
- */
-export interface AutoPlayPause {
-    readonly kind: "autoplay-pause";
-    readonly duration: number;
-}
-
-export interface AutoPlayAudio {
-    readonly kind: "autoplay-audio";
-    readonly audioId: string;
-    readonly startAt?: number;
-}
-
-export type AutoPlayElement = AutoPlayVideo | AutoPlayAudio | AutoPlayPause;
-
-export interface DAutoPlaySequence {
-    readonly id: string;
-    readonly blockUserInput: boolean;
-    readonly items: Array<AutoPlayAudio | AutoPlayVideo | AutoPlayPause>;
-    readonly startCommands: ReadonlyArray<DCommand>;
-    readonly endCommands: ReadonlyArray<DCommand>;
-}

package/src/Delement/VideoContainer.ts

@@ -1,199 +0,0 @@
-import { DVideoDto } from "../dto/DElement.dto";
-import { DTimestamp } from "../common/DTimestamp";
-import { DEventDispatcher } from "../events/event-bus";
-import { ScaleService } from "../engine/scale";
-import { DStyle } from "./DStyle";
-import { DUtil } from "../utils/DUtil";
-
-const ABORT_PLAY_TO_END = "ABORT_PLAY_TO_END";
-export interface CanPlayToEnd {
-    playToEnd(): Promise<boolean>;
-}
-
-export class VideoContainer implements CanPlayToEnd {
-    private readonly TAG: string;
-    private dto?: DVideoDto;
-    private defaultStyles: Partial<DStyle> = { h: 45, w: 100, visibility: "hidden", y: 55 };
-
-    pause() {
-        this.eventBus.emit({
-            kind: "VIDEO_PAUSED_EVENT",
-            data: {},
-            producer: "DVideo",
-            producerId: this.id,
-            timestamp: DTimestamp.now(),
-        });
-        this.el.pause();
-    }
-
-    play(url: string) {
-        if (this.el.src !== url) {
-            this.el.src = url;
-        }
-        const producerId = this.dto?.id ?? "DVideo";
-        this.eventBus.emit({
-            kind: "VIDEO_PLAY_EVENT",
-            data: {},
-            producer: "DVideo",
-            producerId,
-            timestamp: DTimestamp.now(),
-        });
-        this.el
-            .play()
-            .then((res) => {
-                console.log(res);
-            })
-            .catch((e) => {
-                console.log(e);
-            });
-        // if(this.el.src !== url) {
-        //     this.
-        // }
-    }
-
-    async playToEnd() {
-        this.el.volume = 1;
-        const url = this.dto?.url;
-        if (!url) {
-            return false;
-        }
-
-        try {
-            const endedOrErrored = new Promise<boolean>((resolve, reject) => {
-                this.el.addEventListener(
-                    "ended",
-                    (_) => {
-                        resolve(true);
-                    },
-                    { once: true }
-                );
-                this.el.addEventListener(
-                    "error",
-                    (_) => {
-                        resolve(false);
-                    },
-                    { once: true }
-                );
-                this.el.addEventListener(
-                    ABORT_PLAY_TO_END,
-                    () => {
-                        console.log("CATCHED ABBORT.");
-                        reject("Aborted");
-                    },
-                    { once: true }
-                );
-            });
-            // console.log("PLAY");
-            this.play(url);
-            await endedOrErrored;
-            return true;
-        } catch (e) {
-            console.log(e);
-            return false;
-        } finally {
-            console.log(this.TAG + " finally block playToEnd() completed videoId: " + this.dto?.id);
-        }
-    }
-
-    constructor(
-        private readonly el: HTMLVideoElement,
-        private readonly eventBus: DEventDispatcher,
-        private readonly scale: ScaleService // dto?: DVideoDto
-    ) {
-        this.TAG = "[ D_Video ] : ";
-        this.el.controls = false;
-        DStyle.normalize(this.el);
-        DStyle.applyStyles(this.el, this.defaultStyles, this.scale.scale);
-
-        this.el.onended = () => {
-            this.eventBus.emit({
-                kind: "VIDEO_ENDED_EVENT",
-                timestamp: DTimestamp.now(),
-                producer: "DVideo",
-                producerId: this.id,
-                data: {},
-            });
-        };
-        this.el.onplay = () => {
-            // TODO LOGG INTERNAL STATE_CHANGES.
-        };
-
-        this.el.onpause = () => {};
-        this.el.onerror = () => {};
-        this.el.oncanplay = () => {
-            // console.groupCollapsed(this.TAG + "READY TO PLAY");
-            // console.log("Duration: " + this.el.duration);
-            // console.log("Id: " + this.id);
-            // console.log("Current Time: " + this.el.currentTime);
-            // console.log("AudoPlay: " + this.el.autoplay);
-            // console.groupEnd();
-        };
-        this.el.onloadedmetadata = () => {
-            const duration = this.el.duration;
-            const isInfinity = DUtil.isInfinity(duration);
-            this.eventBus.emit({
-                kind: "VIDEO_LOADED_METADATA_EVENT",
-                timestamp: DTimestamp.now(),
-                producer: "DVideo",
-                producerId: this.id,
-                data: { duration, isInfinity },
-            });
-        };
-        // TODO USE THIS SYNTAX?
-        this.el.ondurationchange = () => {
-            const duration = this.el.duration;
-            const isInfinity = DUtil.isInfinity(duration);
-            this.eventBus.emit({
-                kind: "VIDEO_DURATION_CHANGE_EVENT",
-                producer: "DVideo",
-                producerId: this.id,
-                timestamp: DTimestamp.now(),
-                data: { duration, isInfinity },
-            });
-        };
-    }
-
-    getStats() {
-        const duration = this.el.duration;
-        const currentTime = this.el.currentTime;
-        const volume = this.el.volume;
-        const isConnected = this.el.isConnected;
-        const playbackQuality = this.el.getVideoPlaybackQuality();
-        const defaultPlaybackRate = this.el.defaultPlaybackRate;
-        const paused = this.el.paused;
-        const played = this.el.played;
-
-        return {
-            duration,
-            paused,
-            played,
-            currentTime,
-            volume,
-            isConnected,
-            playbackQuality,
-            defaultPlaybackRate,
-        };
-    }
-
-    setDto(dto: DVideoDto) {
-        this.dto = dto;
-        this.el.volume = 1;
-        this.setStyle(dto.style);
-        this.el.src = dto.url;
-        this.el.load();
-    }
-
-    getCurrentDto(): DVideoDto | false {
-        return this.dto ?? false;
-    }
-
-    setStyle(styles: Partial<DStyle>) {
-        DStyle.applyStyles(this.el, styles, this.scale.scale);
-    }
-
-    private get id() {
-        return this.dto?.id ?? "DVideo";
-    }
-
-    destroy() {}
-}

package/src/commands/DCommand.ts

@@ -1,63 +0,0 @@
-import { DStyle } from "../Delement/DStyle";
-import { AnimationDto } from "../dto/AnimationDto";
-import { Fact } from "../rules/fact";
-import { DState } from "../state/Dstate";
-import { PageID } from "../utils/ID";
-
-type CommandTarget = "VIDEO" | "AUDIO" | "ELEMENT" | "PAGE_QUE" | "ENGINE" | "STATE";
-type CommandKind = `${Uppercase<CommandTarget>}_${Uppercase<string>}_COMMAND`;
-
-export type StateCommand = CommandDto<"STATE_MUTATE_COMMAND", "STATE", { mutation: DState.StateMutation }>;
-// export type StateCommand = CommandDto<"STATE_MUTATE_COMMAND", "STATE", { mutation: DState.StateMutation }>;
-
-export type NavigationCommand =
-  | CommandDto<"PAGE_QUE_NEXT_PAGE_COMMAND", "PAGE_QUE", {}>
-  | CommandDto<"PAGE_QUE_GO_TO_SEQUENCE_COMMAND", "PAGE_QUE", { sequenceId: string }>
-  | CommandDto<"PAGE_QUE_GO_TO_PAGE_COMMAND", "PAGE_QUE", { pageId: string }>;
-
-export type EngineCommand = CommandDto<
-  "ENGINE_LEAVE_PAGE_COMMAND",
-  "ENGINE",
-  {
-    readonly pageId: string;
-    readonly factsCollected: ReadonlyArray<Fact>;
-  }
->;
-
-interface CommandDto<K extends CommandKind, T extends CommandTarget, P> {
-  readonly kind: K;
-  readonly target: T;
-  readonly targetId: T | Omit<string, T>;
-  readonly payload: P;
-}
-
-export type VideoCommand =
-  | CommandDto<"VIDEO_PLAY_COMMAND", "VIDEO", { volume?: number }>
-  | CommandDto<"VIDEO_SET_VOLUME_COMMAND", "VIDEO", { volume: number }>
-  | CommandDto<"VIDEO_JUMP_TO_COMMAND", "VIDEO", { volume?: number; ms: number }>
-  | CommandDto<"VIDEO_PAUSE_COMMAND", "VIDEO", {}>;
-
-export type AudioCommand =
-  | CommandDto<"AUDIO_PAUSE_COMMAND", "AUDIO", {}>
-  | CommandDto<"AUDIO_PLAY_COMMAND", "AUDIO", { volume?: number; startAt?: number }>
-  | CommandDto<"AUDIO_SET_VOLUME_COMMAND", "AUDIO", { volume: number }>;
-
-export type ElementCommand =
-  | CommandDto<"ELEMENT_ANIMATE_COMMAND", "ELEMENT", AnimationDto>
-  | CommandDto<"ELEMENT_DISABLE_CLICK_COMMAND", "ELEMENT", {}>
-  | CommandDto<"ELEMENT_ENABLE_CLICK_COMMAND", "ELEMENT", {}>
-  | CommandDto<"ELEMENT_STYLE_COMMAND", "ELEMENT", { changes: Partial<DStyle>; clickIsAllowed?: boolean }>;
-
-export type PageQueCommand =
-  | CommandDto<"PAGE_QUE_EXCLUDE_BY_TAG_COMMAND", "PAGE_QUE", { tagIds: string[] }>
-  | CommandDto<"PAGE_QUE_EXCLUDE_BY_PAGE_ID_COMMAND", "PAGE_QUE", { pageIds: Array<PageID> }>
-  | CommandDto<"PAGE_QUE_JUMP_TO_PAGE_COMMAND", "PAGE_QUE", { readonly pageId: string }>;
-
-export type DCommand =
-  | StateCommand
-  | NavigationCommand
-  | VideoCommand
-  | AudioCommand
-  | ElementCommand
-  | EngineCommand
-  | PageQueCommand;

package/src/commands/DCommandBus.ts

@@ -1,60 +0,0 @@
-import { DCommand } from "./DCommand";
-import { DTimestamp } from "../common/DTimestamp";
-
-export interface DCommandStore {
-  subscribe(callback: () => void, subscriberId: string): void;
-}
-
-export interface DCommandDispatcher {
-  emit(command: DCommand): void;
-}
-
-interface CommandSubscriberData {
-  readonly subscriberId: string;
-  readonly callback: (command: DCommand) => void;
-}
-export class DCommandBus implements DCommandStore, DCommandDispatcher {
-  private readonly TAG = "[ COMMAND_BUS ] ";
-  logCommands = false;
-  private readonly commandLog: Array<DCommand & { timestamp: DTimestamp }> = [];
-  readonly subscribers = new Set<CommandSubscriberData>();
-  // readonly sub
-
-  subscribe(cb: (command: DCommand) => void, subscriberId: string) {
-    const sub: CommandSubscriberData = {
-      subscriberId,
-      callback: cb,
-    };
-
-    this.subscribers.add(sub);
-    return () => {
-      this.subscribers.delete(sub);
-    };
-  }
-
-  emit(command: DCommand) {
-    const timestamp = DTimestamp.now();
-    this.commandLog.push({ ...command, timestamp });
-    if (this.logCommands) {
-      this.logCommand(command);
-    }
-    this.subscribers.forEach((subscriber) => {
-      subscriber.callback(command);
-    });
-  }
-
-  getStats() {
-    return {
-      commands: [...this.commandLog],
-      subscribers: [...this.subscribers],
-      subscribersCount: this.subscribers.size,
-    };
-  }
-
-  private logCommand(command: DCommand) {
-    console.groupCollapsed(this.TAG + " " + command.kind);
-    console.log("TargetID : " + command.targetId);
-    console.log(command.payload);
-    console.groupEnd();
-  }
-}

package/src/dto/AnimationDto.ts

@@ -1,4 +0,0 @@
-export interface AnimationDto {
-  readonly keyframes: Keyframe[];
-  readonly options: { duration: number; startIn?: number };
-}

package/src/dto/DElement.dto.ts

@@ -1,46 +0,0 @@
-import { DStyle } from "../Delement/DStyle";
-import { DEventHandler, QueryChangedHandler } from "../event-handlers/DEventHandler";
-import { DCommand } from "../commands/DCommand";
-export type DElementDto = DTextDto | DImgDto | DDivDto;
-
-interface DStateListener {
-  readonly onStateChange?: ReadonlyArray<QueryChangedHandler>;
-}
-
-export interface DElementBaseDto extends DStateListener {
-  readonly id: string;
-  readonly style: Partial<DStyle>;
-  readonly eventHandlers?: ReadonlyArray<DEventHandler>;
-  readonly onClick?: ReadonlyArray<DCommand>;
-}
-
-export interface DTextDto extends DElementBaseDto {
-  readonly _tag: "p";
-  readonly text: string;
-}
-
-export interface DDivDto extends DElementBaseDto {
-  readonly _tag: "div";
-  readonly children: Array<DTextDto | DImgDto>;
-}
-
-export interface DImgDto extends DElementBaseDto {
-  readonly _tag: "img";
-  readonly url: string;
-}
-
-export interface DVideoDto extends DElementBaseDto {
-  readonly _tag: "video";
-  readonly url: string;
-  // readonly mode: "gif" | "autoplay" | "on-demand";
-  // readonly isMediaBlocking: boolean;
-}
-
-export interface DAudioDto {
-  readonly id: string;
-  readonly _tag: "audio";
-  readonly url: string;
-  // readonly eventHandlers: ReadonlyArray<DEventHandler>;
-
-  // readonly isMediaBlocking: boolean;
-}

package/src/dto/SchemaDto.ts

@@ -1,65 +0,0 @@
-import { DAutoPlaySequence } from "../Delement/DAuto-play";
-import { DAudioDto, DElementDto, DImgDto, DVideoDto } from "./DElement.dto";
-import { Rule } from "../rules/rule";
-import { Fact } from "../rules/fact";
-import { PageQueCommand } from "../commands/DCommand";
-import { DState } from "../state/Dstate";
-import { PageID, SchemaID } from "../utils/ID";
-
-export type PageQueRules = Rule<PageQueCommand, never>;
-export interface PageDto {
-  readonly id: PageID;
-  readonly elements: Array<DElementDto>;
-  readonly tags?: string[];
-  readonly mainVideoId?: string;
-  readonly backgroundColor?: string;
-  readonly video?: Array<DVideoDto>;
-  readonly audio?: Array<DAudioDto>;
-  readonly autoPlaySequence?: DAutoPlaySequence;
-}
-
-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: PageDto[];
-  readonly rules: Array<PageQueRules>;
-  readonly stateProps?: ReadonlyArray<DState.Prop>;
-  readonly stateQueries?: ReadonlyArray<DState.StateQuery>;
-  readonly stateFromEvent: ReadonlyArray<DState.fromEventHandler>;
-  readonly pageSequences?: Array<PageSequenceDto>;
-  readonly predefinedFacts?: ReadonlyArray<Fact>;
-}
-
-export namespace SchemaDto {
-  export const getResources = (
-    schema: SchemaDto,
-  ): {
-    videoList: ReadonlyArray<DVideoDto>;
-    audioList: ReadonlyArray<DAudioDto>;
-    imageList: ReadonlyArray<DImgDto>;
-  } => {
-    const { pages } = schema;
-    const videoList = pages.reduce<Array<DVideoDto>>((acc, curr) => {
-      if (Array.isArray(curr.video)) {
-        acc.push(...curr.video);
-      }
-      return acc;
-    }, []);
-    const audioList: Array<DAudioDto> = pages.reduce<Array<DAudioDto>>((acc, curr) => {
-      if (Array.isArray(curr.audio)) {
-        acc.push(...curr.audio);
-      }
-      return acc;
-    }, []);
-
-    return { videoList, audioList, imageList: [] };
-  };
-}