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

package/packages/rnv-build-engine/dist/src/utils/generatePngSpriteMap.js

@@ -0,0 +1,78 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generatePngSpriteMap = void 0;
+const fs_1 = __importDefault(require("fs"));
+const path_1 = __importDefault(require("path"));
+const webpack_1 = __importDefault(require("webpack"));
+const webpack_spritesmith_1 = __importDefault(require("webpack-spritesmith"));
+const child_process_1 = require("child_process");
+const makeWebpackSpritesmithConfig = (appBuildDir, config) => ({
+    entry: {
+        bundle: 'index.js',
+    },
+    plugins: [
+        new webpack_spritesmith_1.default({
+            src: {
+                cwd: path_1.default.resolve(appBuildDir, config.iconsFolder),
+                glob: '**/*.png',
+            },
+            target: {
+                image: path_1.default.resolve(appBuildDir, config.spriteOutput),
+                css: [
+                    path_1.default.resolve(appBuildDir, config.jsonOutput),
+                    path_1.default.resolve(appBuildDir, config.cssOutput),
+                ],
+            },
+            apiOptions: {
+                cssImageRef: 'sprite.png',
+                generateSpriteName: (fullPathToSourceFile) => {
+                    const { name } = path_1.default.parse(fullPathToSourceFile);
+                    return `${config.iconPrefix}${name}`;
+                },
+            },
+        }),
+    ],
+    resolve: {
+        symlinks: false,
+    },
+});
+const runSpritesmith = (config) => (new Promise((resolve) => {
+    const webpackCompiler = (0, webpack_1.default)(config);
+    const spritesmith = config.plugins[0];
+    spritesmith.apply(webpackCompiler);
+    spritesmith.compile(() => {
+        spritesmith.getWatcher().close();
+        resolve();
+    });
+}));
+const removeEmptyFiles = (appBuildDir, config) => {
+    const spriteImagePath = path_1.default.join(appBuildDir, config.spriteOutput);
+    const spriteMapCSSPath = path_1.default.join(appBuildDir, config.cssOutput);
+    const spriteNamesJsonPath = path_1.default.join(appBuildDir, config.jsonOutput);
+    if (fs_1.default.existsSync(spriteImagePath) && !fs_1.default.statSync(spriteImagePath).size) {
+        (0, child_process_1.execSync)(`rm -rf ${spriteImagePath}`);
+        (0, child_process_1.execSync)(`rm -rf ${spriteMapCSSPath}`);
+        (0, child_process_1.execSync)(`rm -rf ${spriteNamesJsonPath}`);
+    }
+};
+const generatePngSpriteMap = async (c) => {
+    const config = {
+        iconsFolder: '../../icons',
+        spriteOutput: '../../platformAssets/runtime/sprite.png',
+        cssOutput: '../../platformAssets/runtime/png_icons.css',
+        jsonOutput: '../../platformAssets/png_icons.json',
+        iconPrefix: c.buildConfig?.common.pngIconPrefix || '',
+    };
+    const rnvBuildDirPath = `${c.paths.project.builds.dir}/${c.runtime.appId}_${c.platform}`;
+    if (!fs_1.default.existsSync(path_1.default.resolve(rnvBuildDirPath, config.iconsFolder))) {
+        console.log('No icons folder found. Skipping generating png spritemap.');
+        return;
+    }
+    const webpackConfig = makeWebpackSpritesmithConfig(rnvBuildDirPath, config);
+    await runSpritesmith(webpackConfig);
+    removeEmptyFiles(rnvBuildDirPath, config);
+};
+exports.generatePngSpriteMap = generatePngSpriteMap;

package/packages/rnv-build-engine/dist/src/utils/generateSvgSpriteMap.js

