feat: add watchPublicPlugin for Chrome extension #542 (#547)

chrome-extension/vite.config.mts

@@ -2,7 +2,7 @@ import { defineConfig } from 'vite';
 import { resolve } from 'path';
 import libAssetsPlugin from '@laynezh/vite-plugin-lib-assets';
 import makeManifestPlugin from './utils/plugins/make-manifest-plugin';
-import { watchRebuildPlugin } from '@chrome-extension-boilerplate/hmr';
+import { watchPublicPlugin, watchRebuildPlugin } from '@chrome-extension-boilerplate/hmr';
 
 const rootDir = resolve(__dirname);
 const libDir = resolve(rootDir, 'lib');
@@ -23,6 +23,7 @@ export default defineConfig({
     libAssetsPlugin({
       outputPath: outDir,
     }),
+    watchPublicPlugin(),
     makeManifestPlugin({ outDir }),
     isDev && watchRebuildPlugin({ reload: true }),
   ],

packages/hmr/lib/plugins/index.ts

@@ -1,2 +1,3 @@
 export * from './watch-rebuild-plugin';
 export * from './make-entry-point-plugin';
+export * from './watch-public-plugin';

packages/hmr/lib/plugins/watch-public-plugin.ts

@@ -0,0 +1,14 @@
+import type { PluginOption } from 'vite';
+import fg from 'fast-glob';
+
+export function watchPublicPlugin(): PluginOption {
+  return {
+    name: 'watch-public-plugin',
+    async buildStart() {
+      const files = await fg(['public/**/*']);
+      for (const file of files) {
+        this.addWatchFile(file);
+      }
+    },
+  };
+}

packages/hmr/package.json

@@ -29,6 +29,7 @@
     "@rollup/plugin-sucrase": "^5.0.2",
     "@types/ws": "^8.5.10",
     "esm": "^3.2.25",
+    "fast-glob": "^3.3.2",
     "rollup": "^4.18.0",
     "ts-node": "^10.9.2"
   }