rx-player 4.0.0-dev.2023121900 → 4.0.0-rc.2

package/scripts/canal-release.patch

@@ -1,78 +0,0 @@
-diff --git a/src/parsers/texttracks/ttml/html/apply_extent.ts b/src/parsers/texttracks/ttml/html/apply_extent.ts
-index 5772fa8fb..eb3a051e4 100644
---- a/src/parsers/texttracks/ttml/html/apply_extent.ts
-+++ b/src/parsers/texttracks/ttml/html/apply_extent.ts
-@@ -54,7 +54,14 @@ export default function applyExtent(
-         secondExtent[2] === "%" ||
-         secondExtent[2] === "em")
-     {
--      element.style.height = secondExtent[1] + secondExtent[2];
-+      const toNum = Number(secondExtent[1]);
-+      if (secondExtent[2] === "%" && !isNaN(toNum) &&
-+          (toNum < 0 || toNum > 100))
-+      {
-+        element.style.width = "80%";
-+      } else {
-+        element.style.height = secondExtent[1] + secondExtent[2];
-+      }
-     } else if (secondExtent[2] === "c") {
-       addClassName(element, "proportional-style");
-       element.setAttribute("data-proportional-height", secondExtent[1]);
-diff --git a/src/parsers/texttracks/ttml/html/apply_line_height.ts b/src/parsers/texttracks/ttml/html/apply_line_height.ts
-index 4f727229a..253aa1a72 100644
---- a/src/parsers/texttracks/ttml/html/apply_line_height.ts
-+++ b/src/parsers/texttracks/ttml/html/apply_line_height.ts
-@@ -14,16 +14,15 @@
-  * limitations under the License.
-  */
- 
--import { addClassName } from "../../../../compat";
- import log from "../../../../log";
- import { REGXP_LENGTH } from "../regexps";
- 
- /**
-- * @param {HTMLElement} element
-+ * @param {HTMLElement} _element
-  * @param {string} lineHeight
-  */
- export default function applyLineHeight(
--  element : HTMLElement,
-+  _element : HTMLElement,
-   lineHeight : string
- ) : void {
-   const trimmedLineHeight = lineHeight.trim();
-@@ -40,10 +39,10 @@ export default function applyLineHeight(
-       firstLineHeight[2] === "%" ||
-       firstLineHeight[2] === "em")
-   {
--    element.style.lineHeight = firstLineHeight[1] + firstLineHeight[2];
-+    // element.style.lineHeight = firstLineHeight[1] + firstLineHeight[2];
-   } else if (firstLineHeight[2] === "c") {
--    addClassName(element, "proportional-style");
--    element.setAttribute("data-proportional-line-height", firstLineHeight[1]);
-+    // addClassName(element, "proportional-style");
-+    // element.setAttribute("data-proportional-line-height", firstLineHeight[1]);
-   } else {
-     log.warn("TTML Parser: unhandled lineHeight unit:", firstLineHeight[2]);
-   }
-diff --git a/src/parsers/texttracks/ttml/html/apply_origin.ts b/src/parsers/texttracks/ttml/html/apply_origin.ts
-index 01a205aad..91d69fa3c 100644
---- a/src/parsers/texttracks/ttml/html/apply_origin.ts
-+++ b/src/parsers/texttracks/ttml/html/apply_origin.ts
-@@ -53,7 +53,15 @@ export default function applyOrigin(
-         secondOrigin[2] === "%" ||
-         secondOrigin[2] === "em")
-     {
--      element.style.top = secondOrigin[1] + secondOrigin[2];
-+      const toNum = Number(secondOrigin[1]);
-+      if (secondOrigin[2] === "%" && !isNaN(toNum) &&
-+          (toNum < 0 || toNum > 100))
-+      {
-+        element.style.bottom = "5%";
-+        element.style.left = "10%";
-+      } else {
-+        element.style.top = secondOrigin[1] + secondOrigin[2];
-+      }
-     } else if (secondOrigin[2] === "c") {
-       addClassName(element, "proportional-style");
-       element.setAttribute("data-proportional-top", secondOrigin[1]);

package/scripts/check_nodejs_import_compatibility.js

@@ -1,60 +0,0 @@
-/**
- * # check_nodejs_import_compatibility
- *
- * This is a node.js script which tries to import the RxPlayer various exports
- * and check if every one of them seems to be importable without issue.
- *
- * The goal is to check if the RxPlayer, at the origin made to run in a browser
- * environment, can still be imported through node.js in specific cases like
- * when the application uses [poorly optimized] server-side rendering.
- *
- * ---
- *
- * To be able to run this script:
- *
- *   1. You need first to produce build the RxPlayer through the usual scripts
- *
- *   2. You need to make sure that `import` statements can be used in the
- *      node.js runtime you've ran. This possibility might depends on the
- *      usage of supplementary supplementary packages like `esm`.
- *
- * After running this script, you know if it ran succesfully by seeing the
- * string "SUCCESS!" being outputed to STDOUT.
- *
- * If it doesn't work, you should see a corresponding error output to STDERR.
- */
-
-import fs from "fs";
-import RxPlayer from "../minimal/index.js";
-import * as Features from "../features/index.js";
-import * as ExperimentalFeatures from "../experimental/features/index.js";
-import * as ExperimentalTools from "../experimental/tools/index.js";
-import * as Tools from "../tools/index.js";
-
-let version = fs.readFileSync("./VERSION").toString();
-const indexOfFirstLineBreak = version.indexOf("\n");
-if (indexOfFirstLineBreak >= 0) {
-  version = version.substring(0, indexOfFirstLineBreak);
-}
-
-if (RxPlayer.version !== version) {
-  throw new Error(
-    "Wrong RxPlayer version: " + "\n" +
-    `Got "${RxPlayer.version}" but expected "${version}"`);
-}
-if (typeof ExperimentalFeatures !== "object" || ExperimentalFeatures === null) {
-  throw new Error("Invalid \"ExperimentalFeatures\" object exported.");
-}
-if (typeof Features !== "object" || Features === null) {
-  throw new Error("Invalid \"Features\" object exported.");
-}
-if (typeof ExperimentalTools !== "object" || ExperimentalTools === null) {
-  throw new Error("Invalid \"ExperimentalTools\" object exported.");
-}
-if (typeof Tools !== "object" || Tools === null) {
-  throw new Error("Invalid \"Tools\" object exported.");
-}
-
-/* eslint-disable no-console */
-console.log("SUCCESS!");
-/* eslint-enable no-console */

package/scripts/deploy_new_demo

@@ -1,123 +0,0 @@
-#!/bin/bash
-
-# Deploy new demo
-# ====================
-#
-# This script allows to automatically create a new demo page on the gh-pages
-# branch.
-# /!\ This script deploy a non-minified version.
-#
-# To use it:
-#
-#   1. Check that you're on the branch you want to deploy and that this branch
-#      is clean (has no staged files or diff)
-#
-#   2. Call this script with the wanted directory name in argument (e.g.
-#      `./deploy_new_demo my_new_page`).
-#      Some user interactions will be needed to avoid doing unwanted commits.
-#
-#   3. That's it!
-#      A commit with the new directory should have been pushed to the gh-pages.
-
-set -e
-
-current_branch=$(git branch | sed -n -e 's/^\* \(.*\)/\1/p')
-deployed_branch=$1
-
-# Do not normalize path check for dirty "." or "/"
-# But as only people with write access on the gh-pages branch can do harm,
-# that's good enough
-if [ -z "$deployed_branch" ] ||
-   [ "$deployed_branch" == "" ] ||
-   [ "$deployed_branch" == "versions" ] ||
-   [ "$deployed_branch" == "fonts" ] ||
-   [ "$deployed_branch" == "assets" ] ||
-   [ "$deployed_branch" == "styles" ]; then
-  echo "ERROR: Invalid branch name"
-  exit 1;
-fi
-
-# Generate demo
-npm run demo
-
-if [ -n "$(git status --porcelain doc)" ]; then
-  echo "ERROR: Please commit your modifications"
-  exit 1;
-fi
-
-tmpFontsDir=$(mktemp -d)
-tmpAssetsDir=$(mktemp -d)
-tmpStylesDir=$(mktemp -d)
-tmpDemoFile=$(mktemp)
-tmpRxPlayerFile=$(mktemp)
-tmpIndexFile=$(mktemp)
-tmpFaviconFile=$(mktemp)
-
-cp -r demo/full/fonts $tmpFontsDir -v
-cp -r demo/full/assets $tmpAssetsDir -v
-cp -r demo/full/styles $tmpStylesDir -v
-cp demo/full/bundle.js $tmpDemoFile -v
-cp demo/full/index.html $tmpIndexFile -v
-cp demo/full/plus.ico $tmpFaviconFile -v
-
-# update gh-pages
-git checkout gh-pages
-git pull origin gh-pages
-
-rm -rf "$deployed_branch"
-mkdir -p "$deployed_branch"
-mv $tmpIndexFile "${deployed_branch}/index.html"
-mv $tmpFaviconFile "${deployed_branch}/plus.ico"
-mv $tmpDemoFile "${deployed_branch}/bundle.js"
-mv $tmpFontsDir/fonts "${deployed_branch}/fonts"
-mv $tmpAssetsDir/assets "${deployed_branch}/assets"
-mv $tmpStylesDir/styles "${deployed_branch}/styles"
-
-if [ -n "$(git status --porcelain $deployed_branch)" ]; then
-  echo "-- Current Status on gh-pages: --"
-  echo ""
-  git status "$deployed_branch"
-
-  while : ; do
-    echo ""
-    echo "We will push the demo to gh-pages."
-    REPLY=""
-    read -p "do you want to continue [y/d/s/a/c/t/h] (h for help) ? " -n 1 -r
-    echo ""
-
-    if [[ $REPLY =~ ^[Hh](elp)?$ ]]; then
-      echo ""
-      echo ""
-      echo "+- help -------------------------------------------------+"
-      echo "| y: commit and continue                                 |"
-      echo "| d: see diff                                            |"
-      echo "| s: see status                                          |"
-      echo "| a: abort script from here                              |"
-      echo "| c: checkout from this commit and go to the next one    |"
-      echo "| t: stash this commit and go to the next one            |"
-      echo "| h: see this help                                       |"
-      echo "+--------------------------------------------------------+"
-    elif [[ $REPLY =~ ^[Yy](es)?$ ]]; then
-      git add "$deployed_branch"
-      git commit -m "demo: deploy $deployed_branch demo to the gh-pages" -S
-      git push origin gh-pages
-      break
-    elif [[ $REPLY =~ ^[Dd](iff)?$ ]]; then
-      git diff "$deployed_branch"
-    elif [[ $REPLY =~ ^[Ss](tatus)?$ ]]; then
-      git status "$deployed_branch"
-    elif [[ $REPLY =~ ^[Aa](bort)?$ ]]; then
-      echo "exiting"
-      exit 0
-    elif [[ $REPLY =~ ^[Cc](heckout)?$ ]]; then
-      git checkout "$deployed_branch"
-    elif [[ $REPLY =~ ^([Tt]|([Ss]tash))?$ ]]; then
-      git stash -u push "$deployed_branch"
-      break
-    fi
-  done
-else
-  echo "nothing to do on the gh-pages branch"
-fi
-
-git checkout "$current_branch"

package/scripts/generate_certificate

@@ -1,19 +0,0 @@
-#!/bin/bash
-
-# Generate certificate
-# ====================
-#
-# This script allows to create a self-signed ssl certificate easily.
-# One of the goal here, is to be able to easily test HTTPS pages.
-#
-# An HTTPS server can then be created with the use of the generated
-# `localhost.crt` certificate and the `localhost.key` key.
-
-openssl req \
-  -x509 \
-  -out localhost.crt \
-  -keyout localhost.key \
-  -newkey rsa:2048 \
-  -nodes \
-  -sha256 \
-  -subj "/C=FR/L=Paris/O=CANAL+"

package/scripts/generate_demo_list.mjs

@@ -1,110 +0,0 @@
-#!/usr/bin/env node
-/* eslint-env node */
-
-/**
- * Generate demo list
- * ===========================
- *
- * ## How it works
- *
- * This script will generate a page listing the demos from various
- * versions of the rx-player.
- *
- * The demo should entirely be present in a directory called:
- * `/versions/VERSION_NUMBER/demo`
- *
- * Where VERSION_NUMBER is the version number in a semantic versioning scheme.
- *
- * The documentation homepage should be present in:
- * `/versions/VERSION_NUMBER/demo/index.html`
- *
- * This script was not written with portability in mind (it would have taken too
- * much time). It might thus break if file organization changes in this project.
- *
- *
- * ## How to run it
- *
- * To run this:
- *
- *   1. Be sure you are in the gh-pages branch
- *
- *   2. Call this script directly
- *
- *   3. a new file, `demo_page_by_version.html` should have been generated with
- *      all the right links.
- */
-
-import {
-  lstatSync,
-  readdirSync,
-  existsSync,
-  writeFileSync
-} from "fs";
-import { join } from "path";
-import { encode } from "html-entities";
-import * as semver from "semver";
-
-const INITIAL_PATH = "./versions";
-
-function sortVersions(versions) {
-  return versions
-    .filter(v => semver.valid(v) != null)
-    .sort((a, b) => semver.gt(a, b) ? -1 : 1);
-}
-
-function isDirectory(source) {
-  return lstatSync(source).isDirectory();
-}
-
-const style = `<style type="text/css">
-body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #333; }
-ul { list-style-type: square; }
-li { margin-top: 8px; }
-a { color: #006; }
-a:hover { color: #076; }
-</style>`;
-const head = `<head>
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <meta charset="utf-8">
-  <title>RxPlayer - Demo page by version</title>
-  ${style}
-</head>`;
-
-let body = "<body>";
-
-const files = readdirSync(INITIAL_PATH);
-const versions = [];
-for (let i = 0; i < files.length; i++) {
-  const fileName = files[i];
-  const filePath = join(INITIAL_PATH, fileName);
-  if (isDirectory(filePath) && existsSync(join(filePath, "demo"))) {
-    versions.push(fileName);
-  }
-}
-
-if (versions.length <= 0) {
-  body += "<h1>No Demo Available</h1>";
-} else {
-  body += "<h1>Demo page by version</h1>";
-  body += "<ul>";
-
-  const sortedVersions = sortVersions(versions);
-  for (let i = 0; i < sortedVersions.length; i++) {
-    const version = sortedVersions[i];
-    // const versionAsNumber = +version.split(".").join();
-    const dirPath = join(INITIAL_PATH, version, "demo/index.html");
-    body += `<li><a href=${encode(dirPath)}>` +
-      encode(version) +
-      "</a></li>";
-  }
-  body += "</ul>";
-}
-
-body += "<body/>";
-
-const html = "<html>" +
-  head +
-  body +
-  "<html>";
-
-writeFileSync("./demo_page_by_version.html", html);

package/scripts/generate_documentation_list.mjs

@@ -1,114 +0,0 @@
-#!/usr/bin/env node
-/* eslint-env node */
-
-/**
- * Generate documentation list
- * ===========================
- *
- * ## How it works
- *
- * This script will generate a page listing the documentation from various
- * versions of the rx-player.
- *
- * The documentation should entirely be present in a directory called:
- * `/versions/VERSION_NUMBER/doc`
- *
- * Where VERSION_NUMBER is the version number in a semantic versioning scheme.
- *
- * The documentation homepage should be present in:
- * `/versions/VERSION_NUMBER/doc/pages/index.html`
- *
- * This script was not written with portability in mind (it would have taken too
- * much time). It might thus break if file organization changes in this project.
- *
- *
- * ## How to run it
- *
- * To run this:
- *
- *   1. Be sure you are in the gh-pages branch
- *
- *   2. Call this script directly
- *
- *   3. a new file, `documentation_pages_by_version.html` should have been
- *      generated with all the right links.
- */
-
-import {
-  lstatSync,
-  readdirSync,
-  existsSync,
-  writeFileSync
-} from "fs";
-import { join } from "path";
-import { encode } from "html-entities";
-import * as semver from "semver";
-
-const INITIAL_PATH = "./versions";
-
-function sortVersions(versions) {
-  return versions
-    .filter(v => semver.valid(v) != null)
-    .sort((a, b) => semver.gt(a, b) ? -1 : 1);
-}
-
-function isDirectory(source) {
-  return lstatSync(source).isDirectory();
-}
-
-const style = `<style type="text/css">
-body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #333; }
-ul { list-style-type: square; }
-li { margin-top: 8px; }
-a { color: #006; }
-a:hover { color: #076; }
-</style>`;
-const head = `<head>
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <meta charset="utf-8">
-  <title>RxPlayer - Documentation pages by version</title>
-  ${style}
-</head>`;
-
-let body = "<body>";
-
-const files = readdirSync(INITIAL_PATH);
-const versions = [];
-for (let i = 0; i < files.length; i++) {
-  const fileName = files[i];
-  const filePath = join(INITIAL_PATH, fileName);
-  if (isDirectory(filePath) && existsSync(join(filePath, "doc"))) {
-    versions.push(fileName);
-  }
-}
-
-if (versions.length <= 0) {
-  body += "<h1>No Documentation Available</h1>";
-} else {
-  body += "<h1>Documentation pages by version</h1>";
-  body += "<ul>";
-
-  const sortedVersions = sortVersions(versions);
-  for (let i = 0; i < sortedVersions.length; i++) {
-    const version = sortedVersions[i];
-
-    // documentation homepage changed for the v3.26.1
-    const dirPath = semver.gte(version, "3.26.1") ?
-      join(INITIAL_PATH, version, "doc/api/Overview.html") :
-      join(INITIAL_PATH, version, "doc/pages/index.html");
-
-    body += `<li><a href=${encode(dirPath)}>` +
-      encode(version) +
-      "</a></li>";
-  }
-  body += "</ul>";
-}
-
-body += "<body/>";
-
-const html = "<html>" +
-  head +
-  body +
-  "<html>";
-
-writeFileSync("./documentation_pages_by_version.html", html);

package/scripts/generate_standalone_demo.mjs

@@ -1,109 +0,0 @@
-#!/usr/bin/env node
-/* eslint-env node */
-
-/**
- * Build the standalone demo
- * =========================
- *
- * This script allows to build the simple standalone demo locally.
- *
- * You can run it as a script through `node generate_standalone_demo.js`.
- * Be aware that this demo will be built again every time one of the library
- * file is updated.
- */
-
-import Webpack from "webpack";
-import { pathToFileURL } from "url";
-import { join } from "path";
-import projectRootDirectory from "./utils/project_root_directory.mjs";
-import displayWebpackErrors from "./utils/display_webpack_errors.mjs";
-import getHumanReadableHours from "./utils/get_human_readable_hours.mjs";
-import generateWebpackConfig from "../webpack.config.mjs";
-
-if (import.meta.url === pathToFileURL(process.argv[1]).href) {
-  const { argv } = process;
-  if (argv.includes("-h") || argv.includes("--help")) {
-    displayHelp();
-    process.exit(0);
-  }
-  const reportSize = argv.includes("-r") || argv.includes("--report");
-  const shouldMinify = argv.includes("-m") || argv.includes("--minify");
-  const production = argv.includes("-p") || argv.includes("--production-mode");
-  buildStandaloneDemo({
-    production,
-    minify: shouldMinify,
-    reportSize,
-  });
-}
-
-export default function buildStandaloneDemo(opts) {
-  const config = generateWebpackConfig(opts);
-
-  // overwrite entries/output (ugly but just werks and did not find any better for now)
-  config.entry = join(projectRootDirectory, "src/index.ts");
-  config.output.path = projectRootDirectory;
-  config.output.filename = "demo/standalone/lib.js";
-
-  const compiler = Webpack(config);
-
-  const compilerWatching = compiler.watch({
-    aggregateTimeout: 300,
-  }, (err, stats) => {
-    if (err) {
-      /* eslint-disable no-console */
-      console.error(`\x1b[31m[${getHumanReadableHours()}]\x1b[0m Could not compile demo:`, err);
-      /* eslint-enable no-console */
-      return;
-    }
-
-    if (
-      stats.compilation.errors && stats.compilation.errors.length ||
-      stats.compilation.warnings && stats.compilation.warnings.length
-    ) {
-      const errors = stats.compilation.errors || [];
-      const warnings = stats.compilation.warnings || [];
-      displayWebpackErrors(errors, warnings);
-      /* eslint-disable no-console */
-      console.log(
-        `\x1b[33m[${getHumanReadableHours()}]\x1b[0m ` +
-        `Demo built with ${errors.length} error(s) and ` +
-        ` ${warnings.length} warning(s) (in ${stats.endTime - stats.startTime} ms).`
-      );
-      /* eslint-enable no-console */
-    } else {
-      /* eslint-disable no-console */
-      console.log(`\x1b[32m[${getHumanReadableHours()}]\x1b[0m Demo built (in ${stats.endTime - stats.startTime} ms).`);
-      /* eslint-enable no-console */
-    }
-  });
-
-  compilerWatching.compiler.hooks.watchRun.intercept({
-    call() {
-      /* eslint-disable no-console */
-      console.log(
-        `\x1b[35m[${getHumanReadableHours()}]\x1b[0m ` +
-        "Building demo..."
-      );
-      /* eslint-enable no-console */
-    },
-  });
-}
-
-/**
- * Display through `console.log` an helping message relative to how to run this
- * script.
- */
-function displayHelp() {
-  /* eslint-disable no-console */
-  console.log(
-  /* eslint-disable indent */
-`Usage: node build_demo.mjs [options]
-Options:
-  -h, --help             Display this help
-  -m, --minify           Minify the built demo
-  -p, --production-mode  Build all files in production mode (less runtime checks, mostly).
-  -r, --report           Produce a size report when done, opening a web browser page`,
-  /* eslint-enable indent */
-  );
-  /* eslint-enable no-console */
-}