@npo/player 1.9.0

package/lib/js/ui/handlers/nicamhandler.js

@@ -0,0 +1,32 @@
+/*
+* This file handles the processing of NICAM and Agerating metadata to display the relevant Kijkwijzer icons on the player
+*/
+/*
+* This function processes the ageRating and nicam metadata and adds the relevant icons to the player
+* @function processNicam
+* @param {StreamObject} streamObject - The stream object
+* @param {string} containerId - The id of the player container element (this is used to avoid conflicts with multiple players on one page)
+* @returns {void}
+*/
+export function processNicam(streamObject, containerId) {
+    const nicamElement = document.querySelector(`#${containerId} .bmpui-nicam`);
+    if (nicamElement) {
+        nicamElement.innerHTML = "";
+        streamObject.metadata.ageRating && addNicamIcon(streamObject.metadata.ageRating, nicamElement);
+        streamObject.metadata.nicam?.forEach((character) => addNicamIcon(character, nicamElement));
+    }
+}
+/*
+* This function adds the relevant Kijkwijzer icon to the player
+* @function addNicamIcon
+* @param {string} character - The character to add the icon for
+* @param {Element} nicamElement - The element to add the icon to
+* @returns {void}
+*/
+function addNicamIcon(character, nicamElement) {
+    const iconClass = "nicam-icon-" + character.toLowerCase();
+    const span = document.createElement("span");
+    span.classList.add("nicam-icon", iconClass);
+    nicamElement.appendChild(span);
+}
+//# sourceMappingURL=nicamhandler.js.map

package/lib/js/ui/handlers/nicamhandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nicamhandler.js","sourceRoot":"","sources":["../../../../../src/js/ui/handlers/nicamhandler.ts"],"names":[],"mappings":"AAAA;;EAEE;AAIF;;;;;;EAME;AACF,MAAM,UAAU,YAAY,CAAC,YAA0B,EAAE,WAAmB;IACxE,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,WAAW,eAAe,CAAC,CAAC;IAC5E,IAAI,YAAY,EAAE;QACd,YAAY,CAAC,SAAS,GAAG,EAAE,CAAC;QAC5B,YAAY,CAAC,QAAQ,CAAC,SAAS,IAAI,YAAY,CAAC,YAAY,CAAC,QAAQ,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC;QAC/F,YAAY,CAAC,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,SAAiB,EAAE,EAAE,CAAC,YAAY,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC,CAAC;KACtG;AACL,CAAC;AAED;;;;;;EAME;AACF,SAAS,YAAY,CAAC,SAAiB,EAAE,YAAqB;IAC1D,MAAM,SAAS,GAAG,aAAa,GAAG,SAAS,CAAC,WAAW,EAAE,CAAC;IAC1D,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAC5C,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;IAC5C,YAAY,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;AACnC,CAAC"}

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

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

package/lib/js/ui/handlers/nicamhandler.test.js

@@ -0,0 +1,34 @@
+import { processNicam } from './nicamhandler';
+describe("NICAM Processing", () => {
+    let mockElement;
+    let mockStreamObject;
+    let containerId = 'testId';
+    beforeEach(() => {
+        mockElement = { innerHTML: '', appendChild: jest.fn() };
+        document.querySelector = jest.fn().mockReturnValue(mockElement);
+        mockStreamObject = {
+            metadata: {
+                ageRating: '12',
+                nicam: ["GEWELD", "ANGST", "GROF_TAALGEBRUIK"]
+            }
+        };
+    });
+    it("processes NICAM and age rating", () => {
+        processNicam(mockStreamObject, containerId);
+        expect(document.querySelector).toHaveBeenCalledWith(`#${containerId} .bmpui-nicam`);
+        expect(mockElement.innerHTML).toBe("");
+        expect(mockElement.appendChild).toHaveBeenCalledTimes(4);
+    });
+    it("does nothing if no NICAM element found", () => {
+        document.querySelector = jest.fn().mockReturnValue(null);
+        processNicam(mockStreamObject, containerId);
+        expect(document.querySelector).toHaveBeenCalledWith(`#${containerId} .bmpui-nicam`);
+    });
+    it("does nothing if no metadata", () => {
+        mockStreamObject.metadata = {};
+        processNicam(mockStreamObject, containerId);
+        expect(document.querySelector).toHaveBeenCalledWith(`#${containerId} .bmpui-nicam`);
+        expect(mockElement.appendChild).not.toHaveBeenCalled();
+    });
+});
+//# sourceMappingURL=nicamhandler.test.js.map

