@xyd-js/content 0.1.0-xyd.3 → 0.1.0-xyd.5

package/dist/vite.js

@@ -0,0 +1,223 @@
+// packages/vite/index.ts
+import mdx from "@mdx-js/rollup";
+
+// packages/md/plugins/index.ts
+import remarkFrontmatter from "remark-frontmatter";
+import remarkMdxFrontmatter from "remark-mdx-frontmatter";
+import remarkGfm from "remark-gfm";
+import remarkDirective from "remark-directive";
+
+// packages/md/plugins/md-toc.ts
+var remarkMdxToc = (options) => () => async (ast) => {
+  const { visit: visit5 } = await import("unist-util-visit");
+  const { toString } = await import("mdast-util-to-string");
+  const { valueToEstree } = await import("estree-util-value-to-estree");
+  const { name: isIdentifierName } = await import("estree-util-is-identifier-name");
+  const mdast = ast;
+  const name = options.name ?? "toc";
+  if (!isIdentifierName(name)) {
+    throw new Error(`Invalid name for an identifier: ${name}`);
+  }
+  const toc = [];
+  const flatToc = [];
+  const createEntry = (node, depth) => {
+    let attributes = node.data || {};
+    if (node.type === "mdxJsxFlowElement") {
+      attributes = Object.fromEntries(
+        node.attributes.filter((attribute) => attribute.type === "mdxJsxAttribute" && typeof attribute.value === "string").map((attribute) => [attribute.name, attribute.value])
+      );
+    }
+    return {
+      depth,
+      value: toString(node, { includeImageAlt: false }),
+      attributes,
+      children: []
+    };
+  };
+  visit5(mdast, ["heading", "mdxJsxFlowElement"], (node) => {
+    let depth = 0;
+    if (node.type === "mdxJsxFlowElement") {
+      let valid = false;
+      if (/^h[1-6]$/.test(node.name || "")) {
+        valid = true;
+        depth = parseInt(node.name.substring(1));
+      } else if (options.customTags) {
+        for (const tag of options.customTags) {
+          if (tag.name.test(node.name || "")) {
+            valid = true;
+            depth = tag.depth(node.name || "");
+            break;
+          }
+        }
+      }
+      if (!valid) {
+        return;
+      }
+    } else if (node.type === "heading") {
+      depth = node.depth;
+    } else {
+      return;
+    }
+    if (depth && ((options == null ? void 0 : options.minDepth) && options.minDepth > depth)) {
+      return;
+    }
+    const entry = createEntry(node, depth);
+    flatToc.push(entry);
+    let parent = toc;
+    for (let i = flatToc.length - 1; i >= 0; --i) {
+      const current = flatToc[i];
+      if (current.depth < entry.depth) {
+        parent = current.children;
+        break;
+      }
+    }
+    parent.push(entry);
+  });
+  const tocExport = {
+    type: "mdxjsEsm",
+    value: "",
+    data: {
+      estree: {
+        type: "Program",
+        sourceType: "module",
+        body: [
+          {
+            type: "ExportNamedDeclaration",
+            specifiers: [],
+            source: null,
+            declaration: {
+              type: "VariableDeclaration",
+              kind: "const",
+              declarations: [
+                {
+                  type: "VariableDeclarator",
+                  id: {
+                    type: "Identifier",
+                    name
+                  },
+                  init: valueToEstree(toc)
+                }
+              ]
+            }
+          }
+        ]
+      }
+    }
+  };
+  mdast.children.unshift(tocExport);
+};
+
+// packages/md/plugins/md-code.ts
+import { visit } from "unist-util-visit";
+function remarkInjectCodeMeta() {
+  return (tree) => {
+    visit(tree, "code", (node) => {
+      if (node.meta) {
+        node.data = node.data || {};
+        node.data.hProperties = {
+          ...node.data.hProperties || {},
+          meta: node.meta
+        };
+      }
+    });
+  };
+}
+
+// packages/md/plugins/md-themeSettings.ts
+import { visit as visit2 } from "unist-util-visit";
+var extractThemeSettings = () => {
+  return (tree) => {
+    visit2(tree, "exportNamedDeclaration", (node) => {
+      const declaration = node.declaration;
+      if (declaration && declaration.declarations) {
+        declaration.declarations.forEach((decl) => {
+          if (decl.id.name === "themeSettings") {
+            global.themeSettings = decl.init;
+          }
+        });
+      }
+    });
+  };
+};
+
+// packages/md/plugins/md-page.ts
+import { visit as visit3 } from "unist-util-visit";
+var extractPage = () => {
+  return (tree) => {
+    visit3(tree, "exportNamedDeclaration", (node) => {
+      const declaration = node.declaration;
+      if (declaration && declaration.declarations) {
+        declaration.declarations.forEach((decl) => {
+          if (decl.id.name === "page") {
+            global.page = decl.init;
+          }
+        });
+      }
+    });
+  };
+};
+
+// packages/md/plugins/md-codegroup.ts
+import { visit as visit4 } from "unist-util-visit";
+function mdCodeGroup() {
+  return (tree) => {
+    visit4(tree, "containerDirective", (node) => {
+      var _a;
+      if (node.name !== "code-group") return;
+      const description = ((_a = node.attributes) == null ? void 0 : _a.title) || "";
+      const codeblocks = [];
+      for (const child of node.children) {
+        if (child.type === "code") {
+          const meta = child.meta || "";
+          const value = child.value || "";
+          const lang = child.lang || "";
+          codeblocks.push({ value, lang, meta });
+        }
+      }
+      node.data = {
+        hName: "DirectiveCodeSample",
+        hProperties: {
+          description,
+          codeblocks: JSON.stringify(codeblocks)
+        }
+      };
+      node.children = [];
+    });
+  };
+}
+
+// packages/md/plugins/index.ts
+function defaultPlugins(toc) {
+  return [
+    remarkFrontmatter,
+    remarkMdxFrontmatter,
+    remarkGfm,
+    remarkDirective,
+    remarkMdxToc(toc),
+    remarkInjectCodeMeta,
+    extractThemeSettings,
+    extractPage,
+    mdCodeGroup
+  ];
+}
+
+// packages/md/index.ts
+function mdOptions(toc) {
+  return {
+    remarkPlugins: [
+      ...defaultPlugins(toc)
+    ],
+    rehypePlugins: []
+  };
+}
+
+// packages/vite/index.ts
+function vitePlugins(options) {
+  return [
+    mdx(mdOptions(options.toc))
+  ];
+}
+export {
+  vitePlugins
+};
+//# sourceMappingURL=vite.js.map

