Build minisearch indexes after `vite.plugins.transform`

[s3xysteak]

As we know, set a title for a markdown can make minisearch build an index for the page, which works well.

When I make a vite plugin to add titles in batches, minisearch cannot correctly make indexes:

defineConfig({
    /* ... */
    vite: {
      plugins: [
        {
          transform: (code, id) => {
            return isMd(id) ? (getTitle(id) + code) : code
          }
        },
      ],
    },
  })

Is that possible to make it work?

[brc-dd]

Try something like this:

    vite: {
      plugins: [
        {
           name: 'custom:add-title',
           enforce: 'pre', // <-- add this
           transform(code, id) { ... }
        }
      ]
    }

[s3xysteak]

Thanks for your quick response! I just try it but did not work. To confirm that I make a repro in stackblitz. And btw I just found it seems the feature (local search) cannot update correctly with vite's hmr

[brc-dd]

Ah the order isn't an issue then. Seems like the plugin reads the markdown files directly:

vitepress/src/node/plugins/localSearchPlugin.ts

Line 58 in ac5ddd3

const md_raw = await fs.promises.readFile(file, 'utf-8')

As a workaround - https://stackblitz.com/edit/vite-amaavxeq?file=docs/.vitepress/config.ts

[s3xysteak]

If anyone is looking for a alternative solution, try this:

defineConfig({
  themeConfig: {
      search: {
        provider: 'local',
        options: {
          _render(src, env, md) {
            const html = md.render(src, env)

            // filter files which you do not want to transform
            if (filterPath(env.relativePath))
              return html

            // any other things you want to do

            return md.render(`# Title Here`) + html
          },
        },
      },
  }
})

It works in v1. In v2.0.0-alpha.12 use await md.renderAsync instead of md.render. The rest part is the same as above.

Indexes depend on rendered markdown so the _render must be called before that.