@xyd-js/cli 0.1.0-xyd.22 → 0.1.0-xyd.24

package/.cli/package.json

@@ -1,37 +0,0 @@
-{
-  "private": true,
-  "name": "@xyd-js/documan-host",
-  "version": "0.0.0",
-  "type": "module",
-  "main": "dist/index.js",
-  "bin": {
-    "xyd": "bin.js"
-  },
-  "scripts": {},
-  "dependencies": {
-    "@xyd-js/theme-poetry": "0.1.0-xyd.17",
-    "@xyd-js/react-router-dev": "7.1.1-xyd.3",
-    "@readme/oas-to-snippet": "^26.0.1",
-    "@react-router/node": "7.1.1",
-    "@react-router/serve": "7.1.1",
-    "@react-router/dev": "7.1.1",
-    "react-router": "7.1.1",
-    "isbot": "^5",
-    "remark-frontmatter": "^5.0.0",
-    "remark-mdx-frontmatter": "^5.0.0",
-    "json-to-graphql-query": "^2.3.0",
-    "remark": "^15.0.1",
-    "unist-builder": "^4.0.0",
-    "oas": "^25.0.3",
-    "openapi-sampler": "^1.5.1",
-    "json-schema-ref-parser": "^9.0.9"
-  },
-  "devDependencies": {
-    "@mdx-js/rollup": "^3.1.0",
-    "vite": "^5.4.9",
-    "semver": "^7.6.3",
-    "vite-tsconfig-paths": "^5.1.4",
-    "autoprefixer": "^10.4.20",
-    "postcss": "^8.4.47"
-  }
-}

package/.cli/plugins/xyd-plugin-zero/src/pages/api-reference.tsx

