@npo/player 1.10.2 → 1.11.0

package/lib/src/js/ui/components/nativemobile/buttons.d.ts

@@ -0,0 +1,13 @@
+import { type PlayerAPI } from 'bitmovin-player';
+import { Button, SettingsPanel, SettingsToggleButton } from 'bitmovin-player-ui';
+export declare function createPlayNextButton(player: PlayerAPI | null): Button<{
+    cssClass: string;
+    text: string;
+    hidden: false;
+}>;
+export declare function createWatchFromStartButton(): Button<{
+    cssClass: string;
+    text: string;
+    hidden: true;
+}>;
+export declare function createSettingsButton(player: PlayerAPI | null, settingsPanel: SettingsPanel): SettingsToggleButton;

package/lib/src/js/ui/components/nativemobile/controlbar.d.ts

@@ -0,0 +1,3 @@
+import { PlayerAPI } from 'bitmovin-player';
+import { ControlBar, type SettingsPanel } from 'bitmovin-player-ui';
+export declare function createControlBar(player: PlayerAPI, settingsPanel: SettingsPanel): ControlBar;

package/lib/src/js/ui/components/nativemobile/ctabar.d.ts

@@ -0,0 +1,10 @@
+import { Container } from 'bitmovin-player-ui';
+import { type PlayerAPI } from 'bitmovin-player';
+export declare function createCTABar(player: PlayerAPI | null): Container<{
+    components: import("bitmovin-player-ui").Button<{
+        cssClass: string;
+        text: string;
+        hidden: true;
+    }>[];
+    cssClasses: string[];
+}>;

package/lib/src/js/ui/components/nativemobile/playnext.d.ts

@@ -0,0 +1,10 @@
+import { Container } from 'bitmovin-player-ui';
+import { type PlayerAPI } from 'bitmovin-player';
+export declare function createPlayNextScreen(player: PlayerAPI | null): Container<{
+    components: import("bitmovin-player-ui").Button<{
+        cssClass: string;
+        text: string;
+        hidden: false;
+    }>[];
+    cssClasses: string[];
+}>;

package/lib/src/js/ui/components/nativemobile/titlebar.d.ts

@@ -0,0 +1,2 @@
+import { TitleBar } from 'bitmovin-player-ui';
+export declare function createTitleBar(): TitleBar;

package/lib/src/js/ui/components/nativemobile/topbar.d.ts

@@ -0,0 +1,3 @@
+import { type SettingsPanel, TitleBar } from 'bitmovin-player-ui';
+import { type PlayerAPI } from 'bitmovin-player';
+export declare function createTopBar(player: PlayerAPI | null, settingsPanel: SettingsPanel): TitleBar;

package/lib/src/js/ui/components/playnext.d.ts

@@ -0,0 +1,11 @@
+import { Container } from 'bitmovin-player-ui';
+import { type PlayerAPI } from 'bitmovin-player';
+import type NpoPlayer from '../../../npoplayer';
+export declare function createPlayNextScreen(player: PlayerAPI | null, npoplayer: NpoPlayer): Container<{
+    components: import("bitmovin-player-ui").Button<{
+        cssClass: string;
+        text: string;
+        hidden: false;
+    }>[];
+    cssClasses: string[];
+}>;

package/lib/src/js/ui/components/settingspanel.d.ts

@@ -0,0 +1,4 @@
+import { SettingsPanel } from 'bitmovin-player-ui';
+import type NpoPlayer from '../../../npoplayer';
+import { PlayerAPI } from 'bitmovin-player';
+export declare function createSettingsPanel(npoplayer: NpoPlayer | PlayerAPI): SettingsPanel;

package/lib/src/js/ui/components/shared/playnextscreen.d.ts

@@ -0,0 +1,2 @@
+export declare function showPlayNextScreen(playNextFunction: () => void): void;
+export declare function hidePlayNextScreen(): void;

package/lib/src/js/ui/components/titlebar.d.ts

@@ -0,0 +1,3 @@
+import { TitleBar } from 'bitmovin-player-ui';
+import type NpoPlayer from '../../../npoplayer';
+export declare function createTitleBar(npoplayer: NpoPlayer): TitleBar;

package/lib/src/js/ui/components/topbar.d.ts

@@ -0,0 +1,2 @@
+import { type SettingsPanel, TitleBar } from 'bitmovin-player-ui';
+export declare function createTopBar(settingsPanel: SettingsPanel): TitleBar;

package/lib/src/js/ui/handlers/listboxhandlers.d.ts

