@tenphi/renderer 0.19.0

package/dist/components/Logo.astro

@@ -0,0 +1,37 @@
+---
+import { LogoRoot } from "./LayoutComponents.js";
+
+import type { LogoProps as Props } from "./props.js";
+
+const {
+  label = "Cookbook",
+  decorative = false,
+  class: className,
+} = Astro.props;
+---
+
+<LogoRoot
+  className={className}
+  aria-hidden={decorative ? "true" : undefined}
+  data-tasty-anatomy="Logo"
+>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 64 64"
+    role={decorative ? undefined : "img"}
+    aria-label={decorative ? undefined : label}
+    focusable="false"
+  >
+    <rect width="64" height="64" rx="14" fill="currentColor"></rect>
+    <path
+      class="td-logo__mark"
+      fill="currentColor"
+      d="M14.8 16c6.7.2 12.3 2 16.7 5.4v28.4c-4.4-3.1-10-4.7-16.6-4.9a3 3 0 0 1-2.9-3V19a3 3 0 0 1 2.8-3Z"
+    ></path>
+    <path
+      class="td-logo__mark"
+      fill="currentColor"
+      d="M49.2 16c-6.7.2-12.3 2-16.7 5.4v28.4c4.4-3.1 10-4.7 16.6-4.9a3 3 0 0 0 2.9-3V19a3 3 0 0 0-2.8-3Z"
+    ></path>
+  </svg>
+</LogoRoot>

package/dist/components/MobileNavigationTabs.astro

@@ -0,0 +1,79 @@
+---
+import {
+  localizedNavigation,
+  localePath,
+  localeHref,
+} from "../localization.js";
+import { messages } from "../localization.js";
+import { content } from "virtual:cookbook/config";
+import { layout as configuredLayout } from "virtual:cookbook/layout";
+import { activeNavigationTab, navigationPath } from "../navigation.js";
+import { MobileNavigationTabsRoot } from "./LayoutComponents.js";
+
+interface Props {
+  base?: string;
+  currentPath: string;
+}
+
+const { base = "/", currentPath } = Astro.props;
+const basePath = base === "/" ? "" : `/${base.replace(/^\/+|\/+$/g, "")}`;
+const { layout } = localizedNavigation(
+  configuredLayout,
+  content.routes,
+  navigationPath(currentPath, base),
+  content,
+);
+const activeTab = activeNavigationTab(
+  layout.tabs,
+  localePath(navigationPath(currentPath, basePath || "/"), content),
+);
+
+function tabHref(link: string): string {
+  return localeHref(
+    link,
+    navigationPath(currentPath, base),
+    content.routes,
+    content,
+    base,
+  );
+}
+const ui = messages(Astro.locals.cookbookRoute?.lang ?? "en", content);
+---
+
+{
+  layout.tabs.length > 0 && (
+    <MobileNavigationTabsRoot
+      className="td-mobile-tabs cookbook-print-hidden"
+      aria-label={ui.sections}
+      data-tasty-anatomy="MobileNavigationTabs"
+    >
+      <details>
+        <summary aria-label={ui.chooseSection}>
+          <span class="td-mobile-tabs__label">
+            {layout.tabs[activeTab]?.label ?? ui.sections}
+          </span>
+          <svg viewBox="0 0 16 16" width="16" height="16" aria-hidden="true">
+            <path
+              d="m4 6 4 4 4-4"
+              fill="none"
+              stroke="currentColor"
+              stroke-width="1.5"
+            />
+          </svg>
+        </summary>
+        <ul>
+          {layout.tabs.map((tab, index) => (
+            <li>
+              <a
+                href={tabHref(tab.link)}
+                aria-current={index === activeTab ? "page" : undefined}
+              >
+                {tab.label}
+              </a>
+            </li>
+          ))}
+        </ul>
+      </details>
+    </MobileNavigationTabsRoot>
+  )
+}

