zudoku 0.1.1-dev.9 → 0.3.0-dev.100

package/dist/lib/plugins/api-keys/SettingsApiKeys.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMutation, useQueryClient, useSuspenseQuery, } from "@tanstack/react-query";
+import { EyeIcon, EyeOffIcon, RotateCwIcon, TrashIcon } from "lucide-react";
+import { useState } from "react";
+import { Link } from "react-router-dom";
+import { useZudoku } from "../../components/context/ZudokuContext.js";
+import { Slotlet } from "../../components/SlotletProvider.js";
+import { Button } from "../../ui/Button.js";
+import { cn } from "../../util/cn.js";
+export const SettingsApiKeys = ({ service }) => {
+    const context = useZudoku();
+    const queryClient = useQueryClient();
+    const { data } = useSuspenseQuery({
+        queryFn: () => service.getKeys(context),
+        queryKey: ["api-keys"],
+        retry: false,
+    });
+    const deleteKeyMutation = useMutation({
+        mutationFn: (id) => {
+            if (!service.deleteKey) {
+                throw new Error("deleteKey not implemented");
+            }
+            return service.deleteKey(id, context);
+        },
+        onSuccess: () => {
+            void queryClient.invalidateQueries({ queryKey: ["api-keys"] });
+        },
+    });
+    const rollKeyMutation = useMutation({
+        mutationFn: (id) => {
+            if (!service.rollKey) {
+                throw new Error("rollKey not implemented");
+            }
+            return service.rollKey(id, context);
+        },
+        onSuccess: () => queryClient.invalidateQueries({ queryKey: ["api-keys"] }),
+    });
+    return (_jsxs("div", { className: "max-w-screen-lg h-full pt-[--padding-content-top] pb-[--padding-content-bottom]", children: [_jsx(Slotlet, { name: "api-keys-list-page" }), _jsxs("div", { className: "flex justify-between mb-4 border-b pb-3", children: [_jsx("h1", { className: "font-medium text-2xl", children: "API Keys" }), service.createKey && (_jsx(Button, { asChild: true, children: _jsx(Link, { to: "/settings/api-keys/new", children: "Create API Key" }) }))] }), _jsx(Slotlet, { name: "api-keys-list-page-before-keys" }), data.length === 0 ? (_jsxs("div", { className: "flex flex-col justify-center gap-4 items-center p-8 border rounded bg-muted/30 text-muted-foreground", children: [_jsxs("p", { className: "text-center", children: ["No API keys created yet.", _jsx("br", {}), "Get started and create your first key."] }), service.createKey && (_jsx(Button, { asChild: true, variant: "outline", children: _jsx(Link, { to: "/settings/api-keys/new", children: "Create API Key" }) }))] })) : (_jsx("ul", { className: cn("grid grid-cols-1  rounded border", "lg:grid-cols-[minmax(250px,min-content)_1fr_min-content]"), children: data.map((key) => (_jsxs("li", { className: "border-b p-5 grid grid-cols-subgrid col-span-full gap-2 items-center", children: [_jsxs("div", { className: "flex flex-col gap-1 text-sm", children: [key.description ?? key.id, _jsxs("div", { className: "text-muted-foreground text-xs", children: [key.createdOn && (_jsxs("div", { children: ["Created on ", new Date(key.createdOn).toLocaleDateString()] })), key.expiresOn && (_jsxs("div", { children: ["Expires on ", new Date(key.expiresOn).toLocaleDateString()] }))] })] }), _jsx("div", { className: "items-center flex lg:justify-center", children: _jsx(RevealApiKey, { apiKey: key.key }) }), _jsxs("div", { className: "flex gap-2", children: [service.rollKey && (_jsx(Button, { size: "icon", title: "Roll this key", variant: "ghost", onClick: () => {
+                                        if (!confirm("Do you want to roll this key?")) {
+                                            return;
+                                        }
+                                        rollKeyMutation.mutate(key.id);
+                                    }, children: _jsx(RotateCwIcon, { size: 16 }) })), service.deleteKey && (_jsx(Button, { variant: "ghost", size: "icon", onClick: () => {
+                                        if (!confirm("Do you want to delete this key?")) {
+                                            return;
+                                        }
+                                        deleteKeyMutation.mutate(key.id);
+                                    }, disabled: deleteKeyMutation.isPending, children: _jsx(TrashIcon, { size: 16 }) }))] })] }, key.id))) }))] }));
+};
+const RevealApiKey = ({ apiKey }) => {
+    const [revealed, setRevealed] = useState(false);
+    return (_jsxs("div", { className: "flex gap-2 items-center text-sm w-full", children: [_jsx("div", { className: "border rounded bg-gray-100 dark:bg-gray-950 p-1 font-mono w-fit overflow-x-scroll h-9 items-center flex px-2", children: revealed ? apiKey : "•".repeat(apiKey.length) }), _jsx(Button, { variant: "outline", onClick: () => setRevealed((prev) => !prev), size: "icon", children: revealed ? _jsx(EyeOffIcon, { size: 16 }) : _jsx(EyeIcon, { size: 16 }) })] }));
+};
+//# sourceMappingURL=SettingsApiKeys.js.map