@@ -0,0 +1,113 @@
+"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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateSvgSpriteMap = void 0;
+const fs_1 = __importDefault(require("fs"));
+const path_1 = __importDefault(require("path"));
+const glob = __importStar(require("glob"));
+const child_process_1 = require("child_process");
+const getSvgData = (matches) => {
+    const xlmns = 'http://www.w3.org/2000/svg';
+    const xlmnsXlink = 'http://www.w3.org/1999/xlink';
+    return `\
+<svg version="1.1" xmlns="${xlmns}" xmlns:xlink="${xlmnsXlink}" ${matches.groups.viewbox}>
+    ${matches.groups.content}
+</svg>`;
+};
+const getSpriteBgStyle = (name, data, prefix = 'icon-') => `.${prefix}${name} {
+    background-image: url("data:image/svg+xml,${encodeURIComponent(data)}");
+}`;
+const getSpriteMaskStyle = (name, data, prefix = 'icon-mask-') => `.${prefix}${name} {
+    -webkit-mask-image: url("data:image/svg+xml,${encodeURIComponent(data)}");
+}`;
+const copyAllSvgRecursively = (iconsPath, allIconsPath) => {
+    const files = glob.sync(`${iconsPath}/**/*.svg`);
+    if (!files.length)
+        return false;
+    files.forEach((file) => fs_1.default.copyFileSync(file, path_1.default.resolve(allIconsPath, path_1.default.basename(file))));
+    return true;
+};
+const generateSvgSpriteMap = (c) => {
+    const config = {
+        iconsFolder: '../../icons',
+        cssOutput: '../../platformAssets/runtime/svg_icons.css',
+        jsonOutput: '../../platformAssets/svg_icons.json',
+        maskList: c.buildConfig?.common.svgIconsMaskList || [],
+        iconPrefix: c.buildConfig?.common.svgIconPrefix || '',
+    };
+    const rnvBuildDirPath = `${c.paths.project.builds.dir}/${c.runtime.appId}_${c.platform}`;
+    const iconsPath = path_1.default.join(rnvBuildDirPath, config.iconsFolder);
+    const spriteMapCSSPath = path_1.default.join(rnvBuildDirPath, config.cssOutput);
+    const spriteNamesJsonPath = path_1.default.join(rnvBuildDirPath, config.jsonOutput);
+    const allIconsPath = path_1.default.join(iconsPath, '_all');
+    const optimisedPath = path_1.default.join(iconsPath, '_optimised');
+    const configPath = path_1.default.join(iconsPath, '.svgo.yml');
+    if (!fs_1.default.existsSync(iconsPath)) {
+        console.log('No icons folder found. Skipping generating svg spritemap.');
+        return;
+    }
+    fs_1.default.mkdirSync(allIconsPath, { recursive: true });
+    if (!copyAllSvgRecursively(iconsPath, allIconsPath)) {
+        console.log('No SVG files found. Skipping generating svg spritemap.');
+        (0, child_process_1.execSync)(`rm -rf ${allIconsPath}`);
+        return;
+    }
+    if (!fs_1.default.existsSync(configPath)) {
+        console.log('No .svgo.yml file found. Skipping generating svg spritemap.');
+        (0, child_process_1.execSync)(`rm -rf ${allIconsPath}`);
+        return;
+    }
+    (0, child_process_1.execSync)(`npx svgo -f "${allIconsPath}" -o "${optimisedPath}" --config="${configPath}" --multipass`);
+    const files = fs_1.default.readdirSync(optimisedPath);
+    const spriteNames = {};
+    const svgSymbols = files
+        .filter((name) => name.endsWith('.svg'))
+        .map((fileName) => {
+        const maskListIncludesFileName = config.maskList.includes(fileName);
+        const spriteName = `${config.iconPrefix}${fileName}`
+            .replace('.svg', '')
+            .replace(' ', '-')
+            .toLowerCase();
+        spriteNames[spriteName] = '';
+        if (maskListIncludesFileName) {
+            spriteNames[`mask-${spriteName}`] = '';
+        }
+        const icon = fs_1.default.readFileSync(path_1.default.join(optimisedPath, fileName)).toString().trim();
+        const matches = icon.match(/<svg.*(?<viewbox>viewBox="[\d ]+")[^>]*>(?<content>.*)<\/svg>$/s);
+        if (!matches) {
+            return '';
+        }
+        const svgData = getSvgData(matches);
+        const spriteBgStyle = getSpriteBgStyle(spriteName, svgData);
+        return maskListIncludesFileName
+            ? [spriteBgStyle, getSpriteMaskStyle(spriteName, svgData)].join('\n\n')
+            : spriteBgStyle;
+    });
+    const indentSpaces = 4;
+    fs_1.default.writeFileSync(spriteNamesJsonPath, JSON.stringify(spriteNames, null, indentSpaces));
+    fs_1.default.writeFileSync(spriteMapCSSPath, svgSymbols.join('\n\n'));
+    (0, child_process_1.execSync)(`rm -rf ${allIconsPath}`);
+    (0, child_process_1.execSync)(`rm -rf ${optimisedPath}`);
+};
+exports.generateSvgSpriteMap = generateSvgSpriteMap;

