blodemd 0.1.0 → 0.2.0

package/docs/components/docs/doc-shell.tsx

@@ -1,355 +0,0 @@
-import type { PageMode, SiteConfig } from "@repo/models";
-import { ChevronLeftIcon, ChevronRightIcon } from "blode-icons-react";
-import Link from "next/link";
-import Script from "next/script";
-import { Fragment } from "react";
-import type { ReactNode } from "react";
-
-import {
-  ContextualMenu,
-  ContextualTocItems,
-} from "@/components/docs/contextual-menu";
-import { CopyPageMenu } from "@/components/docs/copy-page-menu";
-import { DocHeader } from "@/components/docs/doc-header";
-import { DocSidebar } from "@/components/docs/doc-sidebar";
-import { DocToc } from "@/components/docs/doc-toc";
-import {
-  Breadcrumb,
-  BreadcrumbItem,
-  BreadcrumbLink,
-  BreadcrumbList,
-  BreadcrumbPage,
-  BreadcrumbSeparator,
-} from "@/components/ui/breadcrumb";
-import type { NavEntry, NavTab } from "@/lib/navigation";
-import { toDocHref } from "@/lib/routes";
-import { themeStylesFromConfig } from "@/lib/theme";
-import type { TocItem } from "@/lib/toc";
-import { cn } from "@/lib/utils";
-
-const DocScripts = ({
-  scripts,
-  strategy = "afterInteractive",
-}: {
-  scripts?: string[];
-  strategy?: "afterInteractive" | "lazyOnload";
-}) => {
-  if (!scripts?.length) {
-    return null;
-  }
-
-  return scripts.map((script) => (
-    <Script key={script} src={script} strategy={strategy} />
-  ));
-};
-
-const Breadcrumbs = ({
-  basePath,
-  breadcrumbs,
-}: {
-  basePath: string;
-  breadcrumbs: { label: string; path: string }[];
-}) => {
-  if (!breadcrumbs.length) {
-    return null;
-  }
-
-  return (
-    <Breadcrumb>
-      <BreadcrumbList>
-        {breadcrumbs.map((crumb, index) => {
-          const key = `${crumb.path || "current"}-${crumb.label}`;
-          const isLast = index === breadcrumbs.length - 1;
-          return (
-            <Fragment key={key}>
-              <BreadcrumbItem>
-                {isLast ? (
-                  <BreadcrumbPage>{crumb.label}</BreadcrumbPage>
-                ) : (
-                  <BreadcrumbLink asChild>
-                    <Link href={toDocHref(crumb.path, basePath)}>
-                      {crumb.label}
-                    </Link>
-                  </BreadcrumbLink>
-                )}
-              </BreadcrumbItem>
-              {!isLast && <BreadcrumbSeparator />}
-            </Fragment>
-          );
-        })}
-      </BreadcrumbList>
-    </Breadcrumb>
-  );
-};
-
-// oxlint-disable-next-line eslint/complexity
-export const DocShell = ({
-  config,
-  nav,
-  prevPage,
-  nextPage,
-  toc,
-  content,
-  currentPath,
-  breadcrumbs,
-  pageTitle,
-  pageDescription,
-  anchors,
-  activeTabIndex,
-  basePath,
-  markdownHref,
-  rawContent,
-  tabs,
-  tenantSlug,
-  mode,
-  deprecated,
-  hideFooterPagination,
-}: {
-  config: SiteConfig;
-  nav: NavEntry[];
-  prevPage?: { title: string; path: string };
-  nextPage?: { title: string; path: string; description?: string };
-  toc: TocItem[];
-  content: ReactNode;
-  currentPath: string;
-  breadcrumbs: { label: string; path: string }[];
-  pageTitle: string;
-  pageDescription?: string;
-  anchors?: { label: string; href: string }[];
-  activeTabIndex?: number;
-  basePath: string;
-  markdownHref?: string;
-  rawContent?: string;
-  tabs?: NavTab[] | null;
-  tenantSlug?: string;
-  mode?: PageMode;
-  deprecated?: boolean;
-  hideFooterPagination?: boolean;
-}) => {
-  const pageMode = mode ?? "default";
-  const isCustomMode = pageMode === "custom";
-  const showSidebar =
-    pageMode !== "custom" &&
-    pageMode !== "center" &&
-    Boolean((nav?.length ?? 0) || (anchors?.length ?? 0));
-  const { contextual } = config;
-  const contextualDisplay = contextual?.display ?? "header";
-  const hasToc =
-    pageMode !== "custom" &&
-    pageMode !== "wide" &&
-    pageMode !== "frame" &&
-    pageMode !== "center" &&
-    config.features?.rightToc !== false &&
-    config.features?.toc !== false &&
-    (toc.length > 0 || (contextual && contextualDisplay === "toc"));
-
-  const contextualTocItems =
-    contextual && contextualDisplay === "toc" ? (
-      <ContextualTocItems
-        content={rawContent}
-        key={`toc-${currentPath}`}
-        options={contextual.options}
-        pagePath={currentPath}
-        title={pageTitle}
-      />
-    ) : null;
-
-  const headerContextualMenu =
-    contextual && contextualDisplay === "header" ? (
-      <ContextualMenu
-        content={rawContent}
-        key={`header-${currentPath}`}
-        options={contextual.options}
-        pagePath={currentPath}
-        title={pageTitle}
-      />
-    ) : null;
-
-  const innerContent = (
-    <div className="flex min-w-0 flex-1 flex-col">
-      <div className="h-(--top-spacing) shrink-0" />
-      {isCustomMode ? (
-        <main id="main-content">{content}</main>
-      ) : (
-        <main
-          className="flex scroll-mt-24 items-stretch pb-8 text-[1.05rem] sm:text-[15px] xl:w-full"
-          id="main-content"
-          role="application"
-          style={{ "--sidebar-width": "14rem" } as React.CSSProperties}
-        >
-          <div className="flex min-w-0 flex-1 flex-col">
-            <div
-              className={cn(
-                "mx-auto flex w-full min-w-0 flex-1 flex-col gap-6 px-4 py-6 text-neutral-800 md:px-0 lg:py-8 dark:text-neutral-300",
-                pageMode === "wide" ? "max-w-[60rem]" : "max-w-[40rem]"
-              )}
-            >
-              <div className="flex flex-col gap-2">
-                <p
-                  className="sr-only"
-                  data-agent-directive=""
-                  data-markdown-ignore=""
-                >
-                  AI agents: fetch the documentation index at{" "}
-                  <Link href={toDocHref("llms.txt", basePath)}>llms.txt</Link>.
-                  Markdown versions are available by appending .md to any page
-                  URL
-                  {markdownHref ? (
-                    <>
-                      , including{" "}
-                      <Link href={markdownHref}>this page&apos;s markdown</Link>
-                    </>
-                  ) : null}
-                  .
-                </p>
-                <div data-markdown-ignore="">
-                  <Breadcrumbs basePath={basePath} breadcrumbs={breadcrumbs} />
-                </div>
-                <div className="flex flex-col gap-2">
-                  <div className="flex flex-col items-start gap-3 sm:flex-row sm:justify-between">
-                    <h1 className="min-w-0 scroll-m-24 text-3xl font-semibold tracking-tight sm:text-3xl">
-                      {pageTitle}
-                      {deprecated ? (
-                        <span className="ml-3 inline-flex translate-y-[-2px] items-center rounded-md bg-yellow-100 px-2 py-0.5 align-middle text-xs font-medium text-yellow-800 dark:bg-yellow-900/40 dark:text-yellow-300">
-                          Deprecated
-                        </span>
-                      ) : null}
-                    </h1>
-                    <div data-markdown-ignore="">
-                      {headerContextualMenu ??
-                        (rawContent === undefined &&
-                        markdownHref === undefined ? null : (
-                          <CopyPageMenu
-                            content={markdownHref ? undefined : rawContent}
-                            contentUrl={markdownHref}
-                            key={`copy-${currentPath}`}
-                            title={pageTitle}
-                          />
-                        ))}
-                    </div>
-                  </div>
-                  {pageDescription ? (
-                    <p className="text-[1.05rem] text-muted-foreground sm:text-balance sm:text-base md:max-w-[80%]">
-                      {pageDescription}
-                    </p>
-                  ) : null}
-                </div>
-              </div>
-              <div className="grid min-w-0 grid-cols-1 gap-4.5 leading-relaxed [&_blockquote]:border-l-3 [&_blockquote]:border-primary [&_blockquote]:pl-3.5 [&_blockquote]:text-muted-foreground [&_h2]:mt-10 [&_h2]:mb-3 [&_h2]:text-2xl [&_h2]:font-bold [&_h3]:mt-8 [&_h3]:mb-2 [&_h3]:text-[1.375rem] [&_h3]:font-semibold [&_h4]:mt-6 [&_h4]:mb-2 [&_h4]:text-base [&_h4]:font-semibold [&_ol]:list-decimal [&_ol]:pl-6 [&_table]:w-full [&_table]:border-collapse [&_table]:text-sm [&_td]:border-b [&_td]:border-border [&_td]:px-2.5 [&_td]:py-2 [&_td]:text-left [&_th]:border-b [&_th]:border-border [&_th]:px-2.5 [&_th]:py-2 [&_th]:text-left [&_ul]:list-disc [&_ul]:pl-6">
-                {content}
-              </div>
-              {!hideFooterPagination && (prevPage || nextPage) ? (
-                <nav
-                  className="flex w-full rounded-2xl bg-muted/50 p-1 text-sm"
-                  data-markdown-ignore=""
-                  id="pagination"
-                >
-                  {prevPage ? (
-                    <Link
-                      className="group flex items-center justify-between gap-1.5 pl-3 pr-6"
-                      href={toDocHref(prevPage.path, basePath)}
-                    >
-                      <ChevronLeftIcon
-                        aria-hidden="true"
-                        className="size-3 text-muted-foreground/50 group-hover:text-muted-foreground"
-                      />
-                      <span className="font-medium tracking-tight text-muted-foreground group-hover:text-foreground">
-                        Previous
-                      </span>
-                    </Link>
-                  ) : null}
-                  {nextPage ? (
-                    <Link
-                      className="group ml-auto flex w-full min-w-0 flex-1"
-                      href={toDocHref(nextPage.path, basePath)}
-                    >
-                      <div className="flex flex-1 items-center justify-end rounded-xl bg-background hover:ring-1 hover:ring-border sm:h-16">
-                        <div className="flex min-w-0 flex-col items-end justify-center px-5">
-                          <span className="text-right font-semibold text-foreground/80">
-                            {nextPage.title}
-                          </span>
-                          {nextPage.description ? (
-                            <span className="hidden w-full truncate text-right text-muted-foreground lg:block lg:w-72">
-                              {nextPage.description}
-                            </span>
-                          ) : null}
-                        </div>
-                        <div className="h-8 w-px bg-border/50" />
-                        <div className="flex items-center gap-1.5 pl-5 pr-3">
-                          <span className="font-medium tracking-tight text-muted-foreground group-hover:text-foreground">
-                            Next
-                          </span>
-                          <ChevronRightIcon
-                            aria-hidden="true"
-                            className="size-3 text-muted-foreground/50 group-hover:text-muted-foreground"
-                          />
-                        </div>
-                      </div>
-                    </Link>
-                  ) : null}
-                </nav>
-              ) : null}
-            </div>
-          </div>
-          {hasToc ? (
-            <DocToc contextualItems={contextualTocItems} toc={toc} />
-          ) : null}
-        </main>
-      )}
-    </div>
-  );
-
-  return (
-    <div
-      className="min-h-screen font-sans"
-      data-has-dark-logo={config.logo?.dark ? "true" : "false"}
-      style={themeStylesFromConfig(config)}
-    >
-      <a
-        className="sr-only focus:not-sr-only focus:fixed focus:left-4 focus:top-4 focus:z-[100] focus:rounded-md focus:bg-background focus:px-4 focus:py-2 focus:text-sm focus:font-medium focus:shadow-sm"
-        data-markdown-ignore=""
-        href="#main-content"
-      >
-        Skip to content
-      </a>
-      <DocScripts scripts={config.scripts?.head} />
-      <DocHeader
-        activeTabIndex={activeTabIndex}
-        basePath={basePath}
-        config={config}
-        nav={nav}
-        tabs={tabs}
-      />
-      <div className="container-wrapper flex flex-1 flex-col">
-        {showSidebar ? (
-          <div
-            className="min-h-min flex-1 items-start px-0 [--top-spacing:0] lg:grid lg:grid-cols-[var(--sidebar-width)_minmax(0,1fr)] lg:[--top-spacing:calc(var(--spacing)*4)]"
-            style={
-              {
-                "--sidebar-width": "calc(var(--spacing) * 72)",
-              } as React.CSSProperties
-            }
-          >
-            <div className="min-w-0 lg:col-start-2 lg:row-start-1">
-              {innerContent}
-            </div>
-            <div className="self-stretch lg:col-start-1 lg:row-start-1">
-              <DocSidebar
-                activeTabIndex={activeTabIndex ?? 0}
-                anchors={anchors}
-                basePath={basePath}
-                nav={nav}
-                tenantSlug={tenantSlug}
-              />
-            </div>
-          </div>
-        ) : (
-          <div className="min-h-min flex-1 items-start px-0 [--top-spacing:0] lg:[--top-spacing:calc(var(--spacing)*4)]">
-            {innerContent}
-          </div>
-        )}
-      </div>
-      <DocScripts scripts={config.scripts?.body} strategy="lazyOnload" />
-    </div>
-  );
-};

