@24i/bigscreen-sdk 0.9.9-alpha.2154 → 1.0.0-alpha.2054

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@24i/bigscreen-sdk",
-    "version": "0.9.9-alpha.2154",
+    "version": "1.0.0-alpha.2054",
     "description": "SmartApps BIGscreen SDK monorepo",
     "main": "index.js",
     "scripts": {
@@ -111,6 +111,7 @@
         "./driver-kreatv": "./packages/driver-kreatv/src/index.ts",
         "./driver-saphi": "./packages/driver-saphi/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",
         "./driver-webos/scripts/exportWebOSTVjs": "./packages/driver-webos/scripts/exportWebOSTVjs.ts",
         "./driver-webos": "./packages/driver-webos/src/index.ts",
@@ -259,6 +260,7 @@
         "./utils/removeClass": "./packages/utils/src/removeClass.ts",
         "./utils/scaledImage": "./packages/utils/src/scaledImage.ts",
         "./utils/stopEvent": "./packages/utils/src/stopEvent.ts",
+        "./utils/textUtils": "./packages/utils/src/textUtils.ts",
         "./utils/timeConstants": "./packages/utils/src/timeConstants.ts",
         "./utils/timers": "./packages/utils/src/timers/index.ts",
         "./utils/wait": "./packages/utils/src/wait.ts",

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/src/EnvironmentSelection/EnvironmentList.tsx

@@ -12,6 +12,7 @@ import * as sizes from './sizes';
 type Props = {
     data: ItemData[],
     onClose: () => void,
+    leadingEllipses?: boolean;
 };
 
 export class EnvironmentList extends Component<Props> {
@@ -55,7 +56,7 @@ export class EnvironmentList extends Component<Props> {
     }
 
     render() {
-        const { data } = this.props;
+        const { data, leadingEllipses } = this.props;
         const { visibleItems, firstScrollStep, scrollStep } = sizes;
         return (
             <div
@@ -80,6 +81,7 @@ export class EnvironmentList extends Component<Props> {
                                 label={label}
                                 value={value}
                                 onPress={this.onPressItem}
+                                leadingEllipses={leadingEllipses}
                             />
                         );
                     }}

package/packages/developer-tools/src/EnvironmentSelection/EnvironmentListItem.tsx

@@ -2,10 +2,12 @@ import { Component, createRef, setText } from '@24i/bigscreen-sdk/jsx';
 import { getDisplayToggler } from '@24i/bigscreen-sdk/utils/displayToggler';
 import { Item } from '@24i/bigscreen-sdk/list/interface';
 import { Interactable } from '@24i/bigscreen-sdk/interactable';
+import { trimWithLeadingEllipsis } from '@24i/bigscreen-sdk/utils/textUtils';
 import { ItemData } from './types';
 
 type Props = {
     onPress: (environment: string) => void,
+    leadingEllipses?: boolean;
 } & ItemData;
 
 export class EnvironmentListItem extends Component<Props> implements Item<ItemData> {
@@ -23,6 +25,10 @@ export class EnvironmentListItem extends Component<Props> implements Item<ItemDa
         this.value = value;
     }
 
+    componentDidMount(): void {
+        this.trimRows();
+    }
+
     onPress = () => {
         const { onPress } = this.props;
         onPress(this.value);
@@ -40,10 +46,18 @@ export class EnvironmentListItem extends Component<Props> implements Item<ItemDa
         this.display.hide();
     }
 
+    trimRows() {
+        const { leadingEllipses } = this.props;
+        if (leadingEllipses) {
+            trimWithLeadingEllipsis(this.labelRef.current!);
+        }
+    }
+
     updateData({ label, value }: ItemData) {
         if (value !== this.value) {
             this.value = value;
             setText(this.labelRef, label);
+            this.trimRows();
         }
     }
 
@@ -52,14 +66,20 @@ export class EnvironmentListItem extends Component<Props> implements Item<ItemDa
     }
 
     render() {
-        const { active, label } = this.props;
+        const { active, label, leadingEllipses: ellipses } = this.props;
         return (
             <Interactable
                 ref={this.itemRef}
-                className="environment-list-item"
+                className={`environment-list-item  ${ellipses ? 'leading-ellipses-list-item' : ''}`}
                 onPress={this.onPress}
             >
-                {active && <span className="checkmark" />}
+                { active
+                    && (
+                        <span
+                            className={`checkmark ${ellipses ? 'leading-ellipses-checkmark' : ''}`}
+                        />
+                    )}
+
                 <span
                     className={`label ${active ? 'active' : ''}`}
                     ref={this.labelRef}

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

@@ -9,6 +9,7 @@ import { getEnvironmentConfigNamesList, getActiveEnvironmentConfigName } from '.
 
 export type Props = {
     onClose?: () => void;
+    leadingEllipses?: boolean;
 };
 
 export class EnvironmentSelection extends Component<Props> implements IDeveloperTool<Props> {
@@ -75,6 +76,7 @@ export class EnvironmentSelection extends Component<Props> implements IDeveloper
                 ref={this.environmentListRef}
                 data={this.getEnvironments()}
                 onClose={this.closeEnvironmentSelectionList}
+                leadingEllipses
             />,
             this.div,
         );

package/packages/developer-tools/src/EnvironmentSelection/styles/EnvironmentSelection.scss

@@ -85,6 +85,12 @@
                 width: $checkmark-size;
             }
 
+            .leading-ellipses-checkmark {
+                position: absolute;
+                height: 100%;
+                top: 0;
+            }
+            
             .label {
                 font-size: $label-font-size;
                 font-weight: 400;
@@ -103,5 +109,9 @@
                 }
             }
         }
