npm - rx-player - Versions diffs - 3.33.0 → 3.33.2 - Mend

rx-player 3.33.0 → 3.33.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (819) hide show

package/src/parsers/texttracks/ttml/html/__tests__/__global__/html_ttml_parser.test.test.ts DELETED Viewed

@@ -1,190 +0,0 @@
-/**
- * Copyright 2015 CANAL+ Group
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import parseTTMLToDiv from "../../";
-const testingText = `<?xml version="1.0" encoding="UTF-8"?>
-<tt xmlns="http://www.w3.org/ns/ttml">
-  <head>
-    <metadata xmlns:ttm="http://www.w3.org/ns/ttml#metadata">
-      <ttm:title>Timed Text TTML Example</ttm:title>
-      <ttm:copyright>The Authors (c) 2006</ttm:copyright>
-    </metadata>
-    <styling xmlns:tts="http://www.w3.org/ns/ttml#styling">
-      <!-- s1 specifies default color, font, and text alignment -->
-      <style xml:id="s1"
-        tts:color="white"
-        tts:fontFamily="proportionalSansSerif"
-        tts:fontSize="22px"
-        tts:textAlign="center"
-      />
-      <!-- alternative using yellow text but otherwise the same as style s1 -->
-      <style xml:id="s2" style="s1" tts:color="yellow"/>
-      <!-- a style based on s1 but justified to the right -->
-      <style xml:id="s1Right" style="s1" tts:textAlign="end" />
-      <!-- a style based on s2 but justified to the left -->
-      <style xml:id="s2Left" style="s2" tts:textAlign="start" />
-    </styling>
-    <layout xmlns:tts="http://www.w3.org/ns/ttml#styling">
-      <region xml:id="subtitleArea"
-        style="s1"
-        tts:extent="560px 62px"
-        tts:padding="5px 3px"
-        tts:backgroundColor="black"
-        tts:displayAlign="after"
-      />
-    </layout>
-  </head>
-  <body region="subtitleArea">
-    <div>
-      <p xml:id="subtitle1" begin="0.76s" end="3.45s">
-        It seems a paradox, does it not,
-      </p>
-      <p xml:id="subtitle2" begin="5.0s" end="10.0s">
-        that the image formed on<br/>
-        the Retina should be inverted?
-      </p>
-      <p xml:id="subtitle3" begin="10.0s" end="16.0s" style="s2">
-        It is puzzling, why is it<br/>
-        we do not see things upside-down?
-      </p>
-      <p xml:id="subtitle4" begin="17.2s" end="23.0s">
-        You have never heard the Theory,<br/>
-        then, that the Brain also is inverted?
-      </p>
-      <p xml:id="subtitle5" begin="23.0s" end="27.0s" style="s2">
-        No indeed! What a beautiful fact!
-      </p>
-      <p xml:id="subtitle6a" begin="28.0s" end="34.6s" style="s2Left">
-        But how is it proved?
-      </p>
-      <p xml:id="subtitle6b" begin="28.0s" end="34.6s" style="s1Right">
-        Thus: what we call
-      </p>
-      <p xml:id="subtitle7" begin="34.6s" end="45.0s" style="s1Right">
-        the vertex of the Brain<br/>
-        is really its base
-      </p>
-      <p xml:id="subtitle8" begin="45.0s" end="52.0s" style="s1Right">
-        and what we call its base<br/>
-        is really its vertex,
-      </p>
-      <p xml:id="subtitle9a" begin="53.5s" end="58.7s">
-        it is simply a question of nomenclature.
-      </p>
-      <p xml:id="subtitle9b" begin="53.5s" end="58.7s" style="s2">
-        How truly delightful!
-      </p>
-    </div>
-  </body>
-</tt>`;
-describe("Global TTML HTML parsing tests", () => {
-  const res = parseTTMLToDiv(testingText, 0);
-  it("should parse the right amount of cues at the right time", () => {
-    expect(res).toHaveLength(11);
-    expect(res[0].start).toEqual(0.76);
-    expect(res[0].end).toEqual(3.45);
-    expect(res[1].start).toEqual(5.0);
-    expect(res[1].end).toEqual(10.0);
-    expect(res[2].start).toEqual(10.0);
-    expect(res[2].end).toEqual(16.0);
-    expect(res[3].start).toEqual(17.2);
-    expect(res[3].end).toEqual(23.0);
-    expect(res[4].start).toEqual(23.0);
-    expect(res[4].end).toEqual(27.0);
-    expect(res[5].start).toEqual(28.0);
-    expect(res[5].end).toEqual(34.6);
-    expect(res[6].start).toEqual(28.0);
-    expect(res[6].end).toEqual(34.6);
-    expect(res[7].start).toEqual(34.6);
-    expect(res[7].end).toEqual(45.0);
-    expect(res[8].start).toEqual(45.0);
-    expect(res[8].end).toEqual(52.0);
-    expect(res[9].start).toEqual(53.5);
-    expect(res[9].end).toEqual(58.7);
-    expect(res[10].start).toEqual(53.5);
-    expect(res[10].end).toEqual(58.7);
-  });
-  it("They all have an outputed HTMLElement", () => {
-    expect(res.every(cue => cue.element instanceof HTMLElement));
-  });
-  it("They all have the right text in them", () => {
-    expect(res[0].element.textContent).toEqual("It seems a paradox, does it not,");
-    expect(res[1].element.textContent)
-      .toEqual("that the image formed onthe Retina should be inverted?");
-    expect(res[2].element.textContent)
-      .toEqual("It is puzzling, why is itwe do not see things upside-down?");
-    expect(res[3].element.textContent)
-      .toEqual("You have never heard the Theory,then, that the Brain also is inverted?");
-    expect(res[4].element.textContent)
-      .toEqual("No indeed! What a beautiful fact!");
-    expect(res[5].element.textContent)
-      .toEqual("But how is it proved?");
-    expect(res[6].element.textContent)
-      .toEqual("Thus: what we call");
-    expect(res[7].element.textContent)
-      .toEqual("the vertex of the Brainis really its base");
-    expect(res[8].element.textContent)
-      .toEqual("and what we call its baseis really its vertex,");
-    expect(res[9].element.textContent)
-      .toEqual("it is simply a question of nomenclature.");
-    expect(res[10].element.textContent)
-      .toEqual("How truly delightful!");
-  });
-  // TODO Is jsdom implementation in the wrong there?
-  xit("corresponding text should have the right color", () => {
-    function findTextNodes(
-      elt : HTMLElement,
-      currTextNodes : Text[]  = []
-    ) : Text[] {
-      const children = elt.childNodes;
-      for (let i = 0; i < children.length; i++) {
-        switch (children[i].nodeType) {
-          case Node.TEXT_NODE:
-            currTextNodes.push(children[i] as Text);
-            break;
-          case Node.ELEMENT_NODE:
-            return findTextNodes(children[i] as HTMLElement, currTextNodes);
-        }
-      }
-      return currTextNodes;
-    }
-    let nbTextNodes = 0;
-    const textNodes = findTextNodes(res[6].element);
-    for (let i = 0; i < textNodes.length; i++) {
-      const parentElement = textNodes[i].parentElement;
-      if (parentElement !== null) {
-        expect(window.getComputedStyle(parentElement).color).toEqual("yellow");
-        nbTextNodes++;
-      }
-    }
-    expect(nbTextNodes).toBeGreaterThanOrEqual(1);
-  });
-});

package/src/parsers/texttracks/ttml/html/__tests__/generate_css_test_outline.test.ts DELETED Viewed

@@ -1,32 +0,0 @@
-/**
- * Copyright 2015 CANAL+ Group
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import generateCSSTextOutline from "../generate_css_test_outline";
-describe("generateCSSTextOutline", () => {
-  it("should return a fake outline on a text-shadow basis", () => {
-    expect(generateCSSTextOutline("black", "12"))
-      .toEqual("-1px -1px 12 black," +
-        "1px -1px 12 black," +
-        "-1px 1px 12 black," +
-        "1px 1px 12 black");
-    expect(generateCSSTextOutline("yellow", 1))
-      .toEqual("-1px -1px 1 yellow," +
-        "1px -1px 1 yellow," +
-        "-1px 1px 1 yellow," +
-        "1px 1px 1 yellow");
-  });
-});

package/src/parsers/texttracks/ttml/html/__tests__/ttml_color_to_css_color.test.ts DELETED Viewed

@@ -1,62 +0,0 @@
-/**
- * Copyright 2015 CANAL+ Group
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import ttmlColorToCSSColor from "../ttml_color_to_css_color";
-describe("ttmlColorToCSSColor", () => {
-  it("should return the given color if unrecognized", () => {
-    expect(ttmlColorToCSSColor("toto")).toEqual("toto");
-    expect(ttmlColorToCSSColor("ffffffff")).toEqual("ffffffff");
-    expect(ttmlColorToCSSColor("ffff")).toEqual("ffff");
-    expect(ttmlColorToCSSColor("#fffff")).toEqual("#fffff");
-    expect(ttmlColorToCSSColor("#fgff")).toEqual("#fgff");
-    expect(ttmlColorToCSSColor("#fhffffff")).toEqual("#fhffffff");
-  });
-  it("should translate values based on 8 hexa characters", () => {
-    expect(ttmlColorToCSSColor("#ffffffff"))
-      .toEqual("rgba(255,255,255,1)");
-    expect(ttmlColorToCSSColor("#ffffff00"))
-      .toEqual("rgba(255,255,255,0)");
-    expect(ttmlColorToCSSColor("#8080A000"))
-      .toEqual("rgba(128,128,160,0)");
-  });
-  it("should translate values based on 4 hexa characters", () => {
-    expect(ttmlColorToCSSColor("#ffff"))
-      .toEqual("rgba(255,255,255,1)");
-    expect(ttmlColorToCSSColor("#fff0"))
-      .toEqual("rgba(255,255,255,0)");
-    expect(ttmlColorToCSSColor("#88A0"))
-      .toEqual("rgba(136,136,170,0)");
-  });
-  it("should translate values based on rgb characters", () => {
-    expect(ttmlColorToCSSColor("rgb(57, 98, 77)"))
-      .toEqual("rgb(57,98,77)");
-    expect(ttmlColorToCSSColor("rgb(67,8,57)"))
-      .toEqual("rgb(67,8,57)");
-  });
-  it("should translate values based on rgba characters", () => {
-    expect(ttmlColorToCSSColor("rgba(67,8,77,255)"))
-      .toEqual("rgba(67,8,77,1)");
-    expect(ttmlColorToCSSColor("rgba(57, 98, 77, 0)"))
-      .toEqual("rgba(57,98,77,0)");
-    expect(ttmlColorToCSSColor("rgba(57, 98, 77,128)"))
-      .toEqual("rgba(57,98,77,0.5019607843137255)");
-  });
-});

package/src/parsers/texttracks/ttml/html/apply_default_ttml_paragraph_style.ts DELETED Viewed

@@ -1,67 +0,0 @@
-/**
- * Copyright 2015 CANAL+ Group
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-/**
- * Return true if no style has been already declared and no conflict is
- * detected with current cue style.
- *
- * No position, orientation and dimension style should have been set to
- * avoid any conflict.
- * @param {object} paragraphStyle
- * @returns {boolean}
- */
-export function shouldApplyDefaultTTMLStyle(
-  paragraphStyle: Partial<Record<string, string>>
-): boolean {
-  return paragraphStyle.extent === undefined &&
-         paragraphStyle.origin === undefined &&
-         paragraphStyle.displayAlign === undefined &&
-         paragraphStyle.display === undefined &&
-         paragraphStyle.textAlign === undefined &&
-         paragraphStyle.fontSize === undefined;
-}
-/**
- * Apply a default style to TTML cue.
- *
- * The default style propose to set the cue at the bottom, centered
- * and lightly spaced apart from the edges :
- *
- *        -----------------------------------------------
- *        |                                             |
- *        |                                             |
- *        |                                             |
- *        |                                             |
- *        |                                             |
- *        |                                             |
- *        |            subtitle is displayed            |
- *        |                    here                     |
- *        -----------------------------------------------
- *
- * @param {Object} cue
- * TODO This code can be seen as risky because we might not predict every
- * possible styles that can enter in conflict.
- * A better solution should be found in the future
- */
-export function applyDefaultTTMLStyle(
-  paragraphStyle: Partial<Record<string, string>>
-): void {
-  paragraphStyle.extent = "70% 20%";
-  paragraphStyle.fontSize = "1c";
-  paragraphStyle.origin = "15% 80%";
-  paragraphStyle.displayAlign = "before";
-  paragraphStyle.textAlign = "center";
-}

