Encountered errors in plugin creation, disabled new code for now
This commit is contained in:
@@ -22,8 +22,8 @@ import checkboxScript from "../../components/scripts/checkbox.inline"
|
|||||||
// @ts-ignore
|
// @ts-ignore
|
||||||
import mermaidScript from "../../components/scripts/mermaid.inline"
|
import mermaidScript from "../../components/scripts/mermaid.inline"
|
||||||
import mermaidStyle from "../../components/styles/mermaid.inline.scss"
|
import mermaidStyle from "../../components/styles/mermaid.inline.scss"
|
||||||
import argdownScript from "../../components/scripts/argdown.inline"
|
// import argdownScript from "../../components/scripts/argdown.inline"
|
||||||
import argdownStyle from "../../components/styles/argdown.inline.scss"
|
// import argdownStyle from "../../components/styles/argdown.inline.scss"
|
||||||
import { FilePath, pathToRoot, slugTag, slugifyFilePath } from "../../util/path"
|
import { FilePath, pathToRoot, slugTag, slugifyFilePath } from "../../util/path"
|
||||||
import { toHast } from "mdast-util-to-hast"
|
import { toHast } from "mdast-util-to-hast"
|
||||||
import { toHtml } from "hast-util-to-html"
|
import { toHtml } from "hast-util-to-html"
|
||||||
@@ -36,7 +36,7 @@ export interface Options {
|
|||||||
wikilinks: boolean
|
wikilinks: boolean
|
||||||
callouts: boolean
|
callouts: boolean
|
||||||
mermaid: boolean
|
mermaid: boolean
|
||||||
argdown: boolean
|
// argdown: boolean
|
||||||
parseTags: boolean
|
parseTags: boolean
|
||||||
parseArrows: boolean
|
parseArrows: boolean
|
||||||
parseBlockReferences: boolean
|
parseBlockReferences: boolean
|
||||||
@@ -53,7 +53,7 @@ const defaultOptions: Options = {
|
|||||||
wikilinks: true,
|
wikilinks: true,
|
||||||
callouts: true,
|
callouts: true,
|
||||||
mermaid: true,
|
mermaid: true,
|
||||||
argdown: true,
|
// argdown: true,
|
||||||
parseTags: true,
|
parseTags: true,
|
||||||
parseArrows: true,
|
parseArrows: true,
|
||||||
parseBlockReferences: true,
|
parseBlockReferences: true,
|
||||||
@@ -542,23 +542,23 @@ export const ObsidianFlavoredMarkdown: QuartzTransformerPlugin<Partial<Options>>
|
|||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
if (opts.argdown) {
|
// if (opts.argdown) {
|
||||||
plugins.push(() => {
|
// plugins.push(() => {
|
||||||
return (tree: Root, file) => {
|
// return (tree: Root, file) => {
|
||||||
visit(tree, "code", (node: Code) => {
|
// visit(tree, "code", (node: Code) => {
|
||||||
if (node.lang === "argdown") {
|
// if (node.lang === "argdown") {
|
||||||
file.data.hasArgdownDiagram = true
|
// file.data.hasArgdownDiagram = true
|
||||||
node.data = {
|
// node.data = {
|
||||||
hProperties: {
|
// hProperties: {
|
||||||
className: ["argdown"],
|
// className: ["argdown"],
|
||||||
"data-clipboard": JSON.stringify(node.value),
|
// "data-clipboard": JSON.stringify(node.value),
|
||||||
},
|
// },
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
})
|
// })
|
||||||
}
|
// }
|
||||||
})
|
// })
|
||||||
}
|
// }
|
||||||
|
|
||||||
return plugins
|
return plugins
|
||||||
},
|
},
|
||||||
@@ -765,74 +765,74 @@ export const ObsidianFlavoredMarkdown: QuartzTransformerPlugin<Partial<Options>>
|
|||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
if (opts.argdown) {
|
// if (opts.argdown) {
|
||||||
plugins.push(() => {
|
// plugins.push(() => {
|
||||||
return (tree: HtmlRoot, _file) => {
|
// return (tree: HtmlRoot, _file) => {
|
||||||
visit(tree, "element", (node: Element, _idx, parent) => {
|
// visit(tree, "element", (node: Element, _idx, parent) => {
|
||||||
if (
|
// if (
|
||||||
node.tagName === "code" &&
|
// node.tagName === "code" &&
|
||||||
((node.properties?.className ?? []) as string[])?.includes("argdown")
|
// ((node.properties?.className ?? []) as string[])?.includes("argdown")
|
||||||
) {
|
// ) {
|
||||||
parent!.children = [
|
// parent!.children = [
|
||||||
{
|
// {
|
||||||
type: "element",
|
// type: "element",
|
||||||
tagName: "button",
|
// tagName: "button",
|
||||||
properties: {
|
// properties: {
|
||||||
className: ["expand-button"],
|
// className: ["expand-button"],
|
||||||
"aria-label": "Expand argdown diagram",
|
// "aria-label": "Expand argdown diagram",
|
||||||
"data-view-component": true,
|
// "data-view-component": true,
|
||||||
},
|
// },
|
||||||
children: [
|
// children: [
|
||||||
{
|
// {
|
||||||
type: "element",
|
// type: "element",
|
||||||
tagName: "svg",
|
// tagName: "svg",
|
||||||
properties: {
|
// properties: {
|
||||||
width: 16,
|
// width: 16,
|
||||||
height: 16,
|
// height: 16,
|
||||||
viewBox: "0 0 16 16",
|
// viewBox: "0 0 16 16",
|
||||||
fill: "currentColor",
|
// fill: "currentColor",
|
||||||
},
|
// },
|
||||||
children: [
|
// children: [
|
||||||
{
|
// {
|
||||||
type: "element",
|
// type: "element",
|
||||||
tagName: "path",
|
// tagName: "path",
|
||||||
properties: {
|
// properties: {
|
||||||
fillRule: "evenodd",
|
// fillRule: "evenodd",
|
||||||
d: "M3.72 3.72a.75.75 0 011.06 1.06L2.56 7h10.88l-2.22-2.22a.75.75 0 011.06-1.06l3.5 3.5a.75.75 0 010 1.06l-3.5 3.5a.75.75 0 11-1.06-1.06l2.22-2.22H2.56l2.22 2.22a.75.75 0 11-1.06 1.06l-3.5-3.5a.75.75 0 010-1.06l3.5-3.5z",
|
// d: "M3.72 3.72a.75.75 0 011.06 1.06L2.56 7h10.88l-2.22-2.22a.75.75 0 011.06-1.06l3.5 3.5a.75.75 0 010 1.06l-3.5 3.5a.75.75 0 11-1.06-1.06l2.22-2.22H2.56l2.22 2.22a.75.75 0 11-1.06 1.06l-3.5-3.5a.75.75 0 010-1.06l3.5-3.5z",
|
||||||
},
|
// },
|
||||||
children: [],
|
// children: [],
|
||||||
},
|
// },
|
||||||
],
|
// ],
|
||||||
},
|
// },
|
||||||
],
|
// ],
|
||||||
},
|
// },
|
||||||
node,
|
// node,
|
||||||
{
|
// {
|
||||||
type: "element",
|
// type: "element",
|
||||||
tagName: "div",
|
// tagName: "div",
|
||||||
properties: { id: "argdown-container", role: "dialog" },
|
// properties: { id: "argdown-container", role: "dialog" },
|
||||||
children: [
|
// children: [
|
||||||
{
|
// {
|
||||||
type: "element",
|
// type: "element",
|
||||||
tagName: "div",
|
// tagName: "div",
|
||||||
properties: { id: "argdown-space" },
|
// properties: { id: "argdown-space" },
|
||||||
children: [
|
// children: [
|
||||||
{
|
// {
|
||||||
type: "element",
|
// type: "element",
|
||||||
tagName: "div",
|
// tagName: "div",
|
||||||
properties: { className: ["argdown-content"] },
|
// properties: { className: ["argdown-content"] },
|
||||||
children: [],
|
// children: [],
|
||||||
},
|
// },
|
||||||
],
|
// ],
|
||||||
},
|
// },
|
||||||
],
|
// ],
|
||||||
},
|
// },
|
||||||
]
|
// ]
|
||||||
}
|
// }
|
||||||
})
|
// })
|
||||||
}
|
// }
|
||||||
})
|
// })
|
||||||
}
|
// }
|
||||||
|
|
||||||
return plugins
|
return plugins
|
||||||
},
|
},
|
||||||
@@ -870,19 +870,19 @@ export const ObsidianFlavoredMarkdown: QuartzTransformerPlugin<Partial<Options>>
|
|||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
if (opts.argdown) {
|
// if (opts.argdown) {
|
||||||
js.push({
|
// js.push({
|
||||||
script: argdownScript,
|
// script: argdownScript,
|
||||||
loadTime: "afterDOMReady",
|
// loadTime: "afterDOMReady",
|
||||||
contentType: "inline",
|
// contentType: "inline",
|
||||||
moduleType: "module",
|
// moduleType: "module",
|
||||||
})
|
// })
|
||||||
|
|
||||||
css.push({
|
// css.push({
|
||||||
content: argdownStyle,
|
// content: argdownStyle,
|
||||||
inline: true,
|
// inline: true,
|
||||||
})
|
// })
|
||||||
}
|
// }
|
||||||
|
|
||||||
return { js, css }
|
return { js, css }
|
||||||
},
|
},
|
||||||
|
|||||||
Reference in New Issue
Block a user