package/dist/lib/plugins/api-keys/SettingsApiKeys.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsApiKeys.js","sourceRoot":"","sources":["../../../../src/lib/plugins/api-keys/SettingsApiKeys.tsx"],"names":[],"mappings":"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"}

package/dist/lib/plugins/api-keys/index.d.ts

@@ -0,0 +1,29 @@
+import { DevPortalContext } from "../../core/DevPortalContext.js";
+import { type ApiIdentityPlugin, type DevPortalPlugin, ProfileMenuPlugin } from "../../core/plugins.js";
+export type ApiKeyService = {
+    getKeys: (context: DevPortalContext) => Promise<ApiKey[]>;
+    rollKey?: (id: string, context: DevPortalContext) => Promise<void>;
+    deleteKey?: (id: string, context: DevPortalContext) => Promise<void>;
+    updateKeyDescription?: (apiKey: {
+        id: string;
+        description: string;
+    }, context: DevPortalContext) => Promise<void>;
+    getUsage?: (apiKeys: string[], context: DevPortalContext) => Promise<void>;
+    createKey?: (apiKey: {
+        description: string;
+        expiresOn?: string;
+    }, context: DevPortalContext) => Promise<void>;
+};
+export type GetApiKeysOptions = ApiKeyService | {
+    endpoint: string;
+} | object;
+export type ApiKeyPluginOptions = object & GetApiKeysOptions;
+export interface ApiKey {
+    id: string;
+    description?: string;
+    createdOn?: string;
+    updatedOn?: string;
+    expiresOn?: string;
+    key: string;
+}
+export declare const apiKeyPlugin: (options: ApiKeyPluginOptions) => DevPortalPlugin & ApiIdentityPlugin & ProfileMenuPlugin;

package/dist/lib/plugins/api-keys/index.js

@@ -0,0 +1,92 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { RouterError } from "../../errors/RouterError.js";
+import invariant from "../../util/invariant.js";
+import { CreateApiKey } from "./CreateApiKey.js";
+import { ProtectedRoute } from "./ProtectedRoute.js";
+import { SettingsApiKeys } from "./SettingsApiKeys.js";
+const DEFAULT_API_KEY_ENDPOINT = "https://zudoku-rewiringamerica-main-ef9c9c0.d2.zuplo.dev";
+const createDefaultHandler = (endpoint) => {
+    return {
+        deleteKey: async (id, context) => {
+            const request = new Request(endpoint + `/v1/developer/api-keys/${id}`, {
+                method: "DELETE",
+            });
+            await context.signRequest(request);
+            const response = await fetch(request);
+            invariant(response.ok, "Failed to delete API key");
+        },
+        rollKey: async (id, context) => {
+            const response = await fetch(await context.signRequest(new Request(endpoint + `/v1/developer/api-keys/${id}/key`, {
+                method: "DELETE",
+            })));
+            invariant(response.ok, "Failed to delete API key");
+        },
+        createKey: async (apiKey, context) => {
+            const request = new Request(endpoint + `/v1/developer/api-keys`, {
+                method: "POST",
+                headers: {
+                    "Content-Type": "application/json",
+                },
+                body: JSON.stringify(apiKey),
+            });
+            await context.signRequest(request);
+            const response = await fetch(request);
+            invariant(response.ok, "Failed to create API key");
+        },
+        getKeys: async (context) => {
+            const request = new Request(endpoint + `/v1/developer/api-keys`);
+            await context.signRequest(request);
+            const keys = await fetch(request);
+            invariant(keys.ok, "Failed to fetch API keys");
+            return await keys.json();
+        },
+    };
+};
+export const apiKeyPlugin = (options) => {
+    const endpoint = "endpoint" in options ? options.endpoint : DEFAULT_API_KEY_ENDPOINT;
+    const service = "getKeys" in options ? options : createDefaultHandler(endpoint);
+    return {
+        getProfileMenuItems: () => [
+            {
+                label: "API Keys",
+                path: "/settings/api-keys",
+            },
+        ],
+        getIdentities: async (context) => {
+            try {
+                const keys = await service.getKeys(context);
+                return keys.map((key) => ({
+                    authorizeRequest: (request) => {
+                        request.headers.set("Authorization", `Bearer ${key.key}`);
+                        return request;
+                    },
+                    id: key.id,
+                    label: key.description ?? key.id,
+                }));
+            }
+            catch {
+                return [];
+            }
+        },
+        getRoutes: () => {
+            // TODO: Make lazy
+            return [
+                {
+                    element: _jsx(ProtectedRoute, {}),
+                    errorElement: _jsx(RouterError, {}),
+                    children: [
+                        {
+                            path: "/settings/api-keys",
+                            element: _jsx(SettingsApiKeys, { service: service }),
+                        },
+                        {
+                            path: "/settings/api-keys/new",
+                            element: _jsx(CreateApiKey, { service: service }),
+                        },
+                    ],
+                },
+            ];
+        },
+    };
+};
+//# sourceMappingURL=index.js.map

