Search

import { Search } from "fromsrc/client"
import { getSearchDocs } from "./_lib/content"

const docs = await getSearchDocs()

<Search docs={docs} basePath="/docs" />

import type { SearchAdapter, SearchResult } from "fromsrc";

interface SearchAdapter {
  search(
    query: string,
    docs: SearchDoc[]
  ): SearchResult[] | Promise<SearchResult[]>;
  index?(docs: SearchDoc[]): void | Promise<void>;
}

import { Search } from "fromsrc/client"
import { createSearchAdapter } from "fromsrc"

const myAdapter = createSearchAdapter({
  search(query, docs) {
    return docs
      .filter(d => d.title.includes(query))
      .map(doc => ({ doc, score: 1 }))
  }
})

<Search docs={docs} adapter={myAdapter} />

import { Search } from "fromsrc/client"
import { createOramaAdapter } from "fromsrc/orama"

const adapter = createOramaAdapter({
  endpoint: "https://your-orama-endpoint/search",
  key: "your-api-key"
})

<Search docs={docs} adapter={adapter} />

import { Search } from "fromsrc/client"
import { createAlgoliaAdapter } from "fromsrc/algolia"

const adapter = createAlgoliaAdapter({
  appid: "your-app-id",
  key: "your-search-key",
  index: "docs"
})

<Search docs={docs} adapter={adapter} />

/api/search?q=future+adapters&limit=8

import { Search } from "fromsrc/client";

<Search basePath="/docs" endpoint="/api/search" />;

interface SearchDoc {
  slug: string;
  title: string;
  description?: string;
  content: string; // stripped body text for searching
}

import { getSearchDocs } from "./_lib/content";

const searchDocs = await getSearchDocs();