package/dist/components/MobileTocList.astro

@@ -0,0 +1,22 @@
+---
+interface Item {
+  slug: string;
+  text: string;
+  children: Item[];
+}
+interface Props {
+  items: Item[];
+}
+const { items } = Astro.props;
+---
+
+<ul>
+  {
+    items.map((item) => (
+      <li>
+        <a href={`#${item.slug}`}>{item.text}</a>
+        {item.children.length > 0 && <Astro.self items={item.children} />}
+      </li>
+    ))
+  }
+</ul>

package/dist/components/PackageVersion.astro

@@ -0,0 +1,25 @@
+---
+import { messages } from "../localization.js";
+import { content } from "virtual:cookbook/config";
+import { PackageVersionRoot } from "./LayoutComponents.js";
+
+interface Props {
+  version?: string;
+}
+
+const version = Astro.props.version?.trim();
+const label = version?.startsWith("v") ? version : version ? `v${version}` : "";
+const ui = messages(Astro.locals.cookbookRoute?.lang ?? "en", content);
+---
+
+{
+  label && (
+    <PackageVersionRoot
+      className="td-package-version"
+      aria-label={`${ui.version} ${version}`}
+      data-tasty-anatomy="PackageVersion"
+    >
+      {label}
+    </PackageVersionRoot>
+  )
+}

package/dist/components/PageActions.astro

@@ -0,0 +1,29 @@
+---
+import { PageActionsRoot } from "./LayoutComponents.js";
+import { content } from "virtual:cookbook/config";
+import { navigationPath } from "../navigation.js";
+import { agentPagePath } from "../page-metadata.js";
+import { messages } from "../localization.js";
+const route = navigationPath(Astro.url.pathname, content.base);
+const entry = content.entries.find((entry) => entry.route === route);
+const ui = messages(Astro.locals.cookbookRoute.lang, content);
+const enabled =
+  entry && !entry.frontmatter.draft && content.site.seo?.copyPage !== false;
+---
+
+{
+  enabled && (
+    <PageActionsRoot data-tasty-anatomy="PageActions">
+      <button type="button" data-copy-page={agentPagePath(route, content.base)}>
+        {ui.copyPage}
+      </button>
+      <a href={agentPagePath(route, content.base)} download>
+        {ui.viewMarkdown}
+      </a>
+      <span role="status" aria-live="polite" />
+    </PageActionsRoot>
+  )
+}
+<script>
+  import "../client/page-copy.js";
+</script>

package/dist/components/Pagination.astro

@@ -0,0 +1,29 @@
+---
+const { dir, pagination } = Astro.locals.cookbookRoute;
+const { prev, next } = pagination;
+---
+
+{
+  (next || prev) && (
+    <div class="pagination-links" dir={dir} data-tasty-anatomy="Pagination">
+      {next && (
+        <a href={next.href} rel="next">
+          <span>
+            {Astro.locals.t("page.nextLink")}
+            <br />
+            <span class="link-title">{next.label}</span>
+          </span>
+        </a>
+      )}
+      {prev && (
+        <a href={prev.href} rel="prev">
+          <span>
+            {Astro.locals.t("page.previousLink")}
+            <br />
+            <span class="link-title">{prev.label}</span>
+          </span>
+        </a>
+      )}
+    </div>
+  )
+}

package/dist/components/Preview.astro