package/dist/lib/plugins/api-keys/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/lib/plugins/api-keys/index.tsx"],"names":[],"mappings":"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"}

package/dist/lib/plugins/custom-page/index.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from "react";
+import type { DevPortalPlugin, NavigationPlugin } from "../../core/plugins.js";
+type CustomPageConfig = Array<{
+    path: string;
+    element: ReactNode;
+}>;
+export declare const customPagePlugin: (config: CustomPageConfig) => DevPortalPlugin & NavigationPlugin;
+export {};

package/dist/lib/plugins/custom-page/index.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ProseClasses } from "../../components/Markdown.js";
+export const customPagePlugin = (config) => {
+    return {
+        getRoutes: () => config.map(({ path, element }) => ({
+            path,
+            // TODO: we should componentize prose pages
+            element: _jsx("div", { className: ProseClasses + " max-w-full", children: element }),
+        })),
+    };
+};
+//# sourceMappingURL=index.js.map

package/dist/lib/plugins/custom-page/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/lib/plugins/custom-page/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAQ5D,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC9B,MAAwB,EACY,EAAE;IACtC,OAAO;QACL,SAAS,EAAE,GAAkB,EAAE,CAC7B,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC;YACjC,IAAI;YACJ,2CAA2C;YAC3C,OAAO,EAAE,cAAK,SAAS,EAAE,YAAY,GAAG,aAAa,YAAG,OAAO,GAAO;SACvE,CAAC,CAAC;KACN,CAAC;AACJ,CAAC,CAAC"}

package/dist/lib/plugins/markdown/MdxPage.d.ts

@@ -0,0 +1,6 @@
+import { type PropsWithChildren } from "react";
+import { MarkdownPluginDefaultOptions, MDXImport } from "./index.js";
+export declare const MdxPage: ({ mdxComponent: MdxComponent, frontmatter, defaultOptions, tableOfContents, }: PropsWithChildren<Omit<MDXImport, "default"> & {
+    mdxComponent: MDXImport["default"];
+    defaultOptions?: MarkdownPluginDefaultOptions;
+}>) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/plugins/markdown/MdxPage.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useMDXComponents } from "@mdx-js/react";
+import { Helmet } from "@zudoku/react-helmet-async";
+import { Link } from "react-router-dom";
+import { CategoryHeading } from "../../components/CategoryHeading.js";
+import { Heading } from "../../components/Heading.js";
+import { ProseClasses } from "../../components/Markdown.js";
+import { useCurrentItem, usePrevNext, } from "../../components/navigation/utils.js";
+import { cn } from "../../util/cn.js";
+import slugify from "../../util/slugify.js";
+import { Toc } from "./Toc.js";
+const MarkdownHeadings = {
+    h2: ({ children, id }) => (_jsx(Heading, { level: 2, id: id, registerSidebarAnchor: true, children: children })),
+    h3: ({ children, id }) => (_jsxs(Heading, { level: 3, id: id, registerSidebarAnchor: true, children: [" ", children] })),
+};
+export const MdxPage = ({ mdxComponent: MdxComponent, frontmatter = {}, defaultOptions, tableOfContents, }) => {
+    const categoryTitle = useCurrentItem()?.categoryLabel;
+    const title = frontmatter.title;
+    const category = frontmatter.category ?? categoryTitle;
+    const hideToc = frontmatter.toc === false || defaultOptions?.toc === false;
+    const pageTitle = tableOfContents.find((item) => item.depth === 1)?.value ?? title;
+    const hidePager = frontmatter.disablePager ?? defaultOptions?.disablePager ?? false;
+    const tocEntries = tableOfContents.find((item) => item.depth === 1)?.children ??
+        // if `title` is provided by frontmatter it does not appear in the table of contents
+        tableOfContents.filter((item) => item.depth === 2);
+    const showToc = !hideToc && tocEntries.length > 0;
+    const { prev, next } = usePrevNext();
+    return (_jsxs("div", { className: "xl:grid grid-cols-[--sidecar-grid-cols] gap-8 justify-between", children: [_jsx(Helmet, { children: _jsx("title", { children: pageTitle }) }), _jsxs("div", { className: cn(ProseClasses, "max-w-full xl:w-full xl:max-w-prose flex-1 flex-shrink pt-[--padding-content-top] pb-[--padding-content-bottom]"), children: [_jsxs("header", { children: [category && _jsx(CategoryHeading, { children: category }), title && (_jsx(Heading, { level: 1, id: slugify(title, { lower: true }), children: title })), frontmatter.description && (_jsx("p", { className: "prose-lg", children: frontmatter.description }))] }), _jsx(MdxComponent, { components: { ...useMDXComponents(), ...MarkdownHeadings } }), !hidePager && (_jsxs(_Fragment, { children: [_jsx("hr", {}), _jsxs("div", { className: "not-prose flex items-center justify-between gap-8", children: [prev ? (_jsxs(Link, { to: prev.id, className: "flex flex-col items-stretch gap-2 flex-1 truncate border rounded px-6 py-4 text-start hover:border-primary/85 transition shadow-sm hover:shadow-md", title: prev.label, children: [_jsx("div", { className: "text-sm text-muted-foreground", children: "\u2190 Previous page" }), _jsx("div", { className: "text-lg text-primary truncate", children: prev.label })] })) : (_jsx("div", { className: "flex-1" })), next ? (_jsxs(Link, { to: next.id, className: "flex flex-col items-stretch gap-2 flex-1 truncate border rounded px-6 py-4 text-end hover:border-primary/85 transition shadow-sm hover:shadow-md", title: next.label, children: [_jsx("div", { className: "text-sm text-muted-foreground", children: "Next page \u2192" }), _jsx("div", { className: "text-lg text-primary truncate", children: next.label })] })) : (_jsx("div", { className: "flex-1" }))] })] }))] }), _jsx("div", { className: "hidden xl:block", children: showToc && _jsx(Toc, { entries: tocEntries }) })] }));
+};
+//# sourceMappingURL=MdxPage.js.map