package/lib/js/ui/handlers/nicamhandler.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nicamhandler.test.js","sourceRoot":"","sources":["../../../../../src/js/ui/handlers/nicamhandler.test.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAO9C,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;IAC9B,IAAI,WAAgB,CAAC;IACrB,IAAI,gBAAkC,CAAC;IACvC,IAAI,WAAW,GAAG,QAAQ,CAAC;IAE3B,UAAU,CAAC,GAAG,EAAE;QACZ,WAAW,GAAG,EAAE,SAAS,EAAE,EAAE,EAAE,WAAW,EAAE,IAAI,CAAC,EAAE,EAAE,EAAE,CAAC;QACxD,QAAQ,CAAC,aAAa,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC;QAChE,gBAAgB,GAAG;YACf,QAAQ,EAAE;gBACN,SAAS,EAAE,IAAI;gBACf,KAAK,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,kBAAkB,CAAC;aACjD;SACJ,CAAC;IACN,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gCAAgC,EAAE,GAAG,EAAE;QACtC,YAAY,CAAC,gBAAuB,EAAE,WAAW,CAAC,CAAC;QACnD,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,oBAAoB,CAAC,IAAI,WAAW,eAAe,CAAC,CAAC;QACpF,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACvC,MAAM,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC;IAC7D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wCAAwC,EAAE,GAAG,EAAE;QAC9C,QAAQ,CAAC,aAAa,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;QACzD,YAAY,CAAC,gBAAuB,EAAE,WAAW,CAAC,CAAC;QACnD,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,oBAAoB,CAAC,IAAI,WAAW,eAAe,CAAC,CAAC;IACxF,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6BAA6B,EAAE,GAAG,EAAE;QACnC,gBAAgB,CAAC,QAAQ,GAAG,EAAE,CAAC;QAC/B,YAAY,CAAC,gBAAuB,EAAE,WAAW,CAAC,CAAC;QACnD,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,oBAAoB,CAAC,IAAI,WAAW,eAAe,CAAC,CAAC;QACpF,MAAM,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,gBAAgB,EAAE,CAAC;IAC3D,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

package/lib/js/ui/handlers/playnexthandlers.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=playnexthandlers.js.map

package/lib/js/ui/handlers/playnexthandlers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"playnexthandlers.js","sourceRoot":"","sources":["../../../../../src/js/ui/handlers/playnexthandlers.ts"],"names":[],"mappings":""}

package/lib/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/js/ui/handlers/timecontrolhandlers.js

@@ -0,0 +1,23 @@
+/* eslint-disable @typescript-eslint/explicit-function-return-type */
+const interval = 10;
+export function rewind(player) {
+    if (player != null) {
+        if (player.isLive()) {
+            player.timeShift(player.getTimeShift() - interval);
+        }
+        else {
+            player.seek(Math.max(0, player.getCurrentTime() - interval));
+        }
+    }
+}
+export function forward(player) {
+    if (player != null) {
+        if (player.isLive()) {
+            player.timeShift(Math.min(0, player.getTimeShift() + interval));
+        }
+        else {
+            player.seek(Math.min(player.getDuration(), player.getCurrentTime() + interval));
+        }
+    }
+}
+//# sourceMappingURL=timecontrolhandlers.js.map

