@24i/bigscreen-sdk 1.0.5-4.alpha-2832 → 1.0.5-alpha.2129

package/README.md

@@ -6,8 +6,9 @@ sidebar_label: README
 ---
 
 # SmartApps BIGscreen SDK
-[![Build Status](https://github.com/24i/smartapps-bigscreen-sdk/actions/workflows/pull-request.yml/badge.svg)](https://github.com/24i/smartapps-bigscreen-sdk/actions/workflows/pull-request.yml)
-[![Coverage](https://sonarcloud.io/api/project_badges/measure?project=24i_smartapps-bigscreen-sdk&metric=coverage&token=3d35c42d12a876ed9fde3dd5adba282b14656069)](https://sonarcloud.io/summary/new_code?id=24i_smartapps-bigscreen-sdk)
+
+[![Build Status](https://travis-ci.com/24i/smartapps-bigscreen-sdk.svg?token=TvpGGSB2Z1L12QwPagEp&branch=development)](https://travis-ci.com/24i/smartapps-bigscreen-sdk)
+[![Coverage Status](https://coveralls.io/repos/github/24i/smartapps-bigscreen-sdk/badge.svg?branch=development&t=dGc701&kill_cache=1)](https://coveralls.io/github/24i/smartapps-bigscreen-sdk?branch=development)
 
 * [GitHub](https://github.com/24i/smartapps-bigscreen-sdk)
 * [Confluence](https://24imedia.atlassian.net/wiki/spaces/PRDNGBIGSCR/overview)

package/package.json

@@ -1,16 +1,15 @@
 {
     "name": "@24i/bigscreen-sdk",
-    "version": "1.0.54.alpha-2832",
+    "version": "1.0.5-alpha.2129",
     "description": "SmartApps BIGscreen SDK monorepo",
     "main": "index.js",
     "scripts": {
-        "prepare": "husky && npm run patch-types && npm run scripts:prepare",
+        "prepare": "husky install && npm run patch-types && npm run scripts:prepare",
         "prepublishOnly": "npm run scripts:prepare",
         "scripts:prepare": "ts-node ./utils/run-scripts/index.ts \"prepare:.+\"",
         "scripts:prepare:create-export-maps": "ts-node ./utils/create-export-maps/index.ts --project ./tsconfig.utils.json",
         "scripts:prepare:webos": "cd packages/driver-webos && ts-node ./scripts/exportWebOSTVjs.ts --project ../../tsconfig.utils.json",
         "scripts:create-package": "ts-node ./utils/create-package/src/index.ts --project ./tsconfig.utils.json",
-        "release": "ts-node --project ./tsconfig.utils.json ./utils/release/release.ts",
         "jest": "cross-env NODE_ICU_DATA=node_modules/full-icu jest",
         "eslint": "eslint \"./packages/**/src/**/*.{ts,tsx}\"",
         "stylelint": "stylelint \"./packages/**/src/**/*.scss\"",
@@ -18,9 +17,9 @@
         "lintcheck:cached": "npm run eslint -- --cache && npm run stylelint -- --cache",
         "typecheck": "tsc --noEmit",
         "typecheck:cached": "npm run typecheck -- --incremental",
-        "test": "npm run jest -- --no-cache",
-        "test:cached": "npm run jest",
-        "coverage": "npm run jest -- --runInBand --coverage",
+        "test": "npm run jest -- --no-cache && npm run lintcheck",
+        "test:cached": "npm run jest && npm run lintcheck:cached",
+        "coverage": "npm run jest -- --runInBand --coverage && coveralls < coverage/lcov.info",
         "branchlint": "branchlint",
         "generate-changelog": "smartapps-bigscreen-changelog-generator",
         "deploy-docs": "cd website && npm run build && vercel ./build/prd-nxg-bigscreen --token=$VERCEL_TOKEN_24I --local-config=./vercel.json --scope=24i -f -c --prod",
@@ -38,62 +37,49 @@
     },
     "homepage": "https://github.com/24i/smartapps-bigscreen-sdk#readme",
     "dependencies": {
-        "@24i/appstage-shared-analytics": "1.0.24",
-        "@24i/appstage-shared-events-manager": "1.0.11",
-        "@24i/appstage-shared-perf-utils": "1.0.11",
-        "@24i/bigscreen-players-engine-base": "4.1.0",
-        "@24i/smartapps-datalayer": "3.0.24",
-        "@sentry/browser": "7.35.0",
-        "@sentry/types": "7.35.0",
-        "csstype": "^3.1.3",
-        "date-fns": "2.29.3",
-        "lottie-web": "5.12.2",
+        "@24i/player-base": "6.10.0",
+        "@24i/smartapps-datalayer": "3.0.2",
+        "@sentry/browser": "^7.12.1",
+        "@types/prop-types": "^15.7.5",
+        "@types/scheduler": "^0.16.2",
+        "csstype": "^3.1.1",
+        "lottie-web": "5.9.6",
         "prop-types": "^15.8.1"
     },
     "devDependencies": {
         "@24i/bigscreen-sdk": "file:.",
         "@24i/eslint-config-smartapps-bigscreen-linters": "file:./libs/linters",
         "@24i/smartapps-bigscreen-changelog-generator": "0.17.0",
-        "@babel/core": "^7.24.6",
-        "@babel/preset-env": "^7.24.6",
-        "@types/fs-extra": "^11.0.4",
-        "@types/gtag.js": "^0.0.19",
-        "@types/inquirer": "^9.0.7",
-        "@types/jest": "^29.5.12",
-        "@types/minimist": "^1.2.5",
-        "@types/node": "^20.13.0",
-        "@types/prop-types": "^15.7.12",
-        "@types/react": "18.0.33",
-        "@types/scheduler": "^0.23.0",
-        "babel-jest": "^29.7.0",
-        "chalk": "^5.3.0",
+        "@babel/core": "^7.19.0",
+        "@babel/preset-env": "^7.19.0",
+        "@types/fs-extra": "^9.0.13",
+        "@types/inquirer": "^9.0.1",
+        "@types/jest": "^29.0.2",
+        "@types/minimist": "^1.2.2",
+        "@types/node": "^18.7.18",
+        "@types/react": "^18.0.20",
+        "babel-jest": "^29.0.3",
+        "chalk": "^5.0.1",
         "coveralls": "^3.1.1",
         "cross-env": "^7.0.3",
-        "fs-extra": "^11.2.0",
+        "fs-extra": "^10.1.0",
         "full-icu": "^1.5.0",
         "identity-obj-proxy": "^3.0.0",
-        "inquirer": "^9.2.23",
-        "jest": "^29.7.0",
-        "jest-canvas-mock": "^2.5.2",
-        "jest-environment-jsdom": "^29.7.0",
-        "jest-sonar": "^0.2.15",
-        "minimist": "^1.2.8",
-        "patch-package": "^8.0.0",
-        "sass": "^1.77.4",
-        "sass-true": "^8.0.0",
-        "ts-jest": "^29.1.4",
-        "ts-node": "^10.9.2",
+        "inquirer": "^9.1.1",
+        "jest": "^29.0.3",
+        "jest-canvas-mock": "^2.4.0",
+        "jest-environment-jsdom": "^29.0.3",
+        "minimist": "^1.2.6",
+        "patch-package": "^6.4.7",
+        "sass": "^1.54.9",
+        "sass-true": "^6.1.0",
+        "ts-jest": "^29.0.1",
+        "ts-node": "^10.9.1",
         "tsconfig-paths-jest": "0.0.1",
-        "typescript": "^5.4.5"
+        "typescript": "^4.8.3"
     },
     "exports": {
         "./adobe-heartbeat": "./packages/adobe-heartbeat/src/index.ts",
-        "./analytics/interface": "./packages/analytics/src/interface.ts",
-        "./analytics/ConsoleAnalytics": "./packages/analytics/src/clients/ConsoleAnalytics/index.ts",
-        "./analytics/GoogleAnalytics": "./packages/analytics/src/clients/GoogleAnalytics/index.ts",
-        "./analytics/TealiumAnalytics": "./packages/analytics/src/clients/TealiumAnalytics/index.ts",
-        "./analytics/TwentyFourIQ": "./packages/analytics/src/clients/TwentyFourIQ/index.ts",
-        "./analytics": "./packages/analytics/src/index.ts",
         "./animations/mock": "./packages/animations/src/__mocks__/JSAnimations.ts",
         "./animations": "./packages/animations/src/index.ts",
         "./announcement-banner": "./packages/announcement-banner/src/index.ts",
@@ -117,16 +103,13 @@
         "./device/resolver/keymap": "./packages/device/resolver/keymap.ts",
         "./device": "./packages/device/src/index.ts",
         "./digital-clock": "./packages/digital-clock/src/index.ts",
-        "./driver-androidtv": "./packages/driver-androidtv/src/index.ts",
         "./driver-base/keymap": "./packages/driver-base/src/KeyMap/index.ts",
         "./driver-base": "./packages/driver-base/src/index.ts",
         "./driver-browser": "./packages/driver-browser/src/index.ts",
         "./driver-entone": "./packages/driver-entone/src/index.ts",
-        "./driver-firetv": "./packages/driver-firetv/src/index.ts",
         "./driver-hbbtv": "./packages/driver-hbbtv/src/index.ts",
         "./driver-kreatv": "./packages/driver-kreatv/src/index.ts",
         "./driver-saphi": "./packages/driver-saphi/src/index.ts",
-        "./driver-smartcast": "./packages/driver-smartcast/src/index.ts",
         "./driver-tizen": "./packages/driver-tizen/src/index.ts",
         "./driver-vidaa": "./packages/driver-vidaa/src/index.ts",
         "./driver-webos/scripts/template": "./packages/driver-webos/scripts/template.ts",
@@ -261,7 +244,6 @@
         "./storage": "./packages/storage/src/index.ts",
         "./throbber": "./packages/throbber/src/index.ts",
         "./time/adapters/worldTimeApi": "./packages/time/src/adapters/worldTimeApi.ts",
-        "./time/adapters/24iMediaTimeApi": "./packages/time/src/adapters/24iMediaTimeApi.ts",
         "./time": "./packages/time/src/index.ts",
         "./toast/styles": "./packages/toast/src/Toast/styles.ts",
         "./toast": "./packages/toast/src/index.ts",
@@ -271,7 +253,6 @@
         "./utils/debounce": "./packages/utils/src/debounce.ts",
         "./utils/displayToggler": "./packages/utils/src/displayToggler.ts",
         "./utils/elementUtils": "./packages/utils/src/elementUtils.ts",
-        "./utils/forceReflow": "./packages/utils/src/forceReflow.ts",
         "./utils/generateUuid": "./packages/utils/src/generateUuid.ts",
         "./utils/memoryInfo": "./packages/utils/src/memoryInfo.ts",
         "./utils/nTimes": "./packages/utils/src/nTimes.ts",
@@ -285,7 +266,6 @@
         "./utils/timers": "./packages/utils/src/timers/index.ts",
         "./utils/wait": "./packages/utils/src/wait.ts",
         "./utils/xhr": "./packages/utils/src/xhr/index.ts",
-        "./utils/keyPress": "./packages/utils/src/keyPress/index.ts",
         "./utils": "./packages/utils/src/index.ts",
         "./volume-control/interface": "./packages/volume-control/src/IVolumeControlUI.ts",
         "./volume-control": "./packages/volume-control/src/index.ts",

package/packages/adobe-heartbeat/src/AdobeHeartbeat.ts

@@ -1,5 +1,5 @@
 /// <reference path='./__external__/Adobe/Adobe.d.ts' />
-import { IErrorEvent, PlayerBase } from '@24i/bigscreen-players-engine-base';
+import { IErrorEvent, PlayerBase } from '@24i/player-base';
 import { time } from '@24i/bigscreen-sdk/time';
 import { SECOND_IN_MS } from '@24i/bigscreen-sdk/utils';
 import { va as Adobe } from './__external__/Adobe/MediaSDK.min';
@@ -15,7 +15,7 @@ import {
 export class AdobeHeartbeat<CustomMetadata extends CustomerMetadata | void = void> {
     static StreamType = Adobe.MediaHeartbeat.StreamType;
 
-    private player?: PlayerBase;
+    private player?: PlayerBase<any>;
 
     /**
      * Heartbeat configuration object
@@ -32,7 +32,7 @@ export class AdobeHeartbeat<CustomMetadata extends CustomerMetadata | void = voi
      * @param config - Heartbeat configuration object
      * @param player - 24i universal player instance
      */
-    constructor(config: HeartbeatConfig, player?: PlayerBase) {
+    constructor(config: HeartbeatConfig, player?: PlayerBase<any>) {
         if (!window.s || !AppMeasurement) throw new Error('Missing Adobe Launch library!');
         this.config = config;
         this.player = player;
@@ -67,10 +67,10 @@ export class AdobeHeartbeat<CustomMetadata extends CustomerMetadata | void = voi
         return {
             getCurrentPlaybackTime: () => {
                 if (!this.player) return 0;
-                const { currentTime } = this.player.mediaInfo || {};
+                const { currentTime } = this.player.getMediaInfo() || {};
                 if (this.player.live) {
                     try {
-                        const { programEnd = NaN } = this.player.metadata;
+                        const { programEnd = NaN } = this.player.getMetadata();
                         return Math.floor((programEnd - currentTime) / SECOND_IN_MS)
                             || time.getCurrentUnixTime();
                     } catch (e) {
@@ -81,7 +81,7 @@ export class AdobeHeartbeat<CustomMetadata extends CustomerMetadata | void = voi
             },
             getQoSObject: () => {
                 if (!this.player) return Adobe.MediaHeartbeat.createQoSObject();
-                const { bitrate, droppedVideoFrames } = this.player.mediaInfo || {};
+                const { bitrate, droppedVideoFrames } = this.player.getMediaInfo() || {};
                 return Adobe.MediaHeartbeat.createQoSObject(
                     bitrate, undefined, undefined, droppedVideoFrames,
                 );
@@ -89,7 +89,7 @@ export class AdobeHeartbeat<CustomMetadata extends CustomerMetadata | void = voi
         };
     }
 
-    private attachPlayerListeners(player: PlayerBase) {
+    private attachPlayerListeners(player: PlayerBase<any>) {
         player.addEventListener('play', this.onPlay);
         player.addEventListener('pause', this.onPause);
         player.addEventListener('ended', this.onEnded);
@@ -98,7 +98,7 @@ export class AdobeHeartbeat<CustomMetadata extends CustomerMetadata | void = voi
         player.addEventListener('error', this.onError);
     }
 
-    private dettachPlayerListeners(player: PlayerBase) {
+    private dettachPlayerListeners(player: PlayerBase<any>) {
         player.removeEventListener('play', this.onPlay);
         player.removeEventListener('pause', this.onPause);
         player.removeEventListener('ended', this.onEnded);
@@ -143,7 +143,7 @@ export class AdobeHeartbeat<CustomMetadata extends CustomerMetadata | void = voi
      * this will replace the old one.
      * @param player - 24i universal player instance
      */
-    attachPlayer(player: PlayerBase) {
+    attachPlayer(player: PlayerBase<any>) {
         if (this.player) this.dettachPlayerListeners(this.player);
         this.player = player;
         if (this.player) this.attachPlayerListeners(this.player);

package/packages/async-image/src/AsyncImage.tsx

@@ -1,7 +1,7 @@
 import { createRef, Component, DeclareProps } from '@24i/bigscreen-sdk/jsx';
 
 export type Props = {
-    src?: string;
+    src: string;
     clearBeforeLoading?: boolean;
     onImageLoad?: (src: string) => void;
     onImageError?: (src: string) => void;
@@ -17,7 +17,6 @@ export class AsyncImage extends Component<Props> {
     isCleared = true;
 
     static defaultProps = {
-        src: undefined,
         clearBeforeLoading: true,
     };
 
@@ -31,7 +30,7 @@ export class AsyncImage extends Component<Props> {
 
     componentDidMount() {
         const { src } = this.props;
-        this.updateImage(src!);
+        this.updateImage(src);
     }
 
     private readonly onLoad = () => {
@@ -48,31 +47,27 @@ export class AsyncImage extends Component<Props> {
     private readonly onError = () => {
         if (this.isMounted) {
             const { onImageError } = this.props;
-            this.clearBackground();
+            this.clearImage();
             if (typeof onImageError === 'function') {
                 onImageError(this.src);
             }
         }
     };
 
-    private clearBackground() {
+    private clearImage() {
         if (!this.isCleared) {
             this.domRef.current!.style.backgroundImage = '';
             this.isCleared = true;
         }
     }
 
-    clearImage() {
-        this.src = '';
-        this.clearBackground();
-    }
-
     updateImage(src: string) {
-        if (typeof src !== 'string') return;
-        if (src === '') {
+        if (src === this.src) return;
+        if (!src) {
             this.src = '';
-            this.onError();
-        } else if (src !== this.src) {
+            this.image.src = '';
+            this.clearImage();
+        } else {
             this.src = src;
             this.loadImage(src);
         }
@@ -82,7 +77,7 @@ export class AsyncImage extends Component<Props> {
         const { props: { clearBeforeLoading }, image } = this;
         image.src = src;
         if (clearBeforeLoading === true && !image.complete) {
-            this.clearBackground();
+            this.clearImage();
         }
     }
 

package/packages/create-package/dist/createPackage.js

@@ -0,0 +1,66 @@
+#!/usr/bin/env node
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.main = void 0;
+const path = require("path");
+const fs = require("fs");
+const fse = require("fs-extra");
+const chalk = require("chalk");
+const minimist = require("minimist");
+const questions_1 = require("./questionnaire/questions");
+const Settings_1 = require("./settings/Settings");
+async function isDirectoryEmpty(dirPath) {
+    const files = await fs.promises.readdir(dirPath);
+    return !files.length;
+}
+async function copyTemplateFiles(templateDir, targetDir) {
+    return fse.copy(templateDir, targetDir);
+}
+function updatePackageJsonFile(filePath, options) {
+    let data = fs.readFileSync(filePath, 'utf8');
+    const keywords = options.keywords.map((word) => `"${word}"`).join(', ');
+    data = data.replace(/("name": ")(.*)(")/, `$1${options.name}$3`);
+    data = data.replace(/("version": ")(.*)(")/, `$1${options.version}$3`);
+    data = data.replace(/("description": ")(.*)(")/, `$1${options.description}$3`);
+    data = data.replace(/("keywords": \[)(.*)(\])/, `$1${keywords}$3`);
+    data = data.replace(/("author": ")(.*)(")/, `$1${options.author}$3`);
+    fs.writeFileSync(filePath, data);
+}
+function parseArguments(rawArgv) {
+    const argv = minimist(rawArgv.slice(2));
+    const dirName = argv._[0];
+    if (!dirName) {
+        console.error('Error: Missing package name');
+        process.exit(1);
+    }
+    return {
+        dirName,
+    };
+}
+async function main() {
+    const { dirName: destDirName } = parseArguments(process.argv);
+    const destDir = path.join(process.cwd(), 'packages/', destDirName);
+    if (fs.existsSync(destDir)) {
+        console.error(`Error: Target directory "${destDir}" already exists`);
+        process.exit(1);
+    }
+    fs.mkdirSync(destDir, { recursive: true });
+    const isDirEmpty = await isDirectoryEmpty(destDir);
+    if (!isDirEmpty) {
+        console.error(`Error: Target directory "${destDir}" is not empty.`);
+        process.exit(1);
+    }
+    const settings = Object.assign({}, Settings_1.Settings);
+    settings.name = `${Settings_1.Settings.name}${destDirName}`.toLowerCase();
+    const details = await (0, questions_1.promptPackageDetails)(settings);
+    const templateDir = path.join(__dirname, '..', 'templates/typescript');
+    await copyTemplateFiles(templateDir, destDir);
+    const packageJsonFile = path.join(destDir, 'package.json');
+    updatePackageJsonFile(packageJsonFile, details);
+    const docsSymlinkTarget = path.join('../../../packages/', destDirName, '/README.md');
+    const docsSymlinkPath = path.join(process.cwd(), 'docs/packages/', destDirName, '/README.md');
+    await fse.ensureSymlink(docsSymlinkTarget, docsSymlinkPath);
+    console.log(`${chalk.green('Success')}, package has been initialized!`);
+}
+exports.main = main;
+//# sourceMappingURL=createPackage.js.map

package/packages/create-package/dist/createPackage.js.map

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

package/packages/create-package/dist/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const createPackage_1 = require("./createPackage");
+(0, createPackage_1.main)();
+//# sourceMappingURL=index.js.map

package/packages/create-package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;AAAA,mDAAuC;AAEvC,IAAA,oBAAI,GAAE,CAAC"}

package/packages/create-package/dist/questionnaire/questions.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.promptPackageDetails = void 0;
+const inquirer = require("inquirer");
+async function promptPackageDetails(defaultValues) {
+    return inquirer.prompt([
+        {
+            type: 'input',
+            name: 'name',
+            message: 'Package name:',
+            default: defaultValues.name,
+        }, {
+            type: 'input',
+            name: 'version',
+            message: 'Version:',
+            default: defaultValues.version,
+        }, {
+            type: 'input',
+            name: 'description',
+            message: 'Description:',
+        }, {
+            type: 'input',
+            name: 'keywords',
+            message: 'Keywords:',
+            filter: (ans) => ans.split(/[\s,]+/),
+        }, {
+            type: 'input',
+            name: 'author',
+            message: 'Author:',
+            default: defaultValues.author,
+        },
+    ]);
+}
+exports.promptPackageDetails = promptPackageDetails;
+//# sourceMappingURL=questions.js.map

package/packages/create-package/dist/questionnaire/questions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"questions.js","sourceRoot":"","sources":["../../src/questionnaire/questions.ts"],"names":[],"mappings":";;;AAAA,qCAAqC;AAWrC,KAAK,UAAU,oBAAoB,CAAC,aAA4C;IAC5E,OAAO,QAAQ,CAAC,MAAM,CAAC;QACnB;YACI,IAAI,EAAE,OAAO;YACb,IAAI,EAAE,MAAM;YACZ,OAAO,EAAE,eAAe;YACxB,OAAO,EAAE,aAAa,CAAC,IAAI;SAC9B,EAAE;YACC,IAAI,EAAE,OAAO;YACb,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,UAAU;YACnB,OAAO,EAAE,aAAa,CAAC,OAAO;SACjC,EAAE;YACC,IAAI,EAAE,OAAO;YACb,IAAI,EAAE,aAAa;YACnB,OAAO,EAAE,cAAc;SAC1B,EAAE;YACC,IAAI,EAAE,OAAO;YACb,IAAI,EAAE,UAAU;YAChB,OAAO,EAAE,WAAW;YACpB,MAAM,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC;SACvC,EAAE;YACC,IAAI,EAAE,OAAO;YACb,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE,SAAS;YAClB,OAAO,EAAE,aAAa,CAAC,MAAM;SAChC;KACJ,CAAC,CAAC;AACP,CAAC;AAEQ,oDAAoB"}

package/packages/create-package/dist/settings/Settings.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Settings = void 0;
+const Settings = {
+    name: '@24i/smartapps-bigscreen-',
+    version: '0.0.1',
+    author: '24i',
+};
+exports.Settings = Settings;
+//# sourceMappingURL=Settings.js.map

package/packages/create-package/dist/settings/Settings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Settings.js","sourceRoot":"","sources":["../../src/settings/Settings.ts"],"names":[],"mappings":";;;AAAA,MAAM,QAAQ,GAAG;IACb,IAAI,EAAE,2BAA2B;IACjC,OAAO,EAAE,OAAO;IAChB,MAAM,EAAE,KAAK;CAChB,CAAC;AAEO,4BAAQ"}

package/packages/create-package/dist/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/packages/create-package/dist/types.js.map

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

package/packages/developer-tools/PlayerDebugWindow/README.md

@@ -45,7 +45,7 @@ playerDebugWindowRef.current?.setPlayerInstance(playerInstance);
 
 ```ts
 type Props = {
-    playerInstance?: PlayerBase;
+    playerInstance?: PlayerBase<any>;
     updateInterval?: number;
     onClose?: () => void;
 };

package/packages/developer-tools/src/DeveloperConsole/DeveloperConsole.tsx

@@ -351,7 +351,6 @@ export class DeveloperConsole extends Component<Props> implements IDeveloperTool
                 ref={this.developerConsoleRef}
                 onKeyDown={this.onKeyDown}
                 tabIndex={0}
-                dir="ltr"
             >
                 <div className="developer-console-panel" ref={this.developerConsolePanelRef} />
                 <div className="developer-console-controls">

package/packages/developer-tools/src/DeveloperToolsService/DeveloperToolsList.tsx

@@ -7,7 +7,6 @@ import {
 import { BACK } from '@24i/bigscreen-sdk/device/keymap';
 import { DISPLAY_NONE, getDisplayToggler, stopEvent } from '@24i/bigscreen-sdk/utils';
 import { map } from '@24i/bigscreen-sdk/perf-utils/array';
-import { Storage } from '@24i/bigscreen-sdk/storage';
 import { IDeveloperTool, DeveloperToolProps } from '../IDeveloperTool';
 import { DeveloperToolItem } from './DeveloperToolItem';
 import { reloadApp } from '../utils/reload';
@@ -40,11 +39,6 @@ export class DeveloperToolsList extends Component<Props> {
         reloadApp();
     };
 
-    async onClearDataToolPress() {
-        await Storage.clear();
-        reloadApp();
-    }
-
     onKeyDown = (event: KeyboardEvent) => {
         if (BACK.is(event)) {
             const { onBack } = this.props;
@@ -96,11 +90,6 @@ export class DeveloperToolsList extends Component<Props> {
                                 />
                             );
                         })}
-                        <DeveloperToolItem
-                            ref={this.getNavigationRef()}
-                            label="Clear data"
-                            onPress={this.onClearDataToolPress}
-                        />
                         <DeveloperToolItem
                             ref={this.getNavigationRef()}
                             label="Restart app"

package/packages/developer-tools/src/PlayerDebugWindow/PlayerDebugWindow.tsx

@@ -1,12 +1,12 @@
 import { Component, createRef, DeclareProps } from '@24i/bigscreen-sdk/jsx';
 import { DISPLAY_NONE, getDisplayToggler } from '@24i/bigscreen-sdk/utils';
 import { createInterval } from '@24i/bigscreen-sdk/utils/timers';
-import { IMediaInfo, PlayerBase } from '@24i/bigscreen-players-engine-base';
+import { IMediaInfo, PlayerBase } from '@24i/player-base';
 import { IDeveloperTool } from '../IDeveloperTool';
 import { MEDIA_INFO_DESCRIPTION, MediaInfo } from './constants';
 
 export type Props = {
-    playerInstance?: PlayerBase;
+    playerInstance?: PlayerBase<any>;
     updateInterval?: number;
     onClose?: () => void;
 };
@@ -16,7 +16,7 @@ export class PlayerDebugWindow extends Component<Props> implements IDeveloperToo
 
     div = createRef<HTMLDivElement>();
 
-    playerInstance: PlayerBase | null = null;
+    playerInstance: PlayerBase<any> | null = null;
 
     interval = createInterval();
 
@@ -34,12 +34,12 @@ export class PlayerDebugWindow extends Component<Props> implements IDeveloperToo
         if (playerInstance) this.setPlayerInstance(playerInstance);
     }
 
-    setPlayerInstance(playerInstance: PlayerBase) {
+    setPlayerInstance(playerInstance: PlayerBase<any>) {
         this.playerInstance = playerInstance;
     }
 
     getMediaInfo() {
-        return this.playerInstance?.mediaInfo || {};
+        return this.playerInstance?.getMediaInfo() || {};
     }
 
     getFormattedValue(item: MediaInfo, value: any) {

package/packages/developer-tools/src/PlayerDebugWindow/constants.ts

@@ -49,21 +49,6 @@ export const MEDIA_INFO_DESCRIPTION: Record<string, MediaInfo> = {
     audioCodec: {
         title: 'Audio codec',
     },
-    audioBitrate: {
-        title: 'Audio bitrate',
-    },
-    audioSamplingRate: {
-        title: 'Audio sampling rate',
-    },
-    audioLanguage: {
-        title: 'Audio language',
-    },
-    subtitlesAvailable: {
-        title: 'Subtitles available',
-    },
-    availableSubtitlesListString: {
-        title: 'List of available subtitles',
-    },
     drmProtection: {
         title: 'DRM protection',
     },

package/packages/developer-tools/src/TechnicalInfo/TechnicalInfo.tsx

@@ -88,7 +88,6 @@ export class TechnicalInfo extends Component<Props> implements IDeveloperTool<Pr
                     ref={this.horizontalNavigation}
                     domRef={this.rootRef}
                     focusableChildren={[this.technicalInfoRef, this.closeButtonRef]}
-                    dir="ltr"
                 >
                     <div className="content">
                         <TechnicalInfoDetail
@@ -118,7 +117,6 @@ export class TechnicalInfo extends Component<Props> implements IDeveloperTool<Pr
                 ref={this.rootRef}
                 className={`technical-info ${DISPLAY_NONE}`}
                 onKeyDown={this.onKeyDown}
-                dir="ltr"
             />
         );
     }

package/packages/developer-tools/src/TechnicalInfo/TechnicalInfoDetail.tsx

@@ -1,5 +1,4 @@
 import { createRef, Component } from '@24i/bigscreen-sdk/jsx';
-import { hasFocus } from '@24i/bigscreen-sdk/focus';
 import { ScrollText } from '@24i/bigscreen-sdk/scroll-text';
 import { map } from '@24i/bigscreen-sdk/perf-utils/array';
 import { ITechnicalInfoProvider, TechnicalInfoData } from './ITechnicalInfoProvider';
@@ -39,7 +38,7 @@ class TechnicalInfoDetail extends Component<Props> {
     }
 
     hasFocus() {
-        return hasFocus(this.wrapRef);
+        return this.wrapRef.current!.contains(document.activeElement);
     }
 
     renderInfoData(data: TechnicalInfoData) {