package/dist/lib/plugins/markdown/MdxPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MdxPage.js","sourceRoot":"","sources":["../../../../src/lib/plugins/markdown/MdxPage.tsx"],"names":[],"mappings":"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"}

package/dist/lib/plugins/markdown/Toc.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ListTreeIcon } from "lucide-react";
+import { useEffect, useRef, useState, } from "react";
+import { AnchorLink } from "../../components/AnchorLink.js";
+import { useViewportAnchor } from "../../components/context/ViewportAnchorContext.js";
+import { cn } from "../../util/cn.js";
+const DATA_ANCHOR_ATTR = "data-active";
+const TocItem = ({ item, children, className, isActive, }) => {
+    return (_jsxs("li", { className: cn("truncate", isActive
+            ? "text-primary"
+            : "text-foreground/65 dark:text-foreground/75", className), title: item.value, children: [_jsx(AnchorLink, { to: `#${item.id}`, [DATA_ANCHOR_ATTR]: item.id, className: cn(isActive
+                    ? "text-primary"
+                    : "text-foreground/65 dark:text-foreground/75 hover:text-foreground"), children: item.value }), children] }));
+};
+export const Toc = ({ entries }) => {
+    const { activeAnchor } = useViewportAnchor();
+    const listWrapperRef = useRef(null);
+    const paintedOnce = useRef(false);
+    const [indicatorStyle, setIndicatorStyles] = useState({
+        top: 0,
+        opacity: 0,
+    });
+    // synchronize active anchor indicator with the scroll position
+    useEffect(() => {
+        if (!listWrapperRef.current)
+            return;
+        const activeElement = listWrapperRef.current.querySelector(`[${DATA_ANCHOR_ATTR}='${activeAnchor}']`);
+        if (!activeElement) {
+            setIndicatorStyles({ top: 0, opacity: 0 });
+            return;
+        }
+        const topParent = listWrapperRef.current.getBoundingClientRect().top;
+        const topElement = activeElement.getBoundingClientRect().top;
+        setIndicatorStyles({
+            opacity: 1,
+            top: `${topElement - topParent}px`,
+        });
+        if (paintedOnce.current)
+            return;
+        // after all is painted, the indicator should animate
+        requestIdleCallback(() => {
+            paintedOnce.current = true;
+        });
+    }, [activeAnchor]);
+    return (_jsxs("aside", { className: "sticky top-[--header-height] h-[calc(100vh-var(--header-height))] pt-[--padding-content-top] pb-[--padding-content-bottom] overflow-y-auto ps-1 text-sm", children: [_jsxs("div", { className: "flex items-center gap-2 font-medium mb-2", children: [_jsx(ListTreeIcon, { size: 16 }), "On this page"] }), _jsxs("div", { className: "relative ms-2 ps-4", children: [_jsx("div", { className: "absolute inset-0 right-auto bg-border w-[2px]" }), _jsx("div", { className: cn("absolute -left-px -translate-y-1 h-6 w-[4px] rounded bg-primary", paintedOnce.current &&
+                            "ease-out [transition:top_150ms,opacity_325ms]"), style: indicatorStyle }), _jsx("ul", { ref: listWrapperRef, className: "relative font-medium list-none space-y-2", children: entries.map((item) => (_jsx(TocItem, { isActive: item.id === activeAnchor, item: item, className: "pl-0", children: item.children && (_jsx("ul", { className: "list-none pl-4 pt-2 space-y-2", children: item.children.map((child) => (_jsx(TocItem, { item: child, isActive: child.id === activeAnchor }, child.id))) })) }, item.id))) })] })] }));
+};
+//# sourceMappingURL=Toc.js.map

