zudoku 0.0.0-f06d326 → 0.0.0-f0b4321

package/src/lib/components/navigation/Sidebar.tsx

@@ -1,53 +0,0 @@
-import { useEffect, useRef } from "react";
-
-import { VisuallyHidden } from "@radix-ui/react-visually-hidden";
-import type { SidebarItem as SidebarItemType } from "../../../config/validators/SidebarSchema.js";
-import { DrawerContent, DrawerTitle } from "../../ui/Drawer.js";
-import { scrollIntoViewIfNeeded } from "../../util/scrollIntoViewIfNeeded.js";
-import { Slotlet } from "../SlotletProvider.js";
-import { SidebarItem } from "./SidebarItem.js";
-import { SidebarWrapper } from "./SidebarWrapper.js";
-
-export const Sidebar = ({
-  onRequestClose,
-  sidebar,
-}: {
-  onRequestClose?: () => void;
-  sidebar: SidebarItemType[];
-}) => {
-  const navRef = useRef<HTMLDivElement>(null);
-
-  useEffect(() => {
-    const active = navRef.current?.querySelector('[aria-current="page"]');
-    scrollIntoViewIfNeeded(active ?? null);
-  }, []);
-
-  return (
-    <>
-      <SidebarWrapper ref={navRef}>
-        <Slotlet name="zudoku-before-navigation" />
-        {sidebar.map((item) => (
-          <SidebarItem key={item.label} item={item} />
-        ))}
-        <Slotlet name="zudoku-after-navigation" />
-      </SidebarWrapper>
-      <DrawerContent
-        className="lg:hidden h-[100dvh] left-0 w-[320px] rounded-none"
-        aria-describedby={undefined}
-      >
-        <div className="p-4 overflow-y-auto overscroll-none">
-          <VisuallyHidden>
-            <DrawerTitle>Sidebar</DrawerTitle>
-          </VisuallyHidden>
-          {sidebar.map((item) => (
-            <SidebarItem
-              key={item.label}
-              item={item}
-              onRequestClose={onRequestClose}
-            />
-          ))}
-        </div>
-      </DrawerContent>
-    </>
-  );
-};

package/src/lib/components/navigation/SidebarItem.tsx

