@24i/bigscreen-sdk 1.0.16 → 1.0.17-alpha.2324

package/packages/rnv-build-engine/dist/templates/platforms/xbox/webpack.config.prod.js

@@ -0,0 +1,58 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const webpack_base_1 = require("./webpack.base");
+const Extend = __importStar(require("./webpack.extend"));
+const config = {
+    currentDir: __dirname,
+    metaTags: { viewport: `content="width=${Extend.resolution.width}, user-scalable=no"` },
+    environment: 'production',
+    ...Extend,
+};
+const C = (0, webpack_base_1.generateConfig)(config);
+const plugins = [
+    C.Plugins.forkTsChecker,
+    C.Plugins.webpack,
+    C.Plugins.html,
+    C.Plugins.harddisk,
+    C.Plugins.css,
+    C.Plugins.fileManager,
+];
+exports.default = {
+    entry: C.entry,
+    output: C.output,
+    module: {
+        rules: [
+            C.Rules.babel,
+            C.Rules.css,
+            C.Rules.image,
+            C.Rules.fonts,
+            C.Rules.sourcemap,
+        ].filter(Boolean),
+    },
+    plugins: plugins.filter(Boolean),
+    resolve: {
+        symlinks: true,
+        extensions: C.extensions,
+        alias: C.aliases,
+    },
+    ...config.extend || {},
+};

package/packages/sdk-installer/dist/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.sdkInstaller = void 0;
+var sdkInstaller_1 = require("./sdkInstaller");
+Object.defineProperty(exports, "sdkInstaller", { enumerable: true, get: function () { return sdkInstaller_1.sdkInstaller; } });

package/packages/sdk-installer/dist/sdkInstaller.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.sdkInstaller = void 0;
+const path_1 = require("path");
+const url_1 = require("url");
+const services_1 = require("./services");
+const log = (message) => process.stdout.write(message);
+const sdkInstaller = async ({ zipPath, installPath, enableLogs }) => {
+    const logger = enableLogs ? log : () => false;
+    const pathsToDelete = [];
+    let usedInstallPath;
+    try {
+        const parsedZipPath = (0, path_1.parse)(zipPath);
+        const parsedZipUrl = (0, url_1.parse)(zipPath);
+        if (!parsedZipUrl.protocol) {
+            throw new Error('Installation from local packages is not supported yet.');
+        }
+        logger('Downloading...');
+        const downloadedFilePath = `${process.cwd()}/${parsedZipPath.base}`;
+        pathsToDelete.push(downloadedFilePath);
+        await (0, services_1.download)(zipPath, downloadedFilePath);
+        logger('\rUnpacking...');
+        const unzippedDirPath = `${process.cwd()}/${parsedZipPath.name}`;
+        pathsToDelete.push(unzippedDirPath);
+        (0, services_1.unzip)(downloadedFilePath);
+        logger('\rInstalling...');
+        usedInstallPath = (0, services_1.install)(unzippedDirPath, installPath);
+    }
+    catch (e) {
+        (0, services_1.clean)(pathsToDelete);
+        throw e;
+    }
+    logger('\rCleaning...');
+    (0, services_1.clean)(pathsToDelete);
+    logger(`\rInstalled to ${usedInstallPath}\n`);
+    return usedInstallPath;
+};
+exports.sdkInstaller = sdkInstaller;

package/packages/sdk-installer/dist/services/clean.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.clean = void 0;
+const child_process_1 = require("child_process");
+const deleteFileOrDirectory = (path) => {
+    (0, child_process_1.spawnSync)('rm', ['-r', path]);
+};
+const clean = (pathsToBeDeleted) => {
+    pathsToBeDeleted.forEach(deleteFileOrDirectory);
+};
+exports.clean = clean;