package/docs/components/docs/doc-sidebar.tsx

@@ -1,256 +0,0 @@
-import { ArrowUpRightIcon } from "blode-icons-react";
-import Image from "next/image";
-import Link from "next/link";
-
-import { SidebarActiveHighlight } from "@/components/docs/sidebar-active-highlight";
-import { DocIcon } from "@/components/icons/doc-icon";
-import { getTenantSidebarData } from "@/lib/docs-runtime";
-import { getNavPageHref, getNavPageTitle } from "@/lib/navigation";
-import type { NavEntry, NavPage } from "@/lib/navigation";
-import { isExternalHref, toDocHref } from "@/lib/routes";
-import { cn } from "@/lib/utils";
-
-import { SidebarScrollArea } from "./sidebar-scroll-area";
-
-const MENU_BUTTON_CLASS =
-  "relative flex min-h-[30px] items-center gap-2 overflow-visible rounded-md border border-transparent px-2 text-[0.8rem] font-medium transition-colors hover:bg-accent/70 hover:text-foreground";
-
-const NavIcon = ({ icon }: { icon: string }) => {
-  if (icon.startsWith("http") || icon.startsWith("/")) {
-    return (
-      <Image
-        alt=""
-        className="size-4 shrink-0"
-        height={16}
-        src={icon}
-        unoptimized
-        width={16}
-      />
-    );
-  }
-  return (
-    <DocIcon
-      className="size-4 shrink-0 text-muted-foreground"
-      icon={icon}
-      size={16}
-    />
-  );
-};
-
-const NavPageLink = ({
-  item,
-  basePath,
-}: {
-  item: NavPage;
-  basePath: string;
-}) => {
-  const displayTitle = getNavPageTitle(item);
-  const href = getNavPageHref(item, basePath);
-  const isExternal = Boolean(item.url && isExternalHref(item.url));
-
-  const linkContent = (
-    <>
-      {item.icon ? <NavIcon icon={item.icon} /> : null}
-      <span className={item.deprecated ? "line-through opacity-60" : undefined}>
-        {displayTitle}
-      </span>
-      {item.tag ? (
-        <span className="ml-auto shrink-0 rounded bg-primary/10 px-1.5 py-0.5 text-[10px] font-medium leading-none text-primary">
-          {item.tag}
-        </span>
-      ) : null}
-      {item.deprecated && !item.tag ? (
-        <span className="ml-auto shrink-0 rounded bg-yellow-100 px-1.5 py-0.5 text-[10px] font-medium leading-none text-yellow-800 dark:bg-yellow-900/40 dark:text-yellow-300">
-          Deprecated
-        </span>
-      ) : null}
-      {isExternal ? (
-        <ArrowUpRightIcon
-          aria-hidden="true"
-          className="ml-auto size-3 shrink-0 text-muted-foreground"
-        />
-      ) : null}
-    </>
-  );
-
-  if (isExternal) {
-    return (
-      <a
-        className={MENU_BUTTON_CLASS}
-        data-sidebar-link=""
-        href={href}
-        rel="noopener noreferrer"
-        target="_blank"
-      >
-        {linkContent}
-      </a>
-    );
-  }
-
-  return (
-    <Link
-      className={MENU_BUTTON_CLASS}
-      data-path={item.path}
-      data-sidebar-link=""
-      href={href}
-    >
-      {linkContent}
-    </Link>
-  );
-};
-
-const Section = ({
-  title,
-  children,
-  paddedTop = false,
-}: {
-  title?: string;
-  children: React.ReactNode;
-  paddedTop?: boolean;
-}) => (
-  <section
-    className={cn(
-      "relative flex w-full min-w-0 flex-col p-2",
-      paddedTop && "pt-6"
-    )}
-  >
-    {title ? (
-      <div className="mb-2 px-2 font-medium text-muted-foreground text-xs">
-        {title}
-      </div>
-    ) : null}
-    <div className="w-full text-sm">{children}</div>
-  </section>
-);
-
-const renderSidebarTree = ({
-  anchors,
-  basePath,
-  entries,
-}: {
-  anchors: { label: string; href: string }[];
-  basePath: string;
-  entries: NavEntry[];
-}) => (
-  <>
-    {anchors.length ? (
-      <Section paddedTop title="Pinned">
-        <ul className="space-y-1">
-          {anchors.map((anchor) => (
-            <li key={anchor.href}>
-              <a
-                className={cn(MENU_BUTTON_CLASS, "text-foreground")}
-                href={
-                  anchor.href.startsWith("http")
-                    ? anchor.href
-                    : toDocHref(anchor.href, basePath)
-                }
-              >
-                {anchor.label}
-              </a>
-            </li>
-          ))}
-        </ul>
-      </Section>
-    ) : null}
-    {entries.map((entry, index) => {
-      if (entry.type === "page") {
-        return (
-          <Section key={entry.path} paddedTop={index === 0 && !anchors.length}>
-            <ul>
-              <li>
-                <NavPageLink basePath={basePath} item={entry} />
-              </li>
-            </ul>
-          </Section>
-        );
-      }
-
-      return (
-        <Section
-          key={entry.title}
-          paddedTop={index === 0 && !anchors.length}
-          title={entry.title}
-        >
-          <ul className="space-y-0.5">
-            {entry.items.map((item) => (
-              <li key={item.path}>
-                <NavPageLink basePath={basePath} item={item} />
-              </li>
-            ))}
-          </ul>
-        </Section>
-      );
-    })}
-  </>
-);
-
-const CachedSidebarTree = async ({
-  activeTabIndex,
-  anchors,
-  basePath,
-  entries,
-  tenantSlug,
-}: {
-  activeTabIndex: number;
-  anchors?: { label: string; href: string }[];
-  basePath: string;
-  entries?: NavEntry[];
-  tenantSlug?: string;
-}) => {
-  if (tenantSlug) {
-    const data = await getTenantSidebarData(tenantSlug, activeTabIndex);
-    if (data) {
-      return renderSidebarTree({
-        anchors: data.anchors,
-        basePath,
-        entries: data.entries,
-      });
-    }
-  }
-
-  if (!entries || entries.length === 0) {
-    return null;
-  }
-
-  return renderSidebarTree({
-    anchors: anchors ?? [],
-    basePath,
-    entries,
-  });
-};
-
-export const DocSidebar = ({
-  activeTabIndex,
-  anchors,
-  basePath,
-  nav,
-  tenantSlug,
-}: {
-  activeTabIndex: number;
-  anchors?: { label: string; href: string }[];
-  basePath: string;
-  nav?: NavEntry[];
-  tenantSlug?: string;
-}) => (
-  <aside
-    aria-label="Documentation navigation"
-    className="sticky top-[calc(var(--header-height)+0.6rem)] z-30 hidden h-[calc(100svh-10rem)] w-[calc(var(--spacing)*56)] shrink-0 flex-col overscroll-none bg-transparent lg:flex"
-    data-markdown-ignore=""
-  >
-    <div className="h-9" />
-    <div className="absolute top-8 z-10 h-8 w-full shrink-0 bg-gradient-to-b from-background via-background/80 to-background/50 blur-xs" />
-    <div className="absolute top-12 right-2 bottom-0 hidden h-full w-px bg-gradient-to-b from-transparent via-border to-transparent lg:flex" />
-    <SidebarScrollArea className="no-scrollbar mx-auto flex min-h-0 w-full flex-1 flex-col gap-2 overflow-y-auto overflow-x-hidden px-2">
-      <CachedSidebarTree
-        activeTabIndex={activeTabIndex}
-        anchors={anchors}
-        basePath={basePath}
-        entries={nav}
-        tenantSlug={tenantSlug}
-      />
-      <div className="sticky -bottom-1 z-10 h-16 shrink-0 bg-gradient-to-t from-background via-background/80 to-background/50 blur-xs" />
-    </SidebarScrollArea>
-    <SidebarActiveHighlight basePath={basePath} />
-  </aside>
-);

