Add MDsveX and projects page

packages/website/mdsvex.config.js

@@ -0,0 +1,117 @@
+import { defineMDSveXConfig as defineConfig } from "mdsvex";
+// import type { Plugin, Settings } from 'unified';
+
+import remarkGfm from "remark-gfm";
+import remarkFrontmatter from "remark-frontmatter";
+import remarkMath from "remark-math";
+import remarkWikiLink, { } from "remark-wiki-link";
+
+import slug from 'rehype-slug';
+
+import { parse, format } from "node:path";
+
+import slugify from 'slugify';
+
+export const NOTE_ICON = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="2" x2="22" y2="6"></line><path d="M7.5 20.5 19 9l-4-4L3.5 16.5 2 22z"></path></svg>';
+
+export const QUOTE_ICON = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V20c0 1 0 1 1 1z"></path><path d="M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3c0 1 0 1 1 1z"></path></svg>';
+
+export const INFO_ICON = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg>';
+
+export const ICONS = {
+    note: NOTE_ICON,
+    quote: QUOTE_ICON,
+    info: INFO_ICON,
+};
+
+import { globSync } from 'glob'
+
+const projects = globSync('/node_modules/Notes/Projects/*.md')
+    .map((filepath) => {
+        return parse(filepath)
+    })
+    .map((path) => {
+        return format({
+            // ...path,
+            name: slugify(path.name, { lower: true }),
+            // base: undefined,
+            // root: "",
+            // ext: undefined,
+            // dir: path.dir.replace("/node_modules/Notes/Projects", "")
+        })
+    })
+/**
+ * @type {string[]}
+ */
+const permalinks = projects.map((p) => "/projects/" + p)
+
+
+
+/**
+ * @param {string} pageName
+ * @returns {string[]}
+ */
+function pageResolver(pageName) {
+    const slug = slugify(pageName, { lower: true });
+    return ["/", "/projects/"].map((p) => p + slug);
+}
+
+const hrefTemplate = (/** @type {string} */ permalink) => `#${permalink}`
+
+const config = defineConfig({
+  extensions: [".svelte.md", ".md", ".svx"],
+
+  fences: true,
+  ruleSpaces: false,
+  smartypants: {
+    dashes: "oldschool",
+  },
+  
+  highlight: {
+    alias: {
+      ts: "typescript",
+      mdx: "markdown",
+      svelte: "svelte",
+      svx: "svx",
+      mdsvex: "svx",
+      sig: "ts",
+    }
+  },
+
+  remarkPlugins: [
+    remarkGfm,
+    remarkFrontmatter,
+    remarkMath,
+    [remarkWikiLink, {
+      // @ts-ignore
+      aliasDivider: "|",
+      permalinks: permalinks,
+      pageResolver,
+      hrefTemplate,
+      
+      // wikiLinkClassName,
+      // newClassName,
+    }],
+    // [citePlugin, {
+    //   syntax: {
+    //     // see micromark-extension-cite
+    //     enableAltSyntax: false,
+    //     enablePandocSyntax: true,
+    //   },
+    //   toMarkdown: {
+    //     // see mdast-util-cite
+    //     standardizeAltSyntax: false,
+    //     enableAuthorSuppression: true,
+    //     useNodeValue: false,
+    //   },
+    // }],
+    // [remarkBibliography, { bibliography }],
+    // [remarkMermaid, {}]
+  ],
+  rehypePlugins: [
+    // @ts-ignore
+    slug 
+  ],
+});
+
+export default config;