@@ -0,0 +1,34 @@
+---
+import { messages, requestLanguage } from "../localization.js";
+import { content } from "virtual:cookbook/config";
+import { PreviewRoot } from "./TastyComponents.js";
+
+import type { PreviewProps as Props } from "./props.js";
+
+const { title, html = "", css = "", javascript } = Astro.props;
+const source = `<!doctype html><meta charset="utf-8"><style>${css}</style>${html}${javascript ? `<script>${javascript}<\/script>` : ""}`;
+const ui = messages(
+  requestLanguage(Astro.url.pathname, content.base, content),
+  content,
+);
+---
+
+<PreviewRoot
+  className="td-preview"
+  aria-label={title}
+  data-tasty-anatomy="Preview"
+>
+  <PreviewRoot.Caption><strong>{title}</strong></PreviewRoot.Caption>
+  <PreviewRoot.Stage className="td-preview__stage">
+    <PreviewRoot.Frame
+      className="td-preview__frame"
+      title={title}
+      sandbox={javascript ? "allow-scripts" : ""}
+      srcDoc={source}
+    />
+  </PreviewRoot.Stage>
+  <PreviewRoot.Code className="td-preview__code">
+    <PreviewRoot.Summary>{ui.viewSource}</PreviewRoot.Summary>
+    <PreviewRoot.Pre><code>{source}</code></PreviewRoot.Pre>
+  </PreviewRoot.Code>
+</PreviewRoot>

package/dist/components/SidebarList.astro

@@ -0,0 +1,122 @@
+---
+import type { SidebarEntry } from "../route-context.js";
+
+interface Props {
+  entries: SidebarEntry[];
+  depth?: number;
+  path?: string[];
+}
+
+const { entries, depth = 0, path = [] } = Astro.props;
+const containsCurrent = (items: SidebarEntry[]): boolean =>
+  items.some((item) =>
+    item.type === "link" ? item.isCurrent : containsCurrent(item.entries),
+  );
+---
+
+<ul class:list={{ "top-level": depth === 0 }}>
+  {
+    entries.map((entry, index) => {
+      const groupPath = [...path, `${index}:${entry.label}`];
+      const first = entry.type === "group" ? entry.entries[0] : undefined;
+      const groupLink =
+        first?.type === "link" && "data-cookbook-group-link" in first.attrs
+          ? first
+          : undefined;
+      const children =
+        entry.type === "group" ? entry.entries.slice(groupLink ? 1 : 0) : [];
+      const open = Boolean(groupLink?.isCurrent) || containsCurrent(children);
+      const badge = entry.badge && (
+        <span
+          class:list={["sidebar-badge", entry.badge.variant, entry.badge.class]}
+        >
+          {entry.badge.text}
+        </span>
+      );
+      const label = (
+        <span class="group-label">
+          <span>{entry.label}</span>
+          {badge}
+        </span>
+      );
+      const caret = (
+        <svg class="sidebar-caret" viewBox="0 0 16 16" aria-hidden="true">
+          <path
+            d="m6 4 4 4-4 4"
+            fill="none"
+            stroke="currentColor"
+            stroke-width="1.5"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+          />
+        </svg>
+      );
+      return (
+        <li>
+          {entry.type === "link" ? (
+            <a
+              {...entry.attrs}
+              href={entry.href}
+              aria-current={entry.isCurrent ? "page" : undefined}
+              class:list={[entry.attrs.class, { large: depth === 0 }]}
+            >
+              <span>{entry.label}</span>
+              {badge}
+            </a>
+          ) : depth === 0 ? (
+            <>
+              <h2 class="sidebar-section-label group-label">
+                {groupLink ? (
+                  <a
+                    {...groupLink.attrs}
+                    href={groupLink.href}
+                    aria-current={groupLink.isCurrent ? "page" : undefined}
+                  >
+                    <span>{entry.label}</span>
+                    {badge}
+                  </a>
+                ) : (
+                  <>
+                    <span>{entry.label}</span>
+                    {badge}
+                  </>
+                )}
+              </h2>
+              <Astro.self
+                entries={children}
+                depth={depth + 1}
+                path={groupPath}
+              />
+            </>
+          ) : (
+            <details open={open} data-sidebar-group={JSON.stringify(groupPath)}>
+              <summary tabindex={groupLink ? -1 : undefined}>
+                {groupLink ? (
+                  <a
+                    {...groupLink.attrs}
+                    href={groupLink.href}
+                    aria-current={groupLink.isCurrent ? "page" : undefined}
+                    aria-expanded={open}
+                  >
+                    {label}
+                    {caret}
+                  </a>
+                ) : (
+                  <>
+                    {label}
+                    {caret}
+                  </>
+                )}
+              </summary>
+              <Astro.self
+                entries={children}
+                depth={depth + 1}
+                path={groupPath}
+              />
+            </details>
+          )}
+        </li>
+      );
+    })
+  }
+</ul>

