/* eslint-disable max-len */
/* eslint-disable prefer-destructuring */
import { randomUUID } from 'crypto';
import MarkdownIt from 'markdown-it';
const allowFullScreen = ' webkitallowfullscreen mozallowfullscreen allowfullscreen';
const ytRegex = /^.*((youtu.be\/)|(v\/)|(\/u\/\w\/)|(embed\/)|(watch\?))\??v?=?([^#&?]*).*/;
function youtubeParser(url: string) {
const match = url.match(ytRegex);
return match && match[7].length === 11 ? match[7] : url;
}
const vimeoRegex = /https?:\/\/(?:www\.|player\.)?vimeo.com\/(?:channels\/(?:\w+\/)?|groups\/([^/]*)\/videos\/|album\/(\d+)\/video\/|)(\d+)(?:$|\/|\?)/;
function vimeoParser(url: string) {
const match = url.match(vimeoRegex);
return match && typeof match[3] === 'string' ? match[3] : url;
}
const vineRegex = /^http(?:s?):\/\/(?:www\.)?vine\.co\/v\/([a-zA-Z0-9]{1,13}).*/;
function vineParser(url: string) {
const match = url.match(vineRegex);
return match && match[1].length === 11 ? match[1] : url;
}
const preziRegex = /^https:\/\/prezi.com\/(.[^/]+)/;
function preziParser(url: string) {
const match = url.match(preziRegex);
return match ? match[1] : url;
}
const EMBED_REGEX = /@\[([a-zA-Z].+?)]\((.*?)[)]/im;
function extractVideoParameters(url: string) {
const parameterMap = new Map();
const params = url.replace(/&/gi, '&').split(/[#?&]/);
if (params.length > 1) {
for (let i = 1; i < params.length; i += 1) {
const keyValue = params[i].split('=');
if (keyValue.length > 1) parameterMap.set(keyValue[0], keyValue[1]);
}
}
return parameterMap;
}
function resourceUrl(service: string, src: string, url: string, options) {
if (service === 'youtube') {
const parameters = extractVideoParameters(url);
if (options.youtube.parameters) {
Object.keys(options.youtube.parameters).forEach((key) => {
parameters.set(key, options.youtube.parameters[key]);
});
}
const timeParameter = parameters.get('t');
if (timeParameter !== undefined) {
let startTime = 0;
const timeParts = timeParameter.match(/[0-9]+/g);
let j = 0;
while (timeParts.length > 0) {
startTime += Number(timeParts.pop()) * (60 ** j);
j += 1;
}
parameters.set('start', startTime);
parameters.delete('t');
}
parameters.delete('v');
parameters.delete('feature');
parameters.delete('origin');
const parameterArray = Array.from(parameters, (p) => p.join('='));
const parameterPos = src.indexOf('?');
let finalUrl = 'https://www.youtube';
if (options.youtube.nocookie || url.indexOf('youtube-nocookie.com') > -1) finalUrl += '-nocookie';
finalUrl += `.com/embed/${parameterPos > -1 ? src.substr(0, parameterPos) : src}`;
if (parameterArray.length > 0) finalUrl += `?${parameterArray.join('&')}`;
return finalUrl;
}
if (service === 'vimeo') return `https://player.vimeo.com/video/${src}`;
if (service === 'vine') return `https://vine.co/v/${src}/embed/${options.vine.embed}`;
if (service === 'prezi') {
return `https://prezi.com/embed/${src}/?bgcolor=ffffff&lock_to_path=0&autoplay=0&autohide_ctrls=0&`
+ 'landing_data=bHVZZmNaNDBIWnNjdEVENDRhZDFNZGNIUE43MHdLNWpsdFJLb2ZHanI5N1lQVHkxSHFxazZ0UUNCRHloSXZROHh3PT0&'
+ 'landing_sign=1kD6c0N6aYpMUS0wxnQjxzSqZlEB8qNFdxtdjYhwSuI';
}
return src;
}
export function Media(md: MarkdownIt) {
const options = {
url: resourceUrl,
video: resourceUrl,
youtube: { width: 640, height: 390, nocookie: false },
vimeo: { width: 500, height: 281 },
vine: { width: 600, height: 600, embed: 'simple' },
prezi: { width: 550, height: 400 },
pdf: resourceUrl,
};
md.renderer.rules.video = function tokenizeReturn(tokens, idx) {
let src = md.utils.escapeHtml(tokens[idx].attrGet('src'));
const service = md.utils.escapeHtml(tokens[idx].attrGet('service')).toLowerCase();
if (service === 'bilibili') {
if (src.startsWith('http')) src = src.split('/').pop();
if (src.toLowerCase().startsWith('av')) src = src.toLowerCase().split('av')[1];
src = src.split('?')[0];
return `\
`;
}
if (service === 'msoffice') {
return `\
`;
}
if (service === 'pdf') {
if (src.startsWith('file://') || src.startsWith('./')) src += src.includes('?') ? '&noDisposition=1' : '?noDisposition=1';
return `\
`;
}
if (['url', 'video'].includes(service)) {
return `\
`;
}
if (options[service]?.width) {
return `
`;
}
return `${md.utils.escapeHtml(src)}
`;
};
md.inline.ruler.before('emphasis', 'video', (state, silent) => {
const theState = state;
const oldPos = state.pos;
if (state.src.charCodeAt(oldPos) !== 0x40
||/* @ */ state.src.charCodeAt(oldPos + 1) !== 0x5B/* [ */) {
return false;
}
const match = EMBED_REGEX.exec(state.src.slice(state.pos, state.src.length));
if (!match || match.length < 3) return false;
let [, service, src] = match;
service = service.toLowerCase();
if (service === 'youtube') src = youtubeParser(src);
else if (service === 'vimeo') src = vimeoParser(src);
else if (service === 'vine') src = vineParser(src);
else if (service === 'prezi') src = preziParser(src);
if (src === ')') src = '';
const serviceStart = oldPos + 2;
if (!silent) {
theState.pos = serviceStart;
const newState = new theState.md.inline.State(service, theState.md, theState.env, []);
newState.md.inline.tokenize(newState);
const token = theState.push('video', '', undefined);
token.attrPush(['src', src]);
token.attrPush(['service', service]);
token.attrPush(['url', match[2]]);
token.level = theState.level;
}
theState.pos += theState.src.indexOf(')', theState.pos);
return true;
});
}