sourcey 3.6.4 → 3.6.6

package/dist/client/tabs.js

@@ -11,15 +11,15 @@
     // ── Language Dropdown ──────────────────────────────────────────────
 
     // Toggle dropdown open/close
-    document.addEventListener('click', function (e) {
-      var trigger = e.target.closest('.code-lang-trigger');
+    document.addEventListener("click", function (e) {
+      var trigger = e.target.closest(".code-lang-trigger");
 
       // Close all open dropdowns first
-      document.querySelectorAll('.code-lang-menu').forEach(function (menu) {
+      document.querySelectorAll(".code-lang-menu").forEach(function (menu) {
         if (!trigger || !menu.parentElement.contains(trigger)) {
-          menu.classList.add('hidden');
-          var btn = menu.parentElement.querySelector('.code-lang-trigger');
-          if (btn) btn.setAttribute('aria-expanded', 'false');
+          closeMenu(menu);
+          var btn = menu.parentElement.querySelector(".code-lang-trigger");
+          if (btn) btn.setAttribute("aria-expanded", "false");
         }
       });
 
@@ -29,26 +29,31 @@
       var menu = trigger.nextElementSibling;
       if (!menu) return;
 
-      var isOpen = !menu.classList.contains('hidden');
-      menu.classList.toggle('hidden', isOpen);
-      trigger.setAttribute('aria-expanded', isOpen ? 'false' : 'true');
+      var isOpen = !menu.classList.contains("hidden");
+      if (isOpen) {
+        closeMenu(menu);
+      } else {
+        menu.classList.remove("hidden");
+        positionMenu(trigger, menu);
+      }
+      trigger.setAttribute("aria-expanded", isOpen ? "false" : "true");
     });
 
     // Select a language / example variant from the dropdown
-    document.addEventListener('click', function (e) {
-      var option = e.target.closest('.code-lang-option');
+    document.addEventListener("click", function (e) {
+      var option = e.target.closest(".code-lang-option");
       if (!option) return;
 
-      var dropdown = option.closest('.code-lang-dropdown');
-      var canSync = !!(dropdown && dropdown.hasAttribute('data-lang-sync'));
+      var dropdown = option.closest(".code-lang-dropdown");
+      var canSync = !!(dropdown && dropdown.hasAttribute("data-lang-sync"));
       var lang = option.textContent.trim();
 
       // Close the menu
-      var menu = option.closest('.code-lang-menu');
+      var menu = option.closest(".code-lang-menu");
       if (menu) {
-        menu.classList.add('hidden');
-        var trigger = menu.parentElement.querySelector('.code-lang-trigger');
-        if (trigger) trigger.setAttribute('aria-expanded', 'false');
+        closeMenu(menu);
+        var trigger = menu.parentElement.querySelector(".code-lang-trigger");
+        if (trigger) trigger.setAttribute("aria-expanded", "false");
       }
 
       var scrollY = window.scrollY;
@@ -57,10 +62,11 @@
       // Sync language across code-sample groups only (not example variants).
       if (canSync && lang !== selectedLang) {
         selectedLang = lang;
-        var ownGroup = option.closest('.code-group');
-        document.querySelectorAll('.code-group').forEach(function (group) {
-          if (group === ownGroup || !group.querySelector('.code-lang-dropdown[data-lang-sync]')) return;
-          group.querySelectorAll('.code-lang-option').forEach(function (opt) {
+        var ownGroup = option.closest(".code-group");
+        document.querySelectorAll(".code-group").forEach(function (group) {
+          if (group === ownGroup || !group.querySelector(".code-lang-dropdown[data-lang-sync]"))
+            return;
+          group.querySelectorAll(".code-lang-option").forEach(function (opt) {
             if (opt.textContent.trim() === lang) activateLang(opt);
           });
         });
@@ -69,78 +75,115 @@
       window.scrollTo(0, scrollY);
     });
 
+    function closeMenu(menu) {
+      menu.classList.add("hidden");
+      menu.style.position = "";
+      menu.style.top = "";
+      menu.style.right = "";
+      menu.style.bottom = "";
+      menu.style.maxHeight = "";
+    }
+
+    function positionMenu(trigger, menu) {
+      var rect = trigger.getBoundingClientRect();
+      var gap = 4;
+      var viewportPadding = 8;
+      var below = window.innerHeight - rect.bottom - viewportPadding;
+      var above = rect.top - viewportPadding;
+      var openUp = below < 160 && above > below;
+
+      menu.style.position = "fixed";
+      menu.style.right = Math.max(viewportPadding, window.innerWidth - rect.right) + "px";
+      menu.style.maxHeight = Math.max(96, Math.floor((openUp ? above : below) - gap)) + "px";
+
+      if (openUp) {
+        menu.style.top = "";
+        menu.style.bottom = Math.max(viewportPadding, window.innerHeight - rect.top + gap) + "px";
+      } else {
+        menu.style.bottom = "";
+        menu.style.top = Math.min(window.innerHeight - viewportPadding, rect.bottom + gap) + "px";
+      }
+    }
+
     // The panels a dropdown controls. A header variant dropdown (in the shared
     // card header) drives the matching response status panel; otherwise panels
     // live in the dropdown's own `.code-lang-scope` or `.code-group`.
     function panelScopeForOption(option) {
-      var headerWrap = option.closest('[data-response-dropdown]');
+      var headerWrap = option.closest("[data-response-dropdown]");
       if (headerWrap) {
-        var idx = headerWrap.getAttribute('data-response-dropdown');
-        var group = headerWrap.closest('.code-group');
-        var panel = group && group.querySelector('.response-panel[data-response-panel="' + idx + '"]');
+        var idx = headerWrap.getAttribute("data-response-dropdown");
+        var group = headerWrap.closest(".code-group");
+        var panel =
+          group && group.querySelector('.response-panel[data-response-panel="' + idx + '"]');
         if (panel) return panel;
       }
-      return option.closest('.code-lang-scope') || option.closest('.code-group');
+      return option.closest(".code-lang-scope") || option.closest(".code-group");
     }
 
     function activateLang(option) {
-      var dropdown = option.closest('.code-lang-dropdown');
+      var dropdown = option.closest(".code-lang-dropdown");
       var scope = panelScopeForOption(option);
-      var index = option.getAttribute('data-lang-index');
+      var index = option.getAttribute("data-lang-index");
 
       // Update the dropdown label + options (label/trigger live in the dropdown,
       // which for a header variant switcher is separate from the panel scope).
       if (dropdown) {
-        var label = dropdown.querySelector('.code-lang-label');
-        dropdown.querySelectorAll('.code-lang-option').forEach(function (opt) {
-          var isActive = opt.getAttribute('data-lang-index') === index;
-          opt.setAttribute('aria-selected', isActive ? 'true' : 'false');
-          opt.className = opt.className.replace(/(dark:)?text-\[rgb\([^\]]+\)\]/g, '').trim();
+        var label = dropdown.querySelector(".code-lang-label");
+        dropdown.querySelectorAll(".code-lang-option").forEach(function (opt) {
+          var isActive = opt.getAttribute("data-lang-index") === index;
+          opt.setAttribute("aria-selected", isActive ? "true" : "false");
+          opt.className = opt.className.replace(/(dark:)?text-\[rgb\([^\]]+\)\]/g, "").trim();
           if (isActive) {
-            opt.classList.add('text-[rgb(var(--color-primary))]', 'dark:text-[rgb(var(--color-primary-light))]');
+            opt.classList.add(
+              "text-[rgb(var(--color-primary))]",
+              "dark:text-[rgb(var(--color-primary-light))]",
+            );
             if (label) label.textContent = opt.textContent.trim();
-            var triggerIcon = dropdown.querySelector('.code-lang-trigger .code-lang-icon');
-            var optIcon = opt.querySelector('.lang-icon');
+            var triggerIcon = dropdown.querySelector(".code-lang-trigger .code-lang-icon");
+            var optIcon = opt.querySelector(".lang-icon");
             if (triggerIcon && optIcon) triggerIcon.innerHTML = optIcon.outerHTML;
           } else {
-            opt.classList.add('text-[rgb(var(--color-stone-600))]', 'dark:text-[rgb(var(--color-stone-400))]');
+            opt.classList.add(
+              "text-[rgb(var(--color-stone-600))]",
+              "dark:text-[rgb(var(--color-stone-400))]",
+            );
           }
         });
       }
 
       // Update panels within the controlled scope.
       if (scope) {
-        scope.querySelectorAll('.code-lang-panel').forEach(function (p) {
-          p.classList.toggle('active', p.getAttribute('data-lang-panel') === index);
+        scope.querySelectorAll(".code-lang-panel").forEach(function (p) {
+          p.classList.toggle("active", p.getAttribute("data-lang-panel") === index);
         });
       }
     }
 
     // ── Response Tabs ──────────────────────────────────────────────────
 
-    document.addEventListener('click', function (e) {
-      var tab = e.target.closest('.response-tab');
+    document.addEventListener("click", function (e) {
+      var tab = e.target.closest(".response-tab");
       if (!tab) return;
 
-      var container = tab.closest('.response-tabs');
-      var index = tab.getAttribute('data-response-index');
+      var container = tab.closest(".response-tabs");
+      var index = tab.getAttribute("data-response-index");
       var scrollY = window.scrollY;
 
       // Update tabs
-      container.querySelectorAll('.response-tab').forEach(function (t) {
-        var isActive = t.getAttribute('data-response-index') === index;
-        t.classList.toggle('active', isActive);
-        t.setAttribute('aria-selected', isActive ? 'true' : 'false');
+      container.querySelectorAll(".response-tab").forEach(function (t) {
+        var isActive = t.getAttribute("data-response-index") === index;
+        t.classList.toggle("active", isActive);
+        t.setAttribute("aria-selected", isActive ? "true" : "false");
       });
 
       // Update panels
-      container.querySelectorAll('.response-panel').forEach(function (p) {
-        p.classList.toggle('active', p.getAttribute('data-response-panel') === index);
+      container.querySelectorAll(".response-panel").forEach(function (p) {
+        p.classList.toggle("active", p.getAttribute("data-response-panel") === index);
       });
 
       // Show only the active status's variant switcher in the header.
-      container.querySelectorAll('[data-response-dropdown]').forEach(function (d) {
-        d.classList.toggle('hidden', d.getAttribute('data-response-dropdown') !== index);
+      container.querySelectorAll("[data-response-dropdown]").forEach(function (d) {
+        d.classList.toggle("hidden", d.getAttribute("data-response-dropdown") !== index);
       });
 
       window.scrollTo(0, scrollY);
@@ -148,35 +191,37 @@
 
     // ── Copy Button ────────────────────────────────────────────────────
 
-    document.addEventListener('click', function (e) {
-      var btn = e.target.closest('.copy-btn');
+    document.addEventListener("click", function (e) {
+      var btn = e.target.closest(".copy-btn");
       if (!btn) return;
 
-      var container = btn.closest('.code-group') || btn.closest('.prose-code-block');
+      var container = btn.closest(".code-group") || btn.closest(".prose-code-block");
       if (!container) return;
 
       // Find the active panel's code, or the nearest code element. With nested
       // panels (a variant switcher inside a response tab), prefer the deepest
       // active panel, which is last in document order.
-      var activePanels = container.querySelectorAll('.code-lang-panel.active, .response-panel.active');
+      var activePanels = container.querySelectorAll(
+        ".code-lang-panel.active, .response-panel.active",
+      );
       var activePanel = activePanels.length ? activePanels[activePanels.length - 1] : null;
       var codeEl = activePanel
-        ? activePanel.querySelector('code, .code-block, .font-mono')
-        : container.querySelector('code, .code-block, .font-mono');
+        ? activePanel.querySelector("code, .code-block, .font-mono")
+        : container.querySelector("code, .code-block, .font-mono");
 
       if (!codeEl) return;
 
-      var text = codeEl.textContent || '';
+      var text = codeEl.textContent || "";
       navigator.clipboard.writeText(text).then(function () {
-        btn.classList.add('copied');
+        btn.classList.add("copied");
         var tooltip = btn.nextElementSibling;
-        if (tooltip && tooltip.classList.contains('copy-tooltip')) {
-          tooltip.textContent = 'Copied!';
+        if (tooltip && tooltip.classList.contains("copy-tooltip")) {
+          tooltip.textContent = "Copied!";
         }
         setTimeout(function () {
-          btn.classList.remove('copied');
-          if (tooltip && tooltip.classList.contains('copy-tooltip')) {
-            tooltip.textContent = 'Copy';
+          btn.classList.remove("copied");
+          if (tooltip && tooltip.classList.contains("copy-tooltip")) {
+            tooltip.textContent = "Copy";
           }
         }, 2000);
       });
@@ -185,64 +230,68 @@
     // ── Rust Doctest Hidden-Line Toggle ──────────────────────────────
     // (Copy is handled by the shared .copy-btn inside each code block.)
 
-    document.addEventListener('click', function (e) {
-      var toggleBtn = e.target.closest('.rust-doctest-toggle-hidden');
+    document.addEventListener("click", function (e) {
+      var toggleBtn = e.target.closest(".rust-doctest-toggle-hidden");
       if (!toggleBtn) return;
-      var fullSel = toggleBtn.getAttribute('data-target');
-      var displaySel = toggleBtn.getAttribute('data-display');
-      var fullEl = fullSel ? document.getElementById(fullSel.replace(/^#/, '')) : null;
-      var displayEl = displaySel ? document.getElementById(displaySel.replace(/^#/, '')) : null;
+      var fullSel = toggleBtn.getAttribute("data-target");
+      var displaySel = toggleBtn.getAttribute("data-display");
+      var fullEl = fullSel ? document.getElementById(fullSel.replace(/^#/, "")) : null;
+      var displayEl = displaySel ? document.getElementById(displaySel.replace(/^#/, "")) : null;
       if (!fullEl || !displayEl) return;
-      var fullHidden = fullEl.hasAttribute('hidden');
+      var fullHidden = fullEl.hasAttribute("hidden");
       if (fullHidden) {
-        fullEl.removeAttribute('hidden');
-        displayEl.setAttribute('hidden', '');
-        toggleBtn.textContent = 'Hide hidden lines';
+        fullEl.removeAttribute("hidden");
+        displayEl.setAttribute("hidden", "");
+        toggleBtn.textContent = "Hide hidden lines";
       } else {
-        fullEl.setAttribute('hidden', '');
-        displayEl.removeAttribute('hidden');
-        toggleBtn.textContent = 'Show hidden lines';
+        fullEl.setAttribute("hidden", "");
+        displayEl.removeAttribute("hidden");
+        toggleBtn.textContent = "Show hidden lines";
       }
     });
 
     // Close dropdowns on Escape
-    document.addEventListener('keydown', function (e) {
-      if (e.key === 'Escape') {
-        document.querySelectorAll('.code-lang-menu').forEach(function (menu) {
-          menu.classList.add('hidden');
-          var btn = menu.parentElement.querySelector('.code-lang-trigger');
-          if (btn) btn.setAttribute('aria-expanded', 'false');
+    document.addEventListener("keydown", function (e) {
+      if (e.key === "Escape") {
+        document.querySelectorAll(".code-lang-menu").forEach(function (menu) {
+          menu.classList.add("hidden");
+          var btn = menu.parentElement.querySelector(".code-lang-trigger");
+          if (btn) btn.setAttribute("aria-expanded", "false");
         });
       }
     });
 
     // ── Directive Tabs (:::tabs and :::code-group) ────────────────────
 
-    document.addEventListener('click', function (e) {
-      var tab = e.target.closest('.directive-tab');
+    document.addEventListener("click", function (e) {
+      var tab = e.target.closest(".directive-tab");
       if (!tab) return;
 
-      var group = tab.getAttribute('data-tab-group');
-      var index = tab.getAttribute('data-tab-index');
+      var group = tab.getAttribute("data-tab-group");
+      var index = tab.getAttribute("data-tab-index");
       var scrollY = window.scrollY;
 
       // Update tab buttons
-      document.querySelectorAll('.directive-tab[data-tab-group="' + group + '"]').forEach(function (t) {
-        t.classList.toggle('active', t.getAttribute('data-tab-index') === index);
-      });
+      document
+        .querySelectorAll('.directive-tab[data-tab-group="' + group + '"]')
+        .forEach(function (t) {
+          t.classList.toggle("active", t.getAttribute("data-tab-index") === index);
+        });
 
       // Update panels
-      document.querySelectorAll('.directive-tab-panel[data-tab-group="' + group + '"]').forEach(function (p) {
-        p.classList.toggle('active', p.getAttribute('data-tab-index') === index);
-      });
+      document
+        .querySelectorAll('.directive-tab-panel[data-tab-group="' + group + '"]')
+        .forEach(function (p) {
+          p.classList.toggle("active", p.getAttribute("data-tab-index") === index);
+        });
 
       window.scrollTo(0, scrollY);
     });
   }
 
-  if ('requestIdleCallback' in window) {
+  if ("requestIdleCallback" in window) {
     window.requestIdleCallback(init, { timeout: 250 });
   } else {
-    window.addEventListener('load', init, { once: true });
+    window.addEventListener("load", init, { once: true });
   }
 })();

package/dist/components/App.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../../src/components/App.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAQ5D,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAIrF,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,cAAc,CAAC;IACrB,OAAO,EAAE,aAAa,CAAC;IACvB,UAAU,EAAE,cAAc,CAAC;IAC3B,WAAW,EAAE,WAAW,CAAC;IACzB,IAAI,EAAE,UAAU,CAAC;CAClB;AAED;;;GAGG;AACH,wBAAgB,GAAG,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,IAAI,EAAE,EAAE,QAAQ,gCA0B7E"}
+{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../../src/components/App.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAQ5D,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAIrF,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,cAAc,CAAC;IACrB,OAAO,EAAE,aAAa,CAAC;IACvB,UAAU,EAAE,cAAc,CAAC;IAC3B,WAAW,EAAE,WAAW,CAAC;IACzB,IAAI,EAAE,UAAU,CAAC;CAClB;AAED;;;GAGG;AACH,wBAAgB,GAAG,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,IAAI,EAAE,EAAE,QAAQ,gCAwB7E"}

package/dist/components/App.js

@@ -7,6 +7,6 @@ import { Page } from "./layout/Page.js";
  * When embeddable, renders just the page content without html/body wrapper.
  */
 export function App({ spec, options, navigation, currentPage, site }) {
-    const content = options.embeddable ? (_jsx(Page, {})) : (_jsxs("html", { lang: "en", children: [_jsx(Head, {}), _jsxs("body", { id: "sourcey", children: [_jsx(Page, {}), _jsx("script", { src: `${options.assetBase}sourcey.js`, defer: true })] })] }));
+    const content = options.embeddable ? (_jsx(Page, {})) : (_jsxs("html", { lang: "en", children: [_jsx(Head, {}), _jsxs("body", { id: "sourcey", "data-sourcey-theme": site.theme.name, children: [_jsx(Page, {}), _jsx("script", { src: `${options.assetBase}sourcey.js`, defer: true })] })] }));
     return (_jsx(SiteContext.Provider, { value: site, children: _jsx(SpecContext.Provider, { value: spec, children: _jsx(OptionsContext.Provider, { value: options, children: _jsx(NavigationContext.Provider, { value: navigation, children: _jsx(PageContext.Provider, { value: currentPage, children: content }) }) }) }) }));
 }

package/dist/components/layout/Head.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Head.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Head.tsx"],"names":[],"mappings":"AAKA,wBAAgB,IAAI,iCA+FnB"}
+{"version":3,"file":"Head.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Head.tsx"],"names":[],"mappings":"AAWA,wBAAgB,IAAI,iCA4HnB"}

package/dist/components/layout/Head.js

@@ -1,6 +1,6 @@
-import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "preact/jsx-runtime";
 import { useContext } from "preact/hooks";
-import { SpecContext, OptionsContext, PageContext, SiteContext, NavigationContext } from "../../renderer/context.js";
+import { SpecContext, OptionsContext, PageContext, SiteContext, NavigationContext, } from "../../renderer/context.js";
 import { langIconCSS } from "../../utils/lang-icons.js";
 import pkg from "../../../package.json" with { type: "json" };
 export function Head() {
@@ -27,7 +27,7 @@ export function Head() {
         ? page.markdown.description || pageTitle
         : page.kind === "changelog"
             ? changelogVersion?.summary || page.changelog.description || pageTitle
-            : spec.info.summary ?? spec.info.description ?? `${siteName} API Documentation`;
+            : (spec.info.summary ?? spec.info.description ?? `${siteName} API Documentation`);
     const nav = useContext(NavigationContext);
     const { colors, fonts, layout } = site.theme;
     // Desktop: h-16 row + h-12 tabs (when multi-tab) = 7rem, or h-16 alone = 4rem.
@@ -57,7 +57,9 @@ export function Head() {
     body { margin: 0; background: rgb(var(--color-background-light)); }
     .dark body { background: rgb(var(--color-background-dark)); }
   `;
-    return (_jsxs("head", { children: [_jsx("meta", { charset: "utf-8" }), _jsx("meta", { name: "viewport", content: "width=device-width, initial-scale=1" }), _jsx("title", { children: pageTitle }), _jsx("meta", { name: "description", content: pageDescription }), _jsx("meta", { name: "generator", content: `Sourcey ${pkg.version}` }), options.pageUrl && _jsx("link", { rel: "canonical", href: options.pageUrl }), _jsx("meta", { property: "og:title", content: pageTitle }), _jsx("meta", { property: "og:description", content: pageDescription }), _jsx("meta", { property: "og:type", content: "website" }), siteName && _jsx("meta", { property: "og:site_name", content: siteName }), options.pageUrl && _jsx("meta", { property: "og:url", content: options.pageUrl }), options.ogImageUrl && _jsx("meta", { property: "og:image", content: options.ogImageUrl }), options.ogImageUrl && _jsx("meta", { property: "og:image:width", content: "1200" }), options.ogImageUrl && _jsx("meta", { property: "og:image:height", content: "630" }), options.ogImageUrl && _jsx("meta", { property: "og:image:type", content: "image/png" }), _jsx("meta", { name: "twitter:card", content: options.ogImageUrl ? "summary_large_image" : "summary" }), _jsx("meta", { name: "twitter:title", content: pageTitle }), _jsx("meta", { name: "twitter:description", content: pageDescription }), options.ogImageUrl && _jsx("meta", { name: "twitter:image", content: options.ogImageUrl }), _jsx("meta", { name: "sourcey-search", content: `${options.assetBase}search-index.json` }), options.alternateLinks?.map((link) => (_jsx("link", { rel: "alternate", type: link.type, href: link.href, title: link.title }, `${link.type}-${link.href}`))), _jsx("link", { rel: "preconnect", href: "https://fonts.googleapis.com" }), _jsx("link", { rel: "preconnect", href: "https://fonts.gstatic.com", crossorigin: "anonymous" }), _jsx("link", { rel: "stylesheet", href: `https://fonts.googleapis.com/css2?family=${encodeURIComponent(fonts.googleFont)}:wght@100..900&display=swap` }), _jsx("style", { dangerouslySetInnerHTML: { __html: themeCSS } }), showLangIconCSS && _jsx("style", { dangerouslySetInnerHTML: { __html: langIconCSS() } }), site.customCSS && _jsx("style", { dangerouslySetInnerHTML: { __html: site.customCSS } }), _jsx("script", { dangerouslySetInnerHTML: { __html: `(function(){var t=localStorage.getItem('sourcey-theme');if(t==='dark')document.documentElement.classList.add('dark')})()` } }), _jsx("link", { rel: "stylesheet", href: `${options.assetBase}sourcey.css` }), site.favicon && _jsx("link", { rel: "icon", href: site.favicon })] }));
+    return (_jsxs("head", { children: [_jsx("meta", { charset: "utf-8" }), _jsx("meta", { name: "viewport", content: "width=device-width, initial-scale=1" }), _jsx("title", { children: pageTitle }), _jsx("meta", { name: "description", content: pageDescription }), _jsx("meta", { name: "generator", content: `Sourcey ${pkg.version}` }), options.pageUrl && _jsx("link", { rel: "canonical", href: options.pageUrl }), _jsx("meta", { property: "og:title", content: pageTitle }), _jsx("meta", { property: "og:description", content: pageDescription }), _jsx("meta", { property: "og:type", content: "website" }), siteName && _jsx("meta", { property: "og:site_name", content: siteName }), options.pageUrl && _jsx("meta", { property: "og:url", content: options.pageUrl }), options.ogImageUrl && _jsx("meta", { property: "og:image", content: options.ogImageUrl }), options.ogImageUrl && _jsx("meta", { property: "og:image:width", content: "1200" }), options.ogImageUrl && _jsx("meta", { property: "og:image:height", content: "630" }), options.ogImageUrl && _jsx("meta", { property: "og:image:type", content: "image/png" }), _jsx("meta", { name: "twitter:card", content: options.ogImageUrl ? "summary_large_image" : "summary" }), _jsx("meta", { name: "twitter:title", content: pageTitle }), _jsx("meta", { name: "twitter:description", content: pageDescription }), options.ogImageUrl && _jsx("meta", { name: "twitter:image", content: options.ogImageUrl }), _jsx("meta", { name: "sourcey-search", content: `${options.assetBase}search-index.json` }), options.alternateLinks?.map((link) => (_jsx("link", { rel: "alternate", type: link.type, href: link.href, title: link.title }, `${link.type}-${link.href}`))), fonts.googleFont && (_jsxs(_Fragment, { children: [_jsx("link", { rel: "preconnect", href: "https://fonts.googleapis.com" }), _jsx("link", { rel: "preconnect", href: "https://fonts.gstatic.com", crossorigin: "anonymous" }), _jsx("link", { rel: "stylesheet", href: `https://fonts.googleapis.com/css2?family=${encodeURIComponent(fonts.googleFont)}:wght@100..900&display=swap` })] })), _jsx("style", { dangerouslySetInnerHTML: { __html: themeCSS } }), showLangIconCSS && _jsx("style", { dangerouslySetInnerHTML: { __html: langIconCSS() } }), site.theme.name !== "reader" && site.customCSS && (_jsx("style", { dangerouslySetInnerHTML: { __html: site.customCSS } })), site.theme.name !== "reader" && (_jsx("script", { dangerouslySetInnerHTML: {
+                    __html: `(function(){var t=localStorage.getItem('sourcey-theme');if(t==='dark')document.documentElement.classList.add('dark')})()`,
+                } })), _jsx("link", { rel: "stylesheet", href: `${options.assetBase}sourcey.css` }), site.theme.name === "reader" && site.customCSS && (_jsx("style", { dangerouslySetInnerHTML: { __html: site.customCSS } })), site.favicon && _jsx("link", { rel: "icon", href: site.favicon })] }));
 }
 function composePageTitle(title, siteName, separator) {
     if (!siteName)

package/dist/components/layout/Page.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Page.tsx"],"names":[],"mappings":"AAuRA,wBAAgB,IAAI,iCAqCnB"}
+{"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Page.tsx"],"names":[],"mappings":"AAuXA,wBAAgB,IAAI,iCA+BnB"}

package/dist/components/layout/Page.js

@@ -1,6 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "preact/jsx-runtime";
+import { ReaderPage } from "./Reader.js";
+import { SearchDialog } from "./SearchDialog.js";
 import { useContext } from "preact/hooks";
-import { SpecContext, PageContext, NavigationContext, OptionsContext, SiteContext } from "../../renderer/context.js";
+import { SpecContext, PageContext, NavigationContext, OptionsContext, SiteContext, } from "../../renderer/context.js";
 import { Markdown } from "../ui/Markdown.js";
 import { Header } from "./Header.js";
 import { Sidebar } from "./Sidebar.js";
@@ -23,7 +25,7 @@ function MarkdownPageContent({ page, className = "" }) {
     const eyebrow = activeGroup?.label;
     return (_jsxs("div", { class: `relative grow box-border flex-col w-full mx-auto px-1 min-w-0 ${className}`, id: "content-area", children: [_jsxs("header", { class: "relative leading-none", children: [_jsxs("div", { class: "mt-0.5 space-y-2.5", children: [eyebrow && (_jsx("div", { class: "h-5 text-[rgb(var(--color-primary-ink))] dark:text-[rgb(var(--color-primary-light))] text-sm font-semibold", children: eyebrow })), _jsx("div", { class: "flex flex-col sm:flex-row items-start sm:items-center relative gap-2 min-w-0", children: _jsx("h1", { class: "text-2xl sm:text-3xl text-[rgb(var(--color-gray-900))] tracking-tight dark:text-[rgb(var(--color-gray-200))] font-bold", style: "overflow-wrap: anywhere", children: page.title }) })] }), page.description && (_jsx("div", { class: "page-description mt-2 text-lg prose prose-gray dark:prose-invert", style: "overflow-wrap: anywhere", children: _jsx(Markdown, { content: page.description, inline: true }) }))] }), _jsx("div", { class: "prose prose-gray dark:prose-invert relative mt-8 mb-14 max-w-none", dangerouslySetInnerHTML: { __html: page.html } }), _jsx(PageNavigation, {}), _jsx(ContentFooter, {})] }));
 }
-function ChangelogPageContent({ page, className = "" }) {
+function ChangelogPageContent({ page, className = "", }) {
     return (_jsxs("div", { class: `relative grow box-border flex-col w-full mx-auto px-1 min-w-0 ${className}`, id: "content-area", children: [_jsx(ChangelogPage, { page: page }), _jsx(PageNavigation, {}), _jsx(ContentFooter, {})] }));
 }
 /**
@@ -53,7 +55,7 @@ function PageNavigation() {
     const labelClass = "text-xs text-[rgb(var(--color-gray-500))] dark:text-[rgb(var(--color-gray-400))]";
     const titleClass = "text-sm font-medium text-[rgb(var(--color-gray-700))] dark:text-[rgb(var(--color-gray-300))] group-hover:text-[rgb(var(--color-primary-ink))] dark:group-hover:text-[rgb(var(--color-primary-light))] transition-colors";
     const base = options.assetBase;
-    return (_jsxs("nav", { class: "mt-12 flex items-stretch justify-between gap-4", children: [prev ? (_jsxs("a", { href: `${base}${prev.href}`, class: linkClass, children: [_jsx("span", { class: labelClass, children: "\u2190 Previous" }), _jsx("span", { class: titleClass, children: prev.label })] })) : _jsx("span", {}), next ? (_jsxs("a", { href: `${base}${next.href}`, class: `${linkClass} text-right ml-auto`, children: [_jsx("span", { class: labelClass, children: "Next \u2192" }), _jsx("span", { class: titleClass, children: next.label })] })) : null] }));
+    return (_jsxs("nav", { class: "mt-12 flex items-stretch justify-between gap-4", children: [prev ? (_jsxs("a", { href: `${base}${prev.href}`, class: linkClass, children: [_jsx("span", { class: labelClass, children: "\u2190 Previous" }), _jsx("span", { class: titleClass, children: prev.label })] })) : (_jsx("span", {})), next ? (_jsxs("a", { href: `${base}${next.href}`, class: `${linkClass} text-right ml-auto`, children: [_jsx("span", { class: labelClass, children: "Next \u2192" }), _jsx("span", { class: titleClass, children: next.label })] })) : null] }));
 }
 function ContentFooter() {
     const site = useContext(SiteContext);
@@ -62,9 +64,13 @@ function ContentFooter() {
     // Build "Edit this page" URL when repo + editBranch are configured
     let editUrl;
     const editPath = page.kind === "markdown"
-        ? (page.markdown.editPath === undefined ? page.markdown.sourcePath : page.markdown.editPath)
+        ? page.markdown.editPath === undefined
+            ? page.markdown.sourcePath
+            : page.markdown.editPath
         : page.kind === "changelog"
-            ? (page.changelog.editPath === undefined ? page.changelog.sourcePath : page.changelog.editPath)
+            ? page.changelog.editPath === undefined
+                ? page.changelog.sourcePath
+                : page.changelog.editPath
             : undefined;
     if (site.repo && site.editBranch && editPath) {
         const repoBase = site.repo.replace(/\/$/, "");
@@ -75,12 +81,10 @@ function ContentFooter() {
         editUrl = `${repoBase}/edit/${site.editBranch}/${basePath}${editPath}`;
     }
     const linkStyle = "hover:text-[rgb(var(--color-gray-600))] dark:hover:text-[rgb(var(--color-gray-300))] transition-colors";
-    return (_jsxs("div", { class: "mt-16 mb-8 flex items-center justify-between border-t border-[rgb(var(--color-gray-200)/0.7)] dark:border-[rgb(var(--color-gray-800)/0.5)] pt-6 text-xs text-[rgb(var(--color-gray-500))] dark:text-[rgb(var(--color-gray-400))]", children: [_jsxs("a", { href: "https://sourcey.com", target: "_blank", rel: "noopener noreferrer", class: `flex items-center gap-1.5 ${linkStyle}`, children: ["Built with", _jsx("img", { src: "https://sourcey.com/sourcey-logo.png", alt: "Sourcey", class: "h-4 w-4" })] }), _jsxs("div", { class: "flex items-center gap-4", children: [editUrl && (_jsxs("a", { href: editUrl, target: "_blank", rel: "noopener noreferrer", class: `${linkStyle} flex items-center gap-1`, children: [_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", class: "w-3 h-3 mr-0.5", children: _jsx("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "m16.862 4.487 1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L6.832 19.82a4.5 4.5 0 0 1-1.897 1.13l-2.685.8.8-2.685a4.5 4.5 0 0 1 1.13-1.897L16.863 4.487Zm0 0L19.5 7.125" }) }), "Edit this page"] })), links.map((link) => (_jsx("a", { href: link.href, target: "_blank", rel: "noopener noreferrer", "aria-label": link.label ?? socialLabels[link.type] ?? link.href, class: linkStyle, children: link.type === "link"
-                            ? (link.label ?? link.href)
-                            : (_jsxs(_Fragment, { children: [_jsx(SocialIcon, { type: link.type }), link.label && _jsx("span", { class: "ml-1", children: link.label })] })) }, link.href)))] })] }));
+    return (_jsxs("div", { class: "mt-16 mb-8 flex items-center justify-between border-t border-[rgb(var(--color-gray-200)/0.7)] dark:border-[rgb(var(--color-gray-800)/0.5)] pt-6 text-xs text-[rgb(var(--color-gray-500))] dark:text-[rgb(var(--color-gray-400))]", children: [_jsxs("span", { children: ["Docs by", " ", _jsx("a", { href: "https://sourcey.com", target: "_blank", rel: "noopener noreferrer", class: linkStyle, children: "Sourcey" })] }), _jsxs("div", { class: "flex items-center gap-4", children: [editUrl && (_jsxs("a", { href: editUrl, target: "_blank", rel: "noopener noreferrer", class: `${linkStyle} flex items-center gap-1`, children: [_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", class: "w-3 h-3 mr-0.5", children: _jsx("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "m16.862 4.487 1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L6.832 19.82a4.5 4.5 0 0 1-1.897 1.13l-2.685.8.8-2.685a4.5 4.5 0 0 1 1.13-1.897L16.863 4.487Zm0 0L19.5 7.125" }) }), "Edit this page"] })), links.map((link) => (_jsx("a", { href: link.href, target: "_blank", rel: "noopener noreferrer", "aria-label": link.label ?? socialLabels[link.type] ?? link.href, class: linkStyle, children: link.type === "link" ? ((link.label ?? link.href)) : (_jsxs(_Fragment, { children: [_jsx(SocialIcon, { type: link.type }), link.label && _jsx("span", { class: "ml-1", children: link.label })] })) }, link.href)))] })] }));
 }
 // ---------------------------------------------------------------------------
-// Layout presets
+// Built-in theme layouts
 // ---------------------------------------------------------------------------
 function DefaultLayout() {
     const page = useContext(PageContext);
@@ -99,9 +103,11 @@ function ApiFirstLayout() {
 // ---------------------------------------------------------------------------
 export function Page() {
     const site = useContext(SiteContext);
-    const preset = site.theme.preset;
-    const Layout = preset === "minimal" ? MinimalLayout
-        : preset === "api-first" ? ApiFirstLayout
-            : DefaultLayout;
-    return (_jsxs("div", { id: "page", class: "relative antialiased text-[rgb(var(--color-gray-500))] dark:text-[rgb(var(--color-gray-400))]", children: [_jsx(Header, {}), _jsx("span", { class: "fixed inset-0 bg-[rgb(var(--color-background-light))] dark:bg-[rgb(var(--color-background-dark))] -z-10 pointer-events-none" }), _jsx(Layout, {}), _jsx("div", { id: "search-dialog", role: "dialog", "aria-label": "Search", children: _jsxs("div", { class: "search-dialog-inner", children: [_jsxs("div", { class: "search-input-row", children: [_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", class: "search-input-icon", children: _jsx("path", { "fill-rule": "evenodd", d: "M9 3.5a5.5 5.5 0 1 0 0 11 5.5 5.5 0 0 0 0-11ZM2 9a7 7 0 1 1 12.452 4.391l3.328 3.329a.75.75 0 1 1-1.06 1.06l-3.329-3.328A7 7 0 0 1 2 9Z", "clip-rule": "evenodd" }) }), _jsx("input", { id: "search-input", type: "text", placeholder: "Search docs...", autocomplete: "off", spellcheck: false })] }), _jsx("div", { id: "search-results" }), _jsxs("div", { class: "search-footer", children: [_jsxs("span", { class: "search-footer-hint", children: [_jsx("kbd", { children: "\u2191\u2193" }), " navigate"] }), _jsxs("span", { class: "search-footer-hint", children: [_jsx("kbd", { children: "\u21B5" }), " select"] }), _jsxs("span", { class: "search-footer-hint", children: [_jsx("kbd", { children: "esc" }), " close"] })] })] }) })] }));
+    const theme = site.theme.name;
+    const page = useContext(PageContext);
+    if (theme === "reader") {
+        return (_jsx(ReaderPage, { children: page.kind === "spec" ? (_jsx(SpecPageContent, {})) : page.kind === "changelog" ? (_jsx(ChangelogPageContent, { page: page.changelog })) : null }));
+    }
+    const Layout = theme === "minimal" ? MinimalLayout : theme === "api-first" ? ApiFirstLayout : DefaultLayout;
+    return (_jsxs("div", { id: "page", class: "relative antialiased text-[rgb(var(--color-gray-500))] dark:text-[rgb(var(--color-gray-400))]", children: [_jsx(Header, {}), _jsx("span", { class: "fixed inset-0 bg-[rgb(var(--color-background-light))] dark:bg-[rgb(var(--color-background-dark))] -z-10 pointer-events-none" }), _jsx(Layout, {}), _jsx(SearchDialog, {})] }));
 }

package/dist/components/layout/Reader.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentChildren } from "preact";
+export declare function ReaderPage({ children }: {
+    children?: ComponentChildren;
+}): import("preact").JSX.Element;
+//# sourceMappingURL=Reader.d.ts.map

package/dist/components/layout/Reader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Reader.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Reader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AA0DhD,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,CAAC,EAAE,iBAAiB,CAAA;CAAE,gCAiUxE"}