Function searchLoad

site/js/common/search.ts:40–196

(isHome = false)

];

export const searchLoad = (isHome = false) => {
  addEventListener('load', () => {
    const nav: HTMLElement = query('body > header > nav');
    if (nav == null) {
      return;
    }

    // Create UI
    const search = createElement('div', null, {id: 'search'});
    const input = createElement('input', search, {
      type: 'text',
      placeholder:
        (navigator.platform.startsWith('Mac') ? '⌘' : 'cmd-') + 'K Search',
    }) as HTMLInputElement;
    const results = createElement('ol', search);
    const noResults = createElement('li', results, {}, 'No results found');

    // Create search store
    const store = createStore();

    // Define search index
    const indexes = createIndexes(store);
    indexes.setIndexDefinition(
      'p',
      'p',
      // Put in slices based on prefixes of tokens
      (getCell) => {
        const slices: string[] = [];
        (getCell('t') as string).split(' ').forEach((word) => {
          for (let i = 0; i < word.length; i++) {
            slices.push(word.slice(0, i + 1));
          }
        });
        return slices;
      },
      't',
      undefined,
      // Rank by the density of early location of the slice in the text
      (tokens1, tokens2, sliceId) =>
        getWeighting(tokens2 as string, sliceId) -
        getWeighting(tokens1 as string, sliceId),
    );

    // Load search store, hydrate 't' tokens cell, and enable input
    fetch('/pages.json')
      .then((response) => response.json())
      .then((json) => {
        store.transaction(() => {
          store.setContent(json);
          store.forEachRow('p', (path) => {
            const {n, s} = store.getRow('p', path) as {n: string; s: string};
            const tokens = new Set<string>();
            tokenize(path, tokens, true);
            tokenize(n, tokens);
            tokenize(s, tokens);
            store.setCell(
              'p',
              path,