package/dist/lib/plugins/markdown/Toc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toc.js","sourceRoot":"","sources":["../../../../src/lib/plugins/markdown/Toc.tsx"],"names":[],"mappings":"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"}

package/dist/lib/plugins/markdown/generateRoutes.d.ts

@@ -0,0 +1,3 @@
+import { type RouteObject } from "react-router-dom";
+import { MarkdownPluginDefaultOptions, MarkdownPluginOptions } from "./index.js";
+export declare const generateRoutes: (markdownFiles: MarkdownPluginOptions["markdownFiles"], defaultOptions?: MarkdownPluginDefaultOptions) => RouteObject[];

package/dist/lib/plugins/markdown/generateRoutes.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export const generateRoutes = (markdownFiles, defaultOptions) => Object.entries(markdownFiles).flatMap(([file, importPromise]) => {
+    // @todo we can pass in the folder name and then filter the markdown files based on that path
+    const match = file.match(/pages\/(.*).mdx?$/);
+    const path = match?.at(1);
+    if (!path)
+        return [];
+    const pathSegments = path.split("/");
+    const isIndexFile = pathSegments.at(-1) === "index";
+    const routePath = isIndexFile ? pathSegments.slice(0, -1).join("/") : path;
+    return {
+        path: routePath,
+        lazy: async () => {
+            const { MdxPage } = await import("./MdxPage.js");
+            const { default: Component, ...props } = await importPromise();
+            return {
+                element: (_jsx(MdxPage, { mdxComponent: Component, ...props, defaultOptions: defaultOptions })),
+            };
+        },
+    };
+});
+//# sourceMappingURL=generateRoutes.js.map

package/dist/lib/plugins/markdown/generateRoutes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generateRoutes.js","sourceRoot":"","sources":["../../../../src/lib/plugins/markdown/generateRoutes.tsx"],"names":[],"mappings":";AAOA,MAAM,CAAC,MAAM,cAAc,GAAG,CAC5B,aAAqD,EACrD,cAA6C,EAC9B,EAAE,CACjB,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,EAAE,aAAa,CAAC,EAAE,EAAE;IAC9D,6FAA6F;IAC7F,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,CAAC;IAC9C,MAAM,IAAI,GAAG,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;IAE1B,IAAI,CAAC,IAAI;QAAE,OAAO,EAAE,CAAC;IAErB,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACrC,MAAM,WAAW,GAAG,YAAY,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC;IACpD,MAAM,SAAS,GAAG,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAE3E,OAAO;QACL,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,KAAK,IAAI,EAAE;YACf,MAAM,EAAE,OAAO,EAAE,GAAG,MAAM,MAAM,CAAC,cAAc,CAAC,CAAC;YACjD,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,GAAG,MAAM,aAAa,EAAE,CAAC;YAC/D,OAAO;gBACL,OAAO,EAAE,CACP,KAAC,OAAO,IACN,YAAY,EAAE,SAAS,KACnB,KAAK,EACT,cAAc,EAAE,cAAc,GAC9B,CACH;aACF,CAAC;QACJ,CAAC;KACoB,CAAC;AAC1B,CAAC,CAAC,CAAC"}

package/dist/lib/plugins/markdown/index.d.ts

@@ -0,0 +1,21 @@
+import type { Toc } from "@stefanprobst/rehype-extract-toc";
+import type { MDXProps } from "mdx/types.js";
+import type { DevPortalPlugin } from "../../core/plugins.js";
+export type MarkdownPluginOptions = {
+    markdownFiles: Record<string, () => Promise<MDXImport>>;
+    defaultOptions?: MarkdownPluginDefaultOptions;
+};
+export type MarkdownPluginDefaultOptions = Pick<Frontmatter, "toc" | "disablePager">;
+export type Frontmatter = {
+    title?: string;
+    description?: string;
+    category?: string;
+    toc?: boolean;
+    disablePager?: boolean;
+};
+export type MDXImport = {
+    tableOfContents: Toc;
+    frontmatter: Frontmatter;
+    default: (props: MDXProps) => JSX.Element;
+};
+export declare const markdownPlugin: ({ markdownFiles, defaultOptions, }: MarkdownPluginOptions) => DevPortalPlugin;

package/dist/lib/plugins/markdown/index.js

@@ -0,0 +1,5 @@
+import { generateRoutes } from "./generateRoutes.js";
+export const markdownPlugin = ({ markdownFiles, defaultOptions, }) => ({
+    getRoutes: () => generateRoutes(markdownFiles, defaultOptions),
+});
+//# sourceMappingURL=index.js.map

package/dist/lib/plugins/markdown/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/lib/plugins/markdown/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAyBrD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,aAAa,EACb,cAAc,GACQ,EAAmB,EAAE,CAAC,CAAC;IAC7C,SAAS,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,aAAa,EAAE,cAAc,CAAC;CAC/D,CAAC,CAAC"}

package/dist/lib/plugins/openapi/ColorizedParam.d.ts

