@besovideo/webrtc-player 0.2.8 → 0.3.2

package/dist/types/plugins/modal.d.ts

@@ -0,0 +1,33 @@
+import { IPluginEvent, IPluginEventMap, Plugin } from "./types";
+import { CanVisibleCtor } from "./mixins/visible";
+interface IModalPluginEvent extends IPluginEvent {
+    target: ModalPluginBase;
+}
+interface IControllerPluginEventMap extends IPluginEventMap {
+    show: IModalPluginEvent;
+    hide: IModalPluginEvent;
+}
+interface IModalPluginOption {
+    container: HTMLElement;
+    title?: string;
+    content?: HTMLElement;
+    center?: boolean;
+    className?: string;
+}
+declare class ModalPluginBase extends Plugin<HTMLDivElement, IControllerPluginEventMap> {
+    container: HTMLElement;
+    title?: string;
+    private _content;
+    private _center;
+    constructor(options: IModalPluginOption);
+    set content(content: JSX.Element);
+    show(): void;
+    hide(): void;
+    clear(): void;
+    protected beforeDestroy(): void;
+    init(): HTMLDivElement;
+}
+declare const _mixinsModalPluginBase: CanVisibleCtor & typeof ModalPluginBase;
+export default class ModalPlugin extends _mixinsModalPluginBase {
+}
+export {};

package/dist/types/plugins/player/event.d.ts

@@ -0,0 +1,18 @@
+import { IPluginEvent, IPluginEventMap } from "../../plugins/types";
+import PlayerPlugin, { PLAYER_MODES } from "./index";
+interface IPlayerEvent extends IPluginEvent {
+    target: PlayerPlugin;
+}
+interface IInitEvent extends IPlayerEvent {
+    name: "initEvent";
+    mode: PLAYER_MODES;
+}
+interface ICloseWebrtcEvent extends IPlayerEvent {
+    name: "closeWebrtcEvent";
+    peerConnection?: RTCPeerConnection;
+}
+export interface IPlayerPluginEventMap extends IPluginEventMap {
+    init: IInitEvent;
+    closeWebrtc: ICloseWebrtcEvent;
+}
+export {};

package/dist/types/plugins/player/index.d.ts

@@ -1,16 +1,28 @@
 import { RenderTarget } from "../../core/types";
-import { Plugin } from "../../plugins/types";
+import { Plugin } from "../types";
+import { IWebRTCConnectOption } from "./reducers/types";
 import MaskPlugin from "../mask";
 import SpinnerPlugin from "../spinner";
 import VideoPlugin from "../video";