package/packages/sdk-installer/dist/services/download.js

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.download = void 0;
+const fs = require("fs");
+const path = require("path");
+const url = require("url");
+const http = require("http");
+const https = require("https");
+const createDirPathIfDoesntExist = async (dirPath) => {
+    if (!fs.existsSync(dirPath)) {
+        fs.mkdirSync(dirPath, { recursive: true });
+    }
+};
+const getNetworkProtocolAdapter = (requestedUrl) => {
+    const { protocol } = url.parse(requestedUrl);
+    switch (protocol) {
+        case 'http:': return http;
+        case 'https:': return https;
+        default: throw new Error(`${protocol} protocol is not supported`);
+    }
+};
+const getResponseError = (response) => {
+    const HTTP_RESPONSE_STATUS_CODE_OK = 200;
+    const { statusCode, headers } = response;
+    const contentType = headers['content-type'];
+    if (statusCode !== HTTP_RESPONSE_STATUS_CODE_OK) {
+        return new Error(`Request Failed. Status Code: ${statusCode}`);
+    }
+    if (!contentType) {
+        return new Error('Missing Content-Type: expected application/zip');
+    }
+    if (!/^application\/zip/.test(contentType)) {
+        return new Error(`Wrong Content-Type: expected application/zip, received ${contentType}`);
+    }
+    return null;
+};
+const download = async (fromUrl, toFilePath) => {
+    const toDirPath = path.parse(toFilePath).dir;
+    await createDirPathIfDoesntExist(toDirPath);
+    return new Promise((resolve, reject) => {
+        const request = getNetworkProtocolAdapter(fromUrl).get(fromUrl, (response) => {
+            const error = getResponseError(response);
+            if (error) {
+                reject(error);
+                return;
+            }
+            const file = fs.createWriteStream(toFilePath);
+            file.on('error', reject);
+            file.on('finish', resolve);
+            response.pipe(file);
+        });
+        request.on('error', reject);
+    });
+};
+exports.download = download;

package/packages/sdk-installer/dist/services/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.clean = exports.install = exports.unzip = exports.download = void 0;
+var download_1 = require("./download");
+Object.defineProperty(exports, "download", { enumerable: true, get: function () { return download_1.download; } });
+var unzip_1 = require("./unzip");
+Object.defineProperty(exports, "unzip", { enumerable: true, get: function () { return unzip_1.unzip; } });
+var install_1 = require("./install");
+Object.defineProperty(exports, "install", { enumerable: true, get: function () { return install_1.install; } });
+var clean_1 = require("./clean");
+Object.defineProperty(exports, "clean", { enumerable: true, get: function () { return clean_1.clean; } });

package/packages/sdk-installer/dist/services/install.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.install = void 0;
+const child_process_1 = require("child_process");
+const getInstalledPathFromOutput = (output) => {
+    var _a;
+    const prefix = 'INSTALL_PATH=';
+    const installedPathRow = output
+        .split('\n')
+        .map((outputRow) => outputRow.trim())
+        .filter((trimmedOutputRow) => trimmedOutputRow.startsWith(prefix));
+    return ((_a = installedPathRow[0]) === null || _a === void 0 ? void 0 : _a.replace(prefix, '')) || '';
+};
+const install = (installerDirPath, installToPath) => {
+    const installationScriptPath = `${installerDirPath}/install.js`;
+    const installationCommandWithoutCustomPath = `node ${installationScriptPath}`;
+    const installationCmdToBeUsed = installToPath
+        ? `${installationCommandWithoutCustomPath} ${installToPath}`
+        : installationCommandWithoutCustomPath;
+    const execOptions = { maxBuffer: 5242880 };
+    const installationScriptOutput = (0, child_process_1.execSync)(installationCmdToBeUsed, execOptions).toString();
+    return getInstalledPathFromOutput(installationScriptOutput);
+};
+exports.install = install;

package/packages/sdk-installer/dist/services/unzip.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.unzip = void 0;
+const child_process_1 = require("child_process");
+const unzip = (filePath) => {
+    const spawnOptions = { maxBuffer: 5242880 };
+    const unzipProcess = (0, child_process_1.spawnSync)('unzip', ['-n', filePath], spawnOptions);
+    if (unzipProcess.stderr.length) {
+        throw new Error(unzipProcess.stderr.toString());
+    }
+};
+exports.unzip = unzip;

package/packages/sdk-installer/dist/types/index.d.ts

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

package/packages/sdk-installer/dist/types/sdkInstaller.d.ts

@@ -0,0 +1,7 @@
+declare type SdkInstallerOptions = {
+    zipPath: string;
+    installPath?: string;
+    enableLogs?: boolean;
+};
+declare const sdkInstaller: ({ zipPath, installPath, enableLogs }: SdkInstallerOptions) => Promise<string>;
+export { sdkInstaller };