package/docs/components/docs/doc-toc.tsx

@@ -1,46 +0,0 @@
-import type { ReactNode } from "react";
-
-import type { TocItem } from "@/lib/toc";
-
-export const DocToc = ({
-  toc,
-  contextualItems,
-}: {
-  toc: TocItem[];
-  contextualItems?: ReactNode;
-}) => {
-  if (!toc.length && !contextualItems) {
-    return null;
-  }
-
-  return (
-    <nav
-      aria-label="Table of contents"
-      className="sticky top-[calc(var(--header-height)+1px)] z-30 ml-auto hidden h-[90svh] w-(--sidebar-width) flex-col gap-4 overflow-hidden overscroll-none pb-8 xl:flex"
-      data-markdown-ignore=""
-    >
-      <div className="no-scrollbar flex flex-col gap-8 overflow-y-auto px-8">
-        <div className="flex flex-col gap-2 p-4 pt-0 text-sm">
-          {toc.length > 0 ? (
-            <>
-              <p className="sticky top-0 h-6 bg-background font-medium text-muted-foreground text-xs">
-                On This Page
-              </p>
-              {toc.map((item) => (
-                <a
-                  className="text-[0.8rem] text-muted-foreground no-underline transition-colors hover:text-foreground data-[depth=3]:pl-4 data-[depth=4]:pl-6"
-                  data-depth={item.level}
-                  href={`#${item.id}`}
-                  key={item.id}
-                >
-                  {item.title}
-                </a>
-              ))}
-            </>
-          ) : null}
-          {contextualItems}
-        </div>
-      </div>
-    </nav>
-  );
-};