@xyd-js/content 0.1.0-xyd.4 → 0.1.0-xyd.55

package/index.ts

@@ -1,10 +0,0 @@
-export {
-    compileBySlug
-} from "./src/utils";
-
-export {
-    mdxOptions
-} from "./src/mdx/options";
-
-export {vitePlugins} from "./src/vite-plugins";
-

package/navigation.ts

@@ -1,4 +0,0 @@
-export {
-    pageFrontMatters,
-    filterNavigationByLevels
-} from "./src/navigation";

package/src/mdx/code.ts

@@ -1,15 +0,0 @@
-import {visit} from "unist-util-visit";
-
-export function remarkInjectCodeMeta() {
-    return (tree: any) => {
-        visit(tree, 'code', (node) => {
-            if (node.meta) {
-                node.data = node.data || {};
-                node.data.hProperties = {
-                    ...(node.data.hProperties || {}),
-                    meta: node.meta,
-                };
-            }
-        });
-    };
-}

package/src/mdx/options.ts

@@ -1,23 +0,0 @@
-import remarkFrontmatter from "remark-frontmatter";
-import remarkMdxFrontmatter from "remark-mdx-frontmatter";
-import remarkGfm from "remark-gfm";
-
-import {remarkMdxToc, RemarkMdxTocOptions} from "@/mdx/toc";
-import {remarkInjectCodeMeta} from "@/mdx/code";
-import {extractThemeSettings} from "@/mdx/themeSettings";
-import {extractPage} from "@/mdx/page";
-
-export function mdxOptions(toc: RemarkMdxTocOptions) {
-    return {
-        remarkPlugins: [
-            remarkFrontmatter,
-            remarkMdxFrontmatter,
-            remarkGfm,
-            remarkInjectCodeMeta,
-            remarkMdxToc(toc),
-            extractThemeSettings,
-            extractPage
-        ],
-        rehypePlugins: []
-    }
-}

package/src/mdx/page.ts

@@ -1,22 +0,0 @@
-import {Plugin} from 'unified';
-import {Node as UnistNode} from 'unist';
-import {visit} from 'unist-util-visit';
-
-declare global {
-    var page: boolean | null | undefined
-}
-
-export const extractPage: Plugin = () => {
-    return (tree: UnistNode) => {
-        visit(tree, 'exportNamedDeclaration', (node: any) => {
-            const declaration = node.declaration;
-            if (declaration && declaration.declarations) {
-                declaration.declarations.forEach((decl: any) => {
-                    if (decl.id.name === 'page') {
-                        global.page = decl.init as boolean;
-                    }
-                });
-            }
-        });
-    };
-};

package/src/mdx/toc.ts

@@ -1,132 +0,0 @@
-import {Root, Heading} from "mdast";
-import {MdxjsEsm} from "mdast-util-mdx";
-import {Plugin} from "unified"; // TODO: use Plugin type
-import {MdxJsxFlowElement, MdxJsxAttribute} from "mdast-util-mdx-jsx";
-
-export type TocEntry = {
-    depth: number,
-    value: string,
-    attributes: { [key: string]: string },
-    children: TocEntry[]
-};
-
-export type CustomTag = {
-    name: RegExp,
-    depth: (name: string) => number
-};
-
-export interface RemarkMdxTocOptions {
-    name?: string,
-    customTags?: CustomTag[],
-    minDepth?: number
-}
-
-// TODO: fix any
-export const remarkMdxToc = (options: RemarkMdxTocOptions): Plugin => () => async (ast: any) => {
-    const {visit} = 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 as Root;
-    const name = options.name ?? "toc";
-    if (!isIdentifierName(name)) {
-        throw new Error(`Invalid name for an identifier: ${name}`);
-    }
-
-    const toc: TocEntry[] = [];
-    const flatToc: TocEntry[] = [];
-    const createEntry = (node: Heading | MdxJsxFlowElement, depth: number): TocEntry => {
-        let attributes = (node.data || {}) as TocEntry['attributes'];
-        if (node.type === "mdxJsxFlowElement") {
-            attributes = Object.fromEntries(
-                node.attributes
-                    .filter(attribute => attribute.type === 'mdxJsxAttribute' && typeof attribute.value === 'string')
-                    .map(attribute => [(attribute as MdxJsxAttribute).name, attribute.value])
-            ) as TocEntry['attributes'];
-        }
-        return {
-            depth,
-            value: toString(node, {includeImageAlt: false}),
-            attributes,
-            children: []
-        }
-    };
-
-    visit(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?.minDepth && options.minDepth > depth)) {
-            return
-        }
-
-        const entry = createEntry(node, depth);
-        flatToc.push(entry);
-
-        let parent: TocEntry[] = 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: MdxjsEsm = {
-        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);
-};

