| | |
|---|
| | | import { QuartzTransformerPlugin } from "../types" |
|---|
| | | import { Root, Html, BlockContent, DefinitionContent, Paragraph, Code } from "mdast" |
|---|
| | | import { Root, Html, Image, BlockContent, DefinitionContent, Paragraph, Code } from "mdast" |
|---|
| | | import { Element, Literal, Root as HtmlRoot } from "hast" |
|---|
| | | import { ReplaceFunction, findAndReplace as mdastFindReplace } from "mdast-util-find-and-replace" |
|---|
| | | import { slug as slugAnchor } from "github-slugger" |
|---|
| | | import rehypeRaw from "rehype-raw" |
|---|
| | | import { visit } from "unist-util-visit" |
|---|
| | | import { SKIP, visit } from "unist-util-visit" |
|---|
| | | import path from "path" |
|---|
| | | import { JSResource } from "../../util/resources" |
|---|
| | | // @ts-ignore |
|---|
| | |
|---|
| | | parseBlockReferences: true, |
|---|
| | | enableInHtmlEmbed: false, |
|---|
| | | enableYouTubeEmbed: true, |
|---|
| | | enableVideoEmbed: false, |
|---|
| | | enableVideoEmbed: true, |
|---|
| | | } |
|---|
| | | |
|---|
| | | const icons = { |
|---|
| | |
|---|
| | | // (?:[-_\p{L}\d\p{Z}])+ -> non-capturing group, non-empty string of (Unicode-aware) alpha-numeric characters and symbols, hyphens and/or underscores |
|---|
| | | // (?:\/[-_\p{L}\d\p{Z}]+)*) -> non-capturing group, matches an arbitrary number of tag strings separated by "/" |
|---|
| | | const tagRegex = new RegExp(/(?:^| )#((?:[-_\p{L}\p{Emoji}\d])+(?:\/[-_\p{L}\p{Emoji}\d]+)*)/, "gu") |
|---|
| | | const blockReferenceRegex = new RegExp(/\^([A-Za-z0-9]+)$/, "g") |
|---|
| | | const blockReferenceRegex = new RegExp(/\^([-_A-Za-z0-9]+)$/, "g") |
|---|
| | | const ytLinkRegex = /^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|\&v=)([^#\&\?]*).*/ |
|---|
| | | const videoExtensionRegex = new RegExp(/\.(mp4|webm|ogg|avi|mov|flv|wmv|mkv|mpg|mpeg|3gp|m4v)$/) |
|---|
| | | |
|---|
| | |
|---|
| | | plugins.push(() => { |
|---|
| | | return (tree: Root, _file) => { |
|---|
| | | visit(tree, "image", (node, index, parent) => { |
|---|
| | | const match = node.url.match(videoExtensionRegex) |
|---|
| | | if (parent && match) { |
|---|
| | | const htmlNode: PhrasingContent = { |
|---|
| | | if (parent && index != undefined && videoExtensionRegex.test(node.url)) { |
|---|
| | | const newNode: Html = { |
|---|
| | | type: "html", |
|---|
| | | value: `<video controls src="${node.url}" controls></video>`, |
|---|
| | | value: `<video controls src="${node.url}"></video>`, |
|---|
| | | } |
|---|
| | | if (index && index >= 0 && index < parent.children.length) { |
|---|
| | | parent.children.splice(index, 1, htmlNode) |
|---|
| | | } else { |
|---|
| | | console.warn("Warning: Invalid index, htmlNode not added") |
|---|
| | | } |
|---|
| | | |
|---|
| | | parent.children.splice(index, 1, newNode) |
|---|
| | | return SKIP |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | } |
|---|