-import { IWebRTCConnectOption } from "./reducers/types";
-declare enum SUPORT_TYPES {
-    DIRECT_SUPORT_TYPES = 0,
-    PLUGIN_SUPORT_TYPES = 1
+import { IPlayerPluginEventMap } from "./event";
+export declare enum PLAYER_MODES {
+    DIRECT = "direct",
+    PLUGIN = "plugin",
+    REJECT = "reject"
+}
+declare enum DIRECT_SUPPORT_TYPES {
+    MP4 = "MP4",
+    FLAC = "FLAC",
+    OGG = "OGG",
+    WEBM = "WEBM",
+    AUTO = "AUTO"
+}
+declare enum PLUGIN_SUPPORT_TYPES {
+    WEBRTC = "WEBRTC"
 }
 interface IVideoOption {
     url?: string;
-    type?: SUPORT_TYPES;
+    type?: keyof typeof DIRECT_SUPPORT_TYPES | keyof typeof PLUGIN_SUPPORT_TYPES;
 }
 interface IPluginOption {
     webrtc?: IWebRTCConnectOption;
@@ -24,7 +36,7 @@ export interface IPlayerPluginOptions {
     playerConfig: IPlayerConfig;
     direct: string;
 }
-declare class PlayerPlugin extends Plugin<HTMLDivElement> {
+declare class PlayerPlugin extends Plugin<HTMLDivElement, IPlayerPluginEventMap> {
     private _mode;
     private _videoOption?;
     private _pluginOption?;
@@ -32,6 +44,10 @@ declare class PlayerPlugin extends Plugin<HTMLDivElement> {
     private _video;
     private _spinner;
     private _mask;
+    private _panel;
+    private _infoModal;
+    private _timer;
+    private _lastTotalReceivedBytes;
     private _webrtcConnect?;
     constructor(options?: Partial<IPlayerPluginOptions>);
     private justifyVideoType;
@@ -49,8 +65,10 @@ declare class PlayerPlugin extends Plugin<HTMLDivElement> {
     private onMuted;
     private onUnMuted;
     private loadPlayerConfig;
+    private initEvents;
     private prepare;
     private prepareDirect;
     private closeWebrtc;
+    private refreshInfoModal;
 }
 export default PlayerPlugin;

package/dist/types/plugins/player/infoList.d.ts

@@ -0,0 +1,14 @@
+interface IInfoListItem {
+    label?: string;
+    value?: string;
+    suffix?: string;
+}
+interface IJsxInfoListItemProps extends IJsxProps, IInfoListItem {
+}
+export declare const InfoListItem: FC<IJsxInfoListItemProps>;
+interface IJsxInfoListProps extends IJsxProps {
+    list?: any[];
+    factory?: Record<string, (value: any, subject: any) => IInfoListItem>;
+}
+declare const InfoList: FC<IJsxInfoListProps>;
+export default InfoList;

package/dist/types/plugins/player/panel.d.ts

@@ -0,0 +1,15 @@
+import ControllerPlugin from "../controller";
+declare class PlayerPanel {
+    private readonly _els;
+    private _controller;
+    private _autoHideTimeout?;
+    disableAutoHide: boolean;
+    constructor();
+    init(): HTMLElement[];
+    get els(): HTMLElement[];
+    get controller(): ControllerPlugin;
+    show(): void;
+    hide(): void;
+    showThenHide(): void;
+}
+export default PlayerPanel;

package/dist/types/plugins/player/reducers/types.d.ts

@@ -11,6 +11,42 @@ export interface IWebRTCConnectOption {
 export interface IWebRTCOnGotStream {
     (stream?: MediaStream): void;
 }
+declare type TrackKinds = "audio" | "video";
+export interface IAudioStatsInfo {
+    mimeType?: string;
+    clockRate?: number;
+    channels?: number;
+    totalSamplesReceived?: number;
+    totalSamplesDuration?: number;
+}
+export interface IVideoStatsInfo {
+    mimeType?: string;
+    clockRate?: number;
+    frameWidth?: number;
+    frameHeight?: number;
+    framesPerSecond?: number;
+    framesReceived?: number;
+    framesDecoded?: number;
+    totalInterFrameDelay?: number;
+    keyFramesDecoded?: number;
+    packetsLost?: number;
+    lastPacketReceivedTimestamp?: number;
+    bytesReceived?: number;
+    totalDecodeTime?: number;
+}
+interface IStatsInfos {
+    audios: IAudioStatsInfo[];
+    videos: IVideoStatsInfo[];
+}
 export interface IWebRTCConnect {
     pc: RTCPeerConnection;
+    getReceiversMap(): Map<TrackKinds, RTCRtpReceiver[]>;
+    getStatsInfos(): Promise<IStatsInfos>;
+}
+export declare class WebRTCConnect implements IWebRTCConnect {
+    pc: RTCPeerConnection;
+    constructor(pc: RTCPeerConnection);
+    getReceiversMap(): Map<TrackKinds, RTCRtpReceiver[]>;
+    getStatsInfos(): Promise<IStatsInfos>;
 }
+export {};

package/dist/types/plugins/types.d.ts

@@ -1,32 +1,25 @@
-import { IEvent, IEvents, IEventHandler } from "../core/events";
+import { IEvent, Events, IEventMap } from "../core/events";
 import { RenderTarget } from "../core/types";
-export interface IPluginEvent extends IEvent {
-}
-export interface IPluginEventTypes {
-    beforeRender?: IPluginEvent;
-    render?: IPluginEvent;
-    beforeDestroy?: IPluginEvent;
-    destroy?: IPluginEvent;
-}
-export interface IPluginEvents extends IEvents<IPluginEventTypes> {
-}
-export declare class PluginEvents implements IPluginEvents {
-    protected evMap: Map<string, Function[]>;
-    constructor();
-    on<K extends keyof IPluginEventTypes>(name: K, handler: IEventHandler<IPluginEventTypes, K>): void;
-    trigger<K extends keyof IPluginEventTypes>(name: K, param: any): void;
-}
 export interface IPlugin {
     init(_container?: RenderTarget): RenderTarget;
-    unmount(): (Node & ParentNode) | null | undefined;
+    empty(): void;
+    unmount(): void;
     destroy(): void;
 }
-export declare abstract class Plugin<T extends HTMLElement> implements IPlugin {
-    protected el: T | null;
-    constructor(tagName: keyof HTMLElementTagNameMap, className: string);
+export interface IPluginEvent extends IEvent {
+    target: IPlugin;
+}
+export interface IPluginEventMap extends IEventMap {
+    destroy: IPluginEvent;
+}
+export declare abstract class Plugin<E extends HTMLElement = HTMLElement, M extends IPluginEventMap = IPluginEventMap> extends Events<M> implements IPlugin {
+    name: string;
+    el: E | null;
+    constructor(tagName: keyof HTMLElementTagNameMap, pluginName: string, classNames?: string);
     protected abstract beforeDestroy(): void;
     abstract init(_container?: RenderTarget): RenderTarget;
-    unmount(): (Node & ParentNode) | null | undefined;
+    empty(): void;
+    unmount(): void;
     destroy(): void;
-    getEl(): T | null;
+    getEl(): E | null;
 }

package/dist/types/plugins/video.d.ts

@@ -1,4 +1,12 @@
-import { Plugin } from "./types";
+import { IPluginEvent, IPluginEventMap, Plugin } from "./types";
+interface IVideoPluginEvent extends IPluginEvent {
+    target: VideoPlugin;
+}
+interface IVideoPluginEventMap extends IPluginEventMap {
+    play: IVideoPluginEvent;
+    pause: IVideoPluginEvent;
+    loadedmetadata: IVideoPluginEvent;
+}
 export interface IVideoFits {
     contain: string;
     fill: string;
@@ -11,7 +19,7 @@ export interface IVideoPluginOptions {
     muted?: boolean;
     fit?: keyof IVideoFits;
 }
-declare class VideoPlugin extends Plugin<HTMLVideoElement> {
+declare class VideoPlugin extends Plugin<HTMLVideoElement, IVideoPluginEventMap> {
     private _url;
     private _srcObject;
     private _autoPlay;
@@ -21,6 +29,8 @@ declare class VideoPlugin extends Plugin<HTMLVideoElement> {
     set url(url: string);
     set srcObject(sO: MediaProvider | null);
     set muted(v: boolean);
+    set paused(v: boolean);
+    get paused(): boolean;
     set autoPlay(v: boolean);
     set fit(fit: keyof IVideoFits);
     getVideoFit(): string;

package/dist/types/templates/button.d.ts

@@ -0,0 +1,8 @@
+interface IJsxButtonProps extends IJsxProps {
+    type?: "default";
+    title?: string;
+    className?: string;
+    onClick?: Function;
+}
+declare const Button: FC<IJsxButtonProps>;
+export default Button;

package/dist/types/templates/icons.d.ts

@@ -0,0 +1,18 @@
+declare const Icon: FC;
+interface IIconsProps {
+    filled?: boolean;
+    circle?: boolean;
+    off?: boolean;
+}
+declare const Icons: {
+    Cog: FC<IIconsProps>;
+    Camera: FC<IIconsProps>;
+    Info: FC<IIconsProps>;
+    ArrowsExpand: FC<IIconsProps>;
+    X: FC<IIconsProps>;
+    Volume: FC<IIconsProps>;
+    Play: FC<IIconsProps>;
+    Full: FC<IIconsProps>;
+};
+export { Icon };
+export default Icons;

package/dist/types/utils/dev.d.ts

@@ -0,0 +1,4 @@
+declare const dev: {
+    toggle: () => void;
+};
+export default dev;

package/dist/types/utils/lang.d.ts

@@ -0,0 +1,11 @@
+declare const lang: {
+    isArr: (arg: any) => arg is any[];
+    baseIsNaN: (value: any) => boolean;
+    isString: (arg?: any) => arg is string;
+    isNumber: (arg?: any) => arg is number;
+    isText: (arg?: any) => arg is string | number;
+    isFn: (arg: any) => arg is Function;
+    isUndefined: (arg?: any) => arg is undefined;
+    isNullOrUndefined: (arg?: any) => arg is null | undefined;
+};
+export default lang;

package/dist/types/utils/logger.d.ts

@@ -1,6 +1,8 @@
 import { ShLogger } from "@shirtiny/logger";
 declare class EmbedLogger extends ShLogger {
     test: (message: string, ...data: any[]) => void;
+    libWarn: (message: string, ...data: any[]) => void;
+    libError: (message: string, ...data: any[]) => void;
 }
 declare const logger: EmbedLogger;
 export default logger;

package/dist/types/utils/util.d.ts

@@ -1,6 +1,6 @@
-declare function baseIsNaN(value: any): boolean;
 declare const util: {
     pullAll: (arr: any[], values: any[]) => any[];
-    baseIsNaN: typeof baseIsNaN;
+    toArray: (arr: any) => any[];
+    screenshot: (videoEl: HTMLVideoElement, fileName?: string) => void;
 };
 export default util;

package/dist/types/z_test/puPlayer.d.ts

@@ -1,4 +1,4 @@
 declare const puPlayerTest: {
-    normal: () => Promise<void>;
+    normal: (afterClose?: boolean, containerId?: string) => Promise<import("../components/puPlayer").IPuPlayerInstance | null>;
 };
 export default puPlayerTest;

package/dist/types/z_unuse/index.d.ts

@@ -0,0 +1,5 @@
+declare function test(): Promise<void>;
+declare const _default: {
+    test: typeof test;
+};
+export default _default;

package/package.json

@@ -1,58 +1,68 @@
-{
-  "name": "@besovideo/webrtc-player",
-  "version": "0.2.8",
-  "description": "@besovideo/webrtc-player desc",
-  "types": "./dist/types/main.d.ts",
-  "main": "./dist/main.es.js",
-  "module": "./dist/main.es.js",
-  "exports": {
-    "./dist/main.es.css": "./dist/main.es.css",
-    ".": {
-      "import": "./dist/main.es.js"
-    }
-  },
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "start": "dotenv -c development node .node/server.js",
-    "build": "npm run clean && dotenv -c production node .node/builder.js",
-    "test": "jest",
-    "lint": "eslint --max-warnings 0 . --ext .ts",
-    "clean": "shx rm -rf dist",
-    "ts-node": "ts-node"
-  },
-  "keywords": [
-    "bvwebclient",
-    "besovideo"
-  ],
-  "jest": {
-    "preset": "ts-jest"
-  },
-  "devDependencies": {
-    "@types/jest": "26.0.23",
-    "@types/node": "15.6.1",
-    "@typescript-eslint/eslint-plugin": "^4.27.0",
-    "@typescript-eslint/parser": "^4.27.0",
-    "autoprefixer": "^10.2.6",
-    "chalk": "^4.1.1",
-    "dotenv-cli": "^4.0.0",
-    "esbuild": "0.12.5",
-    "esbuild-sass-plugin": "^1.4.8",
-    "eslint": "^7.28.0",
-    "eslint-config-prettier": "^8.3.0",
-    "eslint-plugin-prettier": "^3.4.0",
-    "jest": "^27.2.2",
-    "open": "^8.2.0",
-    "postcss": "^8.3.5",
-    "postcss-preset-env": "^6.7.0",
-    "prettier": "^2.3.0",
-    "shx": "^0.3.3",
-    "ts-jest": "^27.0.5",
-    "ts-node": "10.0.0",
-    "typescript": "^4.3.3"
-  },
-  "dependencies": {
-    "@shirtiny/logger": "^2.1.8"
-  }
-}
+{
+  "name": "@besovideo/webrtc-player",
+  "version": "0.3.2",
+  "description": "@besovideo/webrtc-player desc",
+  "type": "module",
+  "types": "./dist/types/main.d.ts",
+  "main": "./dist/main.es.js",
+  "module": "./dist/main.es.js",
+  "exports": {
+    "./dist/main.es.css": "./dist/main.es.css",
+    ".": {
+      "import": "./dist/main.es.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "start": "dotenv -c development node .node/server.js",
+    "build": "npm run clean && dotenv -c production node .node/builder.js",
+    "test": "jest",
+    "lint": "eslint --max-warnings 0 . --ext .ts",
+    "clean": "shx rm -rf dist",
+    "ts-node": "ts-node"
+  },
+  "keywords": [
+    "bvwebclient",
+    "besovideo"
+  ],
+  "jest": {
+    "preset": "ts-jest"
+  },
+  "devDependencies": {
+    "@types/jest": "26.0.23",
+    "@types/node": "15.6.1",
+    "@types/w3c-image-capture": "^1.0.5",
+    "@typescript-eslint/eslint-plugin": "^4.27.0",
+    "@typescript-eslint/parser": "^4.27.0",
+    "autoprefixer": "^10.2.6",
+    "camelcase": "^6.2.1",
+    "chalk": "^4.1.1",
+    "dotenv-cli": "^4.0.0",
+    "esbuild": "0.12.5",
+    "esbuild-sass-plugin": "^1.4.8",
+    "eslint": "^7.28.0",
+    "eslint-config-prettier": "^8.3.0",
+    "eslint-plugin-prettier": "^3.4.0",
+    "jest": "^27.2.2",
+    "open": "^8.2.0",
+    "postcss": "^8.3.5",
+    "postcss-preset-env": "^6.7.0",
+    "prettier": "^2.3.0",
+    "shx": "^0.3.3",
+    "svgo": "^2.8.0",
+    "ts-jest": "^27.0.5",
+    "ts-node": "10.0.0",
+    "typescript": "^4.5.3"
+  },
+  "dependencies": {
+    "@shirtiny/logger": "^2.1.13"
+  },
+  "browserslist": [
+    "last 1 version",
+    "> 1%",
+    "maintained node versions",
+    "not dead"
+  ]
+}

package/dist/types/core/classes.d.ts

@@ -1,2 +0,0 @@
-declare const cls: (...args: any[]) => string;
-export default cls;