zudoku 0.0.2-dev.0

package/cli.js

@@ -0,0 +1 @@
+import "./dist/cli/cli.js";

package/dist/app/DevPortal.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="react" resolution-mode="require"/>
+import { type AuthProvider } from "./authentication/authentication.js";
+import { type ComponentsContextType } from "./components/context/ComponentsContext.js";
+import { type NavigationItem } from "./core/DevPortalContext.js";
+import { type DevPortalPlugin } from "./core/plugins.js";
+import { type MdxComponentsType } from "./util/MdxComponents.js";
+export declare const DevPortalSystemPaths: {
+    readonly Settings: "/settings";
+};
+export type DevPortalPath = string | (typeof DevPortalSystemPaths)[keyof typeof DevPortalSystemPaths];
+export type DevPortalProps = {
+    meta?: Partial<{
+        headerTitle: string;
+        pageTitle: string;
+        description: string;
+        logo: string;
+        favicon: string;
+    }>;
+    authentication?: AuthProvider;
+    navigation: NavigationItem[];
+    plugins?: DevPortalPlugin[];
+    mdxComponents?: MdxComponentsType;
+    overrides?: ComponentsContextType;
+};
+declare const MemoDevPortal: import("react").MemoExoticComponent<(props: DevPortalProps) => import("react/jsx-runtime").JSX.Element>;
+export default MemoDevPortal;

package/dist/app/DevPortal.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { MDXProvider } from "@mdx-js/react";
+import { QueryClientProvider } from "@tanstack/react-query";
+import { memo, Suspense, useEffect, useMemo } from "react";
+import { createBrowserRouter, RouterProvider } from "react-router-dom";
+import { ComponentsProvider, DEFAULT_COMPONENTS, } from "./components/context/ComponentsContext.js";
+import { DevPortalProvider } from "./components/context/DevPortalProvider.js";
+import { ThemeProvider } from "./components/context/ThemeContext.js";
+import { ViewportAnchorProvider } from "./components/context/ViewportAnchorContext.js";
+import { Layout } from "./components/Layout.js";
+import { DevPortalContext, queryClient, } from "./core/DevPortalContext.js";
+import { HelmetProvider } from "./core/helmet.js";
+import { isNavigationPlugin } from "./core/plugins.js";
+import { MdxComponents } from "./util/MdxComponents.js";
+export const DevPortalSystemPaths = {
+    Settings: "/settings",
+};
+const DevPortal = (props) => {
+    const router = useMemo(() => {
+        const routes = (props.plugins ?? []).flatMap((plugin) => isNavigationPlugin(plugin) ? plugin.getRoutes() : []);
+        return createBrowserRouter([
+            {
+                path: "/",
+                element: _jsx(Layout, {}),
+                errorElement: (_jsx(Layout, { children: _jsx("div", { className: "h-[75vh] flex items-center justify-center", children: "Error, look at the console" }) })),
+                children: routes,
+            },
+        ]);
+    }, [props.plugins]);
+    const components = useMemo(() => ({ ...DEFAULT_COMPONENTS, ...props.overrides }), [props.overrides]);
+    const mdxComponents = useMemo(() => ({ ...MdxComponents, ...props.mdxComponents }), [props.mdxComponents]);
+    const devPortalContext = useMemo(() => new DevPortalContext(props), [props]);
+    useEffect(() => {
+        void devPortalContext.initialize();
+    }, [devPortalContext]);
+    return (_jsx(QueryClientProvider, { client: queryClient, children: _jsx(HelmetProvider, { children: _jsx(DevPortalProvider, { value: devPortalContext, children: _jsx(MDXProvider, { components: mdxComponents, children: _jsx(ThemeProvider, { children: _jsx(ComponentsProvider, { value: components, children: _jsx(ViewportAnchorProvider, { children: _jsx(Suspense, { fallback: _jsx("div", { className: "grid place-items-center h-full", children: "Loading..." }), children: _jsx(RouterProvider, { router: router }) }) }) }) }) }) }) }) }));
+};
+const MemoDevPortal = memo(DevPortal);
+MemoDevPortal.displayName = "DevPortal";
+export default MemoDevPortal;
+//# sourceMappingURL=DevPortal.js.map