package/src/parsers/texttracks/ttml/html/apply_extent.ts DELETED Viewed

@@ -1,65 +0,0 @@
-/**
- * Copyright 2015 CANAL+ Group
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import { addClassName } from "../../../../compat";
-import log from "../../../../log";
-import { REGXP_LENGTH } from "../regexps";
-/**
- * Apply `tts:extent` styling to an HTML element.
- * @param {HTMLElement} element
- * @param {string} extent
- */
-export default function applyExtent(
-  element : HTMLElement,
-  extent : string
-) : void {
-  const trimmedExtent = extent.trim();
-  if (trimmedExtent === "auto") {
-    return;
-  }
-  const splittedExtent = trimmedExtent.split(" ");
-  if (splittedExtent.length !== 2) {
-    return;
-  }
-  const firstExtent = REGXP_LENGTH.exec(splittedExtent[0]);
-  const secondExtent = REGXP_LENGTH.exec(splittedExtent[1]);
-  if (firstExtent !== null && secondExtent !== null) {
-    if (firstExtent[2] === "px" ||
-        firstExtent[2] === "%" ||
-        firstExtent[2] === "em")
-    {
-      element.style.width = firstExtent[1] + firstExtent[2];
-    } else if (firstExtent[2] === "c") {
-      addClassName(element, "proportional-style");
-      element.setAttribute("data-proportional-width", firstExtent[1]);
-    } else {
-      log.warn("TTML Parser: unhandled extent unit:", firstExtent[2]);
-    }
-    if (secondExtent[2] === "px" ||
-        secondExtent[2] === "%" ||
-        secondExtent[2] === "em")
-    {
-      element.style.height = secondExtent[1] + secondExtent[2];
-    } else if (secondExtent[2] === "c") {
-      addClassName(element, "proportional-style");
-      element.setAttribute("data-proportional-height", secondExtent[1]);
-    } else {
-      log.warn("TTML Parser: unhandled extent unit:", secondExtent[2]);
-    }
-  }
-}

