@terra-symposium/docs 0.1.74 → 0.1.75

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@terra-symposium/docs",
-  "version": "0.1.74",
+  "version": "0.1.75",
   "description": "Terra Docs workspace and Markdown site generator.",
   "repository": {
     "type": "git",

package/site/astro.config.mjs

@@ -13,7 +13,7 @@ const packageRoot = fileURLToPath(new URL('../', import.meta.url));
 const requireFromPackage = createRequire(import.meta.url);
 const projectRoot = process.env.TERRA_DOCS_ROOT ?? process.cwd();
 const publicDir = resolve(projectRoot, '.terra-docs/public');
-const outDir = resolve(projectRoot, process.env.TERRA_DOCS_OUT ?? 'docs-dist');
+const outDir = resolve(projectRoot, process.env.TERRA_DOCS_OUT ?? 'dist/docs');
 const site = process.env.TERRA_DOCS_SITE;
 const base = process.env.TERRA_DOCS_BASE ?? '/';
 const projectManifest = (() => {

package/site/src/components/DocsSiteSearch.tsx

@@ -34,6 +34,7 @@ export function DocsSiteSearch({ base = '/' }: Props) {
   };
 
   useEffect(() => {
+    const onOpenSearch = () => open();
     const onKeyDown = (event: KeyboardEvent) => {
       if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === 'k') {
         event.preventDefault();
@@ -46,8 +47,12 @@ export function DocsSiteSearch({ base = '/' }: Props) {
         open();
       }
     };
+    document.addEventListener('docs:open-search', onOpenSearch);
     document.addEventListener('keydown', onKeyDown);
-    return () => document.removeEventListener('keydown', onKeyDown);
+    return () => {
+      document.removeEventListener('docs:open-search', onOpenSearch);
+      document.removeEventListener('keydown', onKeyDown);
+    };
   }, []);
 
   useEffect(() => {
@@ -85,16 +90,6 @@ export function DocsSiteSearch({ base = '/' }: Props) {
 
   return (
     <div className="terra-docs-search">
-      <button
-        className="terra-docs-search-trigger"
-        type="button"
-        onClick={open}
-        aria-label="Search documentation"
-      >
-        <span aria-hidden="true">⌕</span>
-        <span>Search docs</span>
-        <kbd>⌘ K</kbd>
-      </button>
       <dialog className="terra-docs-search-dialog" ref={dialog} onClose={() => setQuery('')}>
         <div className="terra-docs-search-panel">
           <label className="terra-docs-search-input-row">

package/site/src/lib/catalog.ts

@@ -1,6 +1,7 @@
 /// <reference types="vite/client" />
 
 import type { DocsNavNode } from '../../../src/components/navigation.js';
+import { getHue } from '@terra-symposium/styling';
 
 type SidebarFrontmatter = {
   label?: string;
@@ -110,6 +111,7 @@ for (const page of sitePages.filter((item) => !item.hidden && item.slug !== '404
     const overview = currentNodes.get('overview') ?? {
       id: 'overview',
       title: 'Overview',
+      hue: getHue('Overview'),
       children: new Map(),
     };
     if (!currentNodes.has('overview')) currentNodes.set('overview', overview);
@@ -120,7 +122,12 @@ for (const page of sitePages.filter((item) => !item.hidden && item.slug !== '404
     prefix = prefix ? `${prefix}/${segment}` : segment;
     let node = currentNodes.get(segment);
     if (!node) {
-      node = { id: prefix, title: label(segment), children: new Map() };
+      node = {
+        id: prefix,
+        title: label(segment),
+        ...(prefix === segment ? { hue: getHue(label(segment)) } : {}),
+        children: new Map(),
+      };
       currentNodes.set(segment, node);
     }
     current = node;