@@ -1,118 +0,0 @@
-import { cva } from "class-variance-authority";
-import { ExternalLinkIcon } from "lucide-react";
-import { NavLink, useLocation, useSearchParams } from "react-router";
-
-import type { SidebarItem as SidebarItemType } from "../../../config/validators/SidebarSchema.js";
-import { joinUrl } from "../../util/joinUrl.js";
-import { AnchorLink } from "../AnchorLink.js";
-import { useViewportAnchor } from "../context/ViewportAnchorContext.js";
-import { SidebarBadge } from "./SidebarBadge.js";
-import { SidebarCategory } from "./SidebarCategory.js";
-
-export const navigationListItem = cva(
-  "flex items-center gap-2 px-[--padding-nav-item] my-0.5 py-1.5 rounded-lg hover:bg-accent",
-  {
-    variants: {
-      isActive: {
-        true: "bg-accent font-medium",
-        false: "text-foreground/80",
-      },
-      isMuted: {
-        true: "text-foreground/30",
-        false: "",
-      },
-      isPending: {
-        true: "bg-accent animate-pulse",
-        false: "",
-      },
-    },
-    defaultVariants: {
-      isActive: false,
-    },
-  },
-);
-
-export const DATA_ANCHOR_ATTR = "data-anchor";
-
-export const SidebarItem = ({
-  item,
-  onRequestClose,
-}: {
-  item: SidebarItemType;
-  onRequestClose?: () => void;
-}) => {
-  const location = useLocation();
-  const { activeAnchor } = useViewportAnchor();
-  const [searchParams] = useSearchParams();
-
-  switch (item.type) {
-    case "category":
-      return (
-        <SidebarCategory category={item} onRequestClose={onRequestClose} />
-      );
-    case "doc":
-      return (
-        <NavLink
-          className={({ isActive, isPending }) =>
-            navigationListItem({ isActive, isPending })
-          }
-          to={joinUrl(item.id)}
-          onClick={onRequestClose}
-          end
-        >
-          {item.icon && <item.icon size={16} className="align-[-0.125em]" />}
-          {item.badge ? (
-            <>
-              <span className="truncate flex-1" title={item.label}>
-                {item.label}
-              </span>
-              <SidebarBadge {...item.badge} />
-            </>
-          ) : (
-            item.label
-          )}
-        </NavLink>
-      );
-    case "link":
-      return !item.href.startsWith("http") ? (
-        <AnchorLink
-          to={{
-            pathname: item.href.split("#")[0],
-            hash: item.href.split("#")[1],
-            search: searchParams.toString(),
-          }}
-          {...{ [DATA_ANCHOR_ATTR]: item.href.split("#")[1] }}
-          className={navigationListItem({
-            isActive: item.href === [location.pathname, activeAnchor].join("#"),
-            className: item.badge?.placement !== "start" && "justify-between",
-          })}
-          onClick={onRequestClose}
-        >
-          {item.badge ? (
-            <>
-              <span className="truncate" title={item.label}>
-                {item.label}
-              </span>
-              <SidebarBadge {...item.badge} />
-            </>
-          ) : (
-            <span className="break-all">{item.label}</span>
-          )}
-        </AnchorLink>
-      ) : (
-        <a
-          className={navigationListItem()}
-          href={item.href}
-          target="_blank"
-          rel="noopener noreferrer"
-          onClick={onRequestClose}
-        >
-          <span className="whitespace-normal">{item.label}</span>
-          {/* This prevents that the icon would be positioned in its own line if the text fills a line entirely */}
-          <span className="whitespace-nowrap">
-            <ExternalLinkIcon className="inline -translate-y-0.5" size={12} />
-          </span>
-        </a>
-      );
-  }
-};

package/src/lib/components/navigation/SidebarWrapper.tsx

@@ -1,25 +0,0 @@
-import { type PropsWithChildren, type Ref } from "react";
-import { cn } from "../../util/cn.js";
-
-export const SidebarWrapper = ({
-  children,
-  className,
-  ref,
-}: PropsWithChildren<{
-  className?: string;
-  ref?: Ref<HTMLDivElement>;
-}>) => (
-  <nav
-    className={cn(
-      "hidden lg:flex h-full scrollbar flex-col overflow-y-auto shrink-0 text-sm border-r pr-6",
-      "sticky top-[--header-height] h-[calc(100vh-var(--header-height))]",
-      "-mx-[--padding-nav-item] max-w-[--side-nav-width] pb-6 pt-[--padding-content-top] scroll-pt-2 gap-2",
-      className,
-    )}
-    ref={ref}
-  >
-    {children}
-  </nav>
-);
-
-SidebarWrapper.displayName = "SidebarWrapper";

package/src/lib/plugins/custom-pages/CustomPage.tsx

@@ -1,18 +0,0 @@
-import React from "react";
-import { ProseClasses } from "../../components/Markdown.js";
-import { cn } from "../../util/cn.js";
-import { useExposedProps } from "../../util/useExposedProps.js";
-import type { CustomPageConfig } from "./index.js";
-
-export const CustomPage = ({
-  element,
-  render,
-  prose = true,
-}: Omit<CustomPageConfig, "path">) => {
-  const exposedProps = useExposedProps();
-  const content = render ? React.createElement(render, exposedProps) : element;
-
-  return (
-    <div className={cn(prose && ProseClasses, "max-w-full")}>{content}</div>
-  );
-};

package/src/lib/plugins/markdown/resolver.ts