package/src/utils/index.ts

@@ -1,43 +0,0 @@
-import {promises as fs} from "fs";
-import path from "path";
-
-import {VFile} from "vfile";
-import {compile as mdxCompile} from "@mdx-js/mdx";
-
-import {mdxOptions} from "@/mdx/options";
-
-export async function compileBySlug(
-    slug: string,
-    mdx: boolean
-): Promise<string> {
-    // TODO: cwd ?
-    const filePath = path.join(process.cwd(), `${slug}.${mdx ? "mdx" : "md"}`)
-
-    await fs.access(filePath)
-
-    const content = await fs.readFile(filePath, "utf-8");
-
-    return await compile(content, filePath)
-}
-
-async function compile(content: string, filePath: string): Promise<string> {
-    const vfile = new VFile({
-        path: filePath,
-        value: content,
-        contents: content
-    });
-
-    const mdOptions = mdxOptions({
-        minDepth: 2 // TODO: configurable?
-    })
-
-    const compiled = await mdxCompile(vfile, {
-        remarkPlugins: mdOptions.remarkPlugins,
-        rehypePlugins: mdOptions.rehypePlugins,
-        recmaPlugins: [],
-        outputFormat: 'function-body',
-        development: false,
-    });
-
-    return String(compiled)
-}

package/vite.config.js

@@ -1,53 +0,0 @@
-import {defineConfig} from 'vite';
-
-export default defineConfig(async () => {
-    const mdx = await import('@mdx-js/rollup');
-    const remix = await import('@remix-run/dev');
-    const remarkFrontmatter = await import('remark-frontmatter');
-    const remarkMdxFrontmatter = await import('remark-mdx-frontmatter');
-    const remarkGfm = await import('remark-gfm');
-    const rehypePrettyCode = await import('rehype-pretty-code'); // TODO: for some reasons does not work
-    // const { remarkCodeHike, recmaCodeHike } = await import('codehike/mdx'); // TODO: delete because we use this inside components?
-
-    const settings = await import("./settings.json");
-
-    return {
-        optimizeDeps: {
-            include: ["react/jsx-runtime"],
-        },
-        resolve: {},
-        plugins: [
-            mdx.default({
-                // providerImportSource: '@mdx-js/react',
-                remarkPlugins: [
-                    // remarkCodeHike,
-                    remarkFrontmatter.default,
-                    remarkMdxFrontmatter.default,
-                    remarkGfm.default
-                ],
-                rehypePlugins: [
-                    // recmaCodeHike,
-                    // rehypePrettyCode.default, TODO: for some reasons does not work
-                ],
-            }),
-            remix.vitePlugin({
-                // routes(defineRoutes) {
-                //     return defineRoutes((route) => {
-                //         route(
-                //             "authentication",
-                //             "routes/_index.tsx",
-                //             {id: 'routes/__main-index'},
-                //             () => {
-                //                 route(
-                //                     "test",
-                //                     "routes/$page.tsx",
-                //                     {id: 'routes/__main-index-2'},
-                //                 );
-                //             });
-                //     });
-                // },
-            }),
-            // Add other plugins here
-        ],
-    };
-});