@24i/bigscreen-sdk 1.0.36-alpha.2633 → 1.0.36

package/package.json

@@ -1,15 +1,16 @@
 {
     "name": "@24i/bigscreen-sdk",
-    "version": "1.0.36-alpha.2633",
+    "version": "1.0.36",
     "description": "SmartApps BIGscreen SDK monorepo",
     "main": "index.js",
     "scripts": {
-        "prepare": "husky install && npm run patch-types && npm run scripts:prepare",
+        "prepare": "husky && 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\"",
@@ -40,7 +41,7 @@
         "@24i/appstage-shared-analytics": "1.0.20-alpha.70",
         "@24i/appstage-shared-events-manager": "1.0.11",
         "@24i/appstage-shared-perf-utils": "1.0.11",
-        "@24i/bigscreen-players-engine-base": "4.0.1",
+        "@24i/bigscreen-players-engine-base": "4.0.3",
         "@24i/smartapps-datalayer": "3.0.15",
         "@sentry/browser": "7.35.0",
         "@sentry/types": "7.35.0",

package/packages/player-ui/src/Seekbar.tsx

@@ -18,6 +18,7 @@ const TO_PERCENT = 100;
 
 type Props = {
     ui: IPlayerUIWithSeeking;
+    children?: JSX.Element;
 } & PlayerUICommonProps;
 
 export class Seekbar extends Component<Props> implements IFocusable {
@@ -249,7 +250,7 @@ export class Seekbar extends Component<Props> implements IFocusable {
     }
 
     render() {
-        const { className } = this.props;
+        const { children, className } = this.props;
         return (
             <div
                 className={`seek-bar ${className}`}
@@ -260,6 +261,7 @@ export class Seekbar extends Component<Props> implements IFocusable {
                 onClick={this.onMouseClick}
                 onBlur={this.onBlur}
             >
+                {children}
                 <div className="bar" ref={this.seekBarWrap}>
                     <div className="bg" ref={this.seekBar} />
                 </div>

package/utils/release/release.ts

@@ -0,0 +1,154 @@
+import { ok } from 'assert';
+import { execSync, ExecSyncOptions } from 'child_process';
+
+const branchNames = {
+    dev: 'development',
+    main: 'master',
+    release: 'release',
+};
+
+const cmdSync = (command: string, options?: ExecSyncOptions) => execSync(command, options);
+const cmdSyncInheritOut = (command: string) => cmdSync(command, { stdio: 'inherit' });
+const cmdSyncPipeOut = (command: string) => cmdSync(command, { stdio: 'pipe' });
+const cmdSyncTrimOut = (command: string) => cmdSync(command).toString().trim();
+
+const splitByNewLine = (string = '') => string.split(/\r?\n/);
+
+const statusList = () => {
+    const gitCmd = 'git status --porcelain';
+    const outputString = cmdSyncTrimOut(gitCmd);
+
+    if (!outputString) return [];
+    const handleMultipleWhitespaces = (rowString: string) => {
+        const spaceChar = ' ';
+        const parts = rowString.split(spaceChar);
+        return parts.filter(Boolean).join(spaceChar);
+    };
+
+    return splitByNewLine(outputString).map(handleMultipleWhitespaces);
+};
+const createBranch = (branchName: string) => cmdSyncPipeOut(`git branch ${branchName}`);
+const checkout = (branchName: string) => cmdSyncPipeOut(`git checkout ${branchName}`);
+const addAll = () => cmdSyncPipeOut('git add --all');
+
+const commit = (commitMessage: string, noVerify = false) => {
+    const maybeNoVerifyParam = noVerify ? '--no-verify' : '';
+    return cmdSyncPipeOut(`git commit -m "${commitMessage}" ${maybeNoVerifyParam}`.trimEnd());
+};
+
+const push = (branchName: string, noVerify = false) => {
+    const maybeNoVerifyParam = noVerify ? '--no-verify' : '';
+    const cmd = `git push --set-upstream origin ${branchName} ${maybeNoVerifyParam}`.trimEnd();
+    return cmdSyncPipeOut(cmd);
+};
+
+const pushTag = (version: string) => {
+    const cmd = `git push v${version}`;
+    return cmdSyncPipeOut(cmd);
+};
+
+const assertEmptyStatusList = () => {
+    ok(statusList().length === 0, 'An empty GIT stage is expected!');
+};
+
+const getCurrentBranchName = () => cmdSyncTrimOut('git branch --show-current');
+
+const remoteBranchExists = (expectedBranchName: string) => {
+    const gitCmd = `git ls-remote --heads origin ${expectedBranchName}`;
+    const output = cmdSyncTrimOut(gitCmd);
+    return Boolean(output);
+};
+
+// only for GitHub
+const pullRequest = (fromBranch: string, toBranch: string, prTitle: string) => {
+    const cmdTool = 'hub';
+    const installDocUrl = 'https://github.com/github/hub#installation';
+    const errorMsg = `${cmdTool} is not installed! See ${installDocUrl}\n`;
+
+    try {
+        const toolPath = cmdSyncTrimOut(`${cmdTool} --version`);
+        ok(toolPath, errorMsg);
+    } catch (error) {
+        throw new Error(errorMsg);
+    }
+
+    const cmd = `${cmdTool} pull-request -m "${prTitle}" --head ${fromBranch} --base ${toBranch}`;
+    cmdSyncInheritOut(cmd);
+};
+
+const assertCurrentBranch = (expectedBranchName: string) => {
+    const currentGitBranchName = getCurrentBranchName();
+    // eslint-disable-next-line max-len
+    const errorMsg = `The ${expectedBranchName} branch is expected to be active, not "${currentGitBranchName}"`;
+    ok(currentGitBranchName === expectedBranchName, errorMsg);
+};
+
+const bumpVersion = (version: string | 'major' | 'minor' | 'patch') => {
+    // it bumps version, creates commit and GIT tag
+    execSync(`npm version ${version}`, { stdio: 'inherit' });
+};
+
+const getNewReleaseBranchName = () => {
+    const date = new Date();
+    const yyyy = date.getFullYear();
+    const mm = String(date.getMonth() + 1).padStart(2, '0');
+    const dd = String(date.getDate()).padStart(2, '0');
+    let bod = 0;
+    const dateString = `${yyyy}-${mm}-${dd}`;
+    while (true) {
+        bod += 1;
+        const bodString = String(bod).padStart(2, '0');
+        const branchName = `${branchNames.release}/${dateString}-${bodString}`;
+        if (!remoteBranchExists(branchName)) {
+            return branchName;
+        }
+    }
+};
+
+/**
+ * Release process.
+ * @param versionType Version type one of 'major', 'minor', 'patch' or specific
+ * version like '0.0.2'.
+ */
+const release = (versionType: string | 'major' | 'minor' | 'patch') => {
+    console.log(`Start release with version: ${versionType}`);
+    assertCurrentBranch(branchNames.dev);
+    assertEmptyStatusList();
+    const newReleaseBranchName = getNewReleaseBranchName();
+
+    console.log(`Creating "${newReleaseBranchName}" branch ...`);
+    createBranch(newReleaseBranchName);
+    checkout(newReleaseBranchName);
+
+    console.log(`Bumping version with "${versionType}" ...`);
+    bumpVersion(versionType);
+    const version = cmdSyncTrimOut('npm pkg get version');
+    ok(version, 'Oops, cannot get current version from package.json');
+
+    console.log(`Publishing package version: ${version} ...`);
+    cmdSyncInheritOut('npm publish');
+
+    console.log(`Generating changelog: ${version} ...`);
+    cmdSyncInheritOut('npm run generate-changelog');
+    addAll(); // add version changes (changelog) into a git stage
+
+    console.log('Creating commit with changed version and changelog ...');
+    commit('chore(CHANGELOG): generated changelog', true);
+
+    console.log(`Pushing ${newReleaseBranchName} branch ...`);
+    push(newReleaseBranchName, true);
+
+    console.log(`Pushing ${version} tag ...`);
+    pushTag(version);
+
+    const prTitle = `Release: ${newReleaseBranchName.split('/')[1]}`;
+    // eslint-disable-next-line max-len
+    console.log(`Creating Pull Request from ${newReleaseBranchName} branch to ${branchNames.main} branch...`);
+    console.log(`Applied PR title: "${prTitle}"`);
+    pullRequest(newReleaseBranchName, branchNames.main, prTitle);
+
+    console.log('Done!');
+};
+
+const version = process.argv[2] || 'patch'; // 'major' | 'minor' | 'patch'
+release(version);