package/dist/app/DevPortal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DevPortal.js","sourceRoot":"","sources":["../../src/app/DevPortal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvE,OAAO,EACL,kBAAkB,EAClB,kBAAkB,GAEnB,MAAM,2CAA2C,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAC;AAC9E,OAAO,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AACrE,OAAO,EAAE,sBAAsB,EAAE,MAAM,+CAA+C,CAAC;AACvF,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EACL,gBAAgB,EAChB,WAAW,GAEZ,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAwB,MAAM,mBAAmB,CAAC;AAC7E,OAAO,EAAE,aAAa,EAA0B,MAAM,yBAAyB,CAAC;AAEhF,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAClC,QAAQ,EAAE,WAAW;CACb,CAAC;AAqBX,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IAC1C,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE;QAC1B,MAAM,MAAM,GAAG,CAAC,KAAK,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE,CACtD,kBAAkB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CACrD,CAAC;QAEF,OAAO,mBAAmB,CAAC;YACzB;gBACE,IAAI,EAAE,GAAG;gBACT,OAAO,EAAE,KAAC,MAAM,KAAG;gBACnB,YAAY,EAAE,CACZ,KAAC,MAAM,cACL,cAAK,SAAS,EAAC,2CAA2C,2CAEpD,GACC,CACV;gBACD,QAAQ,EAAE,MAAM;aACjB;SACF,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAEpB,MAAM,UAAU,GAAG,OAAO,CACxB,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,kBAAkB,EAAE,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC,EACrD,CAAC,KAAK,CAAC,SAAS,CAAC,CAClB,CAAC;IAEF,MAAM,aAAa,GAAG,OAAO,CAC3B,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,aAAa,EAAE,GAAG,KAAK,CAAC,aAAa,EAAE,CAAC,EACpD,CAAC,KAAK,CAAC,aAAa,CAAC,CACtB,CAAC;IAEF,MAAM,gBAAgB,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,gBAAgB,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAE7E,SAAS,CAAC,GAAG,EAAE;QACb,KAAK,gBAAgB,CAAC,UAAU,EAAE,CAAC;IACrC,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,OAAO,CACL,KAAC,mBAAmB,IAAC,MAAM,EAAE,WAAW,YACtC,KAAC,cAAc,cACb,KAAC,iBAAiB,IAAC,KAAK,EAAE,gBAAgB,YACxC,KAAC,WAAW,IAAC,UAAU,EAAE,aAAa,YACpC,KAAC,aAAa,cACZ,KAAC,kBAAkB,IAAC,KAAK,EAAE,UAAU,YACnC,KAAC,sBAAsB,cACrB,KAAC,QAAQ,IACP,QAAQ,EACN,cAAK,SAAS,EAAC,gCAAgC,2BAEzC,YAGR,KAAC,cAAc,IAAC,MAAM,EAAE,MAAM,GAAI,GACzB,GACY,GACN,GACP,GACJ,GACI,GACL,GACG,CACvB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC;AACtC,aAAa,CAAC,WAAW,GAAG,WAAW,CAAC;AAExC,eAAe,aAAa,CAAC"}

package/dist/app/Heading.d.ts

@@ -0,0 +1,9 @@
+import { type ReactNode } from "react";
+export type HeadingProps = {
+    children: ReactNode;
+    className?: string;
+    id?: string;
+    level?: 1 | 2 | 3 | 4 | 5 | 6;
+    registerSidebarAnchor?: boolean;
+};
+export declare const Heading: ({ level, children, id, className, registerSidebarAnchor, }: HeadingProps) => import("react/jsx-runtime").JSX.Element;

package/dist/app/Heading.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRegisterAnchorElement } from "./components/context/ViewportAnchorContext.js";
+import { cn } from "./util/cn.js";
+const getComponent = (level) => {
+    switch (level) {
+        case 1:
+            return "h1";
+        case 2:
+            return "h2";
+        case 3:
+            return "h3";
+        case 4:
+            return "h4";
+        case 5:
+            return "h5";
+        case 6:
+            return "h6";
+        default:
+            return "h1";
+    }
+};
+export const Heading = ({ level, children, id, className, registerSidebarAnchor, }) => {
+    const Component = getComponent(level ?? 1);
+    const { ref } = useRegisterAnchorElement();
+    return (_jsxs(Component, { className: cn("group relative", className), ref: registerSidebarAnchor ? ref : undefined, id: id, children: [id && (_jsx("a", { href: `#${id}`, className: "no-underline absolute text-primary -left-[0.8em] pr-2.5 opacity-0 group-hover:opacity-50 hover:!opacity-100 transition-opacity duration-200", "aria-label": `Link to ${id}`, children: "#" })), children] }));
+};
+//# sourceMappingURL=Heading.js.map

package/dist/app/Heading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.js","sourceRoot":"","sources":["../../src/app/Heading.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,wBAAwB,EAAE,MAAM,+CAA+C,CAAC;AACzF,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,EAAE;IACrC,QAAQ,KAAK,EAAE,CAAC;QACd,KAAK,CAAC;YACJ,OAAO,IAAI,CAAC;QACd,KAAK,CAAC;YACJ,OAAO,IAAI,CAAC;QACd,KAAK,CAAC;YACJ,OAAO,IAAI,CAAC;QACd,KAAK,CAAC;YACJ,OAAO,IAAI,CAAC;QACd,KAAK,CAAC;YACJ,OAAO,IAAI,CAAC;QACd,KAAK,CAAC;YACJ,OAAO,IAAI,CAAC;QACd;YACE,OAAO,IAAI,CAAC;IAChB,CAAC;AACH,CAAC,CAAC;AAUF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EACtB,KAAK,EACL,QAAQ,EACR,EAAE,EACF,SAAS,EACT,qBAAqB,GACR,EAAE,EAAE;IACjB,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC;IAC3C,MAAM,EAAE,GAAG,EAAE,GAAG,wBAAwB,EAAE,CAAC;IAE3C,OAAO,CACL,MAAC,SAAS,IACR,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,SAAS,CAAC,EAC1C,GAAG,EAAE,qBAAqB,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,EAC5C,EAAE,EAAE,EAAE,aAEL,EAAE,IAAI,CACL,YACE,IAAI,EAAE,IAAI,EAAE,EAAE,EACd,SAAS,EAAC,6IAA6I,gBAC3I,WAAW,EAAE,EAAE,kBAGzB,CACL,EACA,QAAQ,IACC,CACb,CAAC;AACJ,CAAC,CAAC"}

package/dist/app/app.d.ts

@@ -0,0 +1,2 @@
+import "./main.css";
+export default function App(): import("react/jsx-runtime").JSX.Element;

package/dist/app/app.js

