File size: 2,425 Bytes
0bd62e5 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 |
import changelog_json from "$lib/json/changelog.json";
import { compile } from "mdsvex";
import anchor from "$lib/assets/img/anchor.svg";
import version from "$lib/json/version.json";
import { make_slug_processor } from "$lib/utils";
import { toString as to_string } from "hast-util-to-string";
import Prism from "prismjs";
import "prismjs/components/prism-python";
import "prismjs/components/prism-bash";
import "prismjs/components/prism-json";
import "prismjs/components/prism-typescript";
import "prismjs/components/prism-csv";
import "prismjs/components/prism-markup";
const langs = {
python: "python",
py: "python",
bash: "bash",
csv: "csv",
html: "html",
shell: "bash",
json: "json",
typescript: "typescript",
directory: "json"
};
function highlight(code: string, lang: string | undefined) {
const _lang = langs[lang as keyof typeof langs] || "";
const highlighted = _lang
? `<pre class="language-${lang}"><code>${Prism.highlight(
code,
Prism.languages[_lang],
_lang
)}</code></pre>`
: code;
return highlighted;
}
let content = changelog_json.content;
export async function load() {
const changelog_slug: object[] = [];
const get_slug = make_slug_processor();
function plugin() {
return function transform(tree: any) {
tree.children.forEach((n: any) => {
if (n.type === "element" && ["h2"].includes(n.tagName)) {
const str_of_heading = to_string(n);
const slug = get_slug(str_of_heading);
changelog_slug.push({
text: str_of_heading,
href: `#${slug}`,
level: parseInt(n.tagName.replace("h", ""))
});
if (!n.children) n.children = [];
n.properties.className = ["group"];
n.properties.id = [slug];
n.children.push({
type: "element",
tagName: "a",
properties: {
href: `#${slug}`,
className: ["invisible", "group-hover-visible"]
},
children: [
{
type: "element",
tagName: "img",
properties: {
src: anchor,
className: ["anchor-img"]
},
children: []
}
]
});
}
});
};
}
const compiled = await compile(content, {
rehypePlugins: [plugin],
highlight: {
highlighter: highlight
}
});
content = (await compiled?.code) || "";
return {
content,
changelog_slug
};
}
|