package/lib/js/ui/handlers/timecontrolhandlers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timecontrolhandlers.js","sourceRoot":"","sources":["../../../../../src/js/ui/handlers/timecontrolhandlers.ts"],"names":[],"mappings":"AAAA,qEAAqE;AAIrE,MAAM,QAAQ,GAAG,EAAE,CAAA;AAEnB,MAAM,UAAU,MAAM,CAAE,MAAwB;IAC5C,IAAI,MAAM,IAAI,IAAI,EAAE;QAChB,IAAI,MAAM,CAAC,MAAM,EAAE,EAAE;YACjB,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,YAAY,EAAE,GAAG,QAAQ,CAAC,CAAA;SACrD;aAAM;YACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,cAAc,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAA;SAC/D;KACJ;AACL,CAAC;AAED,MAAM,UAAU,OAAO,CAAE,MAAwB;IAC7C,IAAI,MAAM,IAAI,IAAI,EAAE;QAChB,IAAI,MAAM,CAAC,MAAM,EAAE,EAAE;YACjB,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,YAAY,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAA;SAClE;aAAM;YACH,MAAM,CAAC,IAAI,CACP,IAAI,CAAC,GAAG,CACJ,MAAM,CAAC,WAAW,EAAE,EACpB,MAAM,CAAC,cAAc,EAAE,GAAG,QAAQ,CACrC,CACJ,CAAA;SACJ;KACJ;AACL,CAAC"}

package/lib/js/ui/nativemobileui.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/js/ui/nativemobileui.js

@@ -0,0 +1,49 @@
+import { BufferingOverlay, CastStatusOverlay, ErrorMessageOverlay, PlaybackToggleOverlay, SubtitleOverlay, UIContainer, Watermark, } from 'bitmovin-player-ui';
+import { createPlayNextScreen } from './components/nativemobile/playnext';
+import { createCTABar } from './components/nativemobile/ctabar';
+import { createControlBar } from './components/nativemobile/controlbar';
+import { createTopBar } from './components/nativemobile/topbar';
+import { createSettingsPanel } from './components/settingspanel';
+import { createMiddleButtons } from './components/buttons';
+export function sendCustomMessage(message) {
+    if (window.bitmovin.customMessageHandler) {
+        return JSON.parse(window.bitmovin.customMessageHandler.sendSynchronous(message)) || {};
+    }
+    return {};
+}
+export function getCustomMessage(message) {
+    if (window.bitmovin.customMessageHandler) {
+        window.bitmovin.customMessageHandler.on(message, (data) => {
+            return JSON.parse(data || '{}');
+        });
+    }
+    return {};
+}
+export function nativeMobileUIContainer(player) {
+    const middleButtons = createMiddleButtons(player);
+    const playNextScreen = createPlayNextScreen(player);
+    const settingsPanel = createSettingsPanel(player);
+    const ctaBar = createCTABar(player);
+    const topBar = createTopBar(player, settingsPanel);
+    const controlBar = createControlBar(settingsPanel);
+    const errorMessageOverlay = new ErrorMessageOverlay();
+    // TODO: load this reponse data in the ui
+    // player.on(PlayerEvent.SourceLoaded, () => console.log('source loaded', player.getSource()));
+    return new UIContainer({
+        components: [
+            new SubtitleOverlay(),
+            new BufferingOverlay(),
+            new PlaybackToggleOverlay(),
+            new CastStatusOverlay(),
+            playNextScreen,
+            middleButtons,
+            controlBar,
+            topBar,
+            ctaBar,
+            new Watermark(),
+            errorMessageOverlay
+        ],
+        cssClasses: ['npo-player', 'native-mobile'],
+    });
+}
+//# sourceMappingURL=nativemobileui.js.map