package/packages/sdk-installer/dist/types/services/clean.d.ts

@@ -0,0 +1,2 @@
+declare const clean: (pathsToBeDeleted: string[]) => void;
+export { clean };

package/packages/sdk-installer/dist/types/services/download.d.ts

@@ -0,0 +1,2 @@
+declare const download: (fromUrl: string, toFilePath: string) => Promise<void>;
+export { download };

package/packages/sdk-installer/dist/types/services/index.d.ts

@@ -0,0 +1,4 @@
+export { download } from './download';
+export { unzip } from './unzip';
+export { install } from './install';
+export { clean } from './clean';

package/packages/sdk-installer/dist/types/services/install.d.ts

@@ -0,0 +1,2 @@
+declare const install: (installerDirPath: string, installToPath?: string | undefined) => string;
+export { install };

package/packages/sdk-installer/dist/types/services/unzip.d.ts

@@ -0,0 +1,2 @@
+declare const unzip: (filePath: string) => void;
+export { unzip };

package/packages/types-bigscreen-jsx/README.md

@@ -1,11 +1,12 @@
 # BIGscreen JSX Types
 BIGscreen JSX is a set of tools that allow you to write JSX and converts it to JS Dom API.
-This package contains types originally from @types/react, modified for smartapps-bigscreen-jsx needs.
+This package contains types originally from @types/react, modified for bigscreen-jsx needs.
 
 # Contributing
-Navigate to `<root>/packages/types-smartapps-bigscreen-jsx/node_modules/@types/react/`.
-All react types are inside files `index.d.ts` and `global.d.ts`. Modify them to suit your needs and afterwards run this command in the `packages/types-smartapps-bigscreen-jsx/` directory:
+Navigate to `<root>/node_modules/@types/react/`.
+All react types are inside files `index.d.ts` and `global.d.ts`. Modify them to suit your needs and afterwards run this commands in the `<root>` directory:
 
 `npx patch-package @types/react`
+`npm install`
 
-You can confirm everything worked by looking into `packages/types-smartapps-bigscreen-jsx/patches/`. You should see a file named `@types+react+<version-etc>.patch` that includes diff of your changes.
+You can confirm everything worked by looking into `<root>/patches/`. You should see a file named `@types+react+<version-etc>.patch` that includes diff of your changes.

package/packages/types-bigscreen-jsx/index.d.ts