package/src/parsers/texttracks/ttml/html/apply_font_size.ts DELETED Viewed

@@ -1,62 +0,0 @@
-/**
- * Copyright 2015 CANAL+ Group
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import { addClassName } from "../../../../compat";
-import log from "../../../../log";
-import { REGXP_LENGTH } from "../regexps";
-/**
- * Apply `tts:fontSize` styling to an HTML element.
- * @param {HTMLElement} element
- * @param {string} fontSize
- */
-export default function applyFontSize(
-  element : HTMLElement,
-  fontSize : string
-) : void {
-  const trimmedFontSize = fontSize.trim();
-  const splittedFontSize = trimmedFontSize.split(" ");
-  if (splittedFontSize.length === 0) {
-    return;
-  }
-  const firstFontSize = REGXP_LENGTH.exec(splittedFontSize[0]);
-  if (firstFontSize === null) {
-    return;
-  }
-  if (firstFontSize[2] === "px" ||
-      firstFontSize[2] === "em")
-  {
-    element.style.fontSize = firstFontSize[1] + firstFontSize[2];
-  } else if (firstFontSize[2] === "c") {
-    element.style.position = "relative";
-    addClassName(element, "proportional-style");
-    element.setAttribute("data-proportional-font-size", firstFontSize[1]);
-  } else if (firstFontSize[2] === "%") {
-    const toNum = Number(firstFontSize[1]);
-    if (isNaN(toNum)) {
-      log.warn("TTML Parser: could not parse fontSize value \"" +
-               firstFontSize[1] +
-               "\" into a number");
-    } else {
-      element.style.position = "relative";
-      addClassName(element, "proportional-style");
-      element.setAttribute("data-proportional-font-size", String(toNum / 100));
-    }
-  } else {
-    log.warn("TTML Parser: unhandled fontSize unit:", firstFontSize[2]);
-  }
-}