package/packages/rnv-build-engine/dist/src/utils/mergeSvgAndPngIcons.js

@@ -0,0 +1,61 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.mergeSvgAndPngIcons = void 0;
+const fs_1 = __importDefault(require("fs"));
+const path_1 = __importDefault(require("path"));
+const child_process_1 = require("child_process");
+const mergeJsonObjects = (svgJsonObject, pngJsonObject) => {
+    const merged = {};
+    Object.entries(svgJsonObject).forEach(([key]) => { merged[key] = ''; });
+    Object.entries(pngJsonObject).forEach(([key]) => { merged[key] = ''; });
+    return merged;
+};
+const mergeSvgAndPngIcons = (c) => {
+    const config = {
+        svgCssOutput: '../../platformAssets/runtime/svg_icons.css',
+        pngCssOutput: '../../platformAssets/runtime/png_icons.css',
+        svgJsonOutput: '../../platformAssets/svg_icons.json',
+        pngJsonOutput: '../../platformAssets/png_icons.json',
+        mergedCssOutput: '../../platformAssets/runtime/icons.css',
+        mergedJsonOutput: '../../platformAssets/icons.json',
+    };
+    const projectPaths = c.paths.project;
+    const rnvBuildDirPath = `${projectPaths.builds.dir}/${c.runtime.appId}_${c.platform}`;
+    const svgSpriteMapCSSPath = path_1.default.join(rnvBuildDirPath, config.svgCssOutput);
+    const pngSpriteMapCSSPath = path_1.default.join(rnvBuildDirPath, config.pngCssOutput);
+    const svgJsonPath = path_1.default.join(rnvBuildDirPath, config.svgJsonOutput);
+    const pngJsonPath = path_1.default.join(rnvBuildDirPath, config.pngJsonOutput);
+    const mergedCssPath = path_1.default.join(rnvBuildDirPath, config.mergedCssOutput);
+    const mergedJsonPath = path_1.default.join(rnvBuildDirPath, config.mergedJsonOutput);
+    let svgSpriteCss = '';
+    let pngSpriteCss = '';
+    let svgJsonObject = {};
+    let pngJsonObject = {};
+    if (fs_1.default.existsSync(svgSpriteMapCSSPath)) {
+        svgSpriteCss = fs_1.default.readFileSync(svgSpriteMapCSSPath).toString();
+        (0, child_process_1.execSync)(`rm -rf ${svgSpriteMapCSSPath}`);
+    }
+    if (fs_1.default.existsSync(pngSpriteMapCSSPath)) {
+        pngSpriteCss = fs_1.default.readFileSync(pngSpriteMapCSSPath).toString();
+        (0, child_process_1.execSync)(`rm -rf ${pngSpriteMapCSSPath}`);
+    }
+    if (fs_1.default.existsSync(svgJsonPath)) {
+        svgJsonObject = JSON.parse(fs_1.default.readFileSync(svgJsonPath).toString());
+    }
+    if (fs_1.default.existsSync(pngJsonPath)) {
+        pngJsonObject = JSON.parse(fs_1.default.readFileSync(pngJsonPath).toString());
+    }
+    const indentSpaces = 4;
+    const mergedCss = (`${svgSpriteCss}\n${pngSpriteCss}`).trim();
+    const mergedJson = JSON.stringify(mergeJsonObjects(svgJsonObject, pngJsonObject), null, indentSpaces);
+    fs_1.default.writeFileSync(mergedCssPath, mergedCss);
+    fs_1.default.writeFileSync(mergedJsonPath, mergedJson);
+    const svgIconsCount = Object.keys(svgJsonObject).length;
+    const pngIconsCount = Object.keys(pngJsonObject).length;
+    const iconsAllCount = svgIconsCount + pngIconsCount;
+    console.log(`icons.json and icons.css created in platformAssets folder (${iconsAllCount} icons - ${svgIconsCount} svg, ${pngIconsCount} png)`);
+};
+exports.mergeSvgAndPngIcons = mergeSvgAndPngIcons;