@@ -1406,10 +1406,10 @@ declare namespace React {
         onCompositionUpdateCapture?: CompositionEventHandler<T> | undefined;
 
         // Focus Events
-        onFocus?: FocusEventHandler<T> | undefined;
-        onFocusCapture?: FocusEventHandler<T> | undefined;
-        onBlur?: FocusEventHandler<T> | undefined;
-        onBlurCapture?: FocusEventHandler<T> | undefined;
+        onFocus?: (event: any) => void;
+        onFocusCapture?: (event: globalThis.FocusEvent) => void;
+        onBlur?: (event: globalThis.FocusEvent) => void;
+        onBlurCapture?: (event: globalThis.FocusEvent) => void;
 
         // Form Events
         onChange?: (event: globalThis.Event) => void;

package/packages/utils/README.md

@@ -35,6 +35,8 @@ import { generateUuid } from '@24i/bigscreen-sdk/utils/generateUuid';
 - **[timers](#timers)** - functions to simplify work with setTimeout and setInterval.
 - **[counter](#counter)** - exports `createCounter` that allows you to add value to counter till callback is triggered at some point.
 - **[xhr](#xhr)** - provides wrap over `XMLHttpRequest`, with the possibility to repeat the failing request.
+- **[simulateKeyPress](#simulateKeyPress)** - simulate key press in the `keydown` handler.
+- **[keyPressSimulator](#keyPressSimulator)** - simulate key press globally for the specific keys.
 
 ### addClass
 Adds a class to the element in the reference.
@@ -347,3 +349,11 @@ const retryConfig = {
 const options = { ...xhrSendOptions, retryConfig };
 const response = await xhrSendRetry(url, options);
 ```
+
+### keyPressSimulator and simulateKeyPress
+Modifies `keydown` event behavior to be similar to `keypress` and causes triggering `keydown` event only once
+before the key is released. This is because `keypress` event is deprecated and it is not implemented
+with the same behavior on all platforms.
+
+- Use globally for the specific keys with `keyPressSimulator` util.
+- Use locally in the `keydown` handler with `simulateKeyPress` util.

package/packages/utils/src/index.ts

@@ -34,3 +34,8 @@ export {
 } from './timeConstants';
 export { xhrSend, xhrSendRetry, defaultRetryConfig, mockXhr } from './xhr';
 export type { XhrOptions, XhrResponse, RetryConfig, RSOptions, ShouldRetryParam } from './xhr';
+export {
+    registerKeyPressSimulator,
+    unregisterKeyPressSimulator,
+    simulateKeyPress,
+} from './keyPress';

package/packages/utils/src/keyPress/index.ts

@@ -0,0 +1,2 @@
+export { registerKeyPressSimulator, unregisterKeyPressSimulator } from './keyPressSimulator';
+export { simulateKeyPress } from './simulateKeyPress';

package/packages/utils/src/keyPress/keyPressSimulator.ts

@@ -0,0 +1,44 @@
+import { Key } from '@24i/bigscreen-sdk/driver-base/keymap';
+import { stopEvent } from '@24i/bigscreen-sdk/utils';
+
+let keysPressed: Record<number, boolean>;
+
+const onKeyDown = (e: KeyboardEvent) => {
+    const { keyCode } = e;
+    if (keysPressed[keyCode] === true) {
+        stopEvent(e);
+    } else if (typeof keysPressed[keyCode] !== 'undefined') {
+        keysPressed[keyCode] = true;
+    }
+};
+
+const onKeyUp = (e: KeyboardEvent) => {
+    const { keyCode } = e;
+    if (keysPressed[keyCode] === true) keysPressed[keyCode] = false;
+};
+
+/**
+ * Modifies `keydown` event behavior to similar to `keypress` and causes
+ * triggering `keydown` event only once before the key is released. This is
+ * because `keypress` event is deprecated and it is not implemented with the same
+ * behavior on all platforms. This functionality is applied across the board for
+ * all provided keys globally. To use in one specific handler only
+ * use `simulateKeyPress` util.
+ * @param keys array with keys to behave as keypress
+ */
+export const registerKeyPressSimulator = (keys: Key[]) => {
+    keysPressed = {};
+    keys.forEach((key) => {
+        keysPressed[key.keyCode] = false;
+    });
+    window.document.addEventListener('keydown', onKeyDown, true);
+    window.document.addEventListener('keyup', onKeyUp, true);
+};
+
+/**
+ * Unregister key press simulator events, turn off the functionality.
+ */
+export const unregisterKeyPressSimulator = () => {
+    window.document.removeEventListener('keydown', onKeyDown, true);
+    window.document.removeEventListener('keyup', onKeyUp, true);
+};

package/packages/utils/src/keyPress/simulateKeyPress.ts

@@ -0,0 +1,25 @@
+const NO_KEY = -1;
+
+/**
+ * Returns a new `keydown` handler wrapped with the simulated key press functionality.
+ * Modifies `keydown` event behavior to similar to `keypress` and causes triggering keydown
+ * event only once before the key is released. This is because `keypress` event is deprecated
+ * and it is not implemented with the same behavior on all platforms. Apply this globally for
+ * the specific keys by using `keyPressSimulator` util.
+ * @param onKeyDown original handler for keydown event
+ * @returns decorated handler with key press functionality
+ */
+export const simulateKeyPress = (onKeyDown: (e: KeyboardEvent) => void) => {
+    let keyPressed = NO_KEY;
+    const onKeyUp = (e: KeyboardEvent) => {
+        if (e.keyCode !== keyPressed) return;
+        window.document.removeEventListener('keyup', onKeyUp);
+        keyPressed = NO_KEY;
+    };
+    return (e: KeyboardEvent) => {
+        if (keyPressed !== NO_KEY) return;
+        keyPressed = e.keyCode;
+        window.document.addEventListener('keyup', onKeyUp);
+        onKeyDown(e);
+    };
+};