package/src/parsers/texttracks/ttml/html/apply_line_height.ts DELETED Viewed

@@ -1,50 +0,0 @@
-/**
- * Copyright 2015 CANAL+ Group
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import { addClassName } from "../../../../compat";
-import log from "../../../../log";
-import { REGXP_LENGTH } from "../regexps";
-/**
- * @param {HTMLElement} element
- * @param {string} lineHeight
- */
-export default function applyLineHeight(
-  element : HTMLElement,
-  lineHeight : string
-) : void {
-  const trimmedLineHeight = lineHeight.trim();
-  const splittedLineHeight = trimmedLineHeight.split(" ");
-  if (trimmedLineHeight === "auto") {
-    return;
-  }
-  const firstLineHeight = REGXP_LENGTH.exec(splittedLineHeight[0]);
-  if (firstLineHeight === null) {
-    return;
-  }
-  if (firstLineHeight[2] === "px" ||
-      firstLineHeight[2] === "%" ||
-      firstLineHeight[2] === "em")
-  {
-    element.style.lineHeight = firstLineHeight[1] + firstLineHeight[2];
-  } else if (firstLineHeight[2] === "c") {
-    addClassName(element, "proportional-style");
-    element.setAttribute("data-proportional-line-height", firstLineHeight[1]);
-  } else {
-    log.warn("TTML Parser: unhandled lineHeight unit:", firstLineHeight[2]);
-  }
-}

