@simplysm/angular 14.2.3 → 14.2.4

package/dist/core/provideSdAngular.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"provideSdAngular.d.ts","sourceRoot":"","sources":["../../src/core/provideSdAngular.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAoC1D,wBAAgB,gBAAgB,CAAC,GAAG,EAAE;IAAE,UAAU,EAAE,MAAM,CAAA;CAAE,GAAG,oBAAoB,CA8JlF"}
+{"version":3,"file":"provideSdAngular.d.ts","sourceRoot":"","sources":["../../src/core/provideSdAngular.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAoE1D,wBAAgB,gBAAgB,CAAC,GAAG,EAAE;IAAE,UAAU,EAAE,MAAM,CAAA;CAAE,GAAG,oBAAoB,CA8KlF"}

package/dist/core/provideSdAngular.js

@@ -14,6 +14,34 @@ import { SdOptionEventPlugin } from "./events/sd-option-event.plugin";
 import { createLogger } from "@simplysm/core-common";
 const logger = createLogger("angular:sw-update");
 const themeLogger = createLogger("angular:theme");
+const errorLogger = createLogger("angular:global-error");
+// 브라우저 확장은 자기 스크립트를 페이지 main world 에 주입해 실행하므로,
+// 확장이 던진 오류도 페이지의 전역 error/unhandledrejection 이벤트로 올라온다.
+// 앱 결함이 아니므로 오버레이, 앱 종료 대상에서 제외한다.
+const EXTENSION_URL_SCHEMES = [
+    "chrome-extension://",
+    "moz-extension://",
+    "safari-web-extension://",
+];
+// URL 스킴은 표준상 대소문자를 구분하지 않는다(RFC 3986 §3.1).
+function isExtensionUrl(url) {
+    const lowerUrl = url.toLowerCase();
+    return EXTENSION_URL_SCHEMES.some((scheme) => lowerUrl.startsWith(scheme));
+}
+// 스택 포맷은 엔진마다 다르다(V8 은 "at fn (URL)", SpiderMonkey, JSC 는 "fn@URL").
+// 포맷 대신 URL 이 처음 등장하는 줄을 최상단 프레임으로 보고, 그 URL 의 출처만 따진다.
+// V8 의 "Error: 메시지" 헤더는 대개 URL 이 없어 건너뛰지만, 메시지에 URL 이 박히면 헤더가 최상단으로 잡힌다.
+function isExtensionOriginRejection(reason) {
+    if (reason.stack == null)
+        return false;
+    for (const line of reason.stack.split("\n")) {
+        const topFrameUrl = /[a-z][a-z\d+.-]*:\/\/\S*/i.exec(line)?.[0];
+        if (topFrameUrl == null)
+            continue;
+        return isExtensionUrl(topFrameUrl);
+    }
+    return false;
+}
 export function provideSdAngular(opt) {
     return makeEnvironmentProviders([
         {
@@ -73,11 +101,19 @@ export function provideSdAngular(opt) {
             const envInjector = inject(EnvironmentInjector);
             const rejectionListener = (event) => {
                 event.preventDefault();
+                if (event.reason instanceof Error && isExtensionOriginRejection(event.reason)) {
+                    errorLogger.warn("브라우저 확장 프로그램에서 발생한 오류로 판단해 무시함", event.reason);
+                    return;
+                }
                 const errorHandler = envInjector.get(ErrorHandler);
                 errorHandler.handleError(event);
             };
             const errorListener = (event) => {
                 event.preventDefault();
+                if (isExtensionUrl(event.filename)) {
+                    errorLogger.warn("브라우저 확장 프로그램에서 발생한 오류로 판단해 무시함", `${event.message}\n${event.filename}(${event.lineno}, ${event.colno})`, event.error);
+                    return;
+                }
                 const errorHandler = envInjector.get(ErrorHandler);
                 errorHandler.handleError(event);
             };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simplysm/angular",
-  "version": "14.2.3",
+  "version": "14.2.4",
   "description": "심플리즘 패키지 - Angular",
   "author": "심플리즘",
   "license": "Apache-2.0",
@@ -58,10 +58,10 @@
     "jspdf": "^4.2.1",
     "rxjs": "^7.8.2",
     "tabbable": "^6.5.0",
-    "@simplysm/core-browser": "14.2.3",
-    "@simplysm/service-common": "14.2.3",
-    "@simplysm/service-client": "14.2.3",
-    "@simplysm/core-common": "14.2.3"
+    "@simplysm/core-browser": "14.2.4",
+    "@simplysm/core-common": "14.2.4",
+    "@simplysm/service-common": "14.2.4",
+    "@simplysm/service-client": "14.2.4"
   },
   "devDependencies": {
     "@angular/compiler": "^22.0.7"

package/src/core/provideSdAngular.ts

@@ -33,6 +33,38 @@ import { createLogger } from "@simplysm/core-common";
 
 const logger = createLogger("angular:sw-update");
 const themeLogger = createLogger("angular:theme");
+const errorLogger = createLogger("angular:global-error");
+
+// 브라우저 확장은 자기 스크립트를 페이지 main world 에 주입해 실행하므로,
+// 확장이 던진 오류도 페이지의 전역 error/unhandledrejection 이벤트로 올라온다.
+// 앱 결함이 아니므로 오버레이, 앱 종료 대상에서 제외한다.
+const EXTENSION_URL_SCHEMES = [
+  "chrome-extension://",
+  "moz-extension://",
+  "safari-web-extension://",
+];
+
+// URL 스킴은 표준상 대소문자를 구분하지 않는다(RFC 3986 §3.1).
+function isExtensionUrl(url: string): boolean {
+  const lowerUrl = url.toLowerCase();
+  return EXTENSION_URL_SCHEMES.some((scheme) => lowerUrl.startsWith(scheme));
+}
+
+// 스택 포맷은 엔진마다 다르다(V8 은 "at fn (URL)", SpiderMonkey, JSC 는 "fn@URL").
+// 포맷 대신 URL 이 처음 등장하는 줄을 최상단 프레임으로 보고, 그 URL 의 출처만 따진다.
+// V8 의 "Error: 메시지" 헤더는 대개 URL 이 없어 건너뛰지만, 메시지에 URL 이 박히면 헤더가 최상단으로 잡힌다.
+function isExtensionOriginRejection(reason: Error): boolean {
+  if (reason.stack == null) return false;
+
+  for (const line of reason.stack.split("\n")) {
+    const topFrameUrl = /[a-z][a-z\d+.-]*:\/\/\S*/i.exec(line)?.[0];
+    if (topFrameUrl == null) continue;
+
+    return isExtensionUrl(topFrameUrl);
+  }
+
+  return false;
+}
 
 export function provideSdAngular(opt: { clientName: string }): EnvironmentProviders {
   return makeEnvironmentProviders([
@@ -99,12 +131,28 @@ export function provideSdAngular(opt: { clientName: string }): EnvironmentProvid
 
       const rejectionListener = (event: PromiseRejectionEvent) => {
         event.preventDefault();
+
+        if (event.reason instanceof Error && isExtensionOriginRejection(event.reason)) {
+          errorLogger.warn("브라우저 확장 프로그램에서 발생한 오류로 판단해 무시함", event.reason);
+          return;
+        }
+
         const errorHandler = envInjector.get(ErrorHandler);
         errorHandler.handleError(event);
       };
 
       const errorListener = (event: ErrorEvent) => {
         event.preventDefault();
+
+        if (isExtensionUrl(event.filename)) {
+          errorLogger.warn(
+            "브라우저 확장 프로그램에서 발생한 오류로 판단해 무시함",
+            `${event.message}\n${event.filename}(${event.lineno}, ${event.colno})`,
+            event.error,
+          );
+          return;
+        }
+
         const errorHandler = envInjector.get(ErrorHandler);
         errorHandler.handleError(event);
       };