From 3181fe0c7bdbae4dcdff2ba749f181c4ee192b4e Mon Sep 17 00:00:00 2001
From: H458479 <Pankaj.Patro@Honeywell.com>
Date: Mon, 27 Mar 2023 14:20:22 +0800
Subject: [PATCH 1/2] #307 Exposed Error through an Event Emiiter

---
 .vs/module-federation-plugin/v17/.wsuo          | Bin 0 -> 11264 bytes
 libs/mf-tools/README.md                         |   2 ++
 .../lib/web-components/web-component-wrapper.ts |   5 +++++
 3 files changed, 7 insertions(+)
 create mode 100644 .vs/module-federation-plugin/v17/.wsuo

diff --git a/.vs/module-federation-plugin/v17/.wsuo b/.vs/module-federation-plugin/v17/.wsuo
new file mode 100644
index 0000000000000000000000000000000000000000..03cd22a681c7c99e6fd65bc2193c9ca0a7cd89b3
GIT binary patch
literal 11264
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
Rpht+3e;nlxwFIM;{{aNU<?jFh

literal 0
HcmV?d00001

diff --git a/libs/mf-tools/README.md b/libs/mf-tools/README.md
index d13c1657..34395562 100644
--- a/libs/mf-tools/README.md
+++ b/libs/mf-tools/README.md
@@ -269,6 +269,8 @@ Some optional flags are offered to provide options for custom behavior of the `b
   - Those versions introduced new features on how to share the Platform in the window object.
   - This allows to use the `bootstrap()` function even in such cases, where the same version is packed into different micro frontend bundles.
 
+The `WebComponentWrapper` component exposes the `onError` Output which is emitted if there is an error during loading of remote element into DOM
+
 ## More about the underlying ideas
 
 Please find more information on the underlying ideas in this [blog article](https://www.angulararchitects.io/aktuelles/multi-framework-and-version-micro-frontends-with-module-federation-the-good-the-bad-the-ugly).
diff --git a/libs/mf-tools/src/lib/web-components/web-component-wrapper.ts b/libs/mf-tools/src/lib/web-components/web-component-wrapper.ts
index bbe1261d..05123158 100644
--- a/libs/mf-tools/src/lib/web-components/web-component-wrapper.ts
+++ b/libs/mf-tools/src/lib/web-components/web-component-wrapper.ts
@@ -5,6 +5,8 @@ import {
   Input,
   OnChanges,
   ViewChild,
+  Output,
+  EventEmitter
 } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
 import {
@@ -26,6 +28,8 @@ export class WebComponentWrapper implements AfterContentInit, OnChanges {
   @ViewChild('vc', { read: ElementRef, static: true })
   vc: ElementRef;
 
+  @Output() onError: EventEmitter<unknown> = new EventEmitter();
+
   @Input() options: WebComponentWrapperOptions;
   @Input() props: { [prop: string]: unknown };
   @Input() events: { [event: string]: (event: Event) => void };
@@ -66,6 +70,7 @@ export class WebComponentWrapper implements AfterContentInit, OnChanges {
       this.vc.nativeElement.appendChild(this.element);
     } catch (error) {
       console.error(error);
+      this.onError.emit(error);
     }
   }
 }

From 211fcc5809ea93a9a9b76c107c473427a3e28528 Mon Sep 17 00:00:00 2001
From: H458479 <Pankaj.Patro@Honeywell.com>
Date: Tue, 18 Apr 2023 16:50:34 +0800
Subject: [PATCH 2/2] Fix for Issue 307. Deleting unwanted checkin

---
 .gitignore                             |   1 +
 .vs/module-federation-plugin/v17/.wsuo | Bin 11264 -> 0 bytes
 2 files changed, 1 insertion(+)
 delete mode 100644 .vs/module-federation-plugin/v17/.wsuo

diff --git a/.gitignore b/.gitignore
index b54b45a1..db4a4877 100644
--- a/.gitignore
+++ b/.gitignore
@@ -40,3 +40,4 @@ testem.log
 Thumbs.db
 
 .angular
+.vs/module-federation-plugin/v17/.wsuo
diff --git a/.vs/module-federation-plugin/v17/.wsuo b/.vs/module-federation-plugin/v17/.wsuo
deleted file mode 100644
index 03cd22a681c7c99e6fd65bc2193c9ca0a7cd89b3..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 11264
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
Rpht+3e;nlxwFIM;{{aNU<?jFh