package/packages/rnv-build-engine/dist/src/utils/replaceRelevantStringsInConfig/index.js

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

package/packages/rnv-build-engine/dist/src/utils/replaceRelevantStringsInConfig/replaceRelevantStringsInConfig.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.replaceRelevantStringsInConfig = void 0;
+const replaceTemplateString_1 = require("./replaceTemplateString");
+const processObject = (c, object) => {
+    if (!object)
+        return;
+    const objectKeys = Object.keys(object);
+    const processStringValue = (string, objectKeyName) => {
+        const replacedString = (0, replaceTemplateString_1.replaceTemplateString)(c, string);
+        if (replacedString !== string) {
+            object[objectKeyName] = replacedString;
+        }
+    };
+    objectKeys.forEach((key) => {
+        const keyValue = object[key];
+        if (typeof keyValue === 'string') {
+            processStringValue(keyValue, key);
+        }
+        else if (typeof keyValue === 'object' && keyValue !== null) {
+            processObject(c, keyValue);
+        }
+    });
+};
+const replaceRelevantStringsInConfig = (c) => {
+    const { defaults, common, platforms } = c.buildConfig;
+    processObject(c, defaults);
+    processObject(c, common);
+    processObject(c, platforms);
+};
+exports.replaceRelevantStringsInConfig = replaceRelevantStringsInConfig;

package/packages/rnv-build-engine/dist/src/utils/replaceRelevantStringsInConfig/replaceTemplateString.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.replaceTemplateString = void 0;
+const rnv_1 = require("rnv");
+const { getConfigProp } = rnv_1.Common;
+const getValueFromConfigByStringPath = (c, stringPathToObjectProp) => {
+    const pathToPropList = stringPathToObjectProp.split('.');
+    const listLength = pathToPropList.length;
+    let currentPropValue = c;
+    for (let i = 1; i < listLength; i++) {
+        currentPropValue = currentPropValue[pathToPropList[i]];
+        if (currentPropValue === undefined) {
+            return null;
+        }
+    }
+    return currentPropValue;
+};
+const getValue = (c, stringInsideBracelets) => {
+    if (stringInsideBracelets.startsWith('c.')) {
+        return getValueFromConfigByStringPath(c, stringInsideBracelets);
+    }
+    if (stringInsideBracelets.startsWith('configProps.')) {
+        return getConfigProp(c, c.platform, stringInsideBracelets.replace('configProps.', ''));
+    }
+    return stringInsideBracelets;
+};
+const injectorStartMark = '{{';
+const injectorEndMark = '}}';
+const injectorRegexp = new RegExp(`${injectorStartMark}.*?${injectorEndMark}`, 'g');
+const replaceTemplateString = (c, input) => {
+    if (!input)
+        return '';
+    const replacer = (match) => {
+        const stringInBracelets = match.slice(injectorStartMark.length, -injectorEndMark.length);
+        const value = getValue(c, stringInBracelets);
+        return value === match ? value : replaceTemplateString(c, value);
+    };
+    return input.replace(injectorRegexp, replacer);
+};
+exports.replaceTemplateString = replaceTemplateString;

package/packages/rnv-build-engine/dist/src/utils/zipBuildsByPlatforms.js

