@shuvi/error-overlay 1.0.0-rc.9 → 1.0.0

package/lib/client.js

@@ -12,7 +12,7 @@ let stackTraceLimit = undefined;
 let iframe = null;
 let isLoadingIframe = false;
 let isIframeReady = false;
-let errorType;
+let errorTypeList = [];
 let hasBuildError = false;
 let hasRuntimeError = false;
 const iframeStyle = {
@@ -31,11 +31,11 @@ function onUnhandledError(ev) {
         return;
     }
     hasRuntimeError = true;
-    errorType = {
+    errorTypeList.push({
         type: constants_1.TYPE_UNHANDLED_ERROR,
         reason: error,
         frames: (0, parseStack_1.parseStack)(error.stack)
-    };
+    });
     update();
 }
 function onUnhandledRejection(ev) {
@@ -47,11 +47,11 @@ function onUnhandledRejection(ev) {
         return;
     }
     hasRuntimeError = true;
-    errorType = {
+    errorTypeList.push({
         type: constants_1.TYPE_UNHANDLED_REJECTION,
         reason: reason,
         frames: (0, parseStack_1.parseStack)(reason.stack)
-    };
+    });
     update();
 }
 function startReportingRuntimeErrors({ onError }) {
@@ -94,18 +94,18 @@ function stopReportingRuntimeErrors() {
 exports.stopReportingRuntimeErrors = stopReportingRuntimeErrors;
 function onBuildOk() {
     hasBuildError = false;
-    errorType = { type: constants_1.TYPE_BUILD_OK };
+    errorTypeList.push({ type: constants_1.TYPE_BUILD_OK });
     update();
 }
 exports.onBuildOk = onBuildOk;
 function onBuildError(message) {
     hasBuildError = true;
-    errorType = { type: constants_1.TYPE_BUILD_ERROR, message };
+    errorTypeList.push({ type: constants_1.TYPE_BUILD_ERROR, message });
     update();
 }
 exports.onBuildError = onBuildError;
 function onRefresh() {
-    errorType = { type: constants_1.TYPE_REFRESH };
+    errorTypeList.push({ type: constants_1.TYPE_REFRESH });
 }
 exports.onRefresh = onRefresh;
 function applyStyles(element, styles) {
@@ -154,10 +154,12 @@ function updateIframeContent() {
     }
     //@ts-ignore
     const isRendered = iframe.contentWindow.updateContent({
-        errorType,
+        errorTypeList,
         hasBuildError,
         hasRuntimeError
     });
+    //After the errors have been added to the queue of the error handler, we must clear the errorTypeList
+    errorTypeList = [];
     if (!isRendered) {
         window.document.body.removeChild(iframe);
         iframe = null;

package/lib/iframe-bundle.js

@@ -1671,9 +1671,9 @@ function getErrorSource(error) {
 
 // common
 const NAME = 'shuvi';
-const DEV_ONLY_ASSETS_PREFIX = `/_${NAME}`;
-const DEV_HOT_LAUNCH_EDITOR_ENDPOINT = `${DEV_ONLY_ASSETS_PREFIX}/development/open-stack-frame-in-editor`;
-const DEV_ORIGINAL_STACK_FRAME_ENDPOINT = `${DEV_ONLY_ASSETS_PREFIX}/development/original-stack-frame`;
+const DEV_ONLY_URL_PREFIX = `/_${NAME}`;
+const DEV_HOT_LAUNCH_EDITOR_ENDPOINT = `${DEV_ONLY_URL_PREFIX}/development/open-stack-frame-in-editor`;
+const DEV_ORIGINAL_STACK_FRAME_ENDPOINT = `${DEV_ONLY_URL_PREFIX}/development/original-stack-frame`;
 
 function getOriginalStackFrames(frames, type, errorMessage) {
     return __awaiter(this, void 0, void 0, function* () {
@@ -2603,16 +2603,18 @@ const ErrorOverlay = function ErrorOverlay() {
 let iframeRoot = null;
 let errorBody = null;
 let isFirstRender = true;
-function render({ errorType, hasBuildError, hasRuntimeError }) {
-    emit(errorType);
+function render({ errorTypeList, hasBuildError, hasRuntimeError }) {
+    errorTypeList.forEach((errorType) => {
+        emit(errorType);
+    });
     if (!hasBuildError && !hasRuntimeError) {
         return null;
     }
     return jsxRuntime.exports.jsx(ErrorOverlay, {});
 }
-window.updateContent = function updateContent({ errorType, hasBuildError, hasRuntimeError }) {
+window.updateContent = function updateContent({ errorTypeList, hasBuildError, hasRuntimeError }) {
     let renderedElement = render({
-        errorType,
+        errorTypeList,
         hasBuildError,
         hasRuntimeError
     });

package/lib/iframeScript.js

@@ -40,16 +40,18 @@ const errorTypeHandler = __importStar(require("./view/errorTypeHandler"));
 let iframeRoot = null;
 let errorBody = null;
 let isFirstRender = true;
-function render({ errorType, hasBuildError, hasRuntimeError }) {
-    errorTypeHandler.emit(errorType);
+function render({ errorTypeList, hasBuildError, hasRuntimeError }) {
+    errorTypeList.forEach((errorType) => {
+        errorTypeHandler.emit(errorType);
+    });
     if (!hasBuildError && !hasRuntimeError) {
         return null;
     }
     return (0, jsx_runtime_1.jsx)(ErrorOverlay_1.ErrorOverlay, {});
 }
-window.updateContent = function updateContent({ errorType, hasBuildError, hasRuntimeError }) {
+window.updateContent = function updateContent({ errorTypeList, hasBuildError, hasRuntimeError }) {
     let renderedElement = render({
-        errorType,
+        errorTypeList,
         hasBuildError,
         hasRuntimeError
     });

package/lib/middleware/helper/getSourceById.d.ts

@@ -1,5 +1,5 @@
 import { RawSourceMap } from 'source-map';
-import type webpack from '@shuvi/toolpack/lib/webpack';
+import type { webpack } from '@shuvi/toolpack/lib/webpack';
 export declare type Source = {
     map: () => RawSourceMap;
 } | null;

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@shuvi/error-overlay",
-  "version": "1.0.0-rc.9",
+  "version": "1.0.0",
   "main": "umd/index.js",
   "files": [
     "lib",
     "umd"
   ],
   "scripts": {
-    "dev": "pnpm run iframe-dev && run-p watch:*",
-    "iframe-dev": "cross-env NODE_ENV=development rollup -c rollup.config.iframe.js -w",
+    "dev": "run-p watch:*",
+    "watch:iframe": "cross-env NODE_ENV=development rollup -c rollup.config.iframe.js -w",
     "watch:cjs": "tsc -p tsconfig.build.json -m commonjs --outDir lib -w",
     "watch:umd": "cross-env NODE_ENV=development rollup -c rollup.config.js -w",
     "prebuild": "rimraf lib",
@@ -22,8 +22,8 @@
   },
   "dependencies": {
     "@babel/code-frame": "7.14.5",
-    "@shuvi/shared": "1.0.0-rc.9",
-    "@shuvi/toolpack": "1.0.0-rc.9",
+    "@shuvi/shared": "1.0.0",
+    "@shuvi/toolpack": "1.0.0",
     "anser": "1.4.9",
     "data-uri-to-buffer": "3.0.1",
     "html-entities": "2.3.2",