+
+        .leading-ellipses-list-item {
+            height: auto;
+        }
     }
 }

package/packages/device/src/driver/index.vidaa.tv.ts

@@ -0,0 +1 @@
+export { DeviceVidaa as Device } from '@24i/bigscreen-sdk/driver-vidaa';

package/packages/device/src/resolver/resolver.ts

@@ -5,6 +5,7 @@ import { DeviceHbbTV } from '@24i/bigscreen-sdk/driver-hbbtv';
 import { DeviceKreaTV } from '@24i/bigscreen-sdk/driver-kreatv';
 import { DeviceSaphi } from '@24i/bigscreen-sdk/driver-saphi';
 import { DeviceTizen } from '@24i/bigscreen-sdk/driver-tizen';
+import { DeviceVidaa } from '@24i/bigscreen-sdk/driver-vidaa';
 import { DeviceWebos } from '@24i/bigscreen-sdk/driver-webos';
 import { DeviceXbox } from '@24i/bigscreen-sdk/driver-xbox';
 
@@ -30,6 +31,10 @@ const getDevice = () => {
         info('Saphi');
         return new DeviceSaphi();
     }
+    if (userAgent.match(/Hisense/)) {
+        info('VIDAA');
+        return new DeviceVidaa();
+    }
     if (userAgent.match(/Ekioh/)) {
         info('KreaTV');
         return new DeviceKreaTV();

package/packages/driver-vidaa/src/DeviceVidaa.ts

@@ -0,0 +1,134 @@
+import {
+    DeviceBase,
+    ConnectionType,
+    ScreenSaverStatus,
+    VolumeRange,
+} from '@24i/bigscreen-sdk/driver-base';
+import { getPlatformInfo } from './formatUserAgent';
+import { HisenseVidaaApi } from './types';
+import { getKeyMap } from './keymap';
+
+declare global {
+    interface Window extends HisenseVidaaApi {}
+}
+
+export class DeviceVidaa extends DeviceBase {
+    keyMap = getKeyMap();
+
+    platformInfo = getPlatformInfo(navigator.userAgent);
+
+    async initDevice(): Promise<void> {
+        this.initNetworkChangeListener();
+    }
+
+    initNetworkChangeListener() {
+        window.addEventListener('online', () => {
+            this.triggerEvent('networkchange', { isConnected: true });
+        });
+        window.addEventListener('offline', () => {
+            this.triggerEvent('networkchange', { isConnected: false });
+        });
+    }
+
+    reboot(): void {
+        let rootPath = '';
+        const splitUrl = window.location.href.split('#');
+        if (splitUrl.length > 1) rootPath = splitUrl[0];
+        window.location.href = rootPath;
+    }
+
+    exit(): void {
+        window.close();
+    }
+
+    async getManufacturerName(): Promise<string> {
+        return 'Hisense';
+    }
+
+    async getPlatformName(): Promise<string> {
+        return 'VIDAA';
+    }
+
+    async getPlatformVersion(): Promise<string> {
+        // platform version of Hisense VIDAA is defined on TV 2020 or later
+        return this.platformInfo.platformVersion || '';
+    }
+
+    async getDeviceName(): Promise<string> {
+        return `Hisense VIDAA ${await this.getModelName()}`.trim();
+    }
+
+    async getModelName(): Promise<string> {
+        return window.Hisense_GetModelName() || '';
+    }
+
+    async getFirmware(): Promise<string> {
+        return window.Hisense_GetFirmWareVersion() || '';
+    }
+
+    async is4KSupported(): Promise<boolean> {
+        return window.Hisense_Get4KSupportState() || false;
+    }
+
+    async is8KSupported(): Promise<boolean> {
+        return false;
+    }
+
+    async getUuid(): Promise<string> {
+        return window.Hisense_GetDeviceID() || '';
+    }
+
+    async getVolume(): Promise<number> {
+        return VolumeRange.UNSUPPORTED;
+    }
+
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    async setVolume(volumePercentage: number): Promise<void> {
+        // not supported on Hisense VIDAA platform
+    }
+
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    async mute(mute: boolean): Promise<void> {
+        // not supported on Hisense VIDAA platform
+    }
+
+    async isMute(): Promise<boolean> {
+        // not supported on Hisense VIDAA platform
+        return false;
+    }
+
+    async getScreenSaver(): Promise<ScreenSaverStatus> {
+        // not supported on Hisense VIDAA platform
+        return { enabled: false };
+    }
+
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    async setScreenSaver(status: ScreenSaverStatus): Promise<void> {
+        // not supported on Hisense VIDAA platform
+    }
+
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    async setUserAgent(userAgent: string): Promise<boolean> {
+        // not supported on Hisense VIDAA platform
+        return false;
+    }
+
+    async isNetworkConnected(): Promise<boolean> {
+        return window.navigator.onLine;
+    }
+
+    async getConnectionType(): Promise<ConnectionType> {
+        // not supported on Hisense VIDAA platform
+        return 'unknown';
+    }
+
+    async getLocalIP(): Promise<string> {
+        // not supported on Hisense VIDAA platform
+        return '';
+    }
+
+    async getMacAddress(): Promise<string> {
+        // not supported on Hisense VIDAA platform
+        return '';
+    }
+}

package/packages/driver-vidaa/src/__mocks__/vidaa.ts

@@ -0,0 +1,20 @@
+import { HisenseVidaaApi, HisenseVidaaKeys } from '../types';
+
+export const mockHisenseVidaaApi: HisenseVidaaApi = {
+    Hisense_GetBrand: () => 'hisense',
+    Hisense_GetModelName: () => '5U61FQEVS',
+    Hisense_GetFirmWareVersion: () => 'V0000.01.00Q.L0301',
+    Hisense_Get4KSupportState: () => true,
+    Hisense_GetDeviceID: () => '861003009000001000000641123456789012',
+};
+
+// Key constants are set to random number values
+export const mockHisenseVidaaKeys = {
+    VK_LEFT: 0,
+    VK_RIGHT: 1,
+    VK_UP: 2,
+    VK_DOWN: 3,
+    VK_ENTER: 4,
+    VK_BACK_SPACE: 5,
+    // the rest of key constants is not needed for testing
+} as HisenseVidaaKeys;

package/packages/driver-vidaa/src/formatUserAgent.ts

@@ -0,0 +1,16 @@
+/**
+ * Parses platform info of VIDAA from user agent string.
+ * NOTE: Platform info of VIDAA is available in user agent of TVs 2020 or later.
+ *
+ * @param userAgent User agent string
+ * @returns object with platform info like platform name and platform version.
+ * If values are not not available, values of keys are set to undefined.
+ * Ex. for VIDAA platform string like "VIDAA/4.0" in user agent string , it returns
+ * object { platformName: "VIDAA", platformVersion: "4.0" }
+ */
+export const getPlatformInfo = (userAgent: string) => {
+    const [
+        , platformName, platformVersion,
+    ] = userAgent.match(/(VIDAA)\/([\d.]+)/) || [] as Array<undefined>;
+    return { platformName, platformVersion };
+};

package/packages/driver-vidaa/src/index.ts

@@ -0,0 +1 @@
+export { DeviceVidaa } from './DeviceVidaa';

package/packages/driver-vidaa/src/keymap.ts

@@ -0,0 +1,54 @@
+/* eslint-disable no-magic-numbers */
+import { KeyMap } from '@24i/bigscreen-sdk/driver-base';
+import { HisenseVidaaKeys } from './types';
+
+declare const window: Window & HisenseVidaaKeys;
+
+export const getKeyMap = () => {
+    KeyMap.overrideValues({
+        LEFT: { keyCode: window.VK_LEFT },
+        RIGHT: { keyCode: window.VK_RIGHT },
+        UP: { keyCode: window.VK_UP },
+        DOWN: { keyCode: window.VK_DOWN },
+        ENTER: { keyCode: window.VK_ENTER },
+        BACK: { keyCode: window.VK_BACK_SPACE },
+
+        RED: { keyCode: window.VK_RED },
+        GREEN: { keyCode: window.VK_GREEN },
+        YELLOW: { keyCode: window.VK_YELLOW },
+        BLUE: { keyCode: window.VK_BLUE },
+
+        PLAY: { keyCode: window.VK_PLAY },
+        PAUSE: { keyCode: window.VK_PAUSE },
+        PLAYPAUSE: { keyCode: window.VK_PLAY_PAUSE },
+        STOP: { keyCode: window.VK_STOP },
+        FF: { keyCode: window.VK_FAST_FWD },
+        REW: { keyCode: window.VK_REWIND },
+
+        NUM_0: { keyCode: window.VK_0 },
+        NUM_1: { keyCode: window.VK_1 },
+        NUM_2: { keyCode: window.VK_2 },
+        NUM_3: { keyCode: window.VK_3 },
+        NUM_4: { keyCode: window.VK_4 },
+        NUM_5: { keyCode: window.VK_5 },
+        NUM_6: { keyCode: window.VK_6 },
+        NUM_7: { keyCode: window.VK_7 },
+        NUM_8: { keyCode: window.VK_8 },
+        NUM_9: { keyCode: window.VK_9 },
+        KP_0: { keyCode: window.VK_NUMPAD0 },
+        KP_1: { keyCode: window.VK_NUMPAD1 },
+        KP_2: { keyCode: window.VK_NUMPAD2 },
+        KP_3: { keyCode: window.VK_NUMPAD3 },
+        KP_4: { keyCode: window.VK_NUMPAD4 },
+        KP_5: { keyCode: window.VK_NUMPAD5 },
+        KP_6: { keyCode: window.VK_NUMPAD6 },
+        KP_7: { keyCode: window.VK_NUMPAD7 },
+        KP_8: { keyCode: window.VK_NUMPAD8 },
+        KP_9: { keyCode: window.VK_NUMPAD9 },
+
+        CHANNEL_UP: { keyCode: window.VK_CHANNEL_UP || 427 },
+        CHANNEL_DOWN: { keyCode: window.VK_CHANNEL_DOWN || 428 },
+        INFO: { keyCode: window.VK_INFO },
+    });
+    return KeyMap.generateKeyCodeKeyMap();
+};

package/packages/driver-vidaa/src/types.ts

@@ -0,0 +1,82 @@
+export interface HisenseVidaaApi {
+    /**
+     * This interface will retrieve Hisense Unique ID for the device.
+     * @return a 32bytes string that represents the device id.
+     * Example: 861003009000001000000641123456789012
+     */
+    Hisense_GetDeviceID: () => string,
+    /**
+     * This interface will retrieve the firmware version for the device.
+     * @return a string that represents the firmware version.
+     * Example: V00.01.00a.F0116
+     */
+    Hisense_GetFirmWareVersion: () => string,
+    /**
+     * This will retrieve the 4K support status for the device.
+     * @return true if 4K is supported otherwise returns false.
+     */
+    Hisense_Get4KSupportState: () => boolean,
+    /**
+     * This will retrieve the TV brand for the device.
+     * @return a brand full name string that represents the TV brand.
+     * Example: hisense, sharp
+     */
+    Hisense_GetBrand: () => string,
+    /**
+     * This will retrieve the TV model name (hardware version) for the device.
+     * @return a string that represents the TV model name.
+     */
+    Hisense_GetModelName: () => string,
+}
+
+export type HisenseVidaaKeys = {
+    readonly VK_UP: number,
+    readonly VK_RIGHT: number,
+    readonly VK_DOWN: number,
+    readonly VK_LEFT: number,
+    readonly VK_ENTER: number,
+    readonly VK_BACK_SPACE: number,
+
+    readonly VK_BLUE: number,
+    readonly VK_RED: number,
+    readonly VK_GREEN: number,
+    readonly VK_YELLOW: number,
+
+    readonly VK_MENU: number,
+
+    readonly VK_0: number,
+    readonly VK_1: number,
+    readonly VK_2: number,
+    readonly VK_3: number,
+    readonly VK_4: number,
+    readonly VK_5: number,
+    readonly VK_6: number,
+    readonly VK_7: number,
+    readonly VK_8: number,
+    readonly VK_9: number,
+    // keys VK_NUMPAD{X} are not introduced in Hisense VIDAA spec but exist in global scope
+    readonly VK_NUMPAD0: number,
+    readonly VK_NUMPAD1: number,
+    readonly VK_NUMPAD2: number,
+    readonly VK_NUMPAD3: number,
+    readonly VK_NUMPAD4: number,
+    readonly VK_NUMPAD5: number,
+    readonly VK_NUMPAD6: number,
+    readonly VK_NUMPAD7: number,
+    readonly VK_NUMPAD8: number,
+    readonly VK_NUMPAD9: number,
+
+    readonly VK_PLAY: number,
+    readonly VK_PAUSE: number,
+    readonly VK_PLAY_PAUSE: number,
+    readonly VK_STOP: number,
+    readonly VK_TRACK_NEXT: number,
+    readonly VK_TRACK_PREV: number,
+    readonly VK_FAST_FWD: number,
+    readonly VK_REWIND: number,
+    readonly VK_SUBTITLE: number,
+    readonly VK_INFO: number,
+    // VK_CHANNEL_{UP/DOWN} not introduced in Hisense VIDAA spec but exists in global scope
+    readonly VK_CHANNEL_UP: number,
+    readonly VK_CHANNEL_DOWN: number,
+};

package/packages/input/src/Input.tsx

@@ -78,7 +78,7 @@ export class Input extends Component<Props> implements IFocusable {
         return this.nativeInput.current!.value;
     }
 
-    onKeyDown = (event: KeyboardEvent | MouseEvent) => {
+    onPress = (event: KeyboardEvent | MouseEvent) => {
         if (!this.isInputting && isClickOrEnter(event)) {
             stopEvent(event);
             this.processInput();
@@ -186,7 +186,7 @@ export class Input extends Component<Props> implements IFocusable {
             <Interactable
                 className="input"
                 ref={this.wrap}
-                onPress={this.onKeyDown}
+                onPress={this.onPress}
                 onFocus={onFocus}
                 onBlur={onBlur}
             >