@@ -1,57 +0,0 @@
-import { ZudokuDocsConfig } from "../../../config/validators/common.js";
-import { ZudokuConfig } from "../../../config/validators/validate.js";
-
-const DEFAULT_DOCS_FILES = "/pages/**/*.{md,mdx}";
-
-/**
- * Utilities for resolving markdown file paths and routes
- */
-export class DocResolver {
-  constructor(private config: ZudokuConfig) {}
-
-  fileMap = new Map<string, string>();
-
-  /**
-   * Gets the default docs config from the zudoku config
-   */
-  getDocsConfigs() {
-    const docsConfigs: ZudokuDocsConfig[] = this.config.docs
-      ? Array.isArray(this.config.docs)
-        ? this.config.docs
-        : [this.config.docs]
-      : [{ files: DEFAULT_DOCS_FILES }];
-
-    return docsConfigs;
-  }
-
-  /**
-   * Gets the root directory from a files glob
-   */
-  private static getRootDir(filesGlob: string) {
-    let rootDir = filesGlob.split("**")[0];
-    if (!rootDir) {
-      throw new Error("Invalid files glob. Must have '**' in the path.");
-    }
-    rootDir = rootDir.replace("/**", "/");
-    return rootDir;
-  }
-
-  /**
-   * Resolves the route path for a given file system path
-   * @param options - The options to resolve the route path
-   * @returns The string route path
-   */
-  static resolveRoutePath({
-    filesGlob,
-    fsPath,
-  }: {
-    filesGlob: string;
-    fsPath: string;
-  }) {
-    const rootDir = this.getRootDir(filesGlob);
-    const re = new RegExp(`^${rootDir}(.*).mdx?`);
-    const match = fsPath.match(re);
-    const routePath = match?.at(1);
-    return routePath;
-  }
-}

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

@@ -1,75 +0,0 @@
-import { ChevronDownIcon } from "lucide-react";
-import { useState } from "react";
-import { useFormContext } from "react-hook-form";
-import { Button } from "zudoku/ui/Button.js";
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-} from "zudoku/ui/DropdownMenu.js";
-import { RadioGroup, RadioGroupItem } from "zudoku/ui/RadioGroup.js";
-import { ApiIdentity } from "../../../core/ZudokuContext.js";
-import { NO_IDENTITY } from "./Playground.js";
-
-const SubmitButton = ({
-  identities,
-  formRef,
-  disabled,
-}: {
-  identities: ApiIdentity[];
-  formRef?: React.RefObject<HTMLFormElement | null>;
-  disabled?: boolean;
-}) => {
-  const { setValue } = useFormContext();
-  const [dropdownValue, setDropdownValue] = useState<string | undefined>();
-  if (identities.length === 0) {
-    return <Button disabled={disabled}>Send</Button>;
-  }
-  return (
-    <div className="flex">
-      <Button
-        className="rounded-r-none inset-shadow-sm"
-        disabled={disabled}
-        onClick={() => formRef?.current?.requestSubmit()}
-      >
-        Send
-      </Button>
-      <DropdownMenu>
-        <DropdownMenuTrigger asChild>
-          <Button
-            disabled={disabled}
-            className="rounded-l-none border-l border-border/40 inset-shadow-sm w-6"
-            size="icon"
-          >
-            <ChevronDownIcon className="w-4 h-4" />
-          </Button>
-        </DropdownMenuTrigger>
-        <RadioGroup value={dropdownValue}>
-          <DropdownMenuContent className="w-56" align="end" alignOffset={-150}>
-            {[{ id: NO_IDENTITY, label: "None" }, ...identities].map(
-              (identity) => (
-                <DropdownMenuItem
-                  key={identity.id}
-                  onClick={() => {
-                    setDropdownValue(identity.id);
-                    setValue("identity", identity.id);
-                    formRef?.current?.requestSubmit();
-                  }}
-                  onMouseEnter={() => setDropdownValue(identity.id)}
-                  onMouseLeave={() => setDropdownValue(undefined)}
-                >
-                  <RadioGroupItem value={identity.id} className="mr-2" />
-
-                  {identity.label}
-                </DropdownMenuItem>
-              ),
-            )}
-          </DropdownMenuContent>
-        </RadioGroup>
-      </DropdownMenu>
-    </div>
-  );
-};
-
-export default SubmitButton;

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