package/lib/js/ui/nativemobileui.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nativemobileui.js","sourceRoot":"","sources":["../../../../src/js/ui/nativemobileui.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,gBAAgB,EAChB,iBAAiB,EACjB,mBAAmB,EACnB,qBAAqB,EACrB,eAAe,EACf,WAAW,EACX,SAAS,GACZ,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAA;AACzE,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAA;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAA;AAEvE,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAA;AAC/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAA;AAEhE,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAA;AAM1D,MAAM,UAAU,iBAAiB,CAAC,OAAuB;IACrD,IAAI,MAAM,CAAC,QAAQ,CAAC,oBAAoB,EAAE;QACtC,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,oBAAoB,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,CAAA;KACzF;IACD,OAAO,EAAE,CAAA;AACb,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,OAAuB;IACpD,IAAI,MAAM,CAAC,QAAQ,CAAC,oBAAoB,EAAE;QACtC,MAAM,CAAC,QAAQ,CAAC,oBAAoB,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,IAAa,EAAE,EAAE;YAC/D,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC;QACpC,CAAC,CAAC,CAAA;KACL;IAED,OAAO,EAAE,CAAA;AACb,CAAC;AAED,MAAM,UAAU,uBAAuB,CAAE,MAAiB;IACtD,MAAM,aAAa,GAAG,mBAAmB,CAAC,MAAM,CAAC,CAAA;IACjD,MAAM,cAAc,GAAG,oBAAoB,CAAC,MAAM,CAAC,CAAA;IACnD,MAAM,aAAa,GAAG,mBAAmB,CAAC,MAAM,CAAC,CAAA;IACjD,MAAM,MAAM,GAAG,YAAY,CAAC,MAAM,CAAC,CAAA;IACnC,MAAM,MAAM,GAAG,YAAY,CAAC,MAAM,EAAE,aAAa,CAAC,CAAA;IAClD,MAAM,UAAU,GAAG,gBAAgB,CAAC,aAAa,CAAC,CAAA;IAElD,MAAM,mBAAmB,GAAG,IAAI,mBAAmB,EAAE,CAAA;IAErD,yCAAyC;IACzC,+FAA+F;IAE/F,OAAO,IAAI,WAAW,CAAC;QACnB,UAAU,EAAE;YACR,IAAI,eAAe,EAAE;YACrB,IAAI,gBAAgB,EAAE;YACtB,IAAI,qBAAqB,EAAE;YAC3B,IAAI,iBAAiB,EAAE;YACvB,cAAc;YACd,aAAa;YACb,UAAU;YACV,MAAM;YACN,MAAM;YACN,IAAI,SAAS,EAAE;YACf,mBAAmB;SACtB;QACD,UAAU,EAAE,CAAC,YAAY,EAAE,eAAe,CAAC;KAC9C,CAAC,CAAC;AACP,CAAC"}

package/lib/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/js/ui/uicontainer.js

@@ -0,0 +1,61 @@
+import { UIContainer, PlaybackToggleOverlay, BufferingOverlay, CastStatusOverlay, Watermark, SubtitleOverlay, ErrorMessageOverlay } from 'bitmovin-player-ui';
+import { createMiddleButtons, createForwardButton, createRewindButton } from './components/buttons';
+import { createPlayNextScreen } from './components/playnext';
+import { createSettingsPanel } from './components/settingspanel';
+import { createCTABar } from './components/ctabar';
+import { createTopBar } from './components/topbar';
+import { createControlBar } from './components/controlbar';
+import { createTitleBar } from './components/titlebar';
+export function createUIContainer(npoplayer, variant) {
+    let cssClassArray = ['npo-player'];
+    let uiDelay = 3000;
+    if (variant === 'default') {
+        uiDelay = 3000;
+    }
+    else if (variant === 'ad') {
+        uiDelay = -1;
+        cssClassArray.push('ster-ad');
+    }
+    const player = npoplayer.player;
+    const middleButtons = createMiddleButtons(player);
+    const rewindButton = createRewindButton(player);
+    const forwardButton = createForwardButton(player);
+    const playNextScreen = createPlayNextScreen(player, npoplayer);
+    const settingsPanel = createSettingsPanel(npoplayer);
+    const ctaBar = createCTABar(player, npoplayer, variant);
+    const topBar = createTopBar(settingsPanel);
+    const controlBar = createControlBar(npoplayer, settingsPanel, forwardButton, rewindButton);
+    const titleBar = createTitleBar(npoplayer);
+    const errorMessageOverlay = new ErrorMessageOverlay();
+    npoplayer.uiComponents.errorMessageOverlay = errorMessageOverlay;
+    const baseComponentsBefore = [
+        new SubtitleOverlay(),
+        new BufferingOverlay(),
+        new PlaybackToggleOverlay(),
+        new CastStatusOverlay(),
+        playNextScreen,
+        middleButtons,
+    ];
+    const baseComponentsAfter = [
+        new Watermark(),
+        errorMessageOverlay
+    ];
+    let conditionalComponents = [];
+    //only add top bar if variant = default
+    if (variant === 'default') {
+        conditionalComponents.push(controlBar);
+        conditionalComponents.push(ctaBar);
+        conditionalComponents.push(titleBar);
+        conditionalComponents.push(topBar);
+    }
+    if (variant === 'ad') {
+        conditionalComponents.push(controlBar);
+        conditionalComponents.push(ctaBar);
+    }
+    return new UIContainer({
+        components: [...baseComponentsBefore, ...conditionalComponents, ...baseComponentsAfter],
+        cssClasses: cssClassArray,
+        hideDelay: uiDelay
+    });
+}
+//# sourceMappingURL=uicontainer.js.map

