varvara-typedoc-theme 0.3.9 → 0.3.11

package/assets/overrides.css

@@ -4,11 +4,11 @@
   --va-space-ratio: 0.78;
 }
 
-[data-theme='light'] {
+[data-theme="light"] {
   color-scheme: light;
 }
 
-[data-theme='dark'] {
+[data-theme="dark"] {
   color-scheme: dark;
 }
 
@@ -81,10 +81,19 @@ dialog {
   background-color: var(--va-background-color-default);
 }
 
-.navigation-links a span {
+.navigation-links a span,
+.tsd-navigation a span {
   flex: 1;
 }
 
+.tsd-navigation {
+  margin-bottom: var(--va-space-4);
+
+  a {
+    width: 100%;
+  }
+}
+
 .site-menu {
   margin-top: 0;
 }
@@ -132,7 +141,7 @@ footer {
 
 @media (min-width: 770px) {
   .container-main {
-    grid-template-areas: 'header content' 'sidebar content';
+    grid-template-areas: "header content" "sidebar content";
     grid-auto-rows: auto 1fr;
     margin: var(--va-space-6) auto;
   }
@@ -150,8 +159,8 @@ footer {
   .container-main {
     grid-template-columns: minmax(0, 20rem) minmax(0, 2.5fr) minmax(0, 20rem);
     grid-template-areas:
-      'header content toc'
-      'sidebar content toc';
+      "header content toc"
+      "sidebar content toc";
   }
   .page-menu,
   .site-menu {

package/dist/index.js

@@ -2,13 +2,19 @@ import { createRequire } from "node:module";
 var __require = /* @__PURE__ */ createRequire(import.meta.url);
 
 // src/themes/VarvaraTheme.tsx
-import { DefaultTheme as DefaultTheme2, JSX as JSX5, RendererEvent } from "typedoc";
-import * as path from "path";
-import * as fs from "fs";
-import { fileURLToPath } from "url";
+import * as fs from "node:fs";
+import * as path from "node:path";
+import { fileURLToPath } from "node:url";
+import {
+  DefaultTheme,
+  JSX as JSX6,
+  RendererEvent
+} from "typedoc";
 
 // src/themes/VarvaraThemeContext.ts
-import { DefaultThemeRenderContext as DefaultThemeRenderContext3 } from "typedoc";
+import {
+  DefaultThemeRenderContext
+} from "typedoc";
 
 // src/partials/footer.tsx
 import { i18n, JSX } from "typedoc";
@@ -18,7 +24,7 @@ function footer(context) {
   if (!hideGenerator) {
     const message = i18n.theme_generated_using_typedoc();
     const index = message.indexOf("TypeDoc");
-    if (index == -1) {
+    if (index === -1) {
       generatorDisplay = /* @__PURE__ */ JSX.createElement("p", {
         class: "tsd-generator"
       }, message);
@@ -30,11 +36,13 @@ function footer(context) {
       }, pre, /* @__PURE__ */ JSX.createElement("a", {
         href: "https://typedoc.org/",
         class: "va-link",
-        target: "_blank"
+        target: "_blank",
+        rel: "noopener"
       }, "TypeDoc"), " & ", /* @__PURE__ */ JSX.createElement("a", {
         href: "https://varvara.js.org/",
         class: "va-link",
-        target: "_blank"
+        target: "_blank",
+        rel: "noopener"
       }, "Varvara CSS"), post);
     }
   }
@@ -56,11 +64,168 @@ function footer(context) {
   }, context.hook("footer.begin", context), generatorDisplay, customFooterDisplay, context.hook("footer.end", context)));
 }
 
+// src/partials/layout.tsx
+import { extname } from "node:path";
+import {
+  JSX as JSX2
+} from "typedoc";
+
+// src/utils.ts
+import { DeclarationReflection, ProjectReflection, ReflectionKind } from "typedoc";
+function getDisplayName(refl) {
+  let version = "";
+  if ((refl instanceof DeclarationReflection || refl instanceof ProjectReflection) && refl.packageVersion) {
+    version = ` - v${refl.packageVersion}`;
+  }
+  return `${refl.name}${version}`;
+}
+var rootsCache = new WeakMap;
+function getHierarchyRoots(project) {
+  const cached = rootsCache.get(project);
+  if (cached)
+    return cached;
+  const allClasses = project.getReflectionsByKind(ReflectionKind.ClassOrInterface);
+  const roots = allClasses.filter((refl) => {
+    if (!refl.implementedBy && !refl.extendedBy) {
+      return false;
+    }
+    if (!refl.implementedTypes && !refl.extendedTypes) {
+      return true;
+    }
+    const types = [...refl.implementedTypes || [], ...refl.extendedTypes || []];
+    return types.every((type) => !type.visit({
+      reference(ref) {
+        return ref.reflection !== undefined;
+      }
+    }));
+  });
+  const result = roots.sort((a, b) => a.name.localeCompare(b.name));
+  rootsCache.set(project, result);
+  return result;
+}
+
+// src/partials/layout.tsx
+function layout(context) {
+  return (template, props) => /* @__PURE__ */ JSX2.createElement("html", {
+    class: "default",
+    lang: context.options.getValue("lang"),
+    "data-base": context.relativeURL("./")
+  }, /* @__PURE__ */ JSX2.createElement("head", null, /* @__PURE__ */ JSX2.createElement("meta", {
+    charset: "utf-8"
+  }), context.hook("head.begin", context), /* @__PURE__ */ JSX2.createElement("meta", {
+    "http-equiv": "x-ua-compatible",
+    content: "IE=edge"
+  }), /* @__PURE__ */ JSX2.createElement("title", null, props.model.isProject() ? getDisplayName(props.model) : `${getDisplayName(props.model)} | ${getDisplayName(props.project)}`), favicon(context), props.url === "index.html" && buildSiteMetadata(context), /* @__PURE__ */ JSX2.createElement("meta", {
+    name: "description",
+    content: `Documentation for ${props.project.name}`
+  }), /* @__PURE__ */ JSX2.createElement("meta", {
+    name: "viewport",
+    content: "width=device-width, initial-scale=1"
+  }), /* @__PURE__ */ JSX2.createElement("link", {
+    rel: "stylesheet",
+    href: context.relativeURL("assets/style.css", true)
+  }), /* @__PURE__ */ JSX2.createElement("link", {
+    rel: "stylesheet",
+    href: context.relativeURL("assets/highlight.css", true)
+  }), /* @__PURE__ */ JSX2.createElement("script", {
+    defer: true,
+    src: context.relativeURL("assets/main.js", true)
+  }), /* @__PURE__ */ JSX2.createElement("script", {
+    async: true,
+    src: context.relativeURL("assets/icons.js", true),
+    id: "tsd-icons-script"
+  }), /* @__PURE__ */ JSX2.createElement("script", {
+    async: true,
+    src: context.relativeURL("assets/search.js", true),
+    id: "tsd-search-script"
+  }), /* @__PURE__ */ JSX2.createElement("script", {
+    async: true,
+    src: context.relativeURL("assets/navigation.js", true),
+    id: "tsd-nav-script"
+  }), !!getHierarchyRoots(props.project).length && /* @__PURE__ */ JSX2.createElement("script", {
+    async: true,
+    src: context.relativeURL("assets/hierarchy.js", true),
+    id: "tsd-hierarchy-script"
+  }), context.hook("head.end", context), context.options.getValue("customCss") && /* @__PURE__ */ JSX2.createElement("link", {
+    rel: "stylesheet",
+    href: context.relativeURL("assets/custom.css", true)
+  }), context.options.getValue("customJs") && /* @__PURE__ */ JSX2.createElement("script", {
+    defer: true,
+    src: context.relativeURL("assets/custom.js", true)
+  })), /* @__PURE__ */ JSX2.createElement("body", null, context.hook("body.begin", context), /* @__PURE__ */ JSX2.createElement("script", null, /* @__PURE__ */ JSX2.createElement(JSX2.Raw, {
+    html: 'document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";'
+  })), /* @__PURE__ */ JSX2.createElement("div", {
+    class: "container container-main"
+  }, context.toolbar(props), /* @__PURE__ */ JSX2.createElement("div", {
+    class: "col-content"
+  }, context.hook("content.begin", context), context.header(props), template(props), context.hook("content.end", context)), /* @__PURE__ */ JSX2.createElement("div", {
+    class: "col-sidebar"
+  }, /* @__PURE__ */ JSX2.createElement("div", {
+    class: "page-menu"
+  }, context.hook("pageSidebar.begin", context), context.pageSidebar(props), context.hook("pageSidebar.end", context)), /* @__PURE__ */ JSX2.createElement("div", {
+    class: "site-menu"
+  }, context.hook("sidebar.begin", context), context.sidebar(props), context.hook("sidebar.end", context)))), context.footer(), /* @__PURE__ */ JSX2.createElement("div", {
+    class: "overlay"
+  }), context.hook("body.end", context)));
+}
+function favicon(context) {
+  const fav = context.options.getValue("favicon");
+  if (!fav)
+    return null;
+  switch (extname(fav)) {
+    case ".ico":
+      return /* @__PURE__ */ JSX2.createElement("link", {
+        rel: "icon",
+        href: context.relativeURL("assets/favicon.ico", true)
+      });
+    case ".png":
+      return /* @__PURE__ */ JSX2.createElement("link", {
+        rel: "icon",
+        href: context.relativeURL("assets/favicon.png", true),
+        type: "image/png"
+      });
+    case ".svg":
+      return /* @__PURE__ */ JSX2.createElement("link", {
+        rel: "icon",
+        href: context.relativeURL("assets/favicon.svg", true),
+        type: "image/svg+xml"
+      });
+    default:
+      return null;
+  }
+}
+function buildSiteMetadata(context) {
+  try {
+    const url = new URL(context.options.getValue("hostedBaseUrl"));
+    if (url.pathname !== "/") {
+      return null;
+    }
+    return /* @__PURE__ */ JSX2.createElement("script", {
+      type: "application/ld+json"
+    }, /* @__PURE__ */ JSX2.createElement(JSX2.Raw, {
+      html: JSON.stringify({
+        "@context": "https://schema.org",
+        "@type": "WebSite",
+        name: context.page.project.name,
+        url: url.toString()
+      })
+    }));
+  } catch {
+    return null;
+  }
+}
+
 // src/partials/navigation.tsx
-import { JSX as JSX2, ReflectionFlag, i18n as i18n2, translateTagName, ReflectionFlags } from "typedoc";
+import {
+  i18n as i18n2,
+  JSX as JSX3,
+  ReflectionFlag,
+  ReflectionFlags,
+  translateTagName
+} from "typedoc";
 function pageSidebar(context) {
   return (props) => {
-    return /* @__PURE__ */ JSX2.createElement("div", {
+    return /* @__PURE__ */ JSX3.createElement("div", {
       class: "va-button-group"
     }, context.settings(), context.pageNavigation(props));
   };
@@ -83,19 +248,19 @@ function settings(context) {
         visibilityOptions.push(buildFilterItem(context, key, ReflectionFlags.flagString(flagOptionNameToReflectionFlag[key]), defaultFilters[key]));
       }
     }
-    return /* @__PURE__ */ JSX2.createElement("details", {
+    return /* @__PURE__ */ JSX3.createElement("details", {
       class: "va-collapse settings tsd-accordion",
       open: false
-    }, /* @__PURE__ */ JSX2.createElement("summary", null, i18n2.theme_settings()), visibilityOptions.length && /* @__PURE__ */ JSX2.createElement("details", {
+    }, /* @__PURE__ */ JSX3.createElement("summary", null, i18n2.theme_settings()), visibilityOptions.length && /* @__PURE__ */ JSX3.createElement("details", {
       class: "va-collapse"
-    }, /* @__PURE__ */ JSX2.createElement("summary", null, i18n2.theme_member_visibility()), ...visibilityOptions), /* @__PURE__ */ JSX2.createElement("label", null, /* @__PURE__ */ JSX2.createElement("span", null, i18n2.theme_theme()), /* @__PURE__ */ JSX2.createElement("select", {
+    }, /* @__PURE__ */ JSX3.createElement("summary", null, i18n2.theme_member_visibility()), ...visibilityOptions), /* @__PURE__ */ JSX3.createElement("label", null, /* @__PURE__ */ JSX3.createElement("span", null, i18n2.theme_theme()), /* @__PURE__ */ JSX3.createElement("select", {
       id: "tsd-theme",
       class: "va-select"
-    }, /* @__PURE__ */ JSX2.createElement("option", {
+    }, /* @__PURE__ */ JSX3.createElement("option", {
       value: "os"
-    }, i18n2.theme_os()), /* @__PURE__ */ JSX2.createElement("option", {
+    }, i18n2.theme_os()), /* @__PURE__ */ JSX3.createElement("option", {
       value: "light"
-    }, i18n2.theme_light()), /* @__PURE__ */ JSX2.createElement("option", {
+    }, i18n2.theme_light()), /* @__PURE__ */ JSX3.createElement("option", {
       value: "dark"
     }, i18n2.theme_dark()))));
   };
@@ -109,7 +274,7 @@ function buildSectionNavigation(context, headings) {
       levels[levels.length - 1] = level;
       return;
     }
-    const built = /* @__PURE__ */ JSX2.createElement(JSX2.Fragment, null, level.map((l) => /* @__PURE__ */ JSX2.createElement(JSX2.Fragment, null, l)));
+    const built = /* @__PURE__ */ JSX3.createElement(JSX3.Fragment, null, level.map((l) => /* @__PURE__ */ JSX3.createElement(JSX3.Fragment, null, l)));
     levels[levels.length - 1].push(built);
   }
   for (const heading of headings) {
@@ -121,11 +286,11 @@ function buildSectionNavigation(context, headings) {
       levels.push([]);
     }
     const icon = heading.kind && context.icons[heading.kind]();
-    levels[levels.length - 1].push(/* @__PURE__ */ JSX2.createElement("a", {
+    levels[levels.length - 1].push(/* @__PURE__ */ JSX3.createElement("a", {
       href: heading.link,
       class: [heading.classes, "va-button"].join(" "),
       style: !icon ? `padding-left: ${PADDING_PER_LEVEL * (inferredLevel - 1)}px` : ""
-    }, icon, /* @__PURE__ */ JSX2.createElement("span", null, heading.text)));
+    }, icon, /* @__PURE__ */ JSX3.createElement("span", null, heading.text)));
   }
   while (levels.length > 1) {
     finalizeLevel(true);
@@ -135,9 +300,9 @@ function buildSectionNavigation(context, headings) {
   return levels[0];
 }
 function buildFilterItem(_context, name, displayName, defaultValue) {
-  return /* @__PURE__ */ JSX2.createElement("label", {
+  return /* @__PURE__ */ JSX3.createElement("label", {
     class: "tsd-filter-item"
-  }, /* @__PURE__ */ JSX2.createElement("span", null, displayName), /* @__PURE__ */ JSX2.createElement("input", {
+  }, /* @__PURE__ */ JSX3.createElement("span", null, displayName), /* @__PURE__ */ JSX3.createElement("input", {
     class: "tsd-filter-input va-checkbox",
     type: "checkbox",
     id: `tsd-filter-${name}`,
@@ -148,83 +313,118 @@ function buildFilterItem(_context, name, displayName, defaultValue) {
 function pageNavigation(context) {
   return (props) => {
     if (!props.pageSections.some((sect) => sect.headings.length)) {
-      return /* @__PURE__ */ JSX2.createElement(JSX2.Fragment, null);
+      return /* @__PURE__ */ JSX3.createElement(JSX3.Fragment, null);
     }
     const sections = [];
     for (const section of props.pageSections) {
       if (section.title) {
-        sections.push(/* @__PURE__ */ JSX2.createElement("details", {
+        sections.push(/* @__PURE__ */ JSX3.createElement("details", {
           open: true,
           class: "va-collapse tsd-accordion"
-        }, /* @__PURE__ */ JSX2.createElement("summary", {
+        }, /* @__PURE__ */ JSX3.createElement("summary", {
           "data-key": `section-${section.title}`
         }, section.title), buildSectionNavigation(context, section.headings)));
       } else {
         sections.push(buildSectionNavigation(context, section.headings));
       }
     }
-    return /* @__PURE__ */ JSX2.createElement("details", {
+    return /* @__PURE__ */ JSX3.createElement("details", {
       open: false,
       class: "va-collapse page-navigation tsd-accordion"
-    }, /* @__PURE__ */ JSX2.createElement("summary", null, i18n2.theme_on_this_page()), sections);
+    }, /* @__PURE__ */ JSX3.createElement("summary", null, i18n2.theme_on_this_page()), sections);
   };
 }
-var navigation = (context) => (props) => {
+var navigation = (context) => (_props) => {
   const navigationData = context.getNavigation();
-  return /* @__PURE__ */ JSX2.createElement("nav", {
+  return /* @__PURE__ */ JSX3.createElement("nav", {
     class: "va-button-group"
-  }, /* @__PURE__ */ JSX2.createElement(Navigation, {
+  }, /* @__PURE__ */ JSX3.createElement(Navigation, {
     data: navigationData,
     context
   }));
 };
-var Navigation = ({ data, context }) => /* @__PURE__ */ JSX2.createElement(JSX2.Fragment, null, data.map((item) => item.children && item.children.length > 0 ? /* @__PURE__ */ JSX2.createElement("details", {
+var Navigation = ({
+  data,
+  context
+}) => /* @__PURE__ */ JSX3.createElement(JSX3.Fragment, null, data.map((item) => item.children && item.children.length > 0 ? /* @__PURE__ */ JSX3.createElement("details", {
   class: "va-collapse tsd-accordion"
-}, /* @__PURE__ */ JSX2.createElement("summary", {
+}, /* @__PURE__ */ JSX3.createElement("summary", {
   class: "tsd-accordion-summary",
   "data-key": `section-${item.text}`
-}, item.kind && context.icons[item.kind](), item.text), /* @__PURE__ */ JSX2.createElement(Navigation, {
+}, item.kind && context.icons[item.kind](), item.text), /* @__PURE__ */ JSX3.createElement(Navigation, {
   data: item.children,
   context
-})) : /* @__PURE__ */ JSX2.createElement(Item, {
+})) : /* @__PURE__ */ JSX3.createElement(Item, {
   item,
   context
 })));
-var Item = ({ item, context }) => {
+var Item = ({
+  item,
+  context
+}) => {
   const icon = item.kind && context.icons[item.kind]();
-  return item.path ? /* @__PURE__ */ JSX2.createElement("a", {
+  return item.path ? /* @__PURE__ */ JSX3.createElement("a", {
     href: context.relativeURL(item.path),
     class: "va-button"
-  }, icon, /* @__PURE__ */ JSX2.createElement("span", null, item.text)) : /* @__PURE__ */ JSX2.createElement("span", {
+  }, icon, /* @__PURE__ */ JSX3.createElement("span", null, item.text)) : /* @__PURE__ */ JSX3.createElement("span", {
     class: "va-button"
-  }, icon, /* @__PURE__ */ JSX2.createElement("span", null, item.text));
+  }, icon, /* @__PURE__ */ JSX3.createElement("span", null, item.text));
 };
 
+// src/partials/sidebar-links.tsx
+import { JSX as JSX4 } from "typedoc";
+function sidebarLinks(context) {
+  const links = Object.entries(context.options.getValue("sidebarLinks"));
+  const navLinks = Object.entries(context.options.getValue("navigationLinks"));
+  if (!links.length && !navLinks.length) {
+    return null;
+  }
+  return /* @__PURE__ */ JSX4.createElement("nav", {
+    id: "tsd-sidebar-links",
+    class: "tsd-navigation va-button-group"
+  }, links.map(([label, url]) => /* @__PURE__ */ JSX4.createElement("a", {
+    href: url,
+    class: "va-button"
+  }, /* @__PURE__ */ JSX4.createElement("span", null, label), /* @__PURE__ */ JSX4.createElement("i", {
+    class: "va-icon va-icon--external"
+  }))), navLinks.map(([label, url]) => /* @__PURE__ */ JSX4.createElement("a", {
+    href: url,
+    class: "va-button"
+  }, /* @__PURE__ */ JSX4.createElement("span", null, label), /* @__PURE__ */ JSX4.createElement("i", {
+    class: "va-icon va-icon--external"
+  }))));
+}
+
 // src/partials/toolbar.tsx
-import { i18n as i18n3, DeclarationReflection, JSX as JSX3, ProjectReflection } from "typedoc";
+import {
+  DeclarationReflection as DeclarationReflection2,
+  i18n as i18n3,
+  JSX as JSX5,
+  ProjectReflection as ProjectReflection2
+} from "typedoc";
 function toolbar(context) {
-  return (props) => /* @__PURE__ */ JSX3.createElement("header", {
+  return (props) => /* @__PURE__ */ JSX5.createElement("header", {
     class: "page-toolbar"
-  }, /* @__PURE__ */ JSX3.createElement("div", {
+  }, /* @__PURE__ */ JSX5.createElement("div", {
     class: "va-button-group"
-  }, /* @__PURE__ */ JSX3.createElement("div", {
+  }, /* @__PURE__ */ JSX5.createElement("div", {
     class: "va-button-group va-button-group--horizontal"
-  }, /* @__PURE__ */ JSX3.createElement("a", {
+  }, /* @__PURE__ */ JSX5.createElement("a", {
     href: context.options.getValue("titleLink") || context.relativeURL("index.html"),
     class: "title va-button"
-  }, /* @__PURE__ */ JSX3.createElement("b", null, props.project.name), (props.project instanceof DeclarationReflection || props.project instanceof ProjectReflection) && props.project.packageVersion && /* @__PURE__ */ JSX3.createElement("span", {
+  }, /* @__PURE__ */ JSX5.createElement("b", null, props.project.name), (props.project instanceof DeclarationReflection2 || props.project instanceof ProjectReflection2) && props.project.packageVersion && /* @__PURE__ */ JSX5.createElement("span", {
     class: "version-badge"
-  }, "v", props.project.packageVersion)), /* @__PURE__ */ JSX3.createElement("button", {
+  }, "v", props.project.packageVersion)), /* @__PURE__ */ JSX5.createElement("button", {
     id: "tsd-search-trigger",
     class: "va-button",
     "aria-label": i18n3.theme_search()
-  }, i18n3.theme_search()), /* @__PURE__ */ JSX3.createElement("a", {
+  }, i18n3.theme_search()), /* @__PURE__ */ JSX5.createElement("a", {
     href: "#",
     class: "va-button",
     id: "tsd-toolbar-menu-trigger",
     "data-toggle": "menu",
     "aria-label": i18n3.theme_menu()
-  }, /* @__PURE__ */ JSX3.createElement("svg", {
+  }, /* @__PURE__ */ JSX5.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -232,19 +432,19 @@ function toolbar(context) {
     width: "16",
     height: "16",
     stroke: "currentColor"
-  }, /* @__PURE__ */ JSX3.createElement("path", {
+  }, /* @__PURE__ */ JSX5.createElement("path", {
     d: "M3.75 9h16.5m-16.5 6.75h16.5"
-  })))), /* @__PURE__ */ JSX3.createElement("div", {
+  })))), /* @__PURE__ */ JSX5.createElement("div", {
     class: "navigation-links va-button-group"
-  }, Object.entries(context.options.getValue("navigationLinks")).map(([label, url]) => /* @__PURE__ */ JSX3.createElement("a", {
+  }, Object.entries(context.options.getValue("navigationLinks")).map(([label, url]) => /* @__PURE__ */ JSX5.createElement("a", {
     href: url,
     class: "va-button"
-  }, /* @__PURE__ */ JSX3.createElement("span", null, label), /* @__PURE__ */ JSX3.createElement("i", {
+  }, /* @__PURE__ */ JSX5.createElement("span", null, label), /* @__PURE__ */ JSX5.createElement("i", {
     class: "va-icon va-icon--external"
-  }))))), /* @__PURE__ */ JSX3.createElement("dialog", {
+  }))))), /* @__PURE__ */ JSX5.createElement("dialog", {
     id: "tsd-search",
     "aria-label": i18n3.theme_search()
-  }, /* @__PURE__ */ JSX3.createElement("input", {
+  }, /* @__PURE__ */ JSX5.createElement("input", {
     role: "combobox",
     class: "va-input",
     id: "tsd-search-input",
@@ -256,174 +456,18 @@ function toolbar(context) {
     autocomplete: "off",
     placeholder: i18n3.theme_search_placeholder(),
     maxLength: 100
-  }), /* @__PURE__ */ JSX3.createElement("ul", {
+  }), /* @__PURE__ */ JSX5.createElement("ul", {
     role: "listbox",
     id: "tsd-search-results"
-  }), /* @__PURE__ */ JSX3.createElement("div", {
+  }), /* @__PURE__ */ JSX5.createElement("div", {
     id: "tsd-search-status",
     "aria-live": "polite",
     "aria-atomic": "true"
-  }, /* @__PURE__ */ JSX3.createElement("div", null, i18n3.theme_preparing_search_index()))));
-}
-
-// src/partials/layout.tsx
-import { extname } from "path";
-import { JSX as JSX4 } from "typedoc";
-
-// src/utils.ts
-import {
-  DeclarationReflection as DeclarationReflection2,
-  ProjectReflection as ProjectReflection2,
-  ReflectionKind
-} from "typedoc";
-function getDisplayName(refl) {
-  let version = "";
-  if ((refl instanceof DeclarationReflection2 || refl instanceof ProjectReflection2) && refl.packageVersion) {
-    version = ` - v${refl.packageVersion}`;
-  }
-  return `${refl.name}${version}`;
-}
-var rootsCache = new WeakMap;
-function getHierarchyRoots(project) {
-  const cached = rootsCache.get(project);
-  if (cached)
-    return cached;
-  const allClasses = project.getReflectionsByKind(ReflectionKind.ClassOrInterface);
-  const roots = allClasses.filter((refl) => {
-    if (!refl.implementedBy && !refl.extendedBy) {
-      return false;
-    }
-    if (!refl.implementedTypes && !refl.extendedTypes) {
-      return true;
-    }
-    const types = [
-      ...refl.implementedTypes || [],
-      ...refl.extendedTypes || []
-    ];
-    return types.every((type) => !type.visit({
-      reference(ref) {
-        return ref.reflection !== undefined;
-      }
-    }));
-  });
-  const result = roots.sort((a, b) => a.name.localeCompare(b.name));
-  rootsCache.set(project, result);
-  return result;
-}
-
-// src/partials/layout.tsx
-function layout(context) {
-  return (template, props) => /* @__PURE__ */ JSX4.createElement("html", {
-    class: "default",
-    lang: context.options.getValue("lang"),
-    "data-base": context.relativeURL("./")
-  }, /* @__PURE__ */ JSX4.createElement("head", null, /* @__PURE__ */ JSX4.createElement("meta", {
-    charset: "utf-8"
-  }), context.hook("head.begin", context), /* @__PURE__ */ JSX4.createElement("meta", {
-    "http-equiv": "x-ua-compatible",
-    content: "IE=edge"
-  }), /* @__PURE__ */ JSX4.createElement("title", null, props.model.isProject() ? getDisplayName(props.model) : `${getDisplayName(props.model)} | ${getDisplayName(props.project)}`), favicon(context), props.url === "index.html" && buildSiteMetadata(context), /* @__PURE__ */ JSX4.createElement("meta", {
-    name: "description",
-    content: "Documentation for " + props.project.name
-  }), /* @__PURE__ */ JSX4.createElement("meta", {
-    name: "viewport",
-    content: "width=device-width, initial-scale=1"
-  }), /* @__PURE__ */ JSX4.createElement("link", {
-    rel: "stylesheet",
-    href: context.relativeURL("assets/style.css", true)
-  }), /* @__PURE__ */ JSX4.createElement("link", {
-    rel: "stylesheet",
-    href: context.relativeURL("assets/highlight.css", true)
-  }), /* @__PURE__ */ JSX4.createElement("script", {
-    defer: true,
-    src: context.relativeURL("assets/main.js", true)
-  }), /* @__PURE__ */ JSX4.createElement("script", {
-    async: true,
-    src: context.relativeURL("assets/icons.js", true),
-    id: "tsd-icons-script"
-  }), /* @__PURE__ */ JSX4.createElement("script", {
-    async: true,
-    src: context.relativeURL("assets/search.js", true),
-    id: "tsd-search-script"
-  }), /* @__PURE__ */ JSX4.createElement("script", {
-    async: true,
-    src: context.relativeURL("assets/navigation.js", true),
-    id: "tsd-nav-script"
-  }), !!getHierarchyRoots(props.project).length && /* @__PURE__ */ JSX4.createElement("script", {
-    async: true,
-    src: context.relativeURL("assets/hierarchy.js", true),
-    id: "tsd-hierarchy-script"
-  }), context.hook("head.end", context), context.options.getValue("customCss") && /* @__PURE__ */ JSX4.createElement("link", {
-    rel: "stylesheet",
-    href: context.relativeURL("assets/custom.css", true)
-  }), context.options.getValue("customJs") && /* @__PURE__ */ JSX4.createElement("script", {
-    defer: true,
-    src: context.relativeURL("assets/custom.js", true)
-  })), /* @__PURE__ */ JSX4.createElement("body", null, context.hook("body.begin", context), /* @__PURE__ */ JSX4.createElement("script", null, /* @__PURE__ */ JSX4.createElement(JSX4.Raw, {
-    html: 'document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";'
-  })), /* @__PURE__ */ JSX4.createElement("div", {
-    class: "container container-main"
-  }, context.toolbar(props), /* @__PURE__ */ JSX4.createElement("div", {
-    class: "col-content"
-  }, context.hook("content.begin", context), context.header(props), template(props), context.hook("content.end", context)), /* @__PURE__ */ JSX4.createElement("div", {
-    class: "col-sidebar"
-  }, /* @__PURE__ */ JSX4.createElement("div", {
-    class: "page-menu"
-  }, context.hook("pageSidebar.begin", context), context.pageSidebar(props), context.hook("pageSidebar.end", context)), /* @__PURE__ */ JSX4.createElement("div", {
-    class: "site-menu"
-  }, context.hook("sidebar.begin", context), context.sidebar(props), context.hook("sidebar.end", context)))), context.footer(), /* @__PURE__ */ JSX4.createElement("div", {
-    class: "overlay"
-  }), context.hook("body.end", context)));
-}
-function favicon(context) {
-  const fav = context.options.getValue("favicon");
-  if (!fav)
-    return null;
-  switch (extname(fav)) {
-    case ".ico":
-      return /* @__PURE__ */ JSX4.createElement("link", {
-        rel: "icon",
-        href: context.relativeURL("assets/favicon.ico", true)
-      });
-    case ".png":
-      return /* @__PURE__ */ JSX4.createElement("link", {
-        rel: "icon",
-        href: context.relativeURL("assets/favicon.png", true),
-        type: "image/png"
-      });
-    case ".svg":
-      return /* @__PURE__ */ JSX4.createElement("link", {
-        rel: "icon",
-        href: context.relativeURL("assets/favicon.svg", true),
-        type: "image/svg+xml"
-      });
-    default:
-      return null;
-  }
-}
-function buildSiteMetadata(context) {
-  try {
-    const url = new URL(context.options.getValue("hostedBaseUrl"));
-    if (url.pathname !== "/") {
-      return null;
-    }
-    return /* @__PURE__ */ JSX4.createElement("script", {
-      type: "application/ld+json"
-    }, /* @__PURE__ */ JSX4.createElement(JSX4.Raw, {
-      html: JSON.stringify({
-        "@context": "https://schema.org",
-        "@type": "WebSite",
-        name: context.page.project.name,
-        url: url.toString()
-      })
-    }));
-  } catch {
-    return null;
-  }
+  }, /* @__PURE__ */ JSX5.createElement("div", null, i18n3.theme_preparing_search_index()))));
 }
 
 // src/themes/VarvaraThemeContext.ts
-class VarvaraThemeContext extends DefaultThemeRenderContext3 {
+class VarvaraThemeContext extends DefaultThemeRenderContext {
   constructor(router, theme, page, options) {
     super(router, theme, page, options);
     this.pageSidebar = pageSidebar(this);
@@ -431,13 +475,14 @@ class VarvaraThemeContext extends DefaultThemeRenderContext3 {
     this.defaultLayout = layout(this);
     this.settings = settings(this);
     this.pageNavigation = pageNavigation(this);
+    this.sidebarLinks = () => sidebarLinks(this);
   }
   footer = () => footer(this);
   navigation = (context) => navigation(this)(context);
 }
 
 // src/themes/VarvaraTheme.tsx
-class VarvaraTheme extends DefaultTheme2 {
+class VarvaraTheme extends DefaultTheme {
   constructor(renderer) {
     super(renderer);
     renderer.on(RendererEvent.END, () => {
@@ -447,10 +492,10 @@ class VarvaraTheme extends DefaultTheme2 {
       fs.copyFileSync(varvaraCssPath, destPath);
       fs.cpSync(path.resolve(path.dirname(fileURLToPath(import.meta.url)), "../assets/"), path.resolve(this.application.options.getValue("out"), "assets/"), { recursive: true });
     });
-    renderer.hooks.on("head.end", (event) => /* @__PURE__ */ JSX5.createElement(JSX5.Fragment, null, /* @__PURE__ */ JSX5.createElement("link", {
+    renderer.hooks.on("head.end", (event) => /* @__PURE__ */ JSX6.createElement(JSX6.Fragment, null, /* @__PURE__ */ JSX6.createElement("link", {
       rel: "stylesheet",
       href: event.relativeURL("assets/varvara.css")
-    }), /* @__PURE__ */ JSX5.createElement("link", {
+    }), /* @__PURE__ */ JSX6.createElement("link", {
       rel: "stylesheet",
       href: event.relativeURL("assets/overrides.css")
     })));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "varvara-typedoc-theme",
-  "version": "0.3.9",
+  "version": "0.3.11",
   "author": "Marc Mariné <shenobi@gmail.com>",
   "repository": {
     "type": "git",
@@ -22,11 +22,12 @@
   },
   "peerDependencies": {
     "typedoc": "^0.28.0",
-    "typescript": "^5.0.0"
+    "typescript": "^5 || ^6"
   },
   "scripts": {
     "build": "bun build.ts",
-    "build:docs": "bun run build && bunx typedoc"
+    "build:docs": "bun run build && bunx typedoc",
+    "lint": "biome lint ."
   },
   "exports": {
     ".": "./dist/index.js"