@@ -0,0 +1,61 @@
+"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 });
+exports.zipBuildsByPlatforms = void 0;
+const fs_1 = require("fs");
+const path_1 = require("path");
+const child_process_1 = require("child_process");
+const glob = __importStar(require("glob"));
+const resolvers_1 = require("../resolvers");
+const zipDir = (dir, outputFile) => (0, child_process_1.execSync)(`zip ${outputFile} -0 -j ${dir}/*`);
+const getPlatformBuildsPaths = (c, platformName) => {
+    const { platformBuildsDir } = c.buildConfig.paths;
+    const outputGlob = `${platformBuildsDir}/**/output`;
+    const platformBuildsGlob = `${outputGlob}/*.${(0, resolvers_1.resolveBuildFileExtension)(platformName)}`;
+    try {
+        const buildsPathsCandidates = glob.sync(platformBuildsGlob) || [];
+        return buildsPathsCandidates.filter((path) => path.includes(platformName));
+    }
+    catch (e) {
+        return [];
+    }
+};
+const processPlatform = (c, platformName) => {
+    const platformBuildsPaths = getPlatformBuildsPaths(c, platformName);
+    if (platformBuildsPaths && platformBuildsPaths.length === 0)
+        return;
+    const outputZipFilePath = (0, resolvers_1.resolveZippedPlatformBuildsRelativeFilePath)(c, platformName);
+    const tempPlatformDir = `${(0, path_1.dirname)(outputZipFilePath)}/${platformName}`;
+    (0, fs_1.mkdirSync)(tempPlatformDir, { recursive: true });
+    const copyBuildFileIntoTempPlatformDir = (buildFilePath) => {
+        const buildFileName = (0, path_1.basename)(buildFilePath);
+        const dest = `${tempPlatformDir}/${buildFileName}`;
+        (0, fs_1.copyFileSync)(buildFilePath, dest);
+    };
+    platformBuildsPaths.forEach(copyBuildFileIntoTempPlatformDir);
+    zipDir(tempPlatformDir, outputZipFilePath);
+    (0, fs_1.rmdirSync)(tempPlatformDir, { recursive: true });
+};
+const zipBuildsByPlatforms = (c) => {
+    (0, resolvers_1.resolveSupportedPlatforms)(c)
+        .forEach((platformName) => processPlatform(c, platformName));
+};
+exports.zipBuildsByPlatforms = zipBuildsByPlatforms;

package/packages/rnv-build-engine/dist/templates/platforms/_shared/template.js

@@ -0,0 +1,110 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const joinStrings_1 = require("./utils/joinStrings");
+const DEFAULT_CONFIG = {
+    isDebug: false,
+    docType: '<!DOCTYPE html>',
+    htmlTag: '<html lang="en">',
+    contentType: '',
+    metaTags: '<meta name="viewport" content="width=1280" />',
+};
+const removeBlankLines = (string) => string.replace(/^\s*\n/gm, '');
+const constructCustomHtmlTemplate = (options) => {
+    const { htmlTemplate: custom = {} } = options;
+    const { docType, htmlTag, metaTags, headPrepend, headAppend, bodyPrepend, bodyAppend, } = options;
+    options.docType = custom.docType || docType || '';
+    options.htmlTag = custom.htmlTag || htmlTag || '';
+    options.metaTags = (0, joinStrings_1.joinStrings)(metaTags, custom.metaTags, '<meta charset="utf-8" />');
+    options.headPrepend = (0, joinStrings_1.joinStrings)(headPrepend, custom.headPrepend);
+    options.headAppend = (0, joinStrings_1.joinStrings)(headAppend, custom.headAppend);
+    options.bodyPrepend = (0, joinStrings_1.joinStrings)(bodyPrepend, custom.bodyPrepend);
+    options.bodyAppend = (0, joinStrings_1.joinStrings)(bodyAppend, custom.bodyAppend);
+    return options;
+};
+const htmlTemp = (options) => {
+    const config = constructCustomHtmlTemplate({
+        ...DEFAULT_CONFIG, ...options,
+    });
+    const { docType, title, metaTags, htmlTag, contentType, isDebug, debug, debugIp, platform, headPrepend, headAppend, bodyPrepend, bodyAppend, splashUrl, resolution, } = config;
+    const titleTag = `<title>${title}</title>`;
+    const noScript = '<noscript>You need to enable JavaScript to run this app.</noscript>';
+    let remoteDebugScript = '';
+    if (debug === 'true' && debugIp) {
+        remoteDebugScript = `<script src="http://${debugIp}:8080/target/target-script-min.js#anonymous"></script>`;
+    }
+    let xboxScripts = '';
+    if (platform === 'xbox') {
+        xboxScripts = '<script src="/lib/TVHelpers/directionalnavigation-1.0.0.0.js"></script>';
+    }
+    let tizenScripts = '';
+    if (platform === 'tizen') {
+        tizenScripts = '<script type="text/javascript" src="$WEBAPIS/webapis/webapis.js"></script>';
+    }
+    let webtvScripts = '';
+    if (platform === 'webtv') {
+        webtvScripts = `
+            <script>
+                var faviconUpdate = function() {
+                    var faviconElement = document.getElementById('favicon');
+                    faviconElement.href = "content/favicon.ico?v" + new Date().getTime();
+                    window.removeEventListener('load', this);
+                    console.log('TU1');
+                }
+                window.addEventListener('load', faviconUpdate);
+            </script>
+            <link id="favicon" rel="icon" type="image/x-icon" href="content/favicon.ico">`;
+    }
+    let splashScript = '';
+    let splashDiv = '';
+    if (splashUrl) {
+        const { width, height } = resolution;
+        splashScript = `<script>
+            var splashRemove = function() {
+                var splashElement = document.getElementById('splash');
+                if (splashElement) splashElement.parentNode.removeChild(splashElement);
+                window.removeEventListener('load', this);
+                console.log('TU2');
+            }
+            window.addEventListener('load', splashRemove);
+        </script>`;
+        splashDiv = `<div id="splash" style="
+            position: absolute; left: 0; top: 0; width: ${width}; height: ${height};
+            background-image: url("${splashUrl}");
+        "></div>`;
+    }
+    const errScript = `
+        <script>window.onerror = function(err) {
+            var errDiv = document.getElementById('err');
+            errDiv.innerHTML += err;
+        }
+        </script>`;
+    const errDiv = '<div id="err" style="color: red; position: absolute; top: 0; left: 0; z-index: 0;"> </div>';
+    const rootDiv = '<div id="root" class="root"></div>';
+    return removeBlankLines(`
+${docType}
+${htmlTag}
+    <head>
+        ${headPrepend}
+        ${contentType}
+        ${metaTags}
+        ${titleTag}
+        ${remoteDebugScript}
+        ${isDebug ? errScript : ''}
+        ${tizenScripts}
+        ${xboxScripts}
+        ${webtvScripts}
+        ${splashScript}
+        ${headAppend}
+    </head>
+    <body>
+        ${bodyPrepend}
+        ${noScript}
+        ${isDebug ? errDiv : ''}
+        ${splashDiv}
+        ${rootDiv}
+        ${bodyAppend}
+    </body>
+</html>
+`);
+};
+exports.default = htmlTemp;

