]*>([\s\S]*?)<\/style[^>]*>/i;
const PARAG = /\s*]+))?>(.*)/i;
const START = /]+?start="?([0-9]*)"?[^0-9]/i;
/**
* Returns classnames for every languages.
* @param {string} str
* @returns {Object}
*/
function getClassNameByLang(str: string): Partial> {
const ruleRe = /\.(\S+)\s*{([^}]*)}/gi;
const langs: { [lang: string]: string } = {};
let m = ruleRe.exec(str);
while (m !== null) {
const name = m[1];
const lang = getCSSProperty(m[2], "lang");
if (!isNullOrUndefined(name) && !isNullOrUndefined(lang)) {
langs[lang] = name;
}
m = ruleRe.exec(str);
}
return langs;
}
/**
* Returns the rules defined for the P element.
* Empty string if not found.
* @param {string} str - The entire styling part.
* @returns {string}
*/
function getPCSSRules(str: string): string {
const pRuleRegex = /p\s*{([^}]*)}/gi;
const rule = pRuleRegex.exec(str);
if (rule === null) {
return "";
}
return rule[1];
}
/**
* @param {string} str - entire CSS rule
* @param {string} name - name of the property
* @returns {string|null} - value of the property. Null if not found.
*/
function getCSSProperty(str: string, name: string): string | null {
const matches = new RegExp("\\s*" + name + ":\\s*(\\S+);", "i").exec(str);
return Array.isArray(matches) ? matches[1] : null;
}
/**
* @param {string} text
* @returns {string}
*/
function decodeEntities(text: string): string {
return text.replace(HTML_ENTITIES, (_, $1) => String.fromCharCode(Number($1)));
}
/**
* Because sami is not really html... we have to use
* some kind of regular expressions to parse it...
* the cthulhu way :)
* The specification being quite clunky, this parser
* may not work for every sami input.
*
* @param {string|BufferSource} input
* @param {Object} context
* @param {Number} timeOffset
*/
function parseSami(
input: string | BufferSource,
{
language: lang,
}: {
language: string | undefined;
},
timeOffset: number,
): IHTMLCue[] {
let smi: string;
if (typeof input !== "string") {
// Assume UTF-8
// TODO: detection?
smi = utf8ToStr(bufferSourceToUint8(input));
} else {
smi = input;
}
const syncOpen = /]/gi;
const syncClose = /]|<\/body>/gi;
const subs: IHTMLCue[] = [];
const styleMatches = STYLE.exec(smi);
const css = Array.isArray(styleMatches) ? styleMatches[1] : "";
let up;
let to;
// FIXME Is that wanted?
// previously written as let to = SyncClose.exec(smi); but never used
syncClose.exec(smi);
const langs = getClassNameByLang(css);
const pCSS = getPCSSRules(css);
let klass: string | undefined;
if (isNonEmptyString(lang)) {
klass = langs[lang];
if (klass === undefined) {
throw new Error(`sami: could not find lang ${lang} in CSS`);
}
}
while (true) {
up = syncOpen.exec(smi);
to = syncClose.exec(smi);
if (up === null && to === null) {
break;
}
if (up === null || to === null || up.index >= to.index) {
throw new Error("parse error");
}
const str = smi.slice(up.index, to.index);
const tim = START.exec(str);
if (!Array.isArray(tim)) {
throw new Error("parse error (sync time attribute)");
}
const start = +tim[1];
if (isNaN(start)) {
throw new Error("parse error (sync time attribute NaN)");
}
appendToSubs(str.split("\n"), start / 1000);
}
return subs;
function appendToSubs(lines: string[], start: number) {
let i = lines.length;
while (--i >= 0) {
const paragraphInfos = PARAG.exec(lines[i]);
if (!Array.isArray(paragraphInfos)) {
continue;
}
const [, className, txt] = paragraphInfos;
if (klass !== className) {
continue;
}
if (txt === " ") {
subs[subs.length - 1].end = start;
} else {
const wrapperEl = document.createElement("DIV");
wrapperEl.className = "rxp-texttrack-region";
const divEl = document.createElement("DIV");
divEl.className = "rxp-texttrack-div";
divEl.style.position = "absolute";
divEl.style.bottom = "0";
divEl.style.width = "100%";
divEl.style.color = "#fff";
divEl.style.textShadow =
"-1px -1px 0 #000," +
"1px -1px 0 #000," +
"-1px 1px 0 #000," +
"1px 1px 0 #000";
const pEl = document.createElement("div");
pEl.className = "rxp-texttrack-p";
if (isNonEmptyString(pCSS)) {
pEl.style.cssText = pCSS;
}
const textEls = txt.split(BR);
for (let j = 0; j < textEls.length; j++) {
if (j !== 0) {
pEl.appendChild(document.createElement("BR"));
}
const spanEl = document.createElement("SPAN");
spanEl.className = "rxp-texttrack-span";
spanEl.textContent = decodeEntities(textEls[j]);
pEl.appendChild(spanEl);
}
divEl.appendChild(pEl);
wrapperEl.appendChild(divEl);
subs.push({
element: wrapperEl,
start: start + timeOffset,
end: -1 /* Will be updated on a following iteration */,
});
}
}
}
}
export default parseSami;