vite#FSWatcher TypeScript Examples

The following examples show how to use vite#FSWatcher. You can vote up the ones you like or vote down the ones you don't like, and go to the original project or source file by following the links above each example. You may check out the related API usage on the sidebar.
Example #1
Source File: index.ts    From vite-plugin-mdx with MIT License 4 votes vote down vote up 
/**
 * With transclusion enabled, an `.mdx` file can import other `.mdx` or `.md`
 * files without an import specifier.
 *
 *     import "../other.mdx"
 *
 * The file extension is required.
 *
 * The imported file is inlined into its importer, but the imported file can
 * still have its own Remark plugins.
 *
 */
export function viteMdxTransclusion(
  globalMdxOptions: MdxPlugin['mdxOptions'],
  getMdxOptions?: (filename: string) => MdxOptions
): Plugin {
  /**
   * To recompile an importer when its transcluded files are changed,
   * we need to track the relationships between them.
   */
  let importMap: ImportMap
  /**
   * To avoid redundant parsing and processing, we cache the MDX syntax trees
   * of transcluded files to serve as a fast path when an importer is recompiled.
   */
  let astCache: MdxAstCache

  return {
    name: 'mdx:transclusion',
    configResolved({ root, logger }) {
      let watcher: FSWatcher | undefined

      this.configureServer = (server) => {
        watcher = server.watcher
        importMap = new ImportMap()
        astCache = new LRUCache({
          maxAge: 30 * 6e4, // 30 minutes
          maxSize: 100
        })

        // When a transcluded file changes, recompile its importers.
        // Also, clean up the import map when an importer is deleted.
        watcher.on('all', (event, filePath) => {
          if (/\.mdx?$/.test(filePath)) {
            if (event === 'unlink') {
              importMap.deleteImporter(filePath)
            }
            const importers = importMap.importers.get(filePath)
            if (importers) {
              astCache.delete(filePath)
              importers.forEach((importer) => {
                watcher!.emit('change', importer)
              })
            }
          }
        })
      }

      this.buildStart = function () {
        globalMdxOptions.remarkPlugins.push(
          remarkTransclusion({
            astCache,
            importMap,
            resolve: async (id, importer) => {
              const resolved = await this.resolve(id, importer)
              if (resolved) {
                id = normalizePath(resolved.id)
                // Ensure files outside the Vite project root are watched.
                if (watcher && isAbsolute(id) && !id.startsWith(root + '/')) {
                  watcher.add(id)
                }
                return id
              }
              logger.warn(`Failed to resolve "${id}" imported by "${importer}"`)
            },
            readFile: (filePath) => fs.promises.readFile(filePath, 'utf8'),
            getCompiler: (filePath) =>
              createMdxAstCompiler(
                root,
                mergeArrays(
                  globalMdxOptions.remarkPlugins,
                  getMdxOptions?.(filePath).remarkPlugins
                )
              )
          })
        )
      }
    }
  }
}