package/packages/rnv-build-engine/dist/templates/platforms/_shared/utils/extendSass.js

@@ -0,0 +1,29 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.extendSass = void 0;
+const fs_1 = __importDefault(require("fs"));
+const path_1 = __importDefault(require("path"));
+const joinStrings_1 = require("./joinStrings");
+const includeRtlFiles = (resourcePath) => {
+    const fileName = path_1.default.basename(resourcePath);
+    const filePath = path_1.default.dirname(resourcePath);
+    if (fileName.indexOf('.styles.') === -1)
+        return '';
+    const rtlFile = path_1.default.resolve(filePath, 'rtl.scss');
+    if (fs_1.default.existsSync(rtlFile)) {
+        return '@import \'./rtl\';';
+    }
+    return '';
+};
+const extendSass = ({ shouldIncludeRtlFiles, sassPrependEachFile, sassAppendEachFile, }) => (content, loaderContext) => {
+    const { resourcePath } = loaderContext;
+    const sassPrepend = sassPrependEachFile ? (0, joinStrings_1.joinStrings)(sassPrependEachFile) : '';
+    const sassAppend = sassAppendEachFile ? (0, joinStrings_1.joinStrings)(sassAppendEachFile) : '';
+    const rtlImport = shouldIncludeRtlFiles ? includeRtlFiles(resourcePath) : '';
+    const result = [sassPrepend, content, rtlImport, sassAppend];
+    return result.filter((part) => part).join('\n');
+};
+exports.extendSass = extendSass;

package/packages/rnv-build-engine/dist/templates/platforms/_shared/utils/joinStrings.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.joinStrings = void 0;
+const joinStrings = (...parts) => (parts.map((part) => (Array.isArray(part) ? part.join('\n') : part ?? '')).filter((part) => part).join('\n'));
+exports.joinStrings = joinStrings;