@@ -1,283 +0,0 @@
-import path from "path";
-import {promises as fs} from "fs";
-
-import React, {} from "react";
-import {redirect} from "react-router";
-import remarkFrontmatter from "remark-frontmatter";
-import remarkMdxFrontmatter from "remark-mdx-frontmatter";
-import remarkGfm from "remark-gfm";
-import {parse} from "codehike";
-import {visit} from "unist-util-visit";
-import {recmaCodeHike, remarkCodeHike} from "codehike/mdx";
-import {compile as mdxCompile} from "@mdx-js/mdx";
-
-import {PageFrontMatter} from "@xyd-js/core";
-import getContentComponents from "@xyd-js/components/content";
-import {mapSettingsToProps} from "@xyd-js/framework/hydration";
-import {Framework, type FwSidebarGroupProps} from "@xyd-js/framework/react";
-import {AtlasLazy} from "@xyd-js/atlas";
-import type {IBreadcrumb, INavLinks} from "@xyd-js/ui";
-
-import Theme from "virtual:xyd-theme" // TODO: for some reasons this cannot be hydrated by react-router
-import settings from 'virtual:xyd-settings';
-
-import "virtual:xyd-theme/index.css"
-import "virtual:xyd-theme-override/index.css"
-
-interface loaderData {
-    sidebarGroups: FwSidebarGroupProps[]
-    breadcrumbs: IBreadcrumb[],
-    navlinks?: INavLinks,
-    toc: PageFrontMatter
-    slug: string
-    code: string
-}
-
-const contentComponents = getContentComponents()
-const ComponentContent = contentComponents.Content
-
-// since unist does not support heading level > 6, we need to normalize them
-function normalizeCustomHeadings() {
-    return (tree: any) => {
-        visit(tree, 'paragraph', (node, index, parent) => {
-            if (!node.children[0].value) {
-                return
-            }
-            const match = node.children[0] && node.children[0].value.match(/^(#+)\s+(.*)/);
-            if (match) {
-                const level = match[1].length;
-                const text = match[2];
-                if (level > 6) {
-                    // Create a new heading node with depth 6
-                    const headingNode = {
-                        type: 'heading',
-                        depth: level,
-                        children: [{type: 'text', value: text}]
-                    };
-                    // Replace the paragraph node with the new heading node
-                    //@ts-ignore
-                    parent.children[index] = headingNode;
-                }
-            }
-        });
-    };
-}
-
-const codeHikeOptions = {
-    lineNumbers: true,
-    showCopyButton: true,
-    autoImport: true,
-    components: {},
-    // syntaxHighlighting: { // TODO: !!! FROM SETTINGS !!! wait for rr7 rsc ??
-    //     theme: "github-dark",
-    // },
-};
-
-const compiledBySlug =  {}
-
-// TODO: map every file and merge them or load via client-side ?
-async function compileBySlug(slug: string) {
-    if (compiledBySlug[slug]) {
-        return compiledBySlug[slug]
-    }
-    console.time("api-reference compileBySlug")
-    // TODO: cwd ?
-    let filePath = path.join(process.cwd(), `${slug}.md`)
-
-    try {
-        await fs.access(filePath)
-    } catch (_) {
-        filePath = path.join(process.cwd(), `${slug}.mdx`)
-
-        await fs.access(filePath)
-    }
-
-    console.time("api-reference readFile")
-    const content = await fs.readFile(filePath, "utf-8");
-    console.timeEnd("api-reference readFile")
-
-    console.time("api-reference compile")
-    const resp = await compile(content)
-    console.timeEnd("api-reference compile")
-
-    console.timeEnd("api-reference compileBySlug")
-    compiledBySlug[slug] = resp
-    return resp
-}
-
-async function compile(content: string): Promise<string> {
-    const compiled = await mdxCompile(content, {
-        remarkPlugins: [
-            normalizeCustomHeadings,
-            [
-                remarkCodeHike,
-                codeHikeOptions
-            ],
-            remarkFrontmatter,
-            remarkMdxFrontmatter,
-            remarkGfm
-        ],
-        rehypePlugins: [],
-        recmaPlugins: [
-            [
-                recmaCodeHike,
-                codeHikeOptions
-            ]
-        ],
-        outputFormat: 'function-body',
-        development: false,
-    });
-
-    return String(compiled)
-}
-
-interface loaderData {
-    sidebarGroups: FwSidebarGroupProps[]
-    toc: PageFrontMatter
-    slug: string
-    code: string
-}
-
-function getPathname(url: string) {
-    const parsedUrl = new URL(url);
-    return parsedUrl.pathname.replace(/^\//, '');
-}
-
-// TODO: fix any
-function findFirstUrl(items: any): string {
-    const queue = [...items];
-
-    while (queue.length > 0) {
-        const item = queue.shift();
-
-        if (item.href) {
-            return item.href;
-        }
-
-        if (item.items) {
-            queue.push(...item.items);
-        }
-    }
-
-    return "";
-}
-
-interface data {
-    groups: FwSidebarGroupProps[],
-    breadcrumbs: IBreadcrumb[]
-    navlinks?: INavLinks
-}
-
-const mapSettingsToPropsMap: { [key: string]: data } = {}
-
-// TODO: fix any
-export async function loader({request}: { request: any }) {
-    console.time("api-reference loader")
-    const slug = getPathname(request.url);
-
-    let code = "";
-    let error: any;
-
-    try {
-        code = await compileBySlug(slug);
-    } catch (e) {
-        error = e;
-    }
-    let data: data
-
-    if (!mapSettingsToPropsMap[slug]) {
-        data = await mapSettingsToProps(
-            settings,
-            slug
-        );
-        mapSettingsToPropsMap[slug] = data
-    } else {
-        data = mapSettingsToPropsMap[slug]
-    }
-
-    const {groups: sidebarGroups, breadcrumbs, navlinks} = data;
-
-    if (error) {
-        if (sidebarGroups && error.code === "ENOENT") {
-            const firstItem = findFirstUrl(sidebarGroups?.[0]?.items);
-
-            if (firstItem) {
-                return redirect(firstItem);
-            }
-        }
-
-        console.error(error);
-    }
-
-    console.timeEnd("api-reference loader")
-    return {
-        sidebarGroups,
-        breadcrumbs,
-        navlinks,
-        slug,
-        code,
-    } as loaderData;
-}
-
-function mdxExport(code: string) {
-    const scope = {
-        Fragment: React.Fragment,
-        jsxs: React.createElement,
-        jsx: React.createElement,
-        jsxDEV: React.createElement,
-    }
-    const fn = new Function(...Object.keys(scope), code)
-    return fn(scope)
-}
-
-function MemoMDXComponent(codeComponent: any) {
-    return React.useMemo(
-        () => codeComponent ? codeComponent : null,
-        [codeComponent]
-    )
-}
-
-// // TODO: move to content?
-function mdxContent(code: string) {
-    const content = mdxExport(code) // TODO: fix any
-    if (!mdxExport) {
-        return {}
-    }
-
-    return {
-        component: content?.default,
-    }
-}
-
-// TODO: in the future more smoother loader - first fast server render then move to ideal position of client and then replace and 3 items at start
-export default function APIReference({loaderData}: { loaderData: loaderData }) {
-    const content = mdxContent(loaderData.code)
-    const serverComponent = content ? parse(content.component, {
-        components: contentComponents
-    }) : null
-
-    const memoizedServerComponent = MemoMDXComponent(serverComponent)
-
-    return <Framework
-        settings={settings}
-        sidebarGroups={loaderData.sidebarGroups || []}
-        breadcrumbs={loaderData.breadcrumbs || []}
-        navlinks={loaderData.navlinks}
-    >
-        <Theme
-            themeSettings={{
-                hideToc: true,
-                bigArticle: true,
-                sidebar: {
-                    clientSideRouting: true
-                }
-            }}
-        >
-            <AtlasLazy
-                references={memoizedServerComponent?.references || []}
-                slug={loaderData.slug.startsWith("/") ? loaderData.slug : `/${loaderData.slug}`}
-                urlPrefix="/"
-            />
-        </Theme>
-    </Framework>
-}

package/.cli/plugins/xyd-plugin-zero/src/pages/docs.tsx

@@ -1,175 +0,0 @@
-import path from "node:path";
-
-import React from "react";
-import {redirect} from "react-router";
-
-import {PageFrontMatter} from "@xyd-js/core"
-import {compileBySlug} from "@xyd-js/content"
-import {mapSettingsToProps} from "@xyd-js/framework/hydration";
-import {Framework, FwNav, type FwSidebarGroupProps} from "@xyd-js/framework/react";
-import getContentComponents from "@xyd-js/components/content";
-import {HomePage} from "@xyd-js/components/pages";
-import type {IBreadcrumb, INavLinks} from "@xyd-js/ui";
-
-import settings from 'virtual:xyd-settings';
-import Theme from "virtual:xyd-theme";
-
-import "virtual:xyd-theme/index.css"
-import "virtual:xyd-theme-override/index.css"
-
-interface loaderData {
-    sidebarGroups: FwSidebarGroupProps[]
-    breadcrumbs: IBreadcrumb[],
-    navlinks?: INavLinks,
-    toc: PageFrontMatter
-    slug: string
-    code: string
-}
-
-const contentComponents = getContentComponents()
-
-const supportedExtensions = {
-    ".mdx": true,
-    ".md": true,
-    "": true,
-}
-
-function getPathname(url: string) {
-    const parsedUrl = new URL(url);
-    return parsedUrl.pathname.replace(/^\//, '');
-}
-
-export async function loader({request}: { request: any }) {
-    const slug = getPathname(request.url || "index") || "index"
-    const ext = path.extname(slug)
-
-    if (!supportedExtensions[ext]) {
-        return {}
-    }
-
-    // TODO: in the future map instead of arr
-    if (settings.redirects && settings.redirects.length) {
-        for (const item of settings.redirects) {
-            if (item.source === getPathname(request.url)) {
-                return redirect(item.destination)
-            }
-        }
-    }
-
-    let code = ""
-    let error: any
-
-    try {
-        code = await compileBySlug(slug, true)
-    } catch (e) {
-        error = e
-    }
-
-    if (error?.code === "ENOENT") {
-        try {
-            // TODO: better index algorithm
-            code = await compileBySlug(slug + "/index", true)
-        } catch (e) {
-            error = e
-        }
-    }
-
-    const {
-        groups: sidebarGroups,
-        breadcrumbs,
-        navlinks,
-    } = await mapSettingsToProps(
-        settings,
-        slug
-    )
-
-    if (error) {
-        if (sidebarGroups && error.code === "ENOENT") {
-            const firstItem = sidebarGroups?.[0]?.items?.[0]
-
-            if (firstItem) {
-                return redirect(firstItem.href)
-            }
-        }
-
-        console.error(error)
-    }
-
-    console.timeEnd("docs loader")
-    return {
-        sidebarGroups,
-        breadcrumbs,
-        navlinks,
-        slug,
-        code,
-    } as loaderData
-}
-
-// TODO: move to content?
-function mdxExport(code: string) {
-    const scope = {
-        Fragment: React.Fragment,
-        jsxs: React.createElement,
-        jsx: React.createElement,
-        jsxDEV: React.createElement,
-    }
-    const fn = new Function(...Object.keys(scope), code)
-    return fn(scope)
-}
-
-// // TODO: move to content?
-function mdxContent(code: string) {
-    const content = mdxExport(code) // TODO: fix any
-    if (!mdxExport) {
-        return {}
-    }
-
-    return {
-        component: content?.default,
-        toc: content?.toc,
-        frontmatter: content?.frontmatter,
-        themeSettings: content?.themeSettings || {},
-        page: content?.page || false,
-    }
-}
-
-export function MemoMDXComponent(codeComponent: any) {
-    return React.useMemo(
-        () => codeComponent ? codeComponent : null,
-        [codeComponent]
-    )
-}
-
-export default function CustomPage({loaderData, ...rest}: { loaderData: loaderData }) {
-    const content = mdxContent(loaderData.code)
-    const Component = MemoMDXComponent(content.component)
-
-    return <Framework
-        settings={settings}
-        sidebarGroups={loaderData.sidebarGroups || []}
-        toc={content.toc || []}
-        breadcrumbs={loaderData.breadcrumbs || []}
-        navlinks={loaderData.navlinks}
-    >
-        {content?.page ? <Component components={{
-            ...contentComponents,
-            // TODO: another page components
-            HomePage: (props) => <HomePage
-                {...props}
-                // TODO: get props from theme about nav (middle etc)
-                // TODO: footer
-                // TODO: style
-                header={<div style={{marginLeft: "var(--xyd-global-page-gutter)"}}>
-                    <FwNav kind="middle"/>
-                </div>}
-
-            >
-                {props.children}
-            </HomePage>,
-        }}/> : <Theme
-            themeSettings={content.themeSettings}
-        >
-            {Component ? <Component components={contentComponents}/> : <></>}
-        </Theme>}
-    </Framework>
-}

package/.cli/plugins/xyd-plugin-zero/src/pages/root.tsx

@@ -1,37 +0,0 @@
-import {
-    Links,
-    Meta,
-    Outlet,
-    Scripts,
-} from "react-router";
-
-// TODO: config from core settings
-export const meta = () => {
-    return [
-        {
-            title: "xyd"
-        }
-    ]
-}
-
-export const Layout = ({children}: { children: React.ReactNode }) => {
-    return (
-        <html>
-        <head>
-            <meta charSet="utf-8"/>
-            <meta name="viewport" content="width=device-width, initial-scale=1"/>
-            <Meta/>
-            <Links/>
-        </head>
-        <body>
-        {children}
-        <Scripts/>
-        </body>
-        </html>
-    )
-}
-
-export default function App() {
-    return <Outlet/>
-}
-