@@ -0,0 +1,5 @@
+import { type PlayerAPI } from 'bitmovin-player';
+import { type SettingsPanel, type SettingsPanelPage, type SettingsPanelPageOpenButton } from 'bitmovin-player-ui';
+export declare function handleSubtitleListBoxItemSelected(subtitleSettingsOpenButton: SettingsPanelPageOpenButton, settingsPanel: SettingsPanel, mainSettingsPage: SettingsPanelPage): (e: any) => void;
+export declare function handleSpeedListBoxItemSelected(player: PlayerAPI | null, speedSettingsOpenButton: SettingsPanelPageOpenButton, settingsPanel: SettingsPanel, mainSettingsPage: SettingsPanelPage): (source: any, args: any) => void;
+export declare function handleQualityListBoxItemSelected(player: PlayerAPI | null, qualitySettingsOpenButton: SettingsPanelPageOpenButton, settingsPanel: SettingsPanel, mainSettingsPage: SettingsPanelPage): (source: any, args: any) => void;

package/lib/src/js/ui/handlers/nicamhandler.d.ts

@@ -0,0 +1,2 @@
+import { StreamObject } from 'types/interfaces';
+export declare function processNicam(streamObject: StreamObject, containerId: string): void;

package/lib/src/js/ui/handlers/nicamhandler.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/js/ui/handlers/timecontrolhandlers.d.ts

@@ -0,0 +1,3 @@
+import { type PlayerAPI } from 'bitmovin-player';
+export declare function rewind(player: PlayerAPI | null): void;
+export declare function forward(player: PlayerAPI | null): void;

package/lib/src/js/ui/nativemobileuicontainer.d.ts

@@ -0,0 +1,6 @@
+import { UIContainer } from 'bitmovin-player-ui';
+import { PlayerAPI } from 'bitmovin-player';
+import { CustomMessages } from '../../types/interfaces';
+export declare function sendCustomMessage(message: CustomMessages): any;
+export declare function getCustomMessage(message: CustomMessages): {};
+export declare function nativeMobileUIContainer(player: PlayerAPI): UIContainer;

package/lib/src/js/ui/nativemobileuifactory.d.ts

@@ -0,0 +1,3 @@
+import { PlayerAPI, UIConfig } from 'bitmovin-player';
+import { UIManager } from 'bitmovin-player-ui';
+export declare function nativeMobileUiFactory(player: PlayerAPI, config?: UIConfig): UIManager;

package/lib/src/js/ui/uicontainer.d.ts

@@ -0,0 +1,3 @@
+import type NpoPlayer from '../../npoplayer';
+import { UIContainer } from 'bitmovin-player-ui';
+export declare function createUIContainer(npoplayer: NpoPlayer, variant: string): UIContainer;

package/lib/src/js/utilities/localizationconfig.d.ts

@@ -0,0 +1,6 @@
+export declare const localizationConfig: {
+    language: string;
+    vocabularies: {
+        nl: Record<string, string>;
+    };
+};

package/lib/src/js/utilities/printversion.d.ts

@@ -0,0 +1 @@
+export declare function printVersion(version: string): void;

package/lib/src/js/utilities/utilities.d.ts

@@ -0,0 +1,10 @@
+import { type LocalizableText } from 'bitmovin-player-ui/dist/js/framework/localization/i18n';
+export declare const jwtToBase64: (jwt: string) => string;
+export declare const base64ToObject: (base64: string) => any;
+export declare const noTrailingSlash: (url: string) => string;
+export declare function localize(key: string): LocalizableText;
+export declare function validateStreamLength(duration: string | number | undefined): number;
+export declare function msToSeconds(ms: number): number;
+export declare function validatePrid(prid: string | null): string;
+export declare function getModuleExport(module: unknown): unknown;
+export declare function airPlaySupported(): boolean;

package/lib/src/npoplayer.d.ts

