/* eslint-disable max-len */ /* eslint-disable regexp/prefer-question-quantifier */ /* eslint-disable regexp/no-useless-non-capturing-group */ /* eslint-disable regexp/optimal-quantifier-concatenation */ import _ from 'lodash'; import type MarkdownIt from 'markdown-it'; import { v4 as uuid } from 'uuid'; 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; } // eslint-disable-next-line regexp/no-empty-alternative 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].+?)\]\((.*?)\)/; 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) { if (service === 'youtube') { const parameters = extractVideoParameters(url); 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.com/embed/${parameterPos > -1 ? src.substring(0, parameterPos) : src}`; if (parameterArray.length > 0) finalUrl += `?${parameterArray.join('&')}`; return finalUrl; } 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 `//player.bilibili.com/player.html?${src.startsWith('BV') ? 'bvid' : 'aid'}=${src}&autoplay=0`; } if (service === 'msoffice') return `https://view.officeapps.live.com/op/view.aspx?src=${encodeURIComponent(src)}`; if (service === 'youku') return `https://player.youku.com/embed/${src}`; if (service === 'vimeo') return `https://player.vimeo.com/video/${src}`; if (service === 'vine') return `https://vine.co/v/${src}/embed/simple`; 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; } declare module 'hydrooj' { interface ModuleInterfaces { richmedia: { get: (service: string, src: string, md: MarkdownIt) => string | null; }; } } export function Media(md: MarkdownIt, { pdfToolbar = false }: { pdfToolbar?: boolean } = {}) { const supported = ['youtube', 'vimeo', 'vine', 'prezi', 'bilibili', 'youku', 'msoffice']; 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 (Hydro?.module?.richmedia?.[service]) { const result = Hydro?.module?.richmedia[service].get(service, src, md); if (result) return result; } if (service === 'pdf') { if (['file://', './', '../'].some((i) => src.startsWith(i)) || (src[1] === '/' && src[2] !== '/')) src += src.includes('?') ? '&noDisposition=1' : '?noDisposition=1'; // A response with has content-disposition header causes the browser to download the file automatically. // As we cannot control response header from external sites, we block embedding external PDFs. else return `

Embedding an external PDF is no longer supported.

Download`; return `\ `; } if (['url', 'video'].includes(service)) { return `\ `; } if (supported.includes(service)) { 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; }); }