@@ -0,0 +1,12 @@
+import { type ReactNode } from "react";
+export declare const DATA_ATTR = "data-linked-param";
+export declare const usePastellizedColor: (name: string) => string;
+export declare const ColorizedParam: ({ name, className, backgroundOpacity, borderOpacity, slug, children, onClick, }: {
+    name: string;
+    className?: string;
+    backgroundOpacity?: string;
+    borderOpacity?: string;
+    slug?: string;
+    children?: ReactNode;
+    onClick?: () => void;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/plugins/openapi/ColorizedParam.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import { useTheme } from "../../components/context/ThemeContext.js";
+import { cn } from "../../util/cn.js";
+import { pastellize } from "../../util/pastellize.js";
+export const DATA_ATTR = "data-linked-param";
+export const usePastellizedColor = (name) => {
+    const [isDark] = useTheme();
+    return pastellize(name, !isDark ? { saturation: 85, lightness: 50 } : undefined);
+};
+export const ColorizedParam = ({ name, className, backgroundOpacity = "100%", borderOpacity = "100%", slug, children, onClick, }) => {
+    const ref = useRef(null);
+    const normalized = name.replace(/[{}]/g, "");
+    const normalizedSlug = slug?.replace(/[{}]/g, "");
+    const color = usePastellizedColor(normalized);
+    const borderColor = `hsl(${color} / ${borderOpacity})`;
+    const backgroundColor = `hsl(${color} / ${backgroundOpacity})`;
+    useEffect(() => {
+        if (!normalizedSlug)
+            return;
+        if (!ref.current)
+            return;
+        const onMouseEnter = () => {
+            document
+                .querySelectorAll(`[${DATA_ATTR}="${normalizedSlug}"]`)
+                .forEach((el) => {
+                if (el instanceof HTMLElement) {
+                    el.dataset.active = "true";
+                }
+            });
+        };
+        const onMouseLeave = () => {
+            document
+                .querySelectorAll(`[${DATA_ATTR}="${normalizedSlug}"]`)
+                .forEach((el) => {
+                if (el instanceof HTMLElement) {
+                    el.dataset.active = "false";
+                }
+            });
+        };
+        ref.current.addEventListener("mouseenter", onMouseEnter);
+        ref.current.addEventListener("mouseleave", onMouseLeave);
+        return () => {
+            ref.current?.removeEventListener("mouseenter", onMouseEnter);
+            ref.current?.removeEventListener("mouseleave", onMouseLeave);
+        };
+    }, [normalizedSlug]);
+    return (_jsxs("span", { className: cn("inline-flex relative rounded group", className), [DATA_ATTR]: normalizedSlug, ref: ref, onClick: onClick, children: [_jsx("span", { className: "absolute inset-0 border-b-2 transition-opacity duration-200 opacity-30 group-data-[active=true]:opacity-100", style: { borderColor, backgroundColor } }), _jsx("span", { className: "relative", children: children ?? name })] }));
+};
+//# sourceMappingURL=ColorizedParam.js.map

package/dist/lib/plugins/openapi/ColorizedParam.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorizedParam.js","sourceRoot":"","sources":["../../../../src/lib/plugins/openapi/ColorizedParam.tsx"],"names":[],"mappings":"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"}

package/dist/lib/plugins/openapi/OperationList.js

@@ -0,0 +1,103 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { CategoryHeading } from "../../components/CategoryHeading.js";
+import { DeveloperHint } from "../../components/DeveloperHint.js";
+import { ErrorPage } from "../../components/ErrorPage.js";
+import { Heading } from "../../components/Heading.js";
+import { InlineCode } from "../../components/InlineCode.js";
+import { Markdown } from "../../components/Markdown.js";
+import { SyntaxHighlight } from "../../components/SyntaxHighlight.js";
+import { cn } from "../../util/cn.js";
+import { OperationListItem } from "./OperationListItem.js";
+import StaggeredRender from "./StaggeredRender.js";
+import { useOasConfig } from "./context.js";
+import { graphql } from "./graphql/index.js";
+import { SchemaProseClasses } from "./util/prose.js";
+import { useQuery } from "./util/urql.js";
+export const OperationsFragment = graphql(/* GraphQL */ `
+  fragment OperationsFragment on OperationItem {
+    slug
+    summary
+    method
+    description
+    operationId
+    contentTypes
+    path
+    parameters {
+      name
+      in
+      description
+      required
+      schema
+      style
+      examples {
+        name
+        description
+        externalValue
+        value
+        summary
+      }
+    }
+    requestBody {
+      content {
+        mediaType
+        encoding {
+          name
+        }
+        schema
+      }
+      description
+      required
+    }
+    responses {
+      statusCode
+      links
+      description
+      content {
+        mediaType
+        encoding {
+          name
+        }
+        schema
+      }
+    }
+  }
+`);
+const AllOperationsQuery = graphql(/* GraphQL */ `
+  query AllOperations($input: JSON!, $type: SchemaType!) {
+    schema(input: $input, type: $type) {
+      description
+      title
+      url
+      version
+      tags {
+        name
+        description
+        operations {
+          slug
+          ...OperationsFragment
+        }
+      }
+    }
+  }
+`);
+const suspenseContext = { suspense: true };
+export const OperationList = () => {
+    const { type, input } = useOasConfig();
+    const [result] = useQuery({
+        query: AllOperationsQuery,
+        variables: { type, input },
+        context: suspenseContext,
+    });
+    const error = result.error?.graphQLErrors.at(0);
+    // Looks like there is no Suspense level error handling (yet)?
+    // So we handle the error case in the component directly
+    if (error) {
+        return (_jsx(ErrorPage, { category: "Error", title: "Schema cannot be displayed", message: _jsxs(_Fragment, { children: [_jsxs(DeveloperHint, { className: "mb-4", children: ["Check your configuration value ", _jsx(InlineCode, { children: "apis.type" }), " ", "and ", _jsx(InlineCode, { children: "apis.input" }), " in the Zudoku config."] }), "An error occurred while trying to fetch the API reference:", _jsx(SyntaxHighlight, { code: error.toString(), language: "plain" })] }) }));
+    }
+    if (!result.data)
+        return null;
+    return (_jsxs("div", { className: "pt-[--padding-content-top]", children: [_jsxs("div", { className: cn(SchemaProseClasses, "mb-16 max-w-full prose-img:max-w-prose"), children: [_jsx(CategoryHeading, { children: "Overview" }), _jsx(Heading, { level: 1, id: "description", registerSidebarAnchor: true, children: result.data.schema.title }), _jsx(Markdown, { content: result.data.schema.description ?? "" })] }), result.data.schema.tags
+                .filter((tag) => tag.operations.length > 0)
+                .map((tag) => (_jsxs("div", { children: [tag.name && _jsx(CategoryHeading, { children: tag.name }), tag.description && (_jsx(Markdown, { className: `${SchemaProseClasses} mt-2 mb-12`, content: tag.description })), _jsx("div", { className: "operation mb-12", children: _jsx(StaggeredRender, { children: tag.operations.map((fragment) => (_jsx(OperationListItem, { operationFragment: fragment }, fragment.slug))) }) })] }, tag.name)))] }));
+};
+//# sourceMappingURL=OperationList.js.map

package/dist/lib/plugins/openapi/OperationList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OperationList.js","sourceRoot":"","sources":["../../../../src/lib/plugins/openapi/OperationList.tsx"],"names":[],"mappings":"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"}

package/dist/lib/plugins/openapi/OperationListItem.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Heading } from "../../components/Heading.js";
+import { Markdown } from "../../components/Markdown.js";
+import { Card } from "../../ui/Card.js";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "../../ui/Tabs.js";
+import { groupBy } from "../../util/groupBy.js";
+import { renderIf } from "../../util/renderIf.js";
+import { OperationsFragment } from "./OperationList.js";
+import { ParameterList } from "./ParameterList.js";
+import { SchemaListView } from "./SchemaListView.js";
+import { Sidecar } from "./Sidecar.js";
+import { useFragment } from "./graphql/index.js";
+import { SchemaProseClasses } from "./util/prose.js";
+export const PARAM_GROUPS = ["path", "query", "header", "cookie"];
+export const OperationListItem = ({ operationFragment, }) => {
+    const operation = useFragment(OperationsFragment, operationFragment);
+    const groupedParameters = groupBy(operation.parameters ?? [], (param) => param.in);
+    const first = operation.responses.at(0);
+    return (_jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-[4fr_3fr] gap-8 items-start border-b-2 mb-16 pb-16", children: [_jsxs("div", { className: "flex flex-col gap-4", children: [_jsx(Heading, { level: 2, id: operation.slug, registerSidebarAnchor: true, children: operation.summary }), operation.description && (_jsx(Markdown, { className: SchemaProseClasses, content: operation.description })), operation.parameters && operation.parameters.length > 0 && (_jsx(_Fragment, { children: PARAM_GROUPS.flatMap((group) => groupedParameters[group]?.length ? (_jsx(ParameterList, { id: operation.slug, parameters: groupedParameters[group], group: group }, group)) : ([])) })), renderIf(operation.requestBody?.content?.at(0)?.schema, (schema) => (_jsxs("div", { className: "mt-4 flex flex-col gap-4", children: [_jsx(Heading, { level: 3, className: "capitalize", children: "Request Body" }), _jsx(SchemaListView, { schema: schema })] }))), operation.responses.length > 0 && (_jsxs(_Fragment, { children: [_jsx(Heading, { level: 3, className: "capitalize mt-8 pt-8 border-t", children: "Responses" }), _jsxs(Tabs, { defaultValue: `${first?.statusCode}${first?.description}`, children: [operation.responses.length > 1 && (_jsx(TabsList, { children: operation.responses.map((response) => (_jsx(TabsTrigger, { value: response.statusCode + response.description, title: response.description, children: response.statusCode }, response.statusCode))) })), _jsx("ul", { className: "list-none m-0 px-0 overflow-hidden", children: operation.responses.map((response) => (_jsx(TabsContent, { value: response.statusCode + response.description, children: renderIf(response.content?.find((content) => content.schema), (content) => {
+                                                return _jsx(SchemaListView, { schema: content.schema });
+                                            }) ?? (_jsx(Card, { className: "font-mono text-sm p-4", children: "No response body" })) }, response.statusCode))) })] })] }))] }), _jsx(Sidecar, { operation: operation })] }, operation.operationId));
+};
+//# sourceMappingURL=OperationListItem.js.map