package/src/parsers/texttracks/ttml/html/apply_origin.ts DELETED Viewed

@@ -1,64 +0,0 @@
-/**
- * Copyright 2015 CANAL+ Group
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import { addClassName } from "../../../../compat";
-import log from "../../../../log";
-import { REGXP_LENGTH } from "../regexps";
-/**
- * @param {HTMLElement} element
- * @param {string} origin
- */
-export default function applyOrigin(
-  element : HTMLElement,
-  origin : string
-) : void {
-  const trimmedOrigin = origin.trim();
-  if (trimmedOrigin === "auto") {
-    return;
-  }
-  const splittedOrigin = trimmedOrigin.split(" ");
-  if (splittedOrigin.length !== 2) {
-    return;
-  }
-  const firstOrigin = REGXP_LENGTH.exec(splittedOrigin[0]);
-  const secondOrigin = REGXP_LENGTH.exec(splittedOrigin[1]);
-  if (firstOrigin !== null && secondOrigin !== null) {
-    if (firstOrigin[2] === "px" ||
-        firstOrigin[2] === "%" ||
-        firstOrigin[2] === "em")
-    {
-      element.style.left = firstOrigin[1] + firstOrigin[2];
-    } else if (firstOrigin[2] === "c") {
-      addClassName(element, "proportional-style");
-      element.setAttribute("data-proportional-left", firstOrigin[1]);
-    } else {
-      log.warn("TTML Parser: unhandled origin unit:", firstOrigin[2]);
-    }
-    if (secondOrigin[2] === "px" ||
-        secondOrigin[2] === "%" ||
-        secondOrigin[2] === "em")
-    {
-      element.style.top = secondOrigin[1] + secondOrigin[2];
-    } else if (secondOrigin[2] === "c") {
-      addClassName(element, "proportional-style");
-      element.setAttribute("data-proportional-top", secondOrigin[1]);
-    } else {
-      log.warn("TTML Parser: unhandled origin unit:", secondOrigin[2]);
-    }
-  }
-}