@@ -0,0 +1,69 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "./main.css";
+import DevPortal from "./DevPortal.js";
+import { markdownPlugin } from "./plugins/markdown/index.js";
+import { openApiPlugin } from "./plugins/openapi/index.js";
+import config from "./config.js";
+// async function getAuthProvider(authConfig: AuthenticationConfig) {
+//   if (authConfig.type === "clerk") {
+//     const clerkProvider = import("./authentication/clerk.js");
+//     return clerkProvider(authConfig);
+//   } else {
+//     throw new Error(
+//       `The authentication type "${authConfig.type}" is not supported.`,
+//     );
+//   }
+//   //openIdAuth({
+//   //   clientId: oauth.client_id,
+//   //   authorizationEndpoint: oauth.authorize_url,
+//   //   tokenEndpoint: oauth.token_fetch_url,
+//   // })
+// }
+export default function App() {
+    return (_jsx(DevPortal, { meta: {
+            headerTitle: config?.ui?.headerTitle ?? "Developer Portal",
+            pageTitle: config?.ui?.pageTitle ?? "%s | Dev Portal",
+            logo: config?.ui?.logo ?? "https://cdn.zuplo.com/www/favicon.png",
+            favicon: config?.ui?.metadata?.favicon ??
+                "https://cdn.zuplo.com/www/favicon.png",
+        }, navigation: config.navigation ?? [], 
+        // authentication={
+        //   config.authentication
+        //     ? getAuthProvider(config.authentication)
+        //     : undefined
+        // }
+        plugins: [
+            ...(config.docs
+                ? Array.isArray(config.docs)
+                    ? config.docs
+                    : [config.docs]
+                : []).map((docs) => markdownPlugin({
+                markdownFiles: docs?.files ?? {},
+            })),
+            ...(config.apis
+                ? Array.isArray(config.apis)
+                    ? config.apis
+                    : [config.apis]
+                : []).map((api) => openApiPlugin(api)),
+            // apiKeyPlugin({
+            //   // consumerEndpoint:
+            //   //   "https://zudoku-customer-main-b36fa2f.d2.zuplo.dev/v1/developer/api-keys",
+            //   getConsumers: async (ctx) => {
+            //     const accessToken = await ctx.authentication?.getToken?.(ctx);
+            //     if (!accessToken) {
+            //       return;
+            //     }
+            //     const consumers = await fetch(
+            //       "https://zudoku-customer-main-b36fa2f.d2.zuplo.dev/v1/developer/api-keys",
+            //       {
+            //         headers: {
+            //           Authorization: `Bearer ${accessToken}`,
+            //         },
+            //       },
+            //     );
+            //     return { consumers: [await consumers.json()] };
+            //   },
+            // }),
+        ] }));
+}
+//# sourceMappingURL=app.js.map

package/dist/app/app.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app.js","sourceRoot":"","sources":["../../src/app/app.tsx"],"names":[],"mappings":";AAAA,OAAO,YAAY,CAAC;AAEpB,OAAO,SAAS,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAE3D,OAAO,MAAM,MAAM,aAAa,CAAC;AAEjC,qEAAqE;AACrE,uCAAuC;AACvC,iEAAiE;AACjE,wCAAwC;AACxC,aAAa;AACb,uBAAuB;AACvB,0EAA0E;AAC1E,SAAS;AACT,MAAM;AACN,mBAAmB;AACnB,oCAAoC;AACpC,qDAAqD;AACrD,+CAA+C;AAC/C,UAAU;AACV,IAAI;AAEJ,MAAM,CAAC,OAAO,UAAU,GAAG;IACzB,OAAO,CACL,KAAC,SAAS,IACR,IAAI,EAAE;YACJ,WAAW,EAAE,MAAM,EAAE,EAAE,EAAE,WAAW,IAAI,kBAAkB;YAC1D,SAAS,EAAE,MAAM,EAAE,EAAE,EAAE,SAAS,IAAI,iBAAiB;YACrD,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,IAAI,uCAAuC;YACjE,OAAO,EACL,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE,OAAO;gBAC7B,uCAAuC;SAC1C,EACD,UAAU,EAAE,MAAM,CAAC,UAAU,IAAI,EAAE;QACnC,mBAAmB;QACnB,0BAA0B;QAC1B,+CAA+C;QAC/C,kBAAkB;QAClB,IAAI;QACJ,OAAO,EAAE;YACP,GAAG,CAAC,MAAM,CAAC,IAAI;gBACb,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC;oBAC1B,CAAC,CAAC,MAAM,CAAC,IAAI;oBACb,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC;gBACjB,CAAC,CAAC,EAAE,CACL,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CACb,cAAc,CAAC;gBACb,aAAa,EAAE,IAAI,EAAE,KAAK,IAAI,EAAE;aACjC,CAAC,CACH;YACD,GAAG,CAAC,MAAM,CAAC,IAAI;gBACb,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC;oBAC1B,CAAC,CAAC,MAAM,CAAC,IAAI;oBACb,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC;gBACjB,CAAC,CAAC,EAAE,CACL,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;YAElC,iBAAiB;YACjB,yBAAyB;YACzB,oFAAoF;YACpF,mCAAmC;YACnC,qEAAqE;YAErE,0BAA0B;YAC1B,gBAAgB;YAChB,QAAQ;YAER,qCAAqC;YACrC,mFAAmF;YACnF,UAAU;YACV,qBAAqB;YACrB,oDAAoD;YACpD,aAAa;YACb,WAAW;YACX,SAAS;YAET,sDAAsD;YACtD,OAAO;YACP,MAAM;SACP,GACD,CACH,CAAC;AACJ,CAAC"}