package/dist/vite.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../packages/vite/index.ts","../packages/md/plugins/index.ts","../packages/md/plugins/md-toc.ts","../packages/md/plugins/md-code.ts","../packages/md/plugins/md-themeSettings.ts","../packages/md/plugins/md-page.ts","../packages/md/plugins/md-codegroup.ts","../packages/md/index.ts"],"sourcesContent":["import type {Plugin} from 'rollup';\nimport mdx from '@mdx-js/rollup';\n\nimport {RemarkMdxTocOptions, mdOptions} from \"../md\";\n\nexport interface VitePluginInterface {\n    toc: RemarkMdxTocOptions\n}\n\nexport function vitePlugins(options: VitePluginInterface): Plugin[] {\n    return [\n        mdx(mdOptions(options.toc)),\n    ];\n}","import remarkFrontmatter from \"remark-frontmatter\";\nimport remarkMdxFrontmatter from \"remark-mdx-frontmatter\";\nimport remarkGfm from \"remark-gfm\";\nimport remarkDirective from 'remark-directive'\n\nimport {remarkMdxToc, RemarkMdxTocOptions} from \"./md-toc\";\nimport {remarkInjectCodeMeta} from \"./md-code\";\nimport {extractThemeSettings} from \"./md-themeSettings\";\nimport {extractPage} from \"./md-page\";\nimport {mdCodeGroup} from \"./md-codegroup\";\n\nexport function defaultPlugins(toc: RemarkMdxTocOptions) {\n    return [\n        remarkFrontmatter,\n        remarkMdxFrontmatter,\n        remarkGfm,\n        remarkDirective,\n        remarkMdxToc(toc),\n        remarkInjectCodeMeta,\n        extractThemeSettings,\n        extractPage,\n        mdCodeGroup\n    ]\n}","import {Root, Heading} from \"mdast\";\nimport {MdxjsEsm} from \"mdast-util-mdx\";\nimport {Plugin} from \"unified\"; // TODO: use Plugin type\nimport {MdxJsxFlowElement, MdxJsxAttribute} from \"mdast-util-mdx-jsx\";\n\nexport type TocEntry = {\n    depth: number,\n    value: string,\n    attributes: { [key: string]: string },\n    children: TocEntry[]\n};\n\nexport type CustomTag = {\n    name: RegExp,\n    depth: (name: string) => number\n};\n\nexport interface RemarkMdxTocOptions {\n    name?: string,\n    customTags?: CustomTag[],\n    minDepth?: number\n}\n\n// TODO: fix any\nexport const remarkMdxToc = (options: RemarkMdxTocOptions): Plugin => () => async (ast: any) => {\n    const {visit} = await import(\"unist-util-visit\");\n    const {toString} = await import(\"mdast-util-to-string\");\n    const {valueToEstree} = await import('estree-util-value-to-estree')\n    const {name: isIdentifierName} = await import('estree-util-is-identifier-name');\n\n    const mdast = ast as Root;\n    const name = options.name ?? \"toc\";\n    if (!isIdentifierName(name)) {\n        throw new Error(`Invalid name for an identifier: ${name}`);\n    }\n\n    const toc: TocEntry[] = [];\n    const flatToc: TocEntry[] = [];\n    const createEntry = (node: Heading | MdxJsxFlowElement, depth: number): TocEntry => {\n        let attributes = (node.data || {}) as TocEntry['attributes'];\n        if (node.type === \"mdxJsxFlowElement\") {\n            attributes = Object.fromEntries(\n                node.attributes\n                    .filter(attribute => attribute.type === 'mdxJsxAttribute' && typeof attribute.value === 'string')\n                    .map(attribute => [(attribute as MdxJsxAttribute).name, attribute.value])\n            ) as TocEntry['attributes'];\n        }\n        return {\n            depth,\n            value: toString(node, {includeImageAlt: false}),\n            attributes,\n            children: []\n        }\n    };\n\n    visit(mdast, [\"heading\", \"mdxJsxFlowElement\"], node => {\n        let depth = 0;\n        if (node.type === \"mdxJsxFlowElement\") {\n            let valid = false;\n            if (/^h[1-6]$/.test(node.name || \"\")) {\n                valid = true;\n                depth = parseInt(node.name!.substring(1));\n            } else if (options.customTags) {\n                for (const tag of options.customTags) {\n                    if (tag.name.test(node.name || \"\")) {\n                        valid = true;\n                        depth = tag.depth(node.name || \"\");\n                        break;\n                    }\n                }\n            }\n\n            if (!valid) {\n                return;\n            }\n        } else if (node.type === \"heading\") {\n            depth = node.depth;\n        } else {\n            return;\n        }\n\n        if (depth && (options?.minDepth && options.minDepth > depth)) {\n            return\n        }\n\n        const entry = createEntry(node, depth);\n        flatToc.push(entry);\n\n        let parent: TocEntry[] = toc;\n        for (let i = flatToc.length - 1; i >= 0; --i) {\n            const current = flatToc[i];\n            if (current.depth < entry.depth) {\n                parent = current.children;\n                break;\n            }\n        }\n        parent.push(entry);\n    });\n\n    const tocExport: MdxjsEsm = {\n        type: \"mdxjsEsm\",\n        value: \"\",\n        data: {\n            estree: {\n                type: \"Program\",\n                sourceType: \"module\",\n                body: [\n                    {\n                        type: \"ExportNamedDeclaration\",\n                        specifiers: [],\n                        source: null,\n                        declaration: {\n                            type: \"VariableDeclaration\",\n                            kind: \"const\",\n                            declarations: [\n                                {\n                                    type: \"VariableDeclarator\",\n                                    id: {\n                                        type: \"Identifier\",\n                                        name\n                                    },\n                                    init: valueToEstree(toc)\n                                }\n                            ]\n                        }\n                    }\n                ]\n            }\n        }\n    };\n    mdast.children.unshift(tocExport);\n};","import {visit} from \"unist-util-visit\";\n\nexport function remarkInjectCodeMeta() {\n    return (tree: any) => {\n        visit(tree, 'code', (node) => {\n            if (node.meta) {\n                node.data = node.data || {};\n                node.data.hProperties = {\n                    ...(node.data.hProperties || {}),\n                    meta: node.meta,\n                };\n            }\n        });\n    };\n}\n","import {Plugin} from 'unified';\nimport {Node as UnistNode} from 'unist';\nimport {visit} from 'unist-util-visit';\n\ninterface ThemeSettings {\n    bigArticle: boolean;\n}\n\ndeclare global {\n    var themeSettings: ThemeSettings | undefined;\n}\n\nexport const extractThemeSettings: Plugin = () => {\n    return (tree: UnistNode) => {\n        visit(tree, 'exportNamedDeclaration', (node: any) => {\n            const declaration = node.declaration;\n            if (declaration && declaration.declarations) {\n                declaration.declarations.forEach((decl: any) => {\n                    if (decl.id.name === 'themeSettings') {\n                        global.themeSettings = decl.init as ThemeSettings;\n                    }\n                });\n            }\n        });\n    };\n};","import {Plugin} from 'unified';\nimport {Node as UnistNode} from 'unist';\nimport {visit} from 'unist-util-visit';\n\ndeclare global {\n    var page: boolean | null | undefined\n}\n\nexport const extractPage: Plugin = () => {\n    return (tree: UnistNode) => {\n        visit(tree, 'exportNamedDeclaration', (node: any) => {\n            const declaration = node.declaration;\n            if (declaration && declaration.declarations) {\n                declaration.declarations.forEach((decl: any) => {\n                    if (decl.id.name === 'page') {\n                        global.page = decl.init as boolean;\n                    }\n                });\n            }\n        });\n    };\n};","import {visit} from 'unist-util-visit';\n\n// This plugin transforms a custom container directive into a JSX node\n// https://github.com/remarkjs/remark-directive is needed to parse the container directive\n\nexport function mdCodeGroup() {\n    return (tree: any) => {\n        visit(tree, 'containerDirective', (node) => {\n            if (node.name !== 'code-group') return;\n\n            const description = node.attributes?.title || '';\n            const codeblocks = [];\n\n            for (const child of node.children) {\n                if (child.type === 'code') {\n                    const meta = child.meta || '';\n                    const value = child.value || '';\n                    const lang = child.lang || '';\n\n                    codeblocks.push({value, lang, meta});\n                }\n            }\n\n            // Add metadata to the node\n            node.data = {\n                hName: 'DirectiveCodeSample',\n                hProperties: {\n                    description,\n                    codeblocks: JSON.stringify(codeblocks),\n                },\n            };\n\n            node.children = [];\n        });\n    };\n}\n","import {RemarkMdxTocOptions} from \"./plugins/md-toc\";\nimport {defaultPlugins} from \"./plugins\"\n\nexport {RemarkMdxTocOptions} from \"./plugins/md-toc\";\n\nexport function mdOptions(toc: RemarkMdxTocOptions) {\n    return {\n        remarkPlugins: [\n            ...defaultPlugins(toc)\n        ],\n        rehypePlugins: []\n    }\n}"],"mappings":"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","names":["visit","visit","visit","visit"]}

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@xyd-js/content",
-  "version": "0.1.0-xyd.3",
+  "version": "0.1.0-xyd.5",
   "description": "",
   "main": "./dist/index.js",
   "type": "module",
   "exports": {
     "./package.json": "./package.json",
     ".": "./dist/index.js",
-    "./navigation": "./dist/navigation.js"
+    "./vite": "./dist/vite.js"
   },
   "dependencies": {
     "@mdx-js/mdx": "^3.1.0",
@@ -19,17 +19,21 @@
     "mdast-util-mdx": "^3.0.0",
     "mdast-util-mdx-jsx": "^3.1.3",
     "mdast-util-to-string": "^4.0.0",
+    "remark-directive": "^3.0.0",
     "remark-frontmatter": "^5.0.0",
     "remark-gfm": "^4.0.0",
     "remark-mdx-frontmatter": "^5.0.0",
     "unified": "^11.0.5",
     "unist-util-visit": "^5.0.0",
     "vfile": "^6.0.3",
-    "@xyd-js/core": "0.1.0-xyd.1"
+    "@xyd-js/core": "0.1.0-xyd.4"
   },
   "devDependencies": {
     "@types/node": "^22.7.8",
-    "tsup": "^8.3.0"
+    "rimraf": "^3.0.2",
+    "tsup": "^8.3.0",
+    "typescript": "^4.5.5",
+    "vite": "^6.0.7"
   },
   "scripts": {
     "clean": "rimraf build",

package/packages/md/index.ts

@@ -0,0 +1,13 @@
+import {RemarkMdxTocOptions} from "./plugins/md-toc";
+import {defaultPlugins} from "./plugins"
+
+export {RemarkMdxTocOptions} from "./plugins/md-toc";
+
+export function mdOptions(toc: RemarkMdxTocOptions) {
+    return {
+        remarkPlugins: [
+            ...defaultPlugins(toc)
+        ],
+        rehypePlugins: []
+    }
+}

package/packages/md/plugins/index.ts

@@ -0,0 +1,24 @@
+import remarkFrontmatter from "remark-frontmatter";
+import remarkMdxFrontmatter from "remark-mdx-frontmatter";
+import remarkGfm from "remark-gfm";
+import remarkDirective from 'remark-directive'
+
+import {remarkMdxToc, RemarkMdxTocOptions} from "./md-toc";
+import {remarkInjectCodeMeta} from "./md-code";
+import {extractThemeSettings} from "./md-themeSettings";
+import {extractPage} from "./md-page";
+import {mdCodeGroup} from "./md-codegroup";
+
+export function defaultPlugins(toc: RemarkMdxTocOptions) {
+    return [
+        remarkFrontmatter,
+        remarkMdxFrontmatter,
+        remarkGfm,
+        remarkDirective,
+        remarkMdxToc(toc),
+        remarkInjectCodeMeta,
+        extractThemeSettings,
+        extractPage,
+        mdCodeGroup
+    ]
+}

package/packages/md/plugins/md-codegroup.ts

@@ -0,0 +1,36 @@
+import {visit} from 'unist-util-visit';
+
+// This plugin transforms a custom container directive into a JSX node
+// https://github.com/remarkjs/remark-directive is needed to parse the container directive
+
+export function mdCodeGroup() {
+    return (tree: any) => {
+        visit(tree, 'containerDirective', (node) => {
+            if (node.name !== 'code-group') return;
+
+            const description = node.attributes?.title || '';
+            const codeblocks = [];
+
+            for (const child of node.children) {
+                if (child.type === 'code') {
+                    const meta = child.meta || '';
+                    const value = child.value || '';
+                    const lang = child.lang || '';
+
+                    codeblocks.push({value, lang, meta});
+                }
+            }
+
+            // Add metadata to the node
+            node.data = {
+                hName: 'DirectiveCodeSample',
+                hProperties: {
+                    description,
+                    codeblocks: JSON.stringify(codeblocks),
+                },
+            };
+
+            node.children = [];
+        });
+    };
+}

package/{src/vite-plugins → packages/vite}/index.ts

@@ -1,8 +1,7 @@
 import type {Plugin} from 'rollup';
 import mdx from '@mdx-js/rollup';
 
-import {RemarkMdxTocOptions} from "@/mdx/toc";
-import {mdxOptions} from "@/mdx/options";
+import {RemarkMdxTocOptions, mdOptions} from "../md";
 
 export interface VitePluginInterface {
     toc: RemarkMdxTocOptions
@@ -10,6 +9,6 @@ export interface VitePluginInterface {
 
 export function vitePlugins(options: VitePluginInterface): Plugin[] {
     return [
-        mdx(mdxOptions(options.toc)),
+        mdx(mdOptions(options.toc)),
     ];
 }

package/src/{utils/index.ts → fs.ts}

@@ -4,7 +4,7 @@ import path from "path";
 import {VFile} from "vfile";
 import {compile as mdxCompile} from "@mdx-js/mdx";
 
-import {mdxOptions} from "@/mdx/options";
+import {mdOptions} from "../packages/md";
 
 export async function compileBySlug(
     slug: string,
@@ -27,13 +27,13 @@ async function compile(content: string, filePath: string): Promise<string> {
         contents: content
     });
 
-    const mdOptions = mdxOptions({
+    const opt = mdOptions({
         minDepth: 2 // TODO: configurable?
     })
 
     const compiled = await mdxCompile(vfile, {
-        remarkPlugins: mdOptions.remarkPlugins,
-        rehypePlugins: mdOptions.rehypePlugins,
+        remarkPlugins: opt.remarkPlugins,
+        rehypePlugins: opt.rehypePlugins,
         recmaPlugins: [],
         outputFormat: 'function-body',
         development: false,

package/src/index.ts

@@ -0,0 +1,8 @@
+export {
+    compileBySlug
+} from "./fs"
+
+export {
+    pageFrontMatters,
+    filterNavigationByLevels
+} from "./navigation"

package/src/{navigation/index.ts → navigation.ts}

@@ -96,27 +96,6 @@ export function filterNavigationByLevels(
     }
 }
 
-async function getFrontmatter(filePath: string, chunkSize = 1024 * 5) { // 5 KB chunk
-    return new Promise((resolve, reject) => {
-        open(filePath, 'r', (err, fd) => {
-            if (err) return reject(err);
-
-            const buffer = Buffer.alloc(chunkSize);
-            fs2.read(fd, buffer, 0, chunkSize, 0, (err, bytesRead) => {
-                if (err) return reject(err);
-
-                const uint8Array = new Uint8Array(buffer.buffer, buffer.byteOffset, bytesRead);
-                const content = new TextDecoder('utf-8').decode(uint8Array);
-                const {data: frontmatter} = matter(content); // extract frontmatter
-                resolve(frontmatter);
-
-                fs2.close(fd, () => {
-                });
-            });
-        });
-    });
-}
-
 function mdxExport(code: string) {
     const scope = {
         Fragment: React.Fragment,
@@ -128,7 +107,7 @@ function mdxExport(code: string) {
     return fn(scope)
 }
 
-async function getFrontmatterV2(filePath: string): Promise<FrontMatter> {
+async function getFrontmatter(filePath: string): Promise<FrontMatter> {
     const body = await fs.readFile(filePath, "utf-8");
 
     const vfile = new VFile({
@@ -157,9 +136,14 @@ async function getFrontmatterV2(filePath: string): Promise<FrontMatter> {
 
     const matter: FrontMatter = frontmatter
 
+    let title = ""
+    if (typeof matter.title === "string" ) {
+        title = matter.title
+    }
     if (reactFrontmatter) {
         if (typeof reactFrontmatter?.title === "function") {
             matter.title = {
+                title,
                 code: reactFrontmatter.title.toString()
             }
         }
@@ -182,7 +166,7 @@ async function job(page: string, frontmatters: PageFrontMatter) {
         }
     }
 
-    const matter = await getFrontmatterV2(filePath)
+    const matter = await getFrontmatter(filePath)
 
     frontmatters[page] = matter
 }

package/tsup.config.ts

@@ -1,21 +1,21 @@
-import { defineConfig, Options } from 'tsup';
+import {defineConfig, Options} from 'tsup';
 
 const config: Options = {
     entry: {
-        index: 'index.ts',
-        navigation: 'navigation.ts',
+        index: 'src/index.ts',
+        vite: 'packages/vite/index.ts',
     },
     dts: {
         entry: {
-            index: 'index.ts',
-            navigation: 'navigation.ts',
+            index: 'src/index.ts',
+            vite: 'packages/vite/index.ts',
         },
         resolve: true, // Resolve external types
     },
     format: ['esm'], // Output both ESM and CJS formats
     target: 'node16', // Ensure compatibility with Node.js 16
     splitting: false, // Disable code splitting
-    sourcemap: false, // Generate source maps
+    sourcemap: true, // Generate source maps
     clean: true, // Clean the output directory before each build
     // esbuildOptions: (options) => {
     //     options.platform = 'node'; // Ensure the platform is set to Node.js

package/dist/navigation.d.ts

@@ -1,6 +0,0 @@
-import { Sidebar, PageFrontMatter, Header } from '@xyd-js/core';
-
-declare function pageFrontMatters(navigation: Sidebar[]): Promise<PageFrontMatter>;
-declare function filterNavigationByLevels(headers: Header[], slug: string): (nav: Sidebar) => boolean;
-
-export { filterNavigationByLevels, pageFrontMatters };