seemore 1.4.2 → 1.5.1

package/README.md

@@ -112,9 +112,9 @@ The preview is not just for reading — it is the fastest way to fix what you ar
 Inline editing is for local previews only — `seemore build` output is static, so nothing is emitted there. It is on by default in dev; switch it off with the `!` prefix:
 
 ```ts
-export default defineConfig({
+export default {
   features: ['!content.edit'],
-});
+};
 ```
 
 ## Publish it to the web
@@ -126,7 +126,7 @@ npx seemore build  # static export to dist/ for any host
 The result is a `dist/` folder of plain web files: drop it on [Netlify](https://netlify.com), [Surge](https://surge.sh), [Cloudflare Pages](https://pages.cloudflare.com) or [GitHub Pages](https://pages.github.com), or hand it to any web host. Every page is prerendered to its own `index.html`, next to a `404.html` that every static host honours. On top of that, the small conventions individual hosts look for — `_redirects` for Netlify and Cloudflare Pages, `200.html` for Surge, `.nojekyll` for GitHub Pages — are written for you.
 
 > [!TIP]
-> Project sites on GitHub Pages live under `username.github.io/my-repo/`, not the root, so set `base` once: `defineConfig({ base: '/my-repo/' })` (or `--base /my-repo/` on the CLI). Building under GitHub Actions without it set prints the exact line to add.
+> Project sites on GitHub Pages live under `username.github.io/my-repo/`, not the root, so set `base` once: `base: '/my-repo/'` (or `--base /my-repo/` on the CLI). Building under GitHub Actions without it set prints the exact line to add.
 
 ## Configuration
 
@@ -134,9 +134,7 @@ Optional — a folder with no config file builds correctly everywhere. To adjust
 
 ```ts
 // seemore.config.ts
-import { defineConfig } from 'seemore';
-
-export default defineConfig({
+export default {
   title: 'My Docs',
   description: 'Everything about the thing.',
   favicon: './favicon.svg',
@@ -149,7 +147,7 @@ export default defineConfig({
   editLink: { base: 'https://github.com/you/repo/edit/main/docs' },
   search: 'static', // or { provider: 'orama-cloud', endpoint, apiKey } / { provider: 'algolia', appId, apiKey, indexName }
   exclude: ['drafts/**'],
-});
+};
 ```
 
 ### Search
@@ -190,12 +188,12 @@ A flat list of switches for fine control, set as an array on the `features` key.
 
 ```ts
 // seemore.config.ts
-export default defineConfig({
+export default {
   features: [
     'navigation.path',              // off by default → this turns it on
     '!navigation.instant.prefetch', // on by default → this turns it off
   ],
-});
+};
 ```
 
 | Flag | Default | Effect |

package/dist/index.d.ts

@@ -128,12 +128,6 @@ interface ResolvedSeemoreConfig {
     configFile?: string;
 }
 
-/**
- * Identity function that exists purely for types: it makes `seemore.config.ts` autocomplete
- * every option — including every feature flag, which is a plain string union.
- */
-declare function defineConfig(config: SeemoreConfig): SeemoreConfig;
-
 /**
  * Frontmatter is validated, not restricted: unknown keys pass through so that a corpus
  * written for another tool still builds. Only the keys seemore acts on are typed.
@@ -147,4 +141,4 @@ declare const frontmatterSchema: z.ZodObject<{
 }, z.core.$loose>;
 type FrontmatterData = z.output<typeof frontmatterSchema> & Record<string, unknown>;
 
-export { type Feature, type FeatureFlag, type FrontmatterData, type NavItem, type ResolvedSeemoreConfig, type SearchConfig, type SeemoreConfig, type Theme, defineConfig };
+export type { Feature, FeatureFlag, FrontmatterData, NavItem, ResolvedSeemoreConfig, SearchConfig, SeemoreConfig, Theme };

package/dist/index.js

@@ -1,8 +1 @@
-// src/node/config/define.ts
-function defineConfig(config) {
-  return config;
-}
-export {
-  defineConfig
-};
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/node/config/define.ts"],"sourcesContent":["import type { SeemoreConfig } from './schema.js';\n\n/**\n * Identity function that exists purely for types: it makes `seemore.config.ts` autocomplete\n * every option — including every feature flag, which is a plain string union.\n */\nexport function defineConfig(config: SeemoreConfig): SeemoreConfig {\n  return config;\n}\n"],"mappings":";AAMO,SAAS,aAAa,QAAsC;AACjE,SAAO;AACT;","names":[]}
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "seemore",
-  "version": "1.4.2",
+  "version": "1.5.1",
   "description": "Let AI write the Markdown. Let seemore show it better — zero config documentation framework.",
   "license": "MIT",
   "type": "module",

package/src/app/search/SearchDialog.tsx

@@ -1,4 +1,4 @@
-import { useMemo } from 'react';
+import { useEffect, useMemo, useState } from 'react';
 import { useNavigate } from 'react-router';
 import { useDocsSearch } from 'fumadocs-core/search/client';
 import {
@@ -7,7 +7,6 @@ import {
   SearchDialogContent,
   SearchDialogHeader,
   SearchDialogIcon,
-  SearchDialogInput,
   SearchDialogList,
   SearchDialogOverlay,
 } from 'fumadocs-ui/components/dialog/search';
@@ -44,14 +43,35 @@ export function SearchDialog(props: SharedProps) {
   const { search, setSearch, query } = useDocsSearch({ client });
   const results = query.data === 'empty' || query.data === undefined ? [] : query.data;
 
+  /**
+   * A long index is parsed on the first query, so the wait is seconds rather than
+   * milliseconds — long enough that the list's "No results found" reads as an answer.
+   *
+   * `query.isLoading` alone is not the whole wait: fumadocs debounces the input before it
+   * flips, so a keystroke's worth of that wrong answer shows first. A query is pending from
+   * the keystroke until the search settles.
+   */
+  const [pending, setPending] = useState(false);
+  useEffect(() => {
+    setPending(search !== '');
+  }, [search]);
+  useEffect(() => {
+    if (!query.isLoading) setPending(false);
+  }, [query.isLoading]);
+
   // `search.suggest`: complete the last word inline from the best result's title.
   const completion = useMemo(() => {
     if (!feature('search.suggest') || search === '' || results.length === 0) return '';
-    const title = results[0]?.content ?? '';
+    // A result's content arrives with the matched span wrapped in `<mark>` — and the match
+    // is the query itself, so leaving the markup in place is a prefix test that can never
+    // pass.
+    const title = (results[0]?.content ?? '').replaceAll('<mark>', '').replaceAll('</mark>', '');
     return title.toLowerCase().startsWith(search.toLowerCase()) ? title.slice(search.length) : '';
   }, [results, search]);
 
-  const items = results.map((result) => ({ ...result, external: false }));
+  // An empty box has nothing to answer: `null` collapses the list, where an empty array
+  // would answer "No results found".
+  const items = search === '' ? null : results.map((result) => ({ ...result, external: false }));
 
   return (
     <Dialog
@@ -71,7 +91,15 @@ export function SearchDialog(props: SharedProps) {
       <SearchDialogContent>
         <SearchDialogHeader>
           <SearchDialogIcon />
-          <SearchDialogInput
+          {/*
+            Our own input rather than fumadocs' `SearchDialogInput`: that one overwrites
+            `placeholder` with its own translated "Search" after spreading props, so the
+            wording here would never reach the box. The state is already ours.
+          */}
+          <input
+            className="seemore-search-input"
+            value={search}
+            onChange={(event) => setSearch(event.target.value)}
             placeholder="Search documentation…"
             onKeyDown={(event) => {
               if (event.key !== 'ArrowRight' || completion === '') return;
@@ -87,13 +115,20 @@ export function SearchDialog(props: SharedProps) {
             <span>{completion}</span>
           </p>
         )}
-        {query.error === undefined ? (
-          <SearchDialogList items={items} />
-        ) : (
+        {query.error !== undefined ? (
           // A search box that silently finds nothing is worse than one that says why.
           <p className="seemore-search-error" role="alert">
             {query.error.message}
           </p>
+        ) : pending && (items?.length ?? 0) === 0 ? (
+          // Only with nothing to show: results already on screen stay put while the next
+          // query runs, under the input icon's own pulse.
+          <div className="seemore-search-loading" role="status">
+            <span className="seemore-search-spinner" aria-hidden="true" />
+            Searching…
+          </div>
+        ) : (
+          <SearchDialogList items={items} />
         )}
       </SearchDialogContent>
     </Dialog>

package/src/app/styles/globals.css

@@ -68,6 +68,18 @@
     @apply opacity-60;
   }
 
+  .seemore-search-input {
+    @apply w-0 flex-1 bg-transparent text-lg placeholder:text-fd-muted-foreground focus-visible:outline-none;
+  }
+
+  .seemore-search-loading {
+    @apply flex items-center justify-center gap-2 px-4 py-6 text-sm text-fd-muted-foreground;
+  }
+
+  .seemore-search-spinner {
+    @apply h-4 w-4 animate-spin rounded-full border-2 border-fd-muted-foreground/30 border-t-fd-muted-foreground;
+  }
+
   .seemore-theme-toggle {
     @apply rounded-lg border border-fd-border p-2;
   }