@@ -1,32 +0,0 @@
-import { useFormContext } from "react-hook-form";
-import type { PlaygroundForm } from "./Playground.js";
-
-export const UrlDisplay = ({ host, path }: { host: string; path: string }) => {
-  const { watch } = useFormContext<PlaygroundForm>();
-  const data = watch();
-  const url = new URL(
-    host +
-      path
-        .split("/")
-        .map((v) =>
-          v.startsWith("{") && v.endsWith("}")
-            ? (data.pathParams.find((part) => part.name === v.slice(1, -1))
-                ?.value ?? v)
-            : v,
-        )
-        .join("/"),
-  );
-
-  data.queryParams.forEach((param) => {
-    if (!param.value) {
-      return;
-    }
-    url.searchParams.set(param.name, param.value);
-  });
-
-  return (
-    <div className="overflow-auto font-mono whitespace-nowrap">
-      {url.toString()}
-    </div>
-  );
-};

package/src/lib/plugins/openapi/playground/result-panel/RequestTab.tsx

@@ -1,73 +0,0 @@
-import { ChevronRightIcon } from "lucide-react";
-import { Fragment } from "react";
-import {
-  Collapsible,
-  CollapsibleContent,
-  CollapsibleTrigger,
-} from "../../../../ui/Collapsible.js";
-import { cn } from "../../../../util/cn.js";
-import { methodForColor } from "../../util/methodToColor.js";
-
-export const RequestTab = ({
-  method,
-  url,
-  headers,
-  body,
-}: {
-  method: string;
-  url: string;
-  headers: Array<[string, string]>;
-  body?: string;
-}) => {
-  return (
-    <div className="flex flex-col gap-2 font-mono text-xs">
-      <div className="gap-2 p-2 bg-muted rounded-md">
-        <span className={cn(methodForColor(method), "font-semibold")}>
-          {method}
-        </span>
-        &nbsp;
-        <span className="break-all">{url}</span>&nbsp;
-        <span className="text-muted-foreground">HTTP/1.1</span>
-      </div>
-      <div className="mx-1.5 flex flex-col gap-3">
-        <Collapsible defaultOpen>
-          <CollapsibleTrigger className="flex items-center gap-2 hover:text-primary group">
-            <ChevronRightIcon className="h-4 w-4 transition-transform duration-200 group-data-[state=open]:rotate-[90deg]" />
-            <span className="font-semibold">Headers</span>
-          </CollapsibleTrigger>
-          <CollapsibleContent>
-            <div className="grid grid-cols-[auto,1fr] gap-x-8 gap-y-1 pl-1.5 pt-2">
-              {headers.map(([key, value]) => (
-                <Fragment key={key}>
-                  <div className="text-primary">{key}</div>
-                  <div className="break-all">{value}</div>
-                </Fragment>
-              ))}
-            </div>
-          </CollapsibleContent>
-        </Collapsible>
-
-        <Collapsible defaultOpen>
-          <CollapsibleTrigger className="flex items-center gap-2 hover:text-primary group">
-            <ChevronRightIcon className="h-4 w-4 transition-transform duration-200 group-data-[state=open]:rotate-[90deg]" />
-            <span className="font-semibold">Body</span>
-          </CollapsibleTrigger>
-          <CollapsibleContent>
-            <div className="pl-0 pt-2">
-              <div
-                className={cn(
-                  "whitespace-pre-wrap break-all bg-muted p-2 rounded-md",
-                  !body && "text-muted-foreground",
-                )}
-              >
-                {body ?? "Empty body"}
-              </div>
-            </div>
-          </CollapsibleContent>
-        </Collapsible>
-      </div>
-    </div>
-  );
-};
-
-export default RequestTab;

package/src/lib/plugins/openapi/post-processors/removePaths.test.ts