package/dist/components/SiteLogo.astro

@@ -0,0 +1,40 @@
+---
+import { content } from "virtual:cookbook/config";
+import Logo from "./Logo.astro";
+import { SiteLogoRoot } from "./LayoutComponents.js";
+interface Props {
+  class?: string;
+}
+const logo = content.logo;
+---
+
+{
+  logo === false ? null : logo ? (
+    <SiteLogoRoot
+      className={Astro.props.class}
+      data-tasty-anatomy="SiteLogo"
+      aria-hidden={logo.decorative ? "true" : undefined}
+    >
+      <img
+        class={logo.dark ? "td-site-logo__light" : undefined}
+        src={logo.light.src}
+        width={logo.light.width}
+        height={logo.light.height}
+        alt={logo.decorative ? "" : logo.alt}
+        decoding="async"
+      />
+      {logo.dark && (
+        <img
+          class="td-site-logo__dark"
+          src={logo.dark.src}
+          width={logo.dark.width}
+          height={logo.dark.height}
+          alt={logo.decorative ? "" : logo.alt}
+          decoding="async"
+        />
+      )}
+    </SiteLogoRoot>
+  ) : (
+    <Logo class={Astro.props.class} decorative />
+  )
+}

package/dist/components/SiteTitle.astro

@@ -0,0 +1,7 @@
+---
+const { siteTitle, siteTitleHref } = Astro.locals.cookbookRoute;
+---
+
+<a href={siteTitleHref} class="site-title"
+  ><span translate="no">{siteTitle}</span></a
+>

package/dist/components/Steps.astro

@@ -0,0 +1,6 @@
+---
+import type { StepsProps as Props } from "./props.js";
+import { StepsRoot } from "./TastyComponents.js";
+---
+
+<StepsRoot className="td-steps" data-tasty-anatomy="Steps"><slot /></StepsRoot>

package/dist/components/Tab.astro

@@ -0,0 +1,10 @@
+---
+import { TabRoot } from "./TastyComponents.js";
+import type { TabProps as Props } from "./props.js";
+const { label } = Astro.props;
+---
+
+<TabRoot data-tab-panel data-label={label}>
+  <TabRoot.Heading data-tab-heading>{label}</TabRoot.Heading>
+  <slot />
+</TabRoot>

package/dist/components/TableOfContents.astro

@@ -0,0 +1,23 @@
+---
+import type { TocItem } from "../route-context.js";
+interface Props {
+  items: TocItem[];
+  nested?: boolean;
+}
+const { items, nested = false } = Astro.props;
+---
+
+<ul>
+  {
+    items.map((item) => (
+      <li>
+        <a href={`#${item.slug}`}>
+          <span>{item.text}</span>
+        </a>
+        {item.children.length > 0 && (
+          <Astro.self items={item.children} nested />
+        )}
+      </li>
+    ))
+  }
+</ul>

package/dist/components/Tabs.astro

@@ -0,0 +1,16 @@
+---
+import { TabsRoot } from "./TastyComponents.js";
+import type { TabsProps as Props } from "./props.js";
+const { label = "Examples" } = Astro.props;
+---
+
+<TabsRoot data-cookbook-tabs aria-label={label}>
+  <TabsRoot.List data-tabs-list />
+  <slot />
+</TabsRoot>
+
+<script>
+  import { initializeTabs } from "../client/tabs.js";
+  initializeTabs();
+  document.addEventListener("astro:page-load", initializeTabs);
+</script>