package/dist/app/authentication/authentication.d.ts

@@ -0,0 +1,13 @@
+import { DevPortalContext } from "../core/DevPortalContext.js";
+export interface AuthProvider {
+    initialize(context: DevPortalContext): Promise<unknown>;
+    login(context: DevPortalContext): Promise<unknown>;
+    getToken?: (context: DevPortalContext) => Promise<string | undefined>;
+    handleAuthenticationResponse?: (path: Path, context: DevPortalContext) => Promise<unknown>;
+    signOut(context: DevPortalContext): void;
+}
+export type Path = {
+    pathname: string;
+    search: string;
+    hash: string;
+};

package/dist/app/authentication/authentication.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=authentication.js.map

package/dist/app/authentication/authentication.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"authentication.js","sourceRoot":"","sources":["../../../src/app/authentication/authentication.ts"],"names":[],"mappings":""}

package/dist/app/authentication/clerk.d.ts

@@ -0,0 +1,5 @@
+import { type AuthProvider } from "./authentication.js";
+declare const clerkProvider: ({ clerkPubKey, }: {
+    clerkPubKey: string;
+}) => AuthProvider;
+export default clerkProvider;

package/dist/app/authentication/clerk.js

@@ -0,0 +1,36 @@
+import { Clerk } from "@clerk/clerk-js";
+const clerkProvider = ({ clerkPubKey, }) => {
+    const clerkApi = new Clerk(clerkPubKey);
+    const clerkIsLoaded = clerkApi.load({});
+    return {
+        initialize: async (context) => {
+            await clerkIsLoaded;
+            if (clerkApi.session) {
+                await context.setUserProfile({
+                    isLoggedIn: true,
+                    name: clerkApi.session.user.fullName ?? undefined,
+                    email: clerkApi.session.user.emailAddresses.at(0)?.emailAddress ??
+                        undefined,
+                });
+            }
+            else {
+                await context.setUserProfile({
+                    isLoggedIn: false,
+                });
+            }
+        },
+        getToken: async () => {
+            await clerkIsLoaded;
+            const token = await clerkApi.session?.getToken();
+            return token ?? undefined;
+        },
+        signOut() {
+            clerkApi.signOut();
+        },
+        login: async () => {
+            await clerkApi.redirectToSignIn();
+        },
+    };
+};
+export default clerkProvider;
+//# sourceMappingURL=clerk.js.map

package/dist/app/authentication/clerk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clerk.js","sourceRoot":"","sources":["../../../src/app/authentication/clerk.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAGxC,MAAM,aAAa,GAAG,CAAC,EACrB,WAAW,GAGZ,EAAgB,EAAE;IACjB,MAAM,QAAQ,GAAG,IAAI,KAAK,CAAC,WAAW,CAAC,CAAC;IAExC,MAAM,aAAa,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAExC,OAAO;QACL,UAAU,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE;YAC5B,MAAM,aAAa,CAAC;YAEpB,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;gBACrB,MAAM,OAAO,CAAC,cAAc,CAAC;oBAC3B,UAAU,EAAE,IAAI;oBAChB,IAAI,EAAE,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,IAAI,SAAS;oBACjD,KAAK,EACH,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,YAAY;wBACxD,SAAS;iBACZ,CAAC,CAAC;YACL,CAAC;iBAAM,CAAC;gBACN,MAAM,OAAO,CAAC,cAAc,CAAC;oBAC3B,UAAU,EAAE,KAAK;iBAClB,CAAC,CAAC;YACL,CAAC;QACH,CAAC;QAED,QAAQ,EAAE,KAAK,IAAI,EAAE;YACnB,MAAM,aAAa,CAAC;YACpB,MAAM,KAAK,GAAG,MAAM,QAAQ,CAAC,OAAO,EAAE,QAAQ,EAAE,CAAC;YACjD,OAAO,KAAK,IAAI,SAAS,CAAC;QAC5B,CAAC;QAED,OAAO;YACL,QAAQ,CAAC,OAAO,EAAE,CAAC;QACrB,CAAC;QACD,KAAK,EAAE,KAAK,IAAI,EAAE;YAChB,MAAM,QAAQ,CAAC,gBAAgB,EAAE,CAAC;QACpC,CAAC;KACF,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/app/authentication/openid.d.ts

@@ -0,0 +1,11 @@
+import { type AuthProvider } from "./authentication.js";
+export type AuthServerOption = {
+    issuer?: string;
+    authorizationEndpoint?: string;
+    tokenEndpoint?: string;
+};
+export declare const openIdAuth: ({ clientId, clientSecret, issuer, authorizationEndpoint, tokenEndpoint, }: {
+    clientId: string;
+    clientSecret?: string;
+    audience?: string;
+} & AuthServerOption) => AuthProvider;

package/dist/app/authentication/openid.js