@@ -1,126 +0,0 @@
-import { describe, expect, it } from "vitest";
-import { removePaths } from "./removePaths.js";
-
-const baseDoc = {
-  openapi: "3.0.3",
-  paths: {
-    "/example": {
-      get: { summary: "Get example" },
-      post: { summary: "Post example" },
-    },
-    "/remove-me": {
-      delete: { summary: "Delete example" },
-    },
-    "/another": {
-      get: { summary: "Another example" },
-    },
-  },
-};
-
-describe("removePaths", () => {
-  it("removes paths specified in the paths option", () => {
-    const processed = removePaths({
-      paths: {
-        "/remove-me": true,
-      },
-    })(baseDoc);
-
-    expect(processed.paths["/remove-me"]).toBeUndefined();
-    expect(processed.paths["/example"]).toBeDefined();
-    expect(processed.paths["/another"]).toBeDefined();
-  });
-
-  it("removes specific methods in the paths option", () => {
-    const processed = removePaths({
-      paths: {
-        "/example": ["get"],
-      },
-    })(baseDoc);
-
-    expect(processed.paths["/example"].get).toBeUndefined();
-    expect(processed.paths["/example"].post).toBeDefined();
-    expect(processed.paths["/remove-me"]).toBeDefined();
-  });
-
-  it("removes paths and methods using paths and shouldRemove together", () => {
-    const processed = removePaths({
-      paths: {
-        "/example": ["post"],
-      },
-      shouldRemove: ({ path }) => path.startsWith("/remove"),
-    })(baseDoc);
-
-    expect(processed.paths["/remove-me"]).toBeUndefined();
-    expect(processed.paths["/example"].get).toBeDefined();
-    expect(processed.paths["/example"].post).toBeUndefined();
-    expect(processed.paths["/another"]).toBeDefined();
-  });
-
-  it("removes paths based on shouldRemove callback", () => {
-    const processed = removePaths({
-      shouldRemove: ({ path }) => path.startsWith("/remove"),
-    })(baseDoc);
-
-    expect(processed.paths["/remove-me"]).toBeUndefined();
-    expect(processed.paths["/example"]).toBeDefined();
-    expect(processed.paths["/another"]).toBeDefined();
-  });
-
-  it("removes methods based on shouldRemove callback", () => {
-    const processed = removePaths({
-      shouldRemove: ({ method }) => method === "post",
-    })(baseDoc);
-
-    expect(processed.paths["/example"].post).toBeUndefined();
-    expect(processed.paths["/example"].get).toBeDefined();
-    expect(processed.paths["/remove-me"]).toBeDefined();
-  });
-
-  it("removes both paths and methods based on shouldRemove callback", () => {
-    const processed = removePaths({
-      shouldRemove: ({ path, method }) =>
-        path.startsWith("/remove") || method === "post",
-    })(baseDoc);
-
-    expect(processed.paths["/remove-me"]).toBeUndefined();
-    expect(processed.paths["/example"].post).toBeUndefined();
-    expect(processed.paths["/example"].get).toBeDefined();
-    expect(processed.paths["/another"]).toBeDefined();
-  });
-
-  it("does nothing if shouldRemove always returns false", () => {
-    const processed = removePaths({
-      shouldRemove: () => false,
-    })(baseDoc);
-
-    expect(processed).toEqual(baseDoc);
-  });
-
-  it("removes everything if shouldRemove always returns true", () => {
-    const processed = removePaths({
-      shouldRemove: () => true,
-    })(baseDoc);
-
-    expect(processed.paths).toEqual({});
-  });
-
-  it("removes entire paths via shouldRemove callback", () => {
-    const processed = removePaths({
-      shouldRemove: ({ path, method }) =>
-        method === true && path === "/remove-me",
-    })(baseDoc);
-
-    expect(processed.paths["/remove-me"]).toBeUndefined();
-    expect(processed.paths["/example"]).toBeDefined();
-    expect(processed.paths["/another"]).toBeDefined();
-  });
-
-  it("removes specific methods while keeping paths", () => {
-    const processed = removePaths({
-      shouldRemove: ({ method }) => method === "delete",
-    })(baseDoc);
-
-    expect(processed.paths["/remove-me"]).toBeDefined();
-    expect(processed.paths["/remove-me"].delete).toBeUndefined();
-  });
-});