package/dist/lib/plugins/openapi/OperationListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OperationListItem.js","sourceRoot":"","sources":["../../../../src/lib/plugins/openapi/OperationListItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC5E,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAgB,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,CAAU,CAAC;AAG3E,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAChC,iBAAiB,GAGlB,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,WAAW,CAAC,kBAAkB,EAAE,iBAAiB,CAAC,CAAC;IACrE,MAAM,iBAAiB,GAAG,OAAO,CAC/B,SAAS,CAAC,UAAU,IAAI,EAAE,EAC1B,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,CACpB,CAAC;IAEF,MAAM,KAAK,GAAG,SAAS,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IACxC,OAAO,CACL,eAEE,SAAS,EAAC,kFAAkF,aAE5F,eAAK,SAAS,EAAC,qBAAqB,aAClC,KAAC,OAAO,IAAC,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,SAAS,CAAC,IAAI,EAAE,qBAAqB,kBACzD,SAAS,CAAC,OAAO,GACV,EACT,SAAS,CAAC,WAAW,IAAI,CACxB,KAAC,QAAQ,IACP,SAAS,EAAE,kBAAkB,EAC7B,OAAO,EAAE,SAAS,CAAC,WAAW,GAC9B,CACH,EACA,SAAS,CAAC,UAAU,IAAI,SAAS,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,IAAI,CAC1D,4BACG,YAAY,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,CAC9B,iBAAiB,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CACjC,KAAC,aAAa,IAEZ,EAAE,EAAE,SAAS,CAAC,IAAI,EAClB,UAAU,EAAE,iBAAiB,CAAC,KAAK,CAAC,EACpC,KAAK,EAAE,KAAK,IAHP,KAAK,CAIV,CACH,CAAC,CAAC,CAAC,CACF,EAAE,CACH,CACF,GACA,CACJ,EACA,QAAQ,CAAC,SAAS,CAAC,WAAW,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,CACnE,eAAK,SAAS,EAAC,0BAA0B,aACvC,KAAC,OAAO,IAAC,KAAK,EAAE,CAAC,EAAE,SAAS,EAAC,YAAY,6BAE/B,EACV,KAAC,cAAc,IAAC,MAAM,EAAE,MAAM,GAAI,IAC9B,CACP,CAAC,EACD,SAAS,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,IAAI,CACjC,8BACE,KAAC,OAAO,IAAC,KAAK,EAAE,CAAC,EAAE,SAAS,EAAC,+BAA+B,0BAElD,EACV,MAAC,IAAI,IAAC,YAAY,EAAE,GAAG,KAAK,EAAE,UAAU,GAAG,KAAK,EAAE,WAAW,EAAE,aAC5D,SAAS,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,IAAI,CACjC,KAAC,QAAQ,cACN,SAAS,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CACrC,KAAC,WAAW,IACV,KAAK,EAAE,QAAQ,CAAC,UAAU,GAAG,QAAQ,CAAC,WAAW,EAEjD,KAAK,EAAE,QAAQ,CAAC,WAAW,YAE1B,QAAQ,CAAC,UAAU,IAHf,QAAQ,CAAC,UAAU,CAIZ,CACf,CAAC,GACO,CACZ,EACD,aAAI,SAAS,EAAC,oCAAoC,YAC/C,SAAS,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CACrC,KAAC,WAAW,IACV,KAAK,EAAE,QAAQ,CAAC,UAAU,GAAG,QAAQ,CAAC,WAAW,YAGhD,QAAQ,CACP,QAAQ,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,EACnD,CAAC,OAAO,EAAE,EAAE;gDACV,OAAO,KAAC,cAAc,IAAC,MAAM,EAAE,OAAO,CAAC,MAAM,GAAI,CAAC;4CACpD,CAAC,CACF,IAAI,CACH,KAAC,IAAI,IAAC,SAAS,EAAC,uBAAuB,iCAEhC,CACR,IAXI,QAAQ,CAAC,UAAU,CAYZ,CACf,CAAC,GACC,IACA,IACN,CACJ,IACG,EAEN,KAAC,OAAO,IAAC,SAAS,EAAE,SAAS,GAAI,KAhF5B,SAAS,CAAC,WAAW,CAiFtB,CACP,CAAC;AACJ,CAAC,CAAC"}