feat: add filter option

hi-ogawa · Nov 21, 2023 · 0c53af1 · 0c53af1
1 parent 8cb864d
commit 0c53af1
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 3 deletions.
diff --git a/packages/app/src/components/stories.tsx b/packages/app/src/components/stories.tsx
@@ -983,6 +983,14 @@ export function StoryRuntimeErrorOverlay() {
           >
             unhandledrejection
           </button>
+          <button
+            className="flex-1 antd-btn antd-btn-default"
+            onClick={() => {
+              throw new Error("test error (filter out)");
+            }}
+          >
+            error (filter-out)
+          </button>
         </div>
       </section>
     </main>

diff --git a/packages/app/vite.config.ts b/packages/app/vite.config.ts
@@ -13,7 +13,9 @@ export default defineConfig({
     unocss(),
     unocssDepHmrPlugin([require.resolve("@hiogawa/unocss-preset-antd")]),
     vitePluginTinyRefresh(),
-    viteRuntimeErrorOverlayPlugin(),
+    viteRuntimeErrorOverlayPlugin({
+      filter: (error) => !error.message.includes("(filter out)"),
+    }),
     themeScriptPlugin({
       storageKey: "unocss-preset-antd-app:theme",
     }),

diff --git a/packages/vite-runtime-error-overlay/src/index.ts b/packages/vite-runtime-error-overlay/src/index.ts
@@ -10,7 +10,9 @@ import { name as packageName } from "../package.json";
 // generateErrorPayload
 // generateFrame
 
-export function viteRuntimeErrorOverlayPlugin(): Plugin {
+export function viteRuntimeErrorOverlayPlugin(options?: {
+  filter?: (error: Error) => boolean;
+}): Plugin {
   return {
     name: packageName,
 
@@ -33,6 +35,10 @@ export function viteRuntimeErrorOverlayPlugin(): Plugin {
         // deserialize error
         const error = Object.assign(new Error(), data);
 
+        if (options?.filter && !options.filter(error)) {
+          return;
+        }
+
         // https://vitejs.dev/guide/api-plugin.html#client-server-communication
         // https://github.com/vitejs/vite/blob/5b58eca05939c0667cf9698e83f4f4849f3296f4/packages/vite/src/node/server/middlewares/error.ts#L54-L57
         client.send({
@@ -54,7 +60,7 @@ const CLIENT_SCRIPT = /* js */ `
 import { createHotContext } from "/@vite/client";
 
 // dummy file path to instantiate import.meta.hot
-const hot = createHotContext("/__runtimeErrorOverlayPlugin__.js");
+const hot = createHotContext("/__dummy__${packageName}");
 
 function sendError(error) {
   if (!(error instanceof Error)) {