@@ -0,0 +1,118 @@
+import * as oauth from "oauth4webapi";
+const algorithm = "oauth2";
+const getAuthServerByIssuer = async (issuer) => {
+    const authorizationServer = await oauth
+        .discoveryRequest(new URL(issuer), { algorithm })
+        .then((response) => oauth.processDiscoveryResponse(new URL(issuer), response));
+    return authorizationServer;
+};
+const getAuthServer = async ({ issuer, authorizationEndpoint, tokenEndpoint, }) => {
+    return issuer
+        ? await getAuthServerByIssuer(issuer)
+        : ({
+            issuer: new URL(authorizationEndpoint).origin,
+            authorization_endpoint: authorizationEndpoint,
+            token_endpoint: tokenEndpoint,
+            code_challenge_methods_supported: [],
+        });
+};
+export const openIdAuth = ({ clientId, clientSecret, issuer, authorizationEndpoint, tokenEndpoint, }) => {
+    const client = {
+        client_id: clientId,
+        client_secret: clientSecret,
+        token_endpoint_auth_method: "none",
+    };
+    const redirect_uri = "http://localhost:5173/oauth/callback";
+    return {
+        initialize() {
+            return Promise.resolve();
+        },
+        signOut() { },
+        login: async (context) => {
+            const code_challenge_method = "S256";
+            const authorizationServer = await getAuthServer({
+                issuer,
+                authorizationEndpoint,
+                tokenEndpoint,
+            });
+            if (!authorizationServer.authorization_endpoint) {
+                throw new Error("No authorization endpoint");
+            }
+            /**
+             * The following MUST be generated for every redirect to the authorization_endpoint. You must store
+             * the codeVerifier and nonce in the end-user session such that it can be recovered as the user
+             * gets redirected from the authorization server back to your application.
+             */
+            const codeVerifier = oauth.generateRandomCodeVerifier();
+            const codeChallenge = await oauth.calculatePKCECodeChallenge(codeVerifier);
+            await context.sessionStorage.set("codeVerifier", codeVerifier);
+            // redirect user to as.authorization_endpoint
+            const authorizationUrl = new URL(authorizationServer.authorization_endpoint);
+            authorizationUrl.searchParams.set("client_id", client.client_id);
+            authorizationUrl.searchParams.set("redirect_uri", redirect_uri);
+            authorizationUrl.searchParams.set("response_type", "code");
+            // authorizationUrl.searchParams.set("scope", "api:read");
+            authorizationUrl.searchParams.set("code_challenge", codeChallenge);
+            authorizationUrl.searchParams.set("code_challenge_method", code_challenge_method);
+            /**
+             * We cannot be sure the AS supports PKCE so we're going to use state too. Use of PKCE is
+             * backwards compatible even if the AS doesn't support it which is why we're using it regardless.
+             */
+            if (authorizationServer.code_challenge_methods_supported?.includes("S256") !== true) {
+                const state = oauth.generateRandomState();
+                authorizationUrl.searchParams.set("state", state);
+            }
+            // now redirect the user to authorizationUrl.href
+            location.href = authorizationUrl.href;
+        },
+        handleAuthenticationResponse: async ({ search }, { sessionStorage }) => {
+            const searchParams = new URLSearchParams(search);
+            const state = searchParams.get("state");
+            if (!state) {
+                return;
+            }
+            // one eternity later, the user lands back on the redirect_uri
+            // Authorization Code Grant Request & Response
+            const codeVerifier = await sessionStorage.get("codeVerifier");
+            if (!codeVerifier) {
+                return;
+            }
+            const as = await getAuthServer({
+                issuer,
+                authorizationEndpoint,
+                tokenEndpoint,
+            });
+            const params = oauth.validateAuthResponse(as, client, searchParams, state);
+            if (oauth.isOAuth2Error(params)) {
+                console.error("Error Response", params);
+                throw new Error(); // Handle OAuth 2.0 redirect error
+            }
+            const response = await oauth.authorizationCodeGrantRequest(as, client, params, redirect_uri, codeVerifier);
+            // @todo do we need to do these
+            // const challenges = oauth.parseWwwAuthenticateChallenges(response);
+            // if (challenges) {
+            //   for (const challenge of challenges) {
+            //     console.error("WWW-Authenticate Challenge", challenge);
+            //   }
+            //   throw new Error(); // Handle WWW-Authenticate Challenges as needed
+            // }
+            const oauthResult = await oauth.processAuthorizationCodeOpenIDResponse(as, client, response);
+            if (oauth.isOAuth2Error(oauthResult)) {
+                console.error("Error Response", oauthResult);
+                throw new Error(oauthResult.error);
+            }
+            const userInfoResponse = await oauth.userInfoRequest(as, client, oauthResult.access_token);
+            const userInfo = await userInfoResponse.json();
+            // void storage.setProfile({
+            //   sub: userInfo.sub,
+            //   email: userInfo.email,
+            //   name: userInfo.name,
+            //   email_verified: userInfo.email_verified ?? false,
+            //   picture: userInfo.picture,
+            //   id_token: oauthResult.id_token,
+            //   access_token: oauthResult.access_token,
+            // });
+        },
+    };
+};
+//# sourceMappingURL=openid.js.map

package/dist/app/authentication/openid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"openid.js","sourceRoot":"","sources":["../../../src/app/authentication/openid.ts"],"names":[],"mappings":"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"}

package/dist/app/components/AnchorLink.d.ts

@@ -0,0 +1,5 @@
+import { type LinkProps } from "react-router-dom";
+/**
+ * Link that scrolls to anchor even if the hash is already set in the URL.
+ */
+export declare const AnchorLink: (props: LinkProps) => import("react/jsx-runtime").JSX.Element;

package/dist/app/components/AnchorLink.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Link, useLocation } from "react-router-dom";
+/**
+ * Link that scrolls to anchor even if the hash is already set in the URL.
+ */
+export const AnchorLink = (props) => {
+    const location = useLocation();
+    const hash = typeof props.to === "string" ? props.to : props.to.hash;
+    const handleClick = (event) => {
+        if (!hash?.startsWith("#") || hash !== location.hash)
+            return;
+        event.preventDefault();
+        document.getElementById(hash.slice(1))?.scrollIntoView();
+    };
+    return _jsx(Link, { onClick: handleClick, ...props });
+};
+//# sourceMappingURL=AnchorLink.js.map

package/dist/app/components/AnchorLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnchorLink.js","sourceRoot":"","sources":["../../../src/app/components/AnchorLink.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAkB,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAErE;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAgB,EAAE,EAAE;IAC7C,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,IAAI,GAAG,OAAO,KAAK,CAAC,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC;IAErE,MAAM,WAAW,GAAG,CAAC,KAA0C,EAAE,EAAE;QACjE,IAAI,CAAC,IAAI,EAAE,UAAU,CAAC,GAAG,CAAC,IAAI,IAAI,KAAK,QAAQ,CAAC,IAAI;YAAE,OAAO;QAE7D,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,cAAc,EAAE,CAAC;IAC3D,CAAC,CAAC;IAEF,OAAO,KAAC,IAAI,IAAC,OAAO,EAAE,WAAW,KAAM,KAAK,GAAI,CAAC;AACnD,CAAC,CAAC"}

package/dist/app/components/CategoryHeading.d.ts

@@ -0,0 +1,5 @@
+import type { ReactNode } from "react";
+export declare const CategoryHeading: ({ children, className, }: {
+    children: ReactNode;
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/app/components/CategoryHeading.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cx } from "class-variance-authority";
+export const CategoryHeading = ({ children, className, }) => {
+    return (_jsx("div", { className: cx("text-sm font-semibold text-primary mb-2", className), children: children }));
+};
+//# sourceMappingURL=CategoryHeading.js.map

package/dist/app/components/CategoryHeading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategoryHeading.js","sourceRoot":"","sources":["../../../src/app/components/CategoryHeading.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,0BAA0B,CAAC;AAE9C,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC9B,QAAQ,EACR,SAAS,GAIV,EAAE,EAAE;IACH,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,yCAAyC,EAAE,SAAS,CAAC,YACrE,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/app/components/DynamicIcon.d.ts

@@ -0,0 +1,6 @@
+export type IconName = string;
+export declare function isValidIcon(name: unknown): name is IconName;
+export declare const DynamicIcon: (props: {
+    name: string;
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/app/components/DynamicIcon.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function isValidIcon(name) {
+    return true;
+}
+export const DynamicIcon = (props) => (_jsx("div", {}));
+//# sourceMappingURL=DynamicIcon.js.map

package/dist/app/components/DynamicIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DynamicIcon.js","sourceRoot":"","sources":["../../../src/app/components/DynamicIcon.tsx"],"names":[],"mappings":";AAqDA,MAAM,UAAU,WAAW,CAAC,IAAa;IACvC,OAAO,IAAI,CAAC;AACd,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAsC,EAAE,EAAE,CAAC,CACrE,eAAW,CACZ,CAAC"}

package/dist/app/components/Header.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" resolution-mode="require"/>
+export declare const Header: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;

package/dist/app/components/Header.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { MoonStarIcon, SearchIcon, SunIcon } from "lucide-react";
+import { memo } from "react";
+import { useDevPortalState } from "../core/DevPortalContext.js";
+import { TopNavigation } from "./TopNavigation.js";
+import { useDevPortal } from "./context/DevPortalProvider.js";
+import { useTheme } from "./context/ThemeContext.js";
+export const Header = memo(() => {
+    const [isDark, toggleTheme] = useTheme();
+    const { isLoggedIn, email } = useDevPortalState();
+    const { login, logout, meta } = useDevPortal();
+    const ThemeIcon = isDark ? MoonStarIcon : SunIcon;
+    return (_jsx("header", { className: "fixed top-0 w-full z-10 bg-background/80 backdrop-blur", children: _jsxs("div", { className: "max-w-screen-2xl mx-auto", children: [_jsxs("div", { className: "grid grid-cols-[calc(var(--side-nav-width))_1fr] lg:gap-12 items-center border-b border-border px-12 h-[--top-header-height]", children: [_jsxs("div", { className: "flex items-center gap-3.5", children: [meta?.logo && (_jsx("img", { src: meta.logo, alt: "My Dev Portal", className: "h-10" })), _jsx("span", { className: "font-bold text-2xl text-foreground/85 tracking-wide", children: meta?.headerTitle })] }), _jsxs("div", { className: "grid grid-cols-[--sidecar-grid-cols] items-center gap-8", children: [_jsx("div", { className: "w-full max-w-prose mx-auto", children: _jsxs("button", { className: "flex items-center border border-input hover:bg-accent hover:text-accent-foreground p-4 relative h-8 justify-start rounded-lg bg-background text-sm text-muted-foreground shadow-none w-40 sm:w-72", children: [_jsxs("div", { className: "flex items-center gap-2 flex-grow", children: [_jsx(SearchIcon, { size: 14 }), "Search"] }), _jsx("kbd", { className: "absolute right-[0.3rem] top-[0.3rem] hidden h-5 select-none items-center gap-1 rounded border border-border bg-muted px-1.5 font-mono text-[11px] font-medium opacity-100 sm:flex", children: "\u2318K" })] }) }), _jsxs("div", { className: "items-center justify-self-end text-sm hidden lg:flex", children: [!isLoggedIn ? (_jsxs("button", { className: "cursor-pointer hover:bg-secondary p-1 px-2 mx-2 rounded", onClick: logout, children: ["Logout ", email ? `(${email})` : null] })) : (_jsx("button", { className: "cursor-pointer hover:bg-secondary p-1 px-2 mx-2 rounded", onClick: login, children: "Login" })), _jsx("button", { className: "cursor-pointer hover:bg-secondary p-2.5 -m-2.5 rounded-full", onClick: toggleTheme, children: _jsx(ThemeIcon, { size: 18 }) })] })] })] }), _jsx(TopNavigation, {})] }) }));
+});
+//# sourceMappingURL=Header.js.map

package/dist/app/components/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/app/components/Header.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAC7B,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAErD,MAAM,CAAC,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,EAAE;IAC9B,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,GAAG,QAAQ,EAAE,CAAC;IACzC,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,iBAAiB,EAAE,CAAC;IAClD,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,YAAY,EAAE,CAAC;IAE/C,MAAM,SAAS,GAAG,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC;IAElD,OAAO,CACL,iBAAQ,SAAS,EAAC,wDAAwD,YACxE,eAAK,SAAS,EAAC,0BAA0B,aACvC,eAAK,SAAS,EAAC,8HAA8H,aAC3I,eAAK,SAAS,EAAC,2BAA2B,aACvC,IAAI,EAAE,IAAI,IAAI,CACb,cAAK,GAAG,EAAE,IAAI,CAAC,IAAI,EAAE,GAAG,EAAC,eAAe,EAAC,SAAS,EAAC,MAAM,GAAG,CAC7D,EACD,eAAM,SAAS,EAAC,qDAAqD,YAClE,IAAI,EAAE,WAAW,GACb,IACH,EACN,eAAK,SAAS,EAAC,yDAAyD,aACtE,cAAK,SAAS,EAAC,4BAA4B,YACzC,kBAAQ,SAAS,EAAC,mMAAmM,aACnN,eAAK,SAAS,EAAC,mCAAmC,aAChD,KAAC,UAAU,IAAC,IAAI,EAAE,EAAE,GAAI,cAEpB,EACN,cAAK,SAAS,EAAC,mLAAmL,wBAE5L,IACC,GACL,EACN,eAAK,SAAS,EAAC,sDAAsD,aAClE,CAAC,UAAU,CAAC,CAAC,CAAC,CACb,kBACE,SAAS,EAAC,yDAAyD,EACnE,OAAO,EAAE,MAAM,wBAEP,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,IAAI,IAC5B,CACV,CAAC,CAAC,CAAC,CACF,iBACE,SAAS,EAAC,yDAAyD,EACnE,OAAO,EAAE,KAAK,sBAGP,CACV,EAED,iBACE,SAAS,EAAC,6DAA6D,EACvE,OAAO,EAAE,WAAW,YAEpB,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,GAAI,GAChB,IACL,IACF,IACF,EACN,KAAC,aAAa,KAAG,IACb,GACC,CACV,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/app/components/Layout.d.ts

@@ -0,0 +1,4 @@
+import { type ReactNode } from "react";
+export declare const Layout: ({ children }: {
+    children?: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/app/components/Layout.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Suspense, useEffect, useRef } from "react";
+import { Outlet, useLocation } from "react-router-dom";
+import { Helmet } from "../core/helmet.js";
+import { useScrollToAnchor } from "../util/useScrollToAnchor.js";
+import { useScrollToTop } from "../util/useScrollToTop.js";
+import { Header } from "./Header.js";
+import { useDevPortal } from "./context/DevPortalProvider.js";
+import { useViewportAnchor } from "./context/ViewportAnchorContext.js";
+import { SideNavigation } from "./navigation/SideNavigation.js";
+import { SideNavigationWrapper } from "./navigation/SideNavigationWrapper.js";
+export const Layout = ({ children }) => {
+    const location = useLocation();
+    const { setActiveAnchor } = useViewportAnchor();
+    const { meta, handleAuthenticationResponse } = useDevPortal();
+    useEffect(() => {
+        void handleAuthenticationResponse(location);
+    }, [handleAuthenticationResponse, location]);
+    useScrollToAnchor();
+    useScrollToTop();
+    const previousLocationPath = useRef(location.pathname);
+    useEffect(() => {
+        // always reset on location change
+        if (location.pathname !== previousLocationPath.current) {
+            setActiveAnchor("");
+        }
+        previousLocationPath.current = location.pathname;
+    }, [location.pathname, setActiveAnchor]);
+    return (_jsxs(_Fragment, { children: [_jsxs(Helmet, { titleTemplate: meta?.pageTitle, children: [_jsx("title", { children: "Home" }), meta?.description && (_jsx("meta", { name: "description", content: meta.description })), meta?.favicon && _jsx("link", { rel: "icon", href: meta.favicon })] }), _jsx(Header, {}), _jsxs("div", { className: "max-w-screen-2xl mx-auto pt-[--header-height] px-10 lg:px-12", children: [_jsx(Suspense, { fallback: _jsx(SideNavigationWrapper, { children: "Loading..." }), children: _jsx(SideNavigation, {}) }), _jsx("main", { className: "dark:border-white/10 lg:overflow-visible translate-x-0 lg:w-[calc(100%-var(--side-nav-width))] lg:translate-x-[--side-nav-width] pl-12", children: children ?? _jsx(Outlet, {}) })] })] }));
+};
+//# sourceMappingURL=Layout.js.map

package/dist/app/components/Layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Layout.js","sourceRoot":"","sources":["../../../src/app/components/Layout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAkB,MAAM,OAAO,CAAC;AACpE,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,EAAE,qBAAqB,EAAE,MAAM,uCAAuC,CAAC;AAE9E,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,QAAQ,EAA4B,EAAE,EAAE;IAC/D,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,EAAE,eAAe,EAAE,GAAG,iBAAiB,EAAE,CAAC;IAChD,MAAM,EAAE,IAAI,EAAE,4BAA4B,EAAE,GAAG,YAAY,EAAE,CAAC;IAE9D,SAAS,CAAC,GAAG,EAAE;QACb,KAAK,4BAA4B,CAAC,QAAQ,CAAC,CAAC;IAC9C,CAAC,EAAE,CAAC,4BAA4B,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE7C,iBAAiB,EAAE,CAAC;IACpB,cAAc,EAAE,CAAC;IAEjB,MAAM,oBAAoB,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAEvD,SAAS,CAAC,GAAG,EAAE;QACb,kCAAkC;QAClC,IAAI,QAAQ,CAAC,QAAQ,KAAK,oBAAoB,CAAC,OAAO,EAAE,CAAC;YACvD,eAAe,CAAC,EAAE,CAAC,CAAC;QACtB,CAAC;QACD,oBAAoB,CAAC,OAAO,GAAG,QAAQ,CAAC,QAAQ,CAAC;IACnD,CAAC,EAAE,CAAC,QAAQ,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAC,CAAC;IAEzC,OAAO,CACL,8BACE,MAAC,MAAM,IAAC,aAAa,EAAE,IAAI,EAAE,SAAS,aACpC,mCAAmB,EAClB,IAAI,EAAE,WAAW,IAAI,CACpB,eAAM,IAAI,EAAC,aAAa,EAAC,OAAO,EAAE,IAAI,CAAC,WAAW,GAAI,CACvD,EACA,IAAI,EAAE,OAAO,IAAI,eAAM,GAAG,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,CAAC,OAAO,GAAI,IAClD,EACT,KAAC,MAAM,KAAG,EACV,eAAK,SAAS,EAAC,8DAA8D,aAC3E,KAAC,QAAQ,IACP,QAAQ,EAAE,KAAC,qBAAqB,6BAAmC,YAEnE,KAAC,cAAc,KAAG,GACT,EACX,eAAM,SAAS,EAAC,wIAAwI,YACrJ,QAAQ,IAAI,KAAC,MAAM,KAAG,GAClB,IACH,IACL,CACJ,CAAC;AACJ,CAAC,CAAC"}

package/dist/app/components/Markdown.d.ts

@@ -0,0 +1,5 @@
+export declare const ProseClasses = "prose dark:prose-invert prose-neutral";
+export declare const Markdown: ({ content, className, }: {
+    content: string;
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/app/components/Markdown.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import ReactMarkdown from "react-markdown";
+import remarkGfm from "remark-gfm";
+import { visit } from "unist-util-visit";
+import { MdxComponents } from "../util/MdxComponents.js";
+// same as in packages/dev-portal/framework/vite.ts
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const rehypeCodeBlockPlugin = () => (tree) => {
+    visit(tree, "element", (node, _index, parent) => {
+        if (node.tagName === "code") {
+            node.properties.inline = parent?.tagName !== "pre";
+        }
+    });
+};
+const remarkPlugins = [remarkGfm];
+const rehypePlugins = [rehypeCodeBlockPlugin];
+// other styles are defined in main.css .prose
+export const ProseClasses = "prose dark:prose-invert prose-neutral";
+export const Markdown = ({ content, className, }) => (_jsx(ReactMarkdown, { remarkPlugins: remarkPlugins, rehypePlugins: rehypePlugins, components: MdxComponents, className: className, children: content }));
+//# sourceMappingURL=Markdown.js.map

package/dist/app/components/Markdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Markdown.js","sourceRoot":"","sources":["../../../src/app/components/Markdown.tsx"],"names":[],"mappings":";AAAA,OAAO,aAAa,MAAM,gBAAgB,CAAC;AAC3C,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAEzD,mDAAmD;AACnD,8DAA8D;AAC9D,MAAM,qBAAqB,GAAG,GAAG,EAAE,CAAC,CAAC,IAAS,EAAE,EAAE;IAChD,KAAK,CAAC,IAAI,EAAE,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE;QAC9C,IAAI,IAAI,CAAC,OAAO,KAAK,MAAM,EAAE,CAAC;YAC5B,IAAI,CAAC,UAAU,CAAC,MAAM,GAAG,MAAM,EAAE,OAAO,KAAK,KAAK,CAAC;QACrD,CAAC;IACH,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,SAAS,CAAC,CAAC;AAClC,MAAM,aAAa,GAAG,CAAC,qBAAqB,CAAC,CAAC;AAE9C,8CAA8C;AAC9C,MAAM,CAAC,MAAM,YAAY,GAAG,uCAAuC,CAAC;AAEpE,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACvB,OAAO,EACP,SAAS,GAIV,EAAE,EAAE,CAAC,CACJ,KAAC,aAAa,IACZ,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,aAAa,EACzB,SAAS,EAAE,SAAS,YAEnB,OAAO,GACM,CACjB,CAAC"}

package/dist/app/components/SyntaxHighlight.d.ts

@@ -0,0 +1,9 @@
+import { type HighlightProps } from "prism-react-renderer";
+type SyntaxHighlightProps = {
+    className?: string;
+    noBackground?: boolean;
+    wrapLines?: boolean;
+    copyable?: boolean;
+} & Omit<HighlightProps, "children">;
+export declare const SyntaxHighlight: ({ copyable, ...props }: SyntaxHighlightProps) => import("react/jsx-runtime").JSX.Element;
+export {};