@@ -0,0 +1,45 @@
+import { type StreamTracker, type NPOTag } from '@npotag/tag';
+import { type InitialisationProps } from '@npotag/tag/dist/types/src/npoTag';
+import { type PlayerAPI, type PlayerConfig, type SourceConfig } from 'bitmovin-player';
+import { UIManager } from 'bitmovin-player-ui';
+import { LogEmitter } from './types/classes';
+import { type ApiPayload, type Fragments, type NPOTagObject, type Profile, type Section, type StreamObject, type StreamOptions, type UIComponents } from './types/interfaces';
+export default class NpoPlayer {
+    playerConfig: PlayerConfig;
+    sourceConfig: SourceConfig;
+    streamObject: StreamObject;
+    player: PlayerAPI | null;
+    uiManager: UIManager | null;
+    npoTag: NPOTagObject | undefined;
+    streamTracker: StreamTracker | null;
+    logEmitter: LogEmitter;
+    uiComponents: UIComponents;
+    fragment: Section | null;
+    container: HTMLElement;
+    streamOptions: StreamOptions;
+    jwt: string;
+    apiPayload: ApiPayload;
+    adBreakActive: boolean;
+    version: string;
+    constructor(_container: HTMLElement, _playerConfig: PlayerConfig, _npotag?: InitialisationProps | null, _npotaginstance?: NPOTag);
+    initPlayer(_container: HTMLElement, playerConfig: PlayerConfig): void;
+    loadStream(_jwt: string, options?: StreamOptions): Promise<void>;
+    createUIManager(player: PlayerAPI, variant: string): Promise<void>;
+    setFragments(fragments: Fragments): Promise<void>;
+    decideProfile(preferredDRM?: string): Promise<Profile>;
+    processSourceConfig(_sourceConfig: SourceConfig | undefined, _streamObject: StreamObject, drm?: string | null): SourceConfig;
+    doError(input: any, status?: number): void;
+    keyPress(e: KeyboardEvent): void;
+    setVolume(volume: number): void;
+    increaseVolume(): void;
+    decreaseVolume(): void;
+    goForward(seconds: number): void;
+    goBackwards(seconds: number): void;
+    watchFromStart(): void;
+    showPlayNextScreen(): void;
+    hidePlayNextScreen(): void;
+    doPlayNext(): void;
+    destroy(): boolean;
+    unload(): boolean;
+    isFairPlayDrmSupported(ks?: any): boolean;
+}

package/lib/src/npoplayer.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/types/classes.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="node" />
+import { EventEmitter } from 'events';
+export declare class LogEmitter extends EventEmitter {
+}

package/lib/src/types/interfaces.d.ts

@@ -0,0 +1,108 @@
+import { type SourceConfig } from 'bitmovin-player';
+import { type ErrorMessageOverlay, type Label, ControlBar, SettingsPanelItem, Button, SeekBar, CastToggleButton } from 'bitmovin-player-ui';
+import { type NPOTag, type PageTracker } from '@npotag/tag';
+import { ButtonConfig } from 'bitmovin-player-ui/dist/js/framework/components/button';
+export interface Profile {
+    tech: string;
+    drm: string;
+}
+export interface StreamObject {
+    stream: StreamObject_Stream;
+    metadata: StreamObject_Metadata;
+    assets: StreamObject_Assets;
+}
+export interface ApiPayload {
+    baseURL: string;
+    jwt: string;
+    data: Record<string, unknown>;
+}
+export interface NPOTagObject {
+    npoTagInstance: NPOTag | undefined;
+    heartbeatInterval: number | undefined;
+    pageTracker: PageTracker | null;
+}
+interface StreamObject_Stream {
+    avType: string;
+    drmToken?: string;
+    drmType: string;
+    streamProfile: string;
+    streamURL: string;
+    isLiveStream?: boolean;
+    hasDvrWindow?: boolean;
+}
+interface Subtitle {
+    iso: string;
+    location: string;
+    name: string;
+}
+interface StreamObject_Assets {
+    scrubbingThumbnail: string;
+    subtitles: Subtitle[] | null;
+    preroll?: string;
+}
+interface StreamObject_Metadata {
+    broadcaster?: string;
+    broadcasters?: string[];
+    country?: string[];
+    credits?: string[];
+    description: string;
+    duration?: string;
+    genre?: string[];
+    isDubbed?: boolean;
+    language?: string[];
+    nicam?: string[] | null;
+    poster?: string;
+    prid?: string;
+    sourceIP?: string;
+    ageRating?: string;
+    title: string;
+    hasPreroll?: string;
+}
+export interface Section {
+    cssClasses?: string[];
+    start: number;
+    end: number;
+    title: string;
+}
+export interface Fragments {
+    sections: Section[];
+    startAtBeginOfFragment?: boolean;
+    startAtFragment?: number;
+    stopAtEndOfFragment?: boolean;
+}
+export interface StreamOptions {
+    sourceConfig?: SourceConfig;
+    fragments?: Fragments;
+    startOffset?: number;
+    liveOffset?: boolean;
+    liveProgramTime?: number;
+    endpoint?: string;
+    preferredDRM?: string;
+    prid?: string;
+}
+export interface UIComponents {
+    errorMessageOverlay?: ErrorMessageOverlay;
+    nicam?: Label<{
+        text: string;
+        cssClass: string;
+    }>;
+    subtitlesButton?: SettingsPanelItem | undefined;
+    qualityButton?: SettingsPanelItem | undefined;
+    watchFromStartButton?: Button<ButtonConfig> | undefined;
+    controlbar?: ControlBar | undefined;
+    adbutton?: Button<ButtonConfig> | undefined;
+    adlabel?: Label<{
+        text: string;
+        cssClass: string;
+    }> | undefined;
+    seekBar?: SeekBar | undefined;
+    chromeCastButton?: CastToggleButton | undefined;
+}
+export interface CustomMessageHandlerResult {
+    defaultActionRequired?: boolean;
+}
+export declare enum CustomMessages {
+    TOGGLE_SETTINGS_PANEL = "toggleSettingsPanel",
+    DO_PLAY_NEXT = "doPlayNext"
+}
+export {};

package/lib/types/interfaces.d.ts

@@ -22,11 +22,13 @@ export interface NPOTagObject {
     pageTracker: PageTracker | null;
 }
 interface StreamObject_Stream {
+    avType: string;
     drmToken?: string;
     drmType: string;
     streamProfile: string;
     streamURL: string;
     isLiveStream?: boolean;
+    hasDvrWindow?: boolean;
 }
 interface Subtitle {
     iso: string;

package/lib/types/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/types/interfaces.ts"],"names":[],"mappings":"AAwHA,MAAM,CAAN,IAAY,cAGX;AAHD,WAAY,cAAc;IACtB,+DAA6C,CAAA;IAC7C,6CAA2B,CAAA;AAC/B,CAAC,EAHW,cAAc,KAAd,cAAc,QAGzB"}
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/types/interfaces.ts"],"names":[],"mappings":"AA0HA,MAAM,CAAN,IAAY,cAGX;AAHD,WAAY,cAAc;IACtB,+DAA6C,CAAA;IAC7C,6CAA2B,CAAA;AAC/B,CAAC,EAHW,cAAc,KAAd,cAAc,QAGzB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@npo/player",
-  "version": "1.10.2",
+  "version": "1.11.0",
   "description": "NPO Player",
   "author": "Publieke Omroep <player@npo.nl>",
   "contributors": [
@@ -16,12 +16,12 @@
   "types": "./lib/npoplayer.d.ts",
   "scripts": {
     "build": "webpack --hot",
-    "build:scss": "npm run build:web-styles && npm run build:mobile-styles && cp src/scss/*.css dist && cp src/scss/*.css.map dist",
-    "build:web-styles": "sass src/scss/npoplayer.scss --style=compressed src/scss/npoplayer.css | postcss --use autoprefixer -r src/scss/npoplayer.css",
-    "build:mobile-styles": "sass src/scss/npoplayer-mobile.scss --style=compressed src/scss/npoplayer-mobile.css | postcss --use autoprefixer -r src/scss/npoplayer-mobile.css",
-    "build:cdn": "bash build-cdn.sh",
+    "build:scss": "npm run build:web-styles && npm run build:mobile-styles && mkdir -p dist && cp src/scss/*.css dist && cp src/scss/*.css.map dist",
+    "build:web-styles": "sass src/scss/npoplayer.scss:src/scss/npoplayer.css --style=compressed && postcss src/scss/npoplayer.css --use autoprefixer postcss-import -o src/scss/npoplayer.css",
+    "build:mobile-styles": "sass src/scss/npoplayer-mobile.scss:src/scss/npoplayer-mobile.css --style=compressed && postcss src/scss/npoplayer-mobile.css --use autoprefixer postcss-import -o src/scss/npoplayer-mobile.css",
+    "build:cdn": "npm run build && bash build-cdn.sh",
     "lint": "eslint src --fix",
-    "bundle": "npm run lint && bash build-lib.sh && npm run build:scss",
+    "bundle": "npm run lint && bash build-lib.sh && npm run build:scss && npm run build:cdn",
     "build:ts": "bash build-lib.sh",
     "test": "jest",
     "test:ci": "node_modules/.bin/jest",
@@ -65,6 +65,7 @@
     "node-fetch": "^3.3.0",
     "node-sass": "^7.0.3",
     "postcss-cli": "^10.1.0",
+    "postcss-import": "^15.1.0",
     "postcss-loader": "^7.3.3",
     "postcss-scss": "^4.0.7",
     "sass": "^1.58.0",
@@ -79,7 +80,7 @@
     "webpack-dev-server": "^4.11.1"
   },
   "dependencies": {
-    "@npotag/tag": "^2.0.0",
+    "@npotag/tag": "^2.1.0",
     "bitmovin-player": "^8.125.0",
     "bitmovin-player-ui": "^3.48.0"
   },