zudoku 0.0.0-eff6f9b → 0.0.0-f1a6fd4

package/src/lib/plugins/openapi/graphql/graphql.ts

@@ -131,6 +131,7 @@ export type Schema = {
   openapi: Scalars["String"]["output"];
   operations: Array<OperationItem>;
   paths: Array<PathItem>;
+  servers: Array<Server>;
   tags: Array<SchemaTag>;
   title: Scalars["String"]["output"];
   url: Scalars["String"]["output"];
@@ -157,12 +158,32 @@ export type SchemaTag = {
 
 export type SchemaType = "file" | "raw" | "url";
 
+export type Server = {
+  __typename?: "Server";
+  description?: Maybe<Scalars["String"]["output"]>;
+  url: Scalars["String"]["output"];
+};
+
 export type TagItem = {
   __typename?: "TagItem";
   description?: Maybe<Scalars["String"]["output"]>;
   name: Scalars["String"]["output"];
 };
 
+export type ServersQueryQueryVariables = Exact<{
+  input: Scalars["JSON"]["input"];
+  type: SchemaType;
+}>;
+
+export type ServersQueryQuery = {
+  __typename?: "Query";
+  schema: {
+    __typename?: "Schema";
+    url: string;
+    servers: Array<{ __typename?: "Server"; url: string }>;
+  };
+};
+
 export type OperationsFragmentFragment = {
   __typename?: "OperationItem";
   slug: string;
@@ -249,7 +270,11 @@ export type GetServerQueryQueryVariables = Exact<{
 
 export type GetServerQueryQuery = {
   __typename?: "Query";
-  schema: { __typename?: "Schema"; url: string };
+  schema: {
+    __typename?: "Schema";
+    url: string;
+    servers: Array<{ __typename?: "Server"; url: string }>;
+  };
 };
 
 export type GetCategoriesQueryVariables = Exact<{
@@ -423,6 +448,83 @@ export const OperationsFragmentFragmentDoc = {
     },
   ],
 } as unknown as DocumentNode<OperationsFragmentFragment, unknown>;
+export const ServersQueryDocument = {
+  kind: "Document",
+  definitions: [
+    {
+      kind: "OperationDefinition",
+      operation: "query",
+      name: { kind: "Name", value: "ServersQuery" },
+      variableDefinitions: [
+        {
+          kind: "VariableDefinition",
+          variable: {
+            kind: "Variable",
+            name: { kind: "Name", value: "input" },
+          },
+          type: {
+            kind: "NonNullType",
+            type: { kind: "NamedType", name: { kind: "Name", value: "JSON" } },
+          },
+        },
+        {
+          kind: "VariableDefinition",
+          variable: { kind: "Variable", name: { kind: "Name", value: "type" } },
+          type: {
+            kind: "NonNullType",
+            type: {
+              kind: "NamedType",
+              name: { kind: "Name", value: "SchemaType" },
+            },
+          },
+        },
+      ],
+      selectionSet: {
+        kind: "SelectionSet",
+        selections: [
+          {
+            kind: "Field",
+            name: { kind: "Name", value: "schema" },
+            arguments: [
+              {
+                kind: "Argument",
+                name: { kind: "Name", value: "input" },
+                value: {
+                  kind: "Variable",
+                  name: { kind: "Name", value: "input" },
+                },
+              },
+              {
+                kind: "Argument",
+                name: { kind: "Name", value: "type" },
+                value: {
+                  kind: "Variable",
+                  name: { kind: "Name", value: "type" },
+                },
+              },
+            ],
+            selectionSet: {
+              kind: "SelectionSet",
+              selections: [
+                { kind: "Field", name: { kind: "Name", value: "url" } },
+                {
+                  kind: "Field",
+                  name: { kind: "Name", value: "servers" },
+                  selectionSet: {
+                    kind: "SelectionSet",
+                    selections: [
+                      { kind: "Field", name: { kind: "Name", value: "url" } },
+                    ],
+                  },
+                },
+              ],
+            },
+          },
+        ],
+      },
+    },
+  ],
+} as unknown as DocumentNode<ServersQueryQuery, ServersQueryQueryVariables>;
 export const AllOperationsDocument = {
   kind: "Document",
   definitions: [
@@ -727,6 +829,16 @@ export const GetServerQueryDocument = {
               kind: "SelectionSet",
               selections: [
                 { kind: "Field", name: { kind: "Name", value: "url" } },
+                {
+                  kind: "Field",
+                  name: { kind: "Name", value: "servers" },
+                  selectionSet: {
+                    kind: "SelectionSet",
+                    selections: [
+                      { kind: "Field", name: { kind: "Name", value: "url" } },
+                    ],
+                  },
+                },
               ],
             },
           },

package/src/lib/plugins/openapi/index.tsx

@@ -1,11 +1,7 @@
 import { matchPath, useRouteError, type RouteObject } from "react-router-dom";
+import { Client as UrqlClient, cacheExchange, fetchExchange } from "urql";
 import { type DevPortalPlugin } from "../../core/plugins.js";
 import { graphql } from "./graphql/index.js";
-import {
-  Client as UrqlClient,
-  cacheExchange,
-  fetchExchange,
-} from "./util/urql.js";
 
 import { useQuery } from "@tanstack/react-query";
 import { CirclePlayIcon, LogInIcon } from "lucide-react";
@@ -16,6 +12,7 @@ import { ErrorPage } from "../../components/ErrorPage.js";
 import { ColorMap } from "../../components/navigation/SidebarBadge.js";
 import { SyntaxHighlight } from "../../components/SyntaxHighlight.js";
 import { Button } from "../../ui/Button.js";
+import { joinPath } from "../../util/joinPath.js";
 import { OasPluginConfig } from "./interfaces.js";
 import type { PlaygroundContentProps } from "./playground/Playground.js";
 import { PlaygroundDialog } from "./playground/PlaygroundDialog.js";
@@ -72,7 +69,7 @@ export type OpenApiPluginOptions = OasPluginConfig & InternalOasPluginConfig;
 export const openApiPlugin = (
   config: OpenApiPluginOptions,
 ): DevPortalPlugin => {
-  const basePath = "/reference";
+  const basePath = joinPath(config.navigationId ?? "/reference");
 
   const client = config.server
     ? new UrqlClient({

package/src/lib/plugins/openapi/playground/Playground.tsx

@@ -1,6 +1,7 @@
 import { useMutation } from "@tanstack/react-query";
-import { Fragment, useEffect, useRef } from "react";
+import { Fragment, useEffect, useRef, useTransition } from "react";
 import { FormProvider, useForm } from "react-hook-form";
+import { useSelectedServerStore } from "../../../authentication/state.js";
 import { useApiIdentities } from "../../../components/context/ZudokuContext.js";
 import {
   Select,
@@ -62,6 +63,7 @@ export type PlaygroundForm = {
 
 export type PlaygroundContentProps = {
   server: string;
+  servers?: string[];
   url: string;
   method: string;
   headers?: Header[];
@@ -72,6 +74,7 @@ export type PlaygroundContentProps = {
 
 export const Playground = ({
   server,
+  servers,
   url,
   method,
   headers = [],
@@ -79,6 +82,8 @@ export const Playground = ({
   pathParams = [],
   defaultBody = "",
 }: PlaygroundContentProps) => {
+  const { selectedServer, setSelectedServer } = useSelectedServerStore();
+  const [, startTransition] = useTransition();
   const { register, control, handleSubmit, watch, setValue, ...form } =
     useForm<PlaygroundForm>({
       defaultValues: {
@@ -114,7 +119,7 @@ export const Playground = ({
 
   const queryMutation = useMutation({
     mutationFn: async (data: PlaygroundForm) => {
-      const requestUrl = createUrl(server, url, data);
+      const requestUrl = createUrl(selectedServer ?? server, url, data);
       const start = performance.now();
 
       const request = new Request(requestUrl, {
@@ -200,19 +205,48 @@ export const Playground = ({
       </Fragment>
     ));
 
+  const serverSelect = (
+    <div className="inline-block opacity-50 hover:opacity-100 transition">
+      {servers && servers.length > 1 ? (
+        <Select
+          onValueChange={(value) => {
+            startTransition(() => {
+              setSelectedServer(value);
+            });
+          }}
+          value={selectedServer}
+        >
+          <SelectTrigger className="p-0 border-none flex-row-reverse bg-transparent text-xs gap-0.5 h-auto">
+            <SelectValue />
+          </SelectTrigger>
+          <SelectContent>
+            {servers.map((s) => (
+              <SelectItem key={s} value={s}>
+                {s.replace(/^https?:\/\//, "")}
+              </SelectItem>
+            ))}
+          </SelectContent>
+        </Select>
+      ) : (
+        <span>{server.replace(/^https?:\/\//, "")}</span>
+      )}
+    </div>
+  );
+
   return (
     <FormProvider
       {...{ register, control, handleSubmit, watch, setValue, ...form }}
     >
       <form onSubmit={handleSubmit((data) => queryMutation.mutateAsync(data))}>
-        <div className="grid grid-cols-2 text-sm h-full">
+        <div className="grid grid-cols-[8fr_7fr] text-sm h-full">
           <div className="flex flex-col gap-4 p-8 bg-muted/50 after:bg-muted-foreground/20 relative after:absolute after:w-px after:inset-0 after:left-auto">
             <div className="flex gap-2 items-stretch">
               <div className="flex flex-1 items-center w-full border rounded-md">
                 <div className="border-r p-2 bg-muted rounded-l-md self-stretch font-semibold font-mono">
                   {method.toUpperCase()}
                 </div>
-                <div className="p-2 font-mono text-xs">
+                <div className="flex items-center flex-wrap p-2 font-mono text-xs">
+                  {serverSelect}
                   {path}
                   {urlQueryParams.length > 0 ? "?" : ""}
                   {urlQueryParams}
@@ -296,7 +330,7 @@ export const Playground = ({
               </TabsContent>
             </Tabs>
           </div>
-          <div className="p-8 bg-muted/70">
+          <div className="min-w-0 p-8 bg-muted/70">
             {queryMutation.error ? (
               <div className="flex flex-col gap-2">
                 {formState.pathParams.some((p) => p.value === "") && (

package/src/lib/plugins/openapi/playground/ResponseTab.tsx

@@ -54,7 +54,6 @@ export const ResponseTab = ({
             view === "raw" ? (jsonContent ? "plain" : detectedLanguage) : "json"
           }
           noBackground
-          showLanguageIndicator
           // playground dialog has h-5/6 ≈ 83.333vh
           className="overflow-x-auto p-4 text-xs max-h-[calc(83.333vh-180px)]"
           code={view === "raw" ? body : beautifiedBody}

package/src/lib/plugins/openapi/playground/createUrl.ts

@@ -8,7 +8,12 @@ export const createUrl = (host: string, path: string, data: PlaygroundForm) => {
     return value ?? match;
   });
 
-  const url = new URL(filledPath, host);
+  // Ensure host ends with a slash and path doesn't start with one,
+  // so they form a correct URL, without overriding the host's path.
+  const url = new URL(
+    filledPath.replace(/^\//, ""),
+    host.endsWith("/") ? host : `${host}/`,
+  );
 
   data.queryParams
     .filter((param) => param.active)

package/src/lib/ui/Callout.tsx

@@ -2,6 +2,7 @@ import {
   AlertTriangleIcon,
   InfoIcon,
   LightbulbIcon,
+  type LucideIcon,
   ShieldAlertIcon,
 } from "lucide-react";
 import type { ReactNode } from "react";
@@ -14,7 +15,7 @@ const stylesMap = {
     iconColor: "text-gray-600 dark:text-zinc-300",
     titleColor: "text-gray-600 dark:text-zinc-300",
     textColor: "text-gray-600 dark:text-zinc-300",
-    Icon: InfoIcon,
+    Icon: InfoIcon as LucideIcon,
   },
   tip: {
     border: "border-green-500 dark:border-green-800",
@@ -22,7 +23,7 @@ const stylesMap = {
     iconColor: "text-green-600 dark:text-green-200",
     titleColor: "text-green-700 dark:text-green-200",
     textColor: "text-green-600 dark:text-green-50",
-    Icon: LightbulbIcon,
+    Icon: LightbulbIcon as LucideIcon,
   },
   info: {
     border: "border-blue-400 dark:border-blue-900/60",
@@ -30,7 +31,7 @@ const stylesMap = {
     iconColor: "text-blue-400 dark:text-blue-200",
     titleColor: "text-blue-700 dark:text-blue-200",
     textColor: "text-blue-600 dark:text-blue-100",
-    Icon: InfoIcon,
+    Icon: InfoIcon as LucideIcon,
   },
   caution: {
     border: "border-yellow-400 dark:border-yellow-400/25",
@@ -38,7 +39,7 @@ const stylesMap = {
     iconColor: "text-yellow-500 dark:text-yellow-300",
     titleColor: "text-yellow-600 dark:text-yellow-300",
     textColor: "text-yellow-700 dark:text-yellow-200",
-    Icon: AlertTriangleIcon,
+    Icon: AlertTriangleIcon as LucideIcon,
   },
   danger: {
     border: "border-rose-400 dark:border-rose-800",
@@ -46,9 +47,9 @@ const stylesMap = {
     iconColor: "text-rose-400 dark:text-rose-300",
     titleColor: "text-rose-800 dark:text-rose-300",
     textColor: "text-rose-700 dark:text-rose-100",
-    Icon: ShieldAlertIcon,
+    Icon: ShieldAlertIcon as LucideIcon,
   },
-};
+} as const;
 
 type CalloutProps = {
   type: keyof typeof stylesMap;

package/src/lib/ui/Drawer.tsx

@@ -13,16 +13,16 @@ const Drawer = ({
 );
 Drawer.displayName = "Drawer";
 
-const DrawerTrigger = DrawerPrimitive.Trigger;
+const DrawerTrigger: typeof DrawerPrimitive.Trigger = DrawerPrimitive.Trigger;
 
-const DrawerPortal = DrawerPrimitive.Portal;
+const DrawerPortal: typeof DrawerPrimitive.Portal = DrawerPrimitive.Portal;
 
-const DrawerClose = DrawerPrimitive.Close;
+const DrawerClose: typeof DrawerPrimitive.Close = DrawerPrimitive.Close;
 
-const DrawerOverlay = React.forwardRef<
-  React.ElementRef<typeof DrawerPrimitive.Overlay>,
-  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Overlay>
->(({ className, ...props }, ref) => (
+const DrawerOverlay: React.ForwardRefExoticComponent<
+  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Overlay> &
+    React.RefAttributes<React.ElementRef<typeof DrawerPrimitive.Overlay>>
+> = React.forwardRef(({ className, ...props }, ref) => (
   <DrawerPrimitive.Overlay
     ref={ref}
     className={cn("fixed inset-0 z-50 bg-black/80", className)}
@@ -31,29 +31,31 @@ const DrawerOverlay = React.forwardRef<
 ));
 DrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName;
 
-const DrawerContent = React.forwardRef<
-  React.ElementRef<typeof DrawerPrimitive.Content>,
+const DrawerContent: React.ForwardRefExoticComponent<
   React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Content> & {
     hideBar?: boolean;
-  }
->(({ className, children, hideBar = true, ...props }, ref) => (
-  <DrawerPortal>
-    <DrawerOverlay />
-    <DrawerPrimitive.Content
-      ref={ref}
-      className={cn(
-        "fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background",
-        className,
-      )}
-      {...props}
-    >
-      {!hideBar && (
-        <div className="mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" />
-      )}
-      {children}
-    </DrawerPrimitive.Content>
-  </DrawerPortal>
-));
+  } & React.RefAttributes<React.ElementRef<typeof DrawerPrimitive.Content>>
+> = React.forwardRef(
+  ({ className, children, hideBar = true, ...props }, ref) => (
+    <DrawerPortal>
+      <DrawerOverlay />
+      <DrawerPrimitive.Content
+        ref={ref}
+        className={cn(
+          "fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background",
+          className,
+        )}
+        {...props}
+      >
+        {!hideBar && (
+          <div className="mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" />
+        )}
+        {children}
+      </DrawerPrimitive.Content>
+    </DrawerPortal>
+  ),
+);
+
 DrawerContent.displayName = "DrawerContent";
 
 const DrawerHeader = ({
@@ -78,10 +80,10 @@ const DrawerFooter = ({
 );
 DrawerFooter.displayName = "DrawerFooter";
 
-const DrawerTitle = React.forwardRef<
-  React.ElementRef<typeof DrawerPrimitive.Title>,
-  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Title>
->(({ className, ...props }, ref) => (
+const DrawerTitle: React.ForwardRefExoticComponent<
+  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Title> &
+    React.RefAttributes<React.ElementRef<typeof DrawerPrimitive.Title>>
+> = React.forwardRef(({ className, ...props }, ref) => (
   <DrawerPrimitive.Title
     ref={ref}
     className={cn(
@@ -93,10 +95,10 @@ const DrawerTitle = React.forwardRef<
 ));
 DrawerTitle.displayName = DrawerPrimitive.Title.displayName;
 
-const DrawerDescription = React.forwardRef<
-  React.ElementRef<typeof DrawerPrimitive.Description>,
-  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Description>
->(({ className, ...props }, ref) => (
+const DrawerDescription: React.ForwardRefExoticComponent<
+  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Description> &
+    React.RefAttributes<React.ElementRef<typeof DrawerPrimitive.Description>>
+> = React.forwardRef(({ className, ...props }, ref) => (
   <DrawerPrimitive.Description
     ref={ref}
     className={cn("text-sm text-muted-foreground", className)}

package/src/lib/util/useExposedProps.tsx

@@ -0,0 +1,10 @@
+import { useLocation, useNavigate, useSearchParams } from "react-router-dom";
+import type { ExposedComponentProps } from "../components/SlotletProvider.js";
+
+export const useExposedProps = (): ExposedComponentProps => {
+  const location = useLocation();
+  const navigate = useNavigate();
+  const [searchParams, setSearchParams] = useSearchParams();
+
+  return { location, navigate, searchParams, setSearchParams };
+};

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

@@ -1,8 +0,0 @@
-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

@@ -1,12 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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/openapi/playground/Editor.d.ts

@@ -1 +0,0 @@
-export declare const Editor: () => void;

package/dist/lib/plugins/openapi/playground/Editor.js

@@ -1,5 +0,0 @@
-export const Editor = () => {
-    // const XoXo = lazy(() => import("@monaco-editor/react"));
-    // return <XoXo />;
-};
-//# sourceMappingURL=Editor.js.map

package/dist/lib/plugins/openapi/playground/Editor.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Editor.js","sourceRoot":"","sources":["../../../../../src/lib/plugins/openapi/playground/Editor.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,EAAE;IACzB,2DAA2D;IAC3D,mBAAmB;AACrB,CAAC,CAAC"}

package/dist/lib/plugins/openapi/util/urql.d.ts

@@ -1,7 +0,0 @@
-import * as urql from "urql";
-export declare const useQuery: typeof urql.useQuery;
-export declare const Provider: import("react").Provider<object | urql.Client>;
-export declare const cacheExchange: urql.Exchange;
-export declare const fetchExchange: urql.Exchange;
-export declare const mapExchange: ({ onOperation, onResult, onError, }: urql.MapExchangeOpts) => urql.Exchange;
-export declare const Client: new (opts: urql.ClientOptions) => urql.Client;

package/dist/lib/plugins/openapi/util/urql.js

@@ -1,8 +0,0 @@
-import * as urql from "urql";
-export const useQuery = urql.useQuery;
-export const Provider = urql.Provider;
-export const cacheExchange = urql.cacheExchange;
-export const fetchExchange = urql.fetchExchange;
-export const mapExchange = urql.mapExchange;
-export const Client = urql.Client;
-//# sourceMappingURL=urql.js.map

package/dist/lib/plugins/openapi/util/urql.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"urql.js","sourceRoot":"","sources":["../../../../../src/lib/plugins/openapi/util/urql.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,IAAI,MAAM,MAAM,CAAC;AAE7B,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;AACtC,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;AACtC,MAAM,CAAC,MAAM,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC;AAChD,MAAM,CAAC,MAAM,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC;AAChD,MAAM,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC;AAC5C,MAAM,CAAC,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC"}

package/dist/lib/util/slugify.d.ts

@@ -1,2 +0,0 @@
-import slugify from "slugify";
-export default slugify;

package/dist/lib/util/slugify.js

@@ -1,3 +0,0 @@
-import slugify from "slugify";
-export default slugify;
-//# sourceMappingURL=slugify.js.map

package/dist/lib/util/slugify.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"slugify.js","sourceRoot":"","sources":["../../../src/lib/util/slugify.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,SAAS,CAAC;AAE9B,eAAe,OAAO,CAAC"}

package/dist/vite/plugin-icons.d.ts

@@ -1,3 +0,0 @@
-import type { Plugin } from "vite";
-export declare const replaceSidebarIcons: (code: string) => string;
-export declare const viteIconsPlugin: () => Plugin;

package/dist/vite/plugin-icons.js

@@ -1,47 +0,0 @@
-import matter from "gray-matter";
-import { readFile } from "node:fs/promises";
-const matchIconAnnotation = /"icon":\s*"(.*?)"/g;
-const toPascalCase = (str) => str.replace(/(^\w|-\w)/g, (match) => match.replace("-", "").toUpperCase());
-export const replaceSidebarIcons = (code) => {
-    const collectedIcons = new Set();
-    let match;
-    while ((match = matchIconAnnotation.exec(code)) !== null) {
-        collectedIcons.add(match[1]);
-    }
-    const importStatement = `import { ${[...collectedIcons].map(toPascalCase).join(", ")} } from "zudoku/icons";`;
-    const replacedString = code.replaceAll(matchIconAnnotation, 
-    // The element will be created by the implementers side
-    (_, iconName) => `"icon": ${toPascalCase(iconName)}`);
-    return `${importStatement}export const configuredSidebar = ${replacedString};`;
-};
-// This plugin is responsible to restart the dev server when a sidebar icon is changed inside a markdown file.
-export const viteIconsPlugin = () => {
-    const iconMap = new Map();
-    return {
-        enforce: "pre",
-        name: "zudoku-icons-plugin",
-        configureServer: ({ watcher, restart }) => {
-            watcher.on("change", async (filePath) => {
-                if (/\.mdx?$/.test(filePath)) {
-                    const code = await readFile(filePath, "utf-8");
-                    const { sidebar_icon: sidebarIcon } = matter(code).data;
-                    const previousIcon = iconMap.get(filePath);
-                    if ((!previousIcon && sidebarIcon) ||
-                        (previousIcon && !sidebarIcon) ||
-                        previousIcon !== sidebarIcon) {
-                        await restart();
-                    }
-                    iconMap.set(filePath, sidebarIcon);
-                }
-            });
-        },
-        async load(id) {
-            if (/\.mdx?$/.test(id)) {
-                const code = await readFile(id, "utf-8");
-                const { sidebar_icon: sidebarIcon } = matter(code).data;
-                iconMap.set(id, sidebarIcon);
-            }
-        },
-    };
-};
-//# sourceMappingURL=plugin-icons.js.map

package/dist/vite/plugin-icons.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"plugin-icons.js","sourceRoot":"","sources":["../../src/vite/plugin-icons.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAG5C,MAAM,mBAAmB,GAAG,oBAAoB,CAAC;AAEjD,MAAM,YAAY,GAAG,CAAC,GAAW,EAAE,EAAE,CACnC,GAAG,CAAC,OAAO,CAAC,YAAY,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC;AAE7E,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,IAAY,EAAE,EAAE;IAClD,MAAM,cAAc,GAAG,IAAI,GAAG,EAAU,CAAC;IAEzC,IAAI,KAAK,CAAC;IACV,OAAO,CAAC,KAAK,GAAG,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,KAAK,IAAI,EAAE,CAAC;QACzD,cAAc,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IAC/B,CAAC;IAED,MAAM,eAAe,GAAG,YAAY,CAAC,GAAG,cAAc,CAAC,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,yBAAyB,CAAC;IAC9G,MAAM,cAAc,GAAG,IAAI,CAAC,UAAU,CACpC,mBAAmB;IACnB,uDAAuD;IACvD,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAE,CAAC,WAAW,YAAY,CAAC,QAAQ,CAAC,EAAE,CACrD,CAAC;IAEF,OAAO,GAAG,eAAe,oCAAoC,cAAc,GAAG,CAAC;AACjF,CAAC,CAAC;AAEF,8GAA8G;AAC9G,MAAM,CAAC,MAAM,eAAe,GAAG,GAAW,EAAE;IAC1C,MAAM,OAAO,GAAG,IAAI,GAAG,EAAyB,CAAC;IAEjD,OAAO;QACL,OAAO,EAAE,KAAK;QACd,IAAI,EAAE,qBAAqB;QAC3B,eAAe,EAAE,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE;YACxC,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE;gBACtC,IAAI,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC;oBAC7B,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;oBAC/C,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC;oBACxD,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;oBAE3C,IACE,CAAC,CAAC,YAAY,IAAI,WAAW,CAAC;wBAC9B,CAAC,YAAY,IAAI,CAAC,WAAW,CAAC;wBAC9B,YAAY,KAAK,WAAW,EAC5B,CAAC;wBACD,MAAM,OAAO,EAAE,CAAC;oBAClB,CAAC;oBAED,OAAO,CAAC,GAAG,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;gBACrC,CAAC;YACH,CAAC,CAAC,CAAC;QACL,CAAC;QACD,KAAK,CAAC,IAAI,CAAC,EAAE;YACX,IAAI,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC;gBACvB,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC;gBACzC,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC;gBACxD,OAAO,CAAC,GAAG,CAAC,EAAE,EAAE,WAAW,CAAC,CAAC;YAC/B,CAAC;QACH,CAAC;KACF,CAAC;AACJ,CAAC,CAAC"}

package/lib/ErrorPage-knunPbKI.js

@@ -1,18 +0,0 @@
-import { j as r } from "./jsx-runtime-B6kdoens.js";
-import { L as a } from "./index-BG0g4WW0.js";
-import { C as n } from "./CategoryHeading-XnFqN2lJ.js";
-import { P as i, H as t } from "./Markdown-B4aR03g6.js";
-const p = ({
-  title: e = "An error occurred",
-  message: o,
-  category: s
-}) => /* @__PURE__ */ r.jsxs("div", { className: i + " h-full pt-[--padding-content-top]", children: [
-  s && /* @__PURE__ */ r.jsx(n, { children: s }),
-  e && /* @__PURE__ */ r.jsx(t, { level: 1, className: "flex gap-3.5 items-center", children: e }),
-  /* @__PURE__ */ r.jsx("p", { children: o }),
-  /* @__PURE__ */ r.jsx(a, { to: "/", children: "Go back home" })
-] });
-export {
-  p as E
-};
-//# sourceMappingURL=ErrorPage-knunPbKI.js.map

package/lib/ErrorPage-knunPbKI.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ErrorPage-knunPbKI.js","sources":["../src/lib/components/ErrorPage.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { Link } from \"react-router-dom\";\nimport { CategoryHeading } from \"./CategoryHeading.js\";\nimport { Heading } from \"./Heading.js\";\nimport { ProseClasses } from \"./Markdown.js\";\n\nexport const ErrorPage = ({\n  title = \"An error occurred\",\n  message,\n  category,\n}: {\n  title?: ReactNode;\n  message?: ReactNode;\n  category?: ReactNode;\n}) => {\n  return (\n    <div className={ProseClasses + \" h-full pt-[--padding-content-top]\"}>\n      {category && <CategoryHeading>{category}</CategoryHeading>}\n      {title && (\n        <Heading level={1} className=\"flex gap-3.5 items-center\">\n          {title}\n        </Heading>\n      )}\n      <p>{message}</p>\n      <Link to=\"/\">Go back home</Link>\n    </div>\n  );\n};\n"],"names":["ErrorPage","title","message","category","jsxs","ProseClasses","jsx","CategoryHeading","Heading","Link"],"mappings":";;;;AAMO,MAAMA,IAAY,CAAC;AAAA,EACxB,OAAAC,IAAQ;AAAA,EACR,SAAAC;AAAA,EACA,UAAAC;AACF,MAMKC,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAWC,IAAe,sCAC5B,UAAA;AAAA,EAAYF,KAAAG,gBAAAA,EAAAA,IAACC,KAAiB,UAASJ,EAAA,CAAA;AAAA,EACvCF,KACEK,gBAAAA,EAAAA,IAAAE,GAAA,EAAQ,OAAO,GAAG,WAAU,6BAC1B,UACHP,GAAA;AAAA,EAEFK,gBAAAA,EAAAA,IAAC,OAAG,UAAQJ,EAAA,CAAA;AAAA,EACXI,gBAAAA,EAAA,IAAAG,GAAA,EAAK,IAAG,KAAI,UAAY,gBAAA;AAC3B,EAAA,CAAA;"}