package/lib/js/ui/uicontainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"uicontainer.js","sourceRoot":"","sources":["../../../../src/js/ui/uicontainer.ts"],"names":[],"mappings":"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"}

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

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

package/lib/js/utilities/localizationconfig.js

@@ -0,0 +1,8 @@
+import * as nlJson from '../../lang/nl.json';
+export const localizationConfig = {
+    language: 'nl',
+    vocabularies: {
+        nl: nlJson.default
+    }
+};
+//# sourceMappingURL=localizationconfig.js.map

package/lib/js/utilities/localizationconfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"localizationconfig.js","sourceRoot":"","sources":["../../../../src/js/utilities/localizationconfig.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,oBAAoB,CAAA;AAE5C,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAC9B,QAAQ,EAAE,IAAI;IACd,YAAY,EAAE;QACV,EAAE,EAAE,MAAM,CAAC,OAA4C;KAC1D;CACJ,CAAA"}

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

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

package/lib/js/utilities/printversion.js

@@ -0,0 +1,28 @@
+// printVersion.js
+export function printVersion(version) {
+    const asciiArt = `
+                   ╔▒▒╖                        
+                _╔╠╠╠╠╠╠╠φ_                    
+              _#╠╠╠╠╠╠╠╠╠╠╠#_                  
+            ╓╔╠╠╠╠╝╝╠╠╠╠╠╠╠╠╠▒,                
+          ╔╬╠╠╠╠╠    '╚╠╠╠╠╠╠╠╠▒╖              
+        ╔╬╠╠╠╠╠╠╠       '╚╠╠╠╠╠╠╠╬╦            
+     _╓╠╠╠╠╠╠╠╠╠╠          '╚╠╠╠╠╠╠╠╖╖         
+     ╠╠╠╠╠╠╠╠╠╠╠╠            ╠╠╠╠╠╠╠╠▒         
+     ╬╠╠╠╠╠╠╠╠╠╠╠          _╔╬╠╠╠╠╠╠╠╝         
+      \`╝╠╠╠╠╠╠╠╠╠       _╔╠╠╠╠╠╠╠╠╠╩\`          
+        \`╚╠╠╠╠╠╠╠    _╔╬╠╠╠╠╠╠╠╠╠╩             
+           ╙╠╠╠╠╠▒╗φ╬╠╠╠╠╠╠╠╠╠╠╜               
+             ╙╬╠╠╠╠╠╠╠╠╠╠╠╠╠╠╙                 
+               '╬╠╠╠╠╠╠╠╠╠╝^                   
+                 \`╝╠╠╠╠╠╩\`                     
+                   \`╙╙╙                        
+`;
+    const title = 'NPO Player';
+    const versionString = 'version' + String(version);
+    const colorCode = '#ff6d00';
+    const titleStyle = `font-size: 24px; font-weight: bold; color: ${colorCode}; padding: 2px 4px;`;
+    const versionStyle = 'font-size: 24px; font-weight: bold; padding: 2px 4px;';
+    console.log(`%c${asciiArt}%c${title} %c${versionString}`, `color: ${colorCode}; background-color: rgb(11, 28, 54);`, titleStyle, versionStyle);
+}
+//# sourceMappingURL=printversion.js.map

package/lib/js/utilities/printversion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"printversion.js","sourceRoot":"","sources":["../../../../src/js/utilities/printversion.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,MAAM,UAAU,YAAY,CAAE,OAAe;IACzC,MAAM,QAAQ,GAAG;;;;;;;;;;;;;;;;;CAiBpB,CAAA;IAEG,MAAM,KAAK,GAAG,YAAY,CAAA;IAC1B,MAAM,aAAa,GAAG,SAAS,GAAG,MAAM,CAAC,OAAO,CAAC,CAAA;IAEjD,MAAM,SAAS,GAAG,SAAS,CAAA;IAC3B,MAAM,UAAU,GAAG,8CAA8C,SAAS,qBAAqB,CAAA;IAC/F,MAAM,YAAY,GAAG,uDAAuD,CAAA;IAE5E,OAAO,CAAC,GAAG,CAAC,KAAK,QAAQ,KAAK,KAAK,MAAM,aAAa,EAAE,EAAE,UAAU,SAAS,sCAAsC,EAAE,UAAU,EAAE,YAAY,CAAC,CAAA;AAClJ,CAAC"}

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

@@ -0,0 +1,60 @@
+import { type LocalizableText } from 'bitmovin-player-ui/dist/js/framework/localization/i18n';
+/**
+ * @function jwtToBase64
+ * @description Converts a JWT string to a base64 encoded string.
+ * @param {string} jwt - The JWT string to convert.
+ * @returns {string} The converted base64 string.
+ */
+export declare const jwtToBase64: (jwt: string) => string;
+/**
+ * @function base64ToObject
+ * @description Converts a base64 encoded JWT string to a JSON object.
+ * @param {string} base64 - The base64 string to convert.
+ * @returns {Object} The converted JSON object.
+ */
+export declare const base64ToObject: (base64: string) => any;
+/**
+ * @function noTrailingSlash
+ * @description Removes the trailing slash from the provided url if it exists.
+ * @param {string} url - The url to remove the trailing slash from.
+ * @returns {string} The url without the trailing slash.
+ */
+export declare const noTrailingSlash: (url: string) => string;
+/**
+ * @function localize
+ * @description Returns the localized text for the provided key.
+ * @param {key} key - The key of the text to localize.
+ * @returns {LocalizableText} The localized text.
+ */
+export declare function localize(key: string): LocalizableText;
+/**
+ * @function validateStreamLength
+ * @description Validates the provided stream duration and converts it to seconds.
+ * If the duration is null, returns -1.
+ * @param {string|number} duration - The stream duration to validate, can be either a string or a number.
+ * @returns {number} The duration in seconds or -1 if the duration is null.
+ */
+export declare function validateStreamLength(duration: string | number | undefined): number;
+/**
+ * @function msToSeconds
+ * @description Converts milliseconds to seconds.
+ * @param {number} ms - The milliseconds to convert.
+ * @returns {number} The converted milliseconds.
+ */
+export declare function msToSeconds(ms: number): number;
+/**
+* @function validatePrid
+* @description Validates the provided prid. If the prid is null or empty, returns 'unknown'.
+* @param {string|null} prid - The prid to validate.
+* @returns {string} The validated prid or 'unknown' if the prid is null or empty.
+*/
+export declare function validatePrid(prid: string | null): string;
+/**
+ * @function getModuleExport
+ * @description Returns the default export of a module if it exists, otherwise returns the module itself.
+ * This is used to support both ES6 and CommonJS modules.
+ * @param {unkown} module - The module to get the export from.
+ * @returns {unknown} module - The multicompatible module export.
+ */
+export declare function getModuleExport(module: unknown): unknown;
+export declare function airPlaySupported(): boolean;

package/lib/js/utilities/utilities.js

@@ -0,0 +1,110 @@
+/*
+ * This file contains small utility functions that have no relation to the broader player logic
+ */
+import { i18n } from 'bitmovin-player-ui/dist/js/framework/localization/i18n';
+/**
+ * @function jwtToBase64
+ * @description Converts a JWT string to a base64 encoded string.
+ * @param {string} jwt - The JWT string to convert.
+ * @returns {string} The converted base64 string.
+ */
+export const jwtToBase64 = (jwt) => {
+    return jwt.toString().split('.')[1].replace('-', '+').replace('_', '/');
+};
+/**
+ * @function base64ToObject
+ * @description Converts a base64 encoded JWT string to a JSON object.
+ * @param {string} base64 - The base64 string to convert.
+ * @returns {Object} The converted JSON object.
+ */
+export const base64ToObject = (base64) => {
+    return JSON.parse(decodeURIComponent(window
+        .atob(base64)
+        .split('')
+        .map(function (c) {
+        return ('%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2));
+    })
+        .join('')));
+};
+/**
+ * @function noTrailingSlash
+ * @description Removes the trailing slash from the provided url if it exists.
+ * @param {string} url - The url to remove the trailing slash from.
+ * @returns {string} The url without the trailing slash.
+ */
+export const noTrailingSlash = (url) => {
+    return url.slice(-1) === '/' ? (url = url.slice(0, -1)) : url;
+};
+/**
+ * @function localize
+ * @description Returns the localized text for the provided key.
+ * @param {key} key - The key of the text to localize.
+ * @returns {LocalizableText} The localized text.
+ */
+export function localize(key) {
+    return i18n.getLocalizer(key);
+}
+/**
+ * @function validateStreamLength
+ * @description Validates the provided stream duration and converts it to seconds.
+ * If the duration is null, returns -1.
+ * @param {string|number} duration - The stream duration to validate, can be either a string or a number.
+ * @returns {number} The duration in seconds or -1 if the duration is null.
+ */
+export function validateStreamLength(duration) {
+    return duration !== null ? msToSeconds(Number(duration)) : -1;
+}
+/**
+ * @function msToSeconds
+ * @description Converts milliseconds to seconds.
+ * @param {number} ms - The milliseconds to convert.
+ * @returns {number} The converted milliseconds.
+ */
+export function msToSeconds(ms) {
+    return ms / 1000;
+}
+/**
+* @function validatePrid
+* @description Validates the provided prid. If the prid is null or empty, returns 'unknown'.
+* @param {string|null} prid - The prid to validate.
+* @returns {string} The validated prid or 'unknown' if the prid is null or empty.
+*/
+export function validatePrid(prid) {
+    return prid !== '' && prid !== null ? prid : 'unknown';
+}
+/**
+ * @function getModuleExport
+ * @description Returns the default export of a module if it exists, otherwise returns the module itself.
+ * This is used to support both ES6 and CommonJS modules.
+ * @param {unkown} module - The module to get the export from.
+ * @returns {unknown} module - The multicompatible module export.
+ */
+export function getModuleExport(module) {
+    if (typeof module === 'object' && module !== null && 'default' in module) {
+        return module.default;
+    }
+    return module;
+}
+export function airPlaySupported() {
+    let hasAirPlay = false;
+    if (window.WebKitPlaybackTargetAvailabilityEvent == null || undefined) {
+        console.log('WebkitPlaybackTargetAvailabilityEvent is not available');
+        return false;
+    }
+    console.log('WebkitPlaybackTargetAvailabilityEvent is available');
+    window.addEventListener('webkitplaybacktargetavailabilitychanged', function (event) {
+        console.log('event', event);
+        switch (event.availability) {
+            case "available":
+                console.log('Airplay is available');
+                hasAirPlay = true;
+                break;
+            case "not-available":
+                console.log('Airplay is not available');
+                hasAirPlay = false;
+                break;
+        }
+    });
+    return hasAirPlay;
+}
+//# sourceMappingURL=utilities.js.map

package/lib/js/utilities/utilities.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utilities.js","sourceRoot":"","sources":["../../../../src/js/utilities/utilities.ts"],"names":[],"mappings":"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"}

package/lib/lang/nl.json

@@ -0,0 +1,72 @@
+{
+    "settings.video.quality": "Kwaliteit",
+    "settings.audio.quality": "Audio kwaliteit",
+    "settings.audio.track": "Audio Track",
+    "settings.audio.mute": "Mute",
+    "settings.audio.volume": "Volume",
+    "settings.subtitles.window.color": "Venster kleur",
+    "settings.subtitles.window.opacity": "Venster zichtbaarheid",
+    "settings.subtitles": "Ondertiteling",
+    "settings.subtitles.font.color": "Tekst kleur",
+    "settings.subtitles.font.opacity": "Tekst opacity",
+    "settings.subtitles.background.color": "Background color",
+    "settings.subtitles.background.opacity": "Background opacity",
+    "colors.white": "wit",
+    "colors.black": "zwart",
+    "colors.red": "rood",
+    "colors.green": "groen",
+    "colors.blue": "blauw",
+    "colors.cyan": "cyaan",
+    "colors.yellow": "geel",
+    "colors.magenta": "magenta",
+    "percent": "{value}%",
+    "settings.subtitles.font.size": "Tekst grootte",
+    "settings.subtitles.characterEdge": "Character edge",
+    "settings.subtitles.characterEdge.raised": "raised",
+    "settings.subtitles.characterEdge.depressed": "depressed",
+    "settings.subtitles.characterEdge.uniform": "uniform",
+    "settings.subtitles.characterEdge.dropshadowed": "drop shadowed",
+    "settings.subtitles.font.family": "Lettertype",
+    "settings.subtitles.font.family.monospacedserif": "monospaced serif",
+    "settings.subtitles.font.family.proportionalserif": "proportional serif",
+    "settings.subtitles.font.family.monospacedsansserif": "monospaced sans serif",
+    "settings.subtitles.font.family.proportionalsansserif": "proportional sans serif",
+    "settings.subtitles.font.family.casual": "casual",
+    "settings.subtitles.font.family.cursive": "cursive",
+    "settings.subtitles.font.family.smallcapital": "small capital",
+    "settings.time.hours": "Uren",
+    "settings.time.minutes": "Minuten",
+    "settings.time.seconds": "Secondes",
+    "ads.remainingTime": "De advertentie duurt nog {remainingTime} seconden.",
+    "settings": "Instellingen",
+    "fullscreen": "Volledig scherm",
+    "speed": "Snelheid",
+    "playPause": "Play/Pauzeer",
+    "play": "Play",
+    "pause": "Pauzeer",
+    "open": "open",
+    "close": "sluit",
+    "pictureInPicture": "Picture-in-Picture",
+    "appleAirplay": "Apple AirPlay",
+    "googleCast": "Google Cast",
+    "vr": "VR",
+    "off": "Geen",
+    "auto": "automatisch",
+    "back": "Terug",
+    "reset": "Reset",
+    "replay": "Replay",
+    "normal": "normaal",
+    "default": "standaard",
+    "live": "Live",
+    "subtitle.example": "voorbeeld ondertiteling",
+    "subtitle.select": "Selecteer ondertiteling",
+    "playingOn": "Speelt af op <strong>{castDeviceName}</strong>",
+    "connectingTo": "Maakt verbinding met <strong>{castDeviceName}</strong>...",
+    "watermarkLink": "Link to Homepage",
+    "controlBar": "Video speler controls",
+    "player": "Video speler",
+    "seekBar": "Video tijdlijn",
+    "seekBar.value": "Waarde",
+    "seekBar.timeshift": "Timeshift",
+    "seekBar.durationText": "out of"
+}

package/lib/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): 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;
+}