ngx-reactify 0.0.2 → 0.1.0

package/fesm2022/ngx-reactify.mjs

@@ -5,99 +5,245 @@ import * as React from 'react';
 import { firstValueFrom } from 'rxjs';
 import { createRoot } from 'react-dom/client';
 
-// declare const Zone;
-// const zone = Zone ? new Zone(Zone.current, { name: "@dotglitch_menu", properties: {} }) : null;
 /**
- * Wrap an angular component inside of a React memo object.
+ * Wrap an Angular component inside of a React memo object.
  * Will attempt to bind @Input and @Output properties if provided,
  * and will bind the react arguments directly as @Input properties.
  *
- * @experimental
- * @param componentClass Angular component
- * @param envInjector    An `EnvironmentInjector` instance to be used for the component
- * @param injector       An `ElementInjector` instance
- * @param _inputs
- * @param _outputs
- * @returns
+ * Usage: An Angular top-level application with a ReactifyNgComponent react implementation
+ * that needs to embed Angular components as children of the react-wrapped component.
+ *
+ * This is replaced by `WrapAngularComponentInReact`.
+ * @deprecated
  */
-const ReactifyReactComponent = ({ component, appRef, injector, ngZone, staticInputs, staticOutputs, preSiblings, postSiblings, additionalChildren, rootElementName, containerElementName }) => React.memo((args) => {
-    const id = Math.random().toString();
-    React.useEffect(() => {
-        try {
-            const componentInstance = createComponent(component, {
-                environmentInjector: appRef.injector,
-                elementInjector: injector,
-                hostElement: document.getElementById(id)
-            });
-            appRef.attachView(componentInstance.hostView);
-            // @ts-ignore
-            // component.hostView = hostView;
-            Object.assign(staticInputs, args);
-            const { inputs, outputs } = component['ɵcmp'];
-            // Returns a list of entries that need to be set
-            // This makes it so that unnecessary setters are not invoked.
-            const updated = Object.entries(inputs).filter(([parentKey, childKey]) => {
-                return componentInstance.instance[childKey] != staticInputs[parentKey];
-            });
-            updated.forEach(([parentKey, childKey]) => {
-                if (staticInputs.hasOwnProperty(parentKey))
-                    componentInstance.instance[childKey] = staticInputs[parentKey];
-            });
-            const outputSubscriptions = {};
-            // Get a list of unregistered outputs
-            const newOutputs = Object.entries(outputs).filter(([parentKey, childKey]) => {
-                return !outputSubscriptions[parentKey];
-            });
-            // Reverse bind via subscription
-            newOutputs.forEach(([parentKey, childKey]) => {
-                if (!staticOutputs.hasOwnProperty(parentKey))
-                    return;
-                const target = componentInstance.instance[childKey];
-                const outputs = staticOutputs;
-                const sub = target.subscribe((...args) => {
-                    // Run the callback in the provided zone
-                    ngZone.run(() => {
-                        outputs[parentKey](...args);
-                    });
-                }); // Subscription
-                outputSubscriptions[parentKey] = sub;
-            });
-            // Wrap the destroy method to safely release the subscriptions
-            const originalDestroy = componentInstance.onDestroy?.bind(componentInstance);
-            componentInstance.onDestroy = (cb) => {
+const ReactifyAngularComponent = ({ component, appRef, injector, ngZone, staticInputs = {}, staticOutputs = {}, preSiblings = [], postSiblings = [], additionalChildren = [], rootElementName = '', containerElementName = '' }) => React.memo((args) => {
+    return ngZone.runOutsideAngular(() => {
+        let outputSubscriptions;
+        let componentInstance;
+        const tripChangeDetection = () => componentInstance?.changeDetectorRef?.detectChanges();
+        // These attributes will trigger change detection when they fire from
+        // the underlying React element.
+        // ... This will break things. FUCK.
+        const attributes = ['onCopy', 'onCut', 'onPaste', 'onAbort', 'onBlur', 'onFocus', 'onCanPlay', 'onCanPlayThrough', 'onChange', 'onClick', 'onContextMenu', 'onDoubleClick', 'onDrag', 'onDragEnd', 'onDragEnter', 'onDragLeave', 'onDragOver', 'onDragStart', 'onDrop', 'onDurationChange', 'onEmptied', 'onEnded', 'onInput', 'onInvalid', 'onKeyDown', 'onKeyPress', 'onKeyUp', 'onLoad', 'onLoadedData', 'onLoadedMetadata', 'onLoadStart', 'onMouseDown', 'onMouseEnter', 'onMouseLeave', 'onMouseMove', 'onMouseOut', 'onMouseOver', 'onMouseUp', 'onPause', 'onPlay', 'onPlaying', 'onProgress', 'onRateChange', 'onReset', 'onScroll', 'onSeeked', 'onSeeking', 'onSelect', 'onStalled', 'onSubmit', 'onSuspend', 'onTimeUpdate', 'onVolumeChange', 'onWaiting', 'onError'];
+        const attrObj = {};
+        attributes.forEach(a => attrObj[a] = tripChangeDetection);
+        React.useEffect(() => {
+            return () => {
+                // Code to run when the component unmounts
+                appRef?.detachView(componentInstance.hostView);
                 Object.values(outputSubscriptions).forEach(s => s.unsubscribe());
-                originalDestroy?.(cb);
+                componentInstance?.destroy();
             };
-            componentInstance.changeDetectorRef.detectChanges();
+        }, []);
+        const elements = [
+            ...(preSiblings || []),
+            React.createElement(containerElementName || "div", {
+                ...attrObj,
+                ref: node => {
+                    const { inputs, outputs } = component['ɵcmp'];
+                    if (componentInstance)
+                        return;
+                    ngZone.run(() => {
+                        componentInstance = createComponent(component, {
+                            environmentInjector: appRef.injector,
+                            elementInjector: injector,
+                            hostElement: node
+                        });
+                        Object.assign(staticInputs, args);
+                        appRef.attachView(componentInstance.hostView);
+                    });
+                    // Returns a list of entries that need to be set
+                    // This makes it so that unnecessary setters are not invoked.
+                    const updated = Object.entries(inputs).filter(([parentKey, childKey]) => {
+                        return componentInstance.instance[childKey] != staticInputs[parentKey];
+                    });
+                    updated.forEach(([parentKey, childKey]) => {
+                        if (staticInputs.hasOwnProperty(parentKey))
+                            componentInstance.instance[childKey] = staticInputs[parentKey];
+                    });
+                    outputSubscriptions = {};
+                    // Get a list of unregistered outputs
+                    const newOutputs = Object.entries(outputs).filter(([parentKey, childKey]) => {
+                        return !outputSubscriptions[parentKey];
+                    });
+                    // Reverse bind via subscription
+                    newOutputs.forEach(([parentKey, childKey]) => {
+                        if (!staticOutputs.hasOwnProperty(parentKey))
+                            return;
+                        const target = componentInstance.instance[childKey];
+                        const outputs = staticOutputs;
+                        const sub = target.subscribe((...args) => {
+                            // Run the callback in the provided zone
+                            ngZone.run(() => {
+                                outputs[parentKey](...args);
+                            });
+                        }); // Subscription
+                        outputSubscriptions[parentKey] = sub;
+                    });
+                    // Wrap the destroy method to safely release the subscriptions
+                    const originalDestroy = componentInstance.onDestroy?.bind(componentInstance);
+                    componentInstance.onDestroy = (cb) => {
+                        Object.values(outputSubscriptions).forEach(s => s.unsubscribe());
+                        originalDestroy?.(cb);
+                    };
+                    componentInstance.changeDetectorRef.detectChanges();
+                }
+            }),
+            ...(postSiblings || []),
+            ...(additionalChildren || [])
+        ].filter(e => e);
+        return React.createElement(rootElementName || "div", {}, ...elements);
+    });
+});
+/**
+ * Do not use this.
+ * @hidden
+ * @experimental
+ */
+const ng2ReactProps = (obj = {}) => {
+    const props = {};
+    Object.entries(obj).forEach(([k, v]) => {
+        // Omit things prefixed with an underscore
+        if (k.startsWith('_'))
+            return;
+        // Omit output event emitters
+        if (v instanceof EventEmitter) {
+            props[k] = (...args) => v.emit([args]);
         }
-        catch (err) {
-            console.error(err);
+        else {
+            props[k] = v;
         }
-    }, []);
-    const elements = [
-        ...(preSiblings || []),
-        React.createElement(containerElementName || "div", { id }),
-        ...(postSiblings || []),
-        ...(additionalChildren || [])
-    ].filter(e => e);
-    return React.createElement(rootElementName || "div", {}, ...elements);
-});
-const ReactifyAngularComponent2 = (component, props) => {
-    const inputRef = React.useRef(null);
+    });
+    return props;
+};
+/**
+ * This method will create a React component that
+ * wraps an Angular component.
+ * @returns React.NamedExoticComponent
+ *
+ * @hidden
+ * @experimental
+ */
+function WrapAngularComponentInReact({ component, ngZone, appRef, injector, props, containerTag, reactTemplate, projectableNodes }) {
+    props ??= {};
+    containerTag ??= 'div';
     const ctx = this;
-    React.useEffect(() => {
+    const createWrappedElement = () => {
         // Is there a better way to do this?
         let subscriptions;
-        let app;
-        (async () => {
-            // Code to run when the component mounts
-            app = await createApplication({ providers: [] });
-            const base = app.bootstrap(component, inputRef.current);
+        let componentInstance;
+        reactTemplate ??= (el) => el;
+        return React.memo((args) => {
+            Object.assign(props, args);
+            React.useEffect(() => {
+                return () => {
+                    // Cleanup and dispose leftover Angular objects
+                    appRef?.detachView(componentInstance.hostView);
+                    subscriptions?.forEach(s => s?.unsubscribe());
+                    componentInstance?.destroy();
+                };
+            }, []);
+            const tripChangeDetection = () => componentInstance?.changeDetectorRef?.detectChanges();
+            // These attributes will trigger change detection when they fire from
+            // the underlying React element.
+            // ... This will break things. FUCK.
+            const attributes = ['onCopy', 'onCut', 'onPaste', 'onAbort', 'onBlur', 'onFocus', 'onCanPlay', 'onCanPlayThrough', 'onChange', 'onClick', 'onContextMenu', 'onDoubleClick', 'onDrag', 'onDragEnd', 'onDragEnter', 'onDragLeave', 'onDragOver', 'onDragStart', 'onDrop', 'onDurationChange', 'onEmptied', 'onEnded', 'onInput', 'onInvalid', 'onKeyDown', 'onKeyPress', 'onKeyUp', 'onLoad', 'onLoadedData', 'onLoadedMetadata', 'onLoadStart', 'onMouseDown', 'onMouseEnter', 'onMouseLeave', 'onMouseMove', 'onMouseOut', 'onMouseOver', 'onMouseUp', 'onPause', 'onPlay', 'onPlaying', 'onProgress', 'onRateChange', 'onReset', 'onScroll', 'onSeeked', 'onSeeking', 'onSelect', 'onStalled', 'onSubmit', 'onSuspend', 'onTimeUpdate', 'onVolumeChange', 'onWaiting', 'onError'];
+            const attrObj = {};
+            attributes.forEach(a => attrObj[a] = tripChangeDetection);
+            return reactTemplate(React.createElement(containerTag, {
+                ...attrObj,
+                ref: async (node) => {
+                    if (componentInstance)
+                        return;
+                    // Not sure if this ever actually happens, added as a preventative measure
+                    // to memory leaks.
+                    subscriptions?.forEach(s => s?.unsubscribe());
+                    const bootstrap = () => {
+                        // Init the Angular component with the context of the root Angular app.
+                        componentInstance = createComponent(component, {
+                            environmentInjector: appRef.injector,
+                            elementInjector: injector,
+                            hostElement: node,
+                            projectableNodes: projectableNodes
+                        });
+                        appRef.attachView(componentInstance.hostView);
+                    };
+                    ngZone?.runTask
+                        ? ngZone?.runTask(bootstrap)
+                        : bootstrap();
+                    // Now that everything has settled, bind inputs and outputs.
+                    subscriptions = [];
+                    Object.entries(props).filter(([k, v]) => {
+                        // @Outputs are always Event Emitters (I think)
+                        if (v instanceof EventEmitter) {
+                            subscriptions.push(componentInstance.instance[k]?.subscribe(evt => props[k].call(ctx, evt)));
+                        }
+                        else {
+                            componentInstance.instance[k] = props[k];
+                        }
+                    });
+                    componentInstance.changeDetectorRef.detectChanges();
+                }
+            }));
+        });
+    };
+    return ngZone?.runOutsideAngular
+        ? ngZone?.runOutsideAngular(createWrappedElement)
+        : createWrappedElement();
+}
+/**
+ * This method will automatically wrap an Angular
+ * Component or Directive into a React object.
+ * @Outputs (EventEmitters) will be automatically
+ * linked into the input properties along with
+ * all of the @Inputs.
+ * @returns React.NamedExoticComponent
+ * @experimental
+ */
+const AutoWrapAngularObject = ({ component, appRef, ngZone, instance, injector, containerTag, reactTemplate, }) => {
+    const props = ng2ReactProps(instance);
+    return WrapAngularComponentInReact({
+        component,
+        ngZone,
+        appRef,
+        injector,
+        containerTag,
+        props,
+        reactTemplate
+    });
+};
+/**
+ * Bootstrap an Angular component with `createApplication` and export it under a
+ * react Element.
+ * Usage: React top-level application embedding an Angular component.
+ */
+function ReactifyStandaloneAngularComponent(component, props = {}, providers = [], containerTag = 'div') {
+    const ctx = this;
+    // Is there a better way to do this?
+    let subscriptions;
+    let app;
+    React.useEffect(() => {
+        return () => {
+            // Code to run when the component unmounts
+            subscriptions?.forEach(s => s?.unsubscribe());
+            app?.destroy();
+        };
+    }, []);
+    return React.createElement(containerTag, {
+        ref: async (node) => {
+            // Not sure if this ever actually happens, added as a preventative measure
+            // to memory leaks.
+            subscriptions?.forEach(s => s?.unsubscribe());
+            app?.destroy();
+            // Init an Angular application root & bootstrap it to a DOM element.
+            app = await createApplication({ providers });
+            const base = app.bootstrap(component, node);
             const { instance } = base;
+            // Wait for the JS to finish rendering and initing.
             await firstValueFrom(app.isStable);
-            // App has now bootstrapped fully.
+            // Now that everything has settled, bind inputs and outputs.
             subscriptions = [];
-            Object.entries(instance).filter(([k, v]) => {
+            Object.entries(props).filter(([k, v]) => {
                 // @Outputs are always Event Emitters (I think)
                 if (v instanceof EventEmitter) {
                     subscriptions.push(instance[k]?.subscribe(evt => props[k].call(ctx, evt)));
@@ -106,33 +252,56 @@ const ReactifyAngularComponent2 = (component, props) => {
                     instance[k] = props[k];
                 }
             });
-        })();
-        return () => {
-            // Code to run when the component unmounts
-            subscriptions?.forEach(s => s?.unsubscribe());
-            app?.destroy();
-        };
-    }, []); // Empty dependency array ensures this effect runs only once on mount and cleanup on unmount
-    const obj = {};
-    return React.createElement("div");
-};
+            base.changeDetectorRef.detectChanges();
+        }
+    });
+}
+// These exports exist to attempt to make the API have minimal breaking changes.
+const ReactifyReactComponent = ReactifyAngularComponent;
+const ReactifyAngularComponent3 = WrapAngularComponentInReact;
+;
 
 /**
- * Extend this component to automatically generate
- * bindings to a React component.
+ * This component can be used to automatically wrap a React
+ * component into Angular bindings with functional change detection.
+ * All you need to provide is the @Input and @Output interface
+ * for the component in order to tell Angular which keys correspond to what.
+ *
+ * ### You _must_ override the property `ngReactComponent`.
  *
- * ! You _must_ override the property `ngReactComponent`
  * Failure to do so will result in errors
- * `override readonly ngReactComponent = ReactFlowWrappableComponent;`
+ *
+ * `override readonly ngReactComponent = SomeReactFunction;`
+ *
+ * Example:
+ *
+ * ```ts
+ *  @Component({
+ *      selector: "app-react-wrapped",
+ *      standalone: true
+ *  })
+ *  export class MyReactWrappedComponent extends ReactifyNgComponent {
+ *
+ *      @Input() data: any;
+ *      @Input() options: any;
+ *      @Input() version: any;
+ *
+ *      // Notice how we wrap the result in an array, this is important because
+ *      // React can pass multiple properties to a callback and Angular can't.
+ *      @Output() onClick = new EventEmitter<[any]>();
+ *
+ * }
+ * ```
  */
 class ReactifyNgComponent {
     constructor(ngContainer, ngZone) {
         this.ngContainer = ngContainer;
         this.ngZone = ngZone;
+        this._props = {};
     }
     ngOnInit() {
         if (!this.ngReactComponent) {
-            throw new Error("ReactMagicWrapperComponent cannot start without a provided ngReactComponent!");
+            throw new Error("ReactifyNgComponent cannot be inherited without a provided ngReactComponent!");
         }
     }
     ngOnChanges(changes) {
@@ -156,33 +325,33 @@ class ReactifyNgComponent {
                 // List all keys that do not start with `_` nor `ng`
                 const keys = Object.keys(this).filter(k => !/^(?:_|ng)/.test(k));
                 // Get all property keys from the class
-                const propKeys = keys.filter(k => !k.startsWith("on"));
+                const propKeys = keys.filter(k => !(this[k] instanceof EventEmitter));
                 // Get all event handler keys from the class
-                const evtKeys = keys.filter(k => k.startsWith("on"));
-                const props = {};
+                const evtKeys = keys.filter(k => this[k] instanceof EventEmitter);
                 // Project all key properties onto `props`
-                propKeys.forEach(k => props[k] = this[k]);
+                propKeys.forEach(k => this._props[k] = this[k]);
                 // Attempt to ensure no zone is lost during the event emitter fires
                 this.ngZone.runGuarded(() => {
                     // Bind all event handlers.
                     // ! important Angular uses EventEmitter, React uses
                     // a different method of event binding
-                    evtKeys.forEach(k => props[k] = (...args) => this[k].next(args));
+                    evtKeys.forEach(k => this._props[k] = (...args) => this[k].next(args));
                 });
-                this._root.render(React.createElement(this.ngReactComponent, { props: props }));
+                this._reactElement = React.createElement(this.ngReactComponent, { props: this._props });
+                this._root.render(this._reactElement);
             }
             catch (err) {
                 console.error(err);
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ReactifyNgComponent, deps: [{ token: i0.ViewContainerRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: ReactifyNgComponent, isStandalone: true, selector: "app-react-magic-wrapper", usesOnChanges: true, ngImport: i0, template: ``, isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ReactifyNgComponent, deps: [{ token: i0.ViewContainerRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ReactifyNgComponent, isStandalone: true, selector: "ngx-reactify", usesOnChanges: true, ngImport: i0, template: ``, isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ReactifyNgComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ReactifyNgComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'app-react-magic-wrapper',
+                    selector: 'ngx-reactify',
                     template: ``,
                     standalone: true
                 }]
@@ -192,5 +361,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ReactifyAngularComponent2, ReactifyNgComponent, ReactifyReactComponent };
+export { AutoWrapAngularObject, ReactifyAngularComponent, ReactifyAngularComponent3, ReactifyNgComponent, ReactifyReactComponent, ReactifyStandaloneAngularComponent, WrapAngularComponentInReact, ng2ReactProps };
 //# sourceMappingURL=ngx-reactify.mjs.map

package/fesm2022/ngx-reactify.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngx-reactify.mjs","sources":["../../../src/util/angular-to-react.ts","../../../src/util/react-to-angular.ts","../../../src/ngx-reactify.ts"],"sourcesContent":["import { Type, ApplicationRef, Injector, NgZone, createComponent, EventEmitter } from '@angular/core';\nimport { createApplication } from '@angular/platform-browser';\nimport * as React from 'react';\nimport { firstValueFrom, Subscription } from 'rxjs';\n\n\n// declare const Zone;\n// const zone = Zone ? new Zone(Zone.current, { name: \"@dotglitch_menu\", properties: {} }) : null;\n\n/**\n * Wrap an angular component inside of a React memo object.\n * Will attempt to bind @Input and @Output properties if provided,\n * and will bind the react arguments directly as @Input properties.\n *\n * @experimental\n * @param componentClass Angular component\n * @param envInjector    An `EnvironmentInjector` instance to be used for the component\n * @param injector       An `ElementInjector` instance\n * @param _inputs\n * @param _outputs\n * @returns\n */\nexport const ReactifyReactComponent = ({\n    component,\n    appRef,\n    injector,\n    ngZone,\n    staticInputs,\n    staticOutputs,\n    preSiblings,\n    postSiblings,\n    additionalChildren,\n    rootElementName,\n    containerElementName\n}: {\n    component: Type<any>,\n    appRef: Omit<ApplicationRef, '_runningTick'>,\n    injector: Injector,\n    ngZone: NgZone,\n    staticInputs?: { [key: string]: any; },\n    staticOutputs?: { [key: string]: Function; },\n    preSiblings?: React.ReactNode[],\n    postSiblings?: React.ReactNode[],\n    additionalChildren?: React.ReactNode[],\n    rootElementName?: Parameters<typeof React.createElement>[0],\n    containerElementName?: string;\n}) => React.memo((args) => {\n\n    const id = Math.random().toString();\n    React.useEffect(() => {\n        try {\n\n            const componentInstance = createComponent(component, {\n                environmentInjector: appRef.injector,\n                elementInjector: injector,\n                hostElement: document.getElementById(id)\n            });\n\n            appRef.attachView(componentInstance.hostView);\n            // @ts-ignore\n            // component.hostView = hostView;\n\n            Object.assign(staticInputs, args);\n\n            const { inputs, outputs } = component['ɵcmp'];\n\n            // Returns a list of entries that need to be set\n            // This makes it so that unnecessary setters are not invoked.\n            const updated = Object.entries(inputs).filter(([parentKey, childKey]: [string, string]) => {\n                return componentInstance.instance[childKey] != staticInputs[parentKey];\n            });\n\n            updated.forEach(([parentKey, childKey]: [string, string]) => {\n                if (staticInputs.hasOwnProperty(parentKey))\n                    componentInstance.instance[childKey] = staticInputs[parentKey];\n            });\n\n            const outputSubscriptions: { [key: string]: Subscription; } = {};\n            // Get a list of unregistered outputs\n            const newOutputs = Object.entries(outputs).filter(([parentKey, childKey]: [string, string]) => {\n                return !outputSubscriptions[parentKey];\n            });\n\n            // Reverse bind via subscription\n            newOutputs.forEach(([parentKey, childKey]: [string, string]) => {\n                if (!staticOutputs.hasOwnProperty(parentKey)) return;\n\n                const target: EventEmitter<unknown> = componentInstance.instance[childKey];\n                const outputs = staticOutputs;\n\n                const sub = target.subscribe((...args) => {\n                    // Run the callback in the provided zone\n                    ngZone.run(() => {\n                        outputs[parentKey](...args);\n                    });\n                }); // Subscription\n\n                outputSubscriptions[parentKey] = sub;\n            });\n\n            // Wrap the destroy method to safely release the subscriptions\n            const originalDestroy = componentInstance.onDestroy?.bind(componentInstance);\n            componentInstance.onDestroy = (cb) => {\n                Object.values(outputSubscriptions).forEach(s => s.unsubscribe());\n                originalDestroy?.(cb);\n            };\n\n            componentInstance.changeDetectorRef.detectChanges();\n        }\n        catch (err) {\n            console.error(err);\n        }\n    }, []);\n\n    const elements = [\n        ...(preSiblings || []),\n        React.createElement(containerElementName || \"div\", { id }),\n        ...(postSiblings || []),\n        ...(additionalChildren || [])\n    ].filter(e => e);\n\n    return React.createElement(rootElementName || \"div\", {}, ...elements);\n});\n\n\nexport const ReactifyAngularComponent2 = (\n    component: Type<any>,\n    props: any\n) => {\n    const inputRef = React.useRef(null);\n    const ctx = this;\n\n    React.useEffect(() => {\n        // Is there a better way to do this?\n        let subscriptions: Subscription[];\n        let app: ApplicationRef;\n        (async () => {\n            // Code to run when the component mounts\n            app = await createApplication({ providers: [] });\n            const base = app.bootstrap(component, inputRef.current);\n            const { instance } = base;\n\n            await firstValueFrom(app.isStable);\n\n            // App has now bootstrapped fully.\n            subscriptions = [];\n            Object.entries(instance).filter(([k, v]) => {\n                // @Outputs are always Event Emitters (I think)\n                if (v instanceof EventEmitter) {\n                    subscriptions.push(\n                        instance[k]?.subscribe(evt => props[k].call(ctx, evt))\n                    );\n                }\n                else {\n                    instance[k] = props[k];\n                }\n            })\n        })()\n\n        return () => {\n            // Code to run when the component unmounts\n            subscriptions?.forEach(s => s?.unsubscribe());\n            app?.destroy();\n        };\n    }, []); // Empty dependency array ensures this effect runs only once on mount and cleanup on unmount\n\n    const obj = {};\n\n    return React.createElement(\"div\")\n}\n","import { AfterViewInit, ApplicationRef, Component, ComponentFactoryResolver, EnvironmentInjector, EventEmitter, Injector, NgZone, OnChanges, OnDestroy, SimpleChanges, Type, ViewContainerRef, ViewRef, createComponent } from '@angular/core';\nimport * as React from 'react';\nimport { createRoot, Root } from 'react-dom/client';\n\n\n/**\n * Extend this component to automatically generate\n * bindings to a React component.\n *\n * ! You _must_ override the property `ngReactComponent`\n * Failure to do so will result in errors\n * `override readonly ngReactComponent = ReactFlowWrappableComponent;`\n */\n@Component({\n    selector: 'app-react-magic-wrapper',\n    template: ``,\n    standalone: true\n})\nexport class ReactifyNgComponent implements OnChanges, OnDestroy, AfterViewInit {\n\n    /**\n     * The react component to be wrapped.\n     * ! Must be overridden for this wrapper to work\n     */\n    ngReactComponent: React.FunctionComponent<any> | React.ComponentClass<any>;\n\n    private _root: Root;\n\n    constructor(\n        private readonly ngContainer: ViewContainerRef,\n        private readonly ngZone: NgZone\n    ) {\n    }\n\n    ngOnInit() {\n        if (!this.ngReactComponent) {\n            throw new Error(\"ReactMagicWrapperComponent cannot start without a provided ngReactComponent!\");\n        }\n    }\n\n    ngOnChanges(changes?: SimpleChanges): void {\n        this._render();\n    }\n\n    ngAfterViewInit() {\n        this._render();\n    }\n\n    ngOnDestroy() {\n        this._root?.unmount();\n    }\n\n    private _render() {\n        if (!this.ngReactComponent) {\n            console.log(\"Render no component. May be context issue\")\n            return\n        };\n\n        this.ngZone.runOutsideAngular(() => {\n            try {\n                this._root ??= createRoot(this.ngContainer.element.nativeElement);\n\n                // List all keys that do not start with `_` nor `ng`\n                const keys = Object.keys(this).filter(k => !/^(?:_|ng)/.test(k));\n\n                // Get all property keys from the class\n                const propKeys = keys.filter(k => !k.startsWith(\"on\"));\n                // Get all event handler keys from the class\n                const evtKeys = keys.filter(k => k.startsWith(\"on\"));\n\n                const props = {};\n                // Project all key properties onto `props`\n                propKeys.forEach(k => props[k] = this[k]);\n\n                // Attempt to ensure no zone is lost during the event emitter fires\n                this.ngZone.runGuarded(() => {\n                    // Bind all event handlers.\n                    // ! important Angular uses EventEmitter, React uses\n                    // a different method of event binding\n                    evtKeys.forEach(k => props[k] = (...args) => this[k].next(args));\n                })\n\n                this._root.render(React.createElement(this.ngReactComponent, { props: props as any }));\n            }\n            catch(err) {\n                console.error(err)\n            }\n        })\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["this"],"mappings":";;;;;;;AAMA;AACA;AAEA;;;;;;;;;;;;AAYG;AACU,MAAA,sBAAsB,GAAG,CAAC,EACnC,SAAS,EACT,MAAM,EACN,QAAQ,EACR,MAAM,EACN,YAAY,EACZ,aAAa,EACb,WAAW,EACX,YAAY,EACZ,kBAAkB,EAClB,eAAe,EACf,oBAAoB,EAavB,KAAK,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,KAAI;IAEtB,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;AACnC,IAAA,KAAK,CAAC,SAAS,CAAC,MAAK;AACjB,QAAA,IAAI;AAEA,YAAA,MAAM,iBAAiB,GAAG,eAAe,CAAC,SAAS,EAAE;gBACjD,mBAAmB,EAAE,MAAM,CAAC,QAAQ;AACpC,gBAAA,eAAe,EAAE,QAAQ;AACzB,gBAAA,WAAW,EAAE,QAAQ,CAAC,cAAc,CAAC,EAAE;AAC1C,aAAA,CAAC;AAEF,YAAA,MAAM,CAAC,UAAU,CAAC,iBAAiB,CAAC,QAAQ,CAAC;;;AAI7C,YAAA,MAAM,CAAC,MAAM,CAAC,YAAY,EAAE,IAAI,CAAC;YAEjC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,CAAC,MAAM,CAAC;;;AAI7C,YAAA,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAAE,QAAQ,CAAmB,KAAI;gBACtF,OAAO,iBAAiB,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,YAAY,CAAC,SAAS,CAAC;AAC1E,aAAC,CAAC;YAEF,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAAE,QAAQ,CAAmB,KAAI;AACxD,gBAAA,IAAI,YAAY,CAAC,cAAc,CAAC,SAAS,CAAC;oBACtC,iBAAiB,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,YAAY,CAAC,SAAS,CAAC;AACtE,aAAC,CAAC;YAEF,MAAM,mBAAmB,GAAqC,EAAE;;AAEhE,YAAA,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAAE,QAAQ,CAAmB,KAAI;AAC1F,gBAAA,OAAO,CAAC,mBAAmB,CAAC,SAAS,CAAC;AAC1C,aAAC,CAAC;;YAGF,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAAE,QAAQ,CAAmB,KAAI;AAC3D,gBAAA,IAAI,CAAC,aAAa,CAAC,cAAc,CAAC,SAAS,CAAC;oBAAE;gBAE9C,MAAM,MAAM,GAA0B,iBAAiB,CAAC,QAAQ,CAAC,QAAQ,CAAC;gBAC1E,MAAM,OAAO,GAAG,aAAa;gBAE7B,MAAM,GAAG,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,IAAI,KAAI;;AAErC,oBAAA,MAAM,CAAC,GAAG,CAAC,MAAK;AACZ,wBAAA,OAAO,CAAC,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC;AAC/B,qBAAC,CAAC;iBACL,CAAC,CAAC;AAEH,gBAAA,mBAAmB,CAAC,SAAS,CAAC,GAAG,GAAG;AACxC,aAAC,CAAC;;YAGF,MAAM,eAAe,GAAG,iBAAiB,CAAC,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAAC;AAC5E,YAAA,iBAAiB,CAAC,SAAS,GAAG,CAAC,EAAE,KAAI;AACjC,gBAAA,MAAM,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,CAAC;AAChE,gBAAA,eAAe,GAAG,EAAE,CAAC;AACzB,aAAC;AAED,YAAA,iBAAiB,CAAC,iBAAiB,CAAC,aAAa,EAAE;;QAEvD,OAAO,GAAG,EAAE;AACR,YAAA,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC;;KAEzB,EAAE,EAAE,CAAC;AAEN,IAAA,MAAM,QAAQ,GAAG;AACb,QAAA,IAAI,WAAW,IAAI,EAAE,CAAC;QACtB,KAAK,CAAC,aAAa,CAAC,oBAAoB,IAAI,KAAK,EAAE,EAAE,EAAE,EAAE,CAAC;AAC1D,QAAA,IAAI,YAAY,IAAI,EAAE,CAAC;AACvB,QAAA,IAAI,kBAAkB,IAAI,EAAE;KAC/B,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC;AAEhB,IAAA,OAAO,KAAK,CAAC,aAAa,CAAC,eAAe,IAAI,KAAK,EAAE,EAAE,EAAE,GAAG,QAAQ,CAAC;AACzE,CAAC;MAGY,yBAAyB,GAAG,CACrC,SAAoB,EACpB,KAAU,KACV;IACA,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC;IACnC,MAAM,GAAG,GAAGA,IAAI;AAEhB,IAAA,KAAK,CAAC,SAAS,CAAC,MAAK;;AAEjB,QAAA,IAAI,aAA6B;AACjC,QAAA,IAAI,GAAmB;QACvB,CAAC,YAAW;;YAER,GAAG,GAAG,MAAM,iBAAiB,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC;AAChD,YAAA,MAAM,IAAI,GAAG,GAAG,CAAC,SAAS,CAAC,SAAS,EAAE,QAAQ,CAAC,OAAO,CAAC;AACvD,YAAA,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI;AAEzB,YAAA,MAAM,cAAc,CAAC,GAAG,CAAC,QAAQ,CAAC;;YAGlC,aAAa,GAAG,EAAE;AAClB,YAAA,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAI;;AAEvC,gBAAA,IAAI,CAAC,YAAY,YAAY,EAAE;oBAC3B,aAAa,CAAC,IAAI,CACd,QAAQ,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,GAAG,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CACzD;;qBAEA;oBACD,QAAQ,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;;AAE9B,aAAC,CAAC;SACL,GAAG;AAEJ,QAAA,OAAO,MAAK;;AAER,YAAA,aAAa,EAAE,OAAO,CAAC,CAAC,IAAI,CAAC,EAAE,WAAW,EAAE,CAAC;YAC7C,GAAG,EAAE,OAAO,EAAE;AAClB,SAAC;AACL,KAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,GAAG,GAAG,EAAE;AAEd,IAAA,OAAO,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC;AACrC;;ACpKA;;;;;;;AAOG;MAMU,mBAAmB,CAAA;IAU5B,WACqB,CAAA,WAA6B,EAC7B,MAAc,EAAA;QADd,IAAW,CAAA,WAAA,GAAX,WAAW;QACX,IAAM,CAAA,MAAA,GAAN,MAAM;;IAI3B,QAAQ,GAAA;AACJ,QAAA,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE;AACxB,YAAA,MAAM,IAAI,KAAK,CAAC,8EAA8E,CAAC;;;AAIvG,IAAA,WAAW,CAAC,OAAuB,EAAA;QAC/B,IAAI,CAAC,OAAO,EAAE;;IAGlB,eAAe,GAAA;QACX,IAAI,CAAC,OAAO,EAAE;;IAGlB,WAAW,GAAA;AACP,QAAA,IAAI,CAAC,KAAK,EAAE,OAAO,EAAE;;IAGjB,OAAO,GAAA;AACX,QAAA,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE;AACxB,YAAA,OAAO,CAAC,GAAG,CAAC,2CAA2C,CAAC;YACxD;;QACH;AAED,QAAA,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,MAAK;AAC/B,YAAA,IAAI;AACA,gBAAA,IAAI,CAAC,KAAK,KAAK,UAAU,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,aAAa,CAAC;;gBAGjE,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;;AAGhE,gBAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;;AAEtD,gBAAA,MAAM,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;gBAEpD,MAAM,KAAK,GAAG,EAAE;;AAEhB,gBAAA,QAAQ,CAAC,OAAO,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;;AAGzC,gBAAA,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,MAAK;;;;AAIxB,oBAAA,OAAO,CAAC,OAAO,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AACpE,iBAAC,CAAC;gBAEF,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,gBAAgB,EAAE,EAAE,KAAK,EAAE,KAAY,EAAE,CAAC,CAAC;;YAE1F,OAAM,GAAG,EAAE;AACP,gBAAA,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC;;AAE1B,SAAC,CAAC;;8GArEG,mBAAmB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,MAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAnB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,wGAHlB,CAAE,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,CAAA;;2FAGH,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAL/B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,yBAAyB;AACnC,oBAAA,QAAQ,EAAE,CAAE,CAAA;AACZ,oBAAA,UAAU,EAAE;AACf,iBAAA;;;ACjBD;;AAEG;;;;"}
+{"version":3,"file":"ngx-reactify.mjs","sources":["../../../src/util/angular-to-react.ts","../../../src/util/react-to-angular.ts","../../../src/ngx-reactify.ts"],"sourcesContent":["import { Type, ApplicationRef, Injector, NgZone, createComponent, EventEmitter, Provider, EnvironmentProviders, ComponentRef } from '@angular/core';\nimport { createApplication } from '@angular/platform-browser';\nimport * as React from 'react';\nimport { firstValueFrom, Subscription } from 'rxjs';\n\n\n/**\n * Wrap an Angular component inside of a React memo object.\n * Will attempt to bind @Input and @Output properties if provided,\n * and will bind the react arguments directly as @Input properties.\n *\n * Usage: An Angular top-level application with a ReactifyNgComponent react implementation\n * that needs to embed Angular components as children of the react-wrapped component.\n *\n * This is replaced by `WrapAngularComponentInReact`.\n * @deprecated\n */\nexport const ReactifyAngularComponent = ({\n    component,\n    appRef,\n    injector,\n    ngZone,\n    staticInputs = {},\n    staticOutputs = {},\n    preSiblings = [],\n    postSiblings = [],\n    additionalChildren = [],\n    rootElementName = '',\n    containerElementName = ''\n}: {\n    component: Type<any>,\n    appRef: Omit<ApplicationRef, '_runningTick'>,\n    injector: Injector,\n    ngZone: NgZone,\n    staticInputs?: { [key: string]: any; },\n    staticOutputs?: { [key: string]: Function; },\n    preSiblings?: React.ReactNode[],\n    postSiblings?: React.ReactNode[],\n    additionalChildren?: React.ReactNode[],\n    rootElementName?: Parameters<typeof React.createElement>[0],\n    containerElementName?: string;\n}) => React.memo((args) => {\n\n    return ngZone.runOutsideAngular(() => {\n        let outputSubscriptions: { [key: string]: Subscription; };\n        let componentInstance: ComponentRef<any>;\n\n        const tripChangeDetection = () =>\n            componentInstance?.changeDetectorRef?.detectChanges();\n\n        // These attributes will trigger change detection when they fire from\n        // the underlying React element.\n        // ... This will break things. FUCK.\n        const attributes: Array<keyof React.DOMAttributes<any>> = ['onCopy', 'onCut', 'onPaste', 'onAbort', 'onBlur', 'onFocus', 'onCanPlay', 'onCanPlayThrough', 'onChange', 'onClick', 'onContextMenu', 'onDoubleClick', 'onDrag', 'onDragEnd', 'onDragEnter', 'onDragLeave', 'onDragOver', 'onDragStart', 'onDrop', 'onDurationChange', 'onEmptied', 'onEnded', 'onInput', 'onInvalid', 'onKeyDown', 'onKeyPress', 'onKeyUp', 'onLoad', 'onLoadedData', 'onLoadedMetadata', 'onLoadStart', 'onMouseDown', 'onMouseEnter', 'onMouseLeave', 'onMouseMove', 'onMouseOut', 'onMouseOver', 'onMouseUp', 'onPause', 'onPlay', 'onPlaying', 'onProgress', 'onRateChange', 'onReset', 'onScroll', 'onSeeked', 'onSeeking', 'onSelect', 'onStalled', 'onSubmit', 'onSuspend', 'onTimeUpdate', 'onVolumeChange', 'onWaiting', 'onError'];\n\n        const attrObj = {};\n        attributes.forEach(a => attrObj[a] = tripChangeDetection);\n\n        React.useEffect(() => {\n            return () => {\n                // Code to run when the component unmounts\n                appRef?.detachView(componentInstance.hostView);\n                Object.values(outputSubscriptions).forEach(s => s.unsubscribe());\n                componentInstance?.destroy();\n            };\n        }, []);\n\n\n        const elements = [\n            ...(preSiblings || []),\n            React.createElement(containerElementName || \"div\", {\n                ...attrObj,\n                ref: node => {\n                    const { inputs, outputs } = component['ɵcmp'];\n\n                    if (componentInstance) return;\n\n                    ngZone.run(() => {\n                        componentInstance = createComponent(component, {\n                            environmentInjector: appRef.injector,\n                            elementInjector: injector,\n                            hostElement: node\n                        });\n\n                        Object.assign(staticInputs, args);\n                        appRef.attachView(componentInstance.hostView);\n                    });\n\n                    // Returns a list of entries that need to be set\n                    // This makes it so that unnecessary setters are not invoked.\n                    const updated = Object.entries(inputs).filter(([parentKey, childKey]: [string, string]) => {\n                        return componentInstance.instance[childKey] != staticInputs[parentKey];\n                    });\n\n                    updated.forEach(([parentKey, childKey]: [string, string]) => {\n                        if (staticInputs.hasOwnProperty(parentKey))\n                            componentInstance.instance[childKey] = staticInputs[parentKey];\n                    });\n\n                    outputSubscriptions = {};\n                    // Get a list of unregistered outputs\n                    const newOutputs = Object.entries(outputs).filter(([parentKey, childKey]: [string, string]) => {\n                        return !outputSubscriptions[parentKey];\n                    });\n\n                    // Reverse bind via subscription\n                    newOutputs.forEach(([parentKey, childKey]: [string, string]) => {\n                        if (!staticOutputs.hasOwnProperty(parentKey)) return;\n\n                        const target: EventEmitter<unknown> = componentInstance.instance[childKey];\n                        const outputs = staticOutputs;\n\n                        const sub = target.subscribe((...args) => {\n                            // Run the callback in the provided zone\n                            ngZone.run(() => {\n                                outputs[parentKey](...args);\n                            });\n                        }); // Subscription\n\n                        outputSubscriptions[parentKey] = sub;\n                    });\n\n                    // Wrap the destroy method to safely release the subscriptions\n                    const originalDestroy = componentInstance.onDestroy?.bind(componentInstance);\n                    componentInstance.onDestroy = (cb) => {\n                        Object.values(outputSubscriptions).forEach(s => s.unsubscribe());\n                        originalDestroy?.(cb);\n                    };\n\n                    componentInstance.changeDetectorRef.detectChanges();\n                }\n            }),\n            ...(postSiblings || []),\n            ...(additionalChildren || [])\n        ].filter(e => e);\n\n        return React.createElement(rootElementName || \"div\", {}, ...elements);\n    });\n});\n\n\n/**\n * Do not use this.\n * @hidden\n * @experimental\n */\nexport const ng2ReactProps = (obj = {}) => {\n    const props = {};\n    Object.entries(obj).forEach(([k, v]) => {\n        // Omit things prefixed with an underscore\n        if (k.startsWith('_')) return;\n\n        // Omit output event emitters\n        if (v instanceof EventEmitter) {\n            props[k] = (...args) => v.emit([args]);\n        }\n        else {\n            props[k] = v;\n        }\n    });\n    return props;\n};\n\n/**\n * This method will create a React component that\n * wraps an Angular component.\n * @returns React.NamedExoticComponent\n *\n * @hidden\n * @experimental\n */\nexport function WrapAngularComponentInReact({\n    component,\n    ngZone,\n    appRef,\n    injector,\n    props,\n    containerTag,\n    reactTemplate,\n    projectableNodes\n}: {\n    /**\n     * Angular Component to be rendered within React\n     */\n    component: Type<any>,\n    /**\n     * Angular Application Reference. Used for bootstrapping\n     * and change detection hierarchy.\n     */\n    appRef: Omit<ApplicationRef, '_runningTick'>,\n    /**\n     * Instance of NgZone class.\n     * Very important to prevent Zone.js event performance issues.\n     * Do not set if running Zoneless CD.\n     */\n    ngZone?: NgZone,\n    /**\n     * Static properties to be passed into the Angular instance.\n     * Automatically generates event proxies for Angular EventEmitters.\n     */\n    props?: Record<string, any>,\n    /**\n     * Local Element Injector provided to the Angular object\n     */\n    injector?: Injector,\n    /**\n     * HTML Tag for the created DOM wrapper. Defaults to `div`.\n     */\n    containerTag?: string,\n    /**\n     * React Function template\n     */\n    reactTemplate?: (el: React.ReactElement) => React.ReactElement;\n    /**\n     * Nodes to be passed to the `ng-content` of the child Angular component.\n     */\n    projectableNodes?: Node[][];\n}) {\n    props ??= {};\n    containerTag ??= 'div';\n    const ctx = this;\n\n    const createWrappedElement = () => {\n        // Is there a better way to do this?\n        let subscriptions: Subscription[];\n        let componentInstance: ComponentRef<any>;\n\n        reactTemplate ??= (el) => el;\n        return React.memo((args) => {\n            Object.assign(props, args);\n\n            React.useEffect(() => {\n                return () => {\n                    // Cleanup and dispose leftover Angular objects\n                    appRef?.detachView(componentInstance.hostView);\n                    subscriptions?.forEach(s => s?.unsubscribe());\n                    componentInstance?.destroy();\n                };\n            }, []);\n\n            const tripChangeDetection = () =>\n                componentInstance?.changeDetectorRef?.detectChanges();\n\n            // These attributes will trigger change detection when they fire from\n            // the underlying React element.\n            // ... This will break things. FUCK.\n            const attributes: Array<keyof React.DOMAttributes<any>> = ['onCopy', 'onCut', 'onPaste', 'onAbort', 'onBlur', 'onFocus', 'onCanPlay', 'onCanPlayThrough', 'onChange', 'onClick', 'onContextMenu', 'onDoubleClick', 'onDrag', 'onDragEnd', 'onDragEnter', 'onDragLeave', 'onDragOver', 'onDragStart', 'onDrop', 'onDurationChange', 'onEmptied', 'onEnded', 'onInput', 'onInvalid', 'onKeyDown', 'onKeyPress', 'onKeyUp', 'onLoad', 'onLoadedData', 'onLoadedMetadata', 'onLoadStart', 'onMouseDown', 'onMouseEnter', 'onMouseLeave', 'onMouseMove', 'onMouseOut', 'onMouseOver', 'onMouseUp', 'onPause', 'onPlay', 'onPlaying', 'onProgress', 'onRateChange', 'onReset', 'onScroll', 'onSeeked', 'onSeeking', 'onSelect', 'onStalled', 'onSubmit', 'onSuspend', 'onTimeUpdate', 'onVolumeChange', 'onWaiting', 'onError'];\n\n            const attrObj = {};\n            attributes.forEach(a => attrObj[a] = tripChangeDetection);\n\n            return reactTemplate(React.createElement(containerTag, {\n                ...attrObj,\n                ref: async (node) => {\n                    if (componentInstance) return;\n\n                    // Not sure if this ever actually happens, added as a preventative measure\n                    // to memory leaks.\n                    subscriptions?.forEach(s => s?.unsubscribe());\n\n                    const bootstrap = () => {\n                        // Init the Angular component with the context of the root Angular app.\n                        componentInstance = createComponent(component, {\n                            environmentInjector: appRef.injector,\n                            elementInjector: injector,\n                            hostElement: node,\n                            projectableNodes: projectableNodes\n                        });\n                        appRef.attachView(componentInstance.hostView);\n                    };\n\n                    ngZone?.runTask\n                        ? ngZone?.runTask(bootstrap)\n                        : bootstrap();\n\n                    // Now that everything has settled, bind inputs and outputs.\n                    subscriptions = [];\n                    Object.entries(props).filter(([k, v]) => {\n                        // @Outputs are always Event Emitters (I think)\n                        if (v instanceof EventEmitter) {\n                            subscriptions.push(\n                                componentInstance.instance[k]?.subscribe(evt => props[k].call(ctx, evt))\n                            );\n                        }\n                        else {\n                            componentInstance.instance[k] = props[k];\n                        }\n                    });\n\n                    componentInstance.changeDetectorRef.detectChanges();\n                }\n            }));\n        });\n    };\n\n    return ngZone?.runOutsideAngular\n        ? ngZone?.runOutsideAngular(createWrappedElement)\n        : createWrappedElement();\n}\n\n/**\n * This method will automatically wrap an Angular\n * Component or Directive into a React object.\n * @Outputs (EventEmitters) will be automatically\n * linked into the input properties along with\n * all of the @Inputs.\n * @returns React.NamedExoticComponent\n * @experimental\n */\nexport const AutoWrapAngularObject = ({\n    component,\n    appRef,\n    ngZone,\n    instance,\n    injector,\n    containerTag,\n    reactTemplate,\n}: (Parameters<typeof WrapAngularComponentInReact>[0] & {\n    /**\n     * Angular Component/Directive instance that will have properties bound to the created\n     */\n    instance?: InstanceType<Type<any>> | Record<string, any>,\n\n})) => {\n    const props = ng2ReactProps(instance);\n\n    return WrapAngularComponentInReact({\n        component,\n        ngZone,\n        appRef,\n        injector,\n        containerTag,\n        props,\n        reactTemplate\n    });\n};\n\n/**\n * Bootstrap an Angular component with `createApplication` and export it under a\n * react Element.\n * Usage: React top-level application embedding an Angular component.\n */\nexport function ReactifyStandaloneAngularComponent(\n    component: Type<any>,\n    props: any = {},\n    providers: (Provider | EnvironmentProviders)[] = [],\n    containerTag: string = 'div'\n) {\n    const ctx = this;\n\n    // Is there a better way to do this?\n    let subscriptions: Subscription[];\n    let app: ApplicationRef;\n\n    React.useEffect(() => {\n        return () => {\n            // Code to run when the component unmounts\n            subscriptions?.forEach(s => s?.unsubscribe());\n            app?.destroy();\n        };\n    }, []);\n\n    return React.createElement(containerTag, {\n        ref: async (node) => {\n            // Not sure if this ever actually happens, added as a preventative measure\n            // to memory leaks.\n            subscriptions?.forEach(s => s?.unsubscribe());\n            app?.destroy();\n\n            // Init an Angular application root & bootstrap it to a DOM element.\n            app = await createApplication({ providers });\n            const base = app.bootstrap(component, node);\n            const { instance } = base;\n\n\n            // Wait for the JS to finish rendering and initing.\n            await firstValueFrom(app.isStable);\n\n            // Now that everything has settled, bind inputs and outputs.\n            subscriptions = [];\n            Object.entries(props).filter(([k, v]) => {\n                // @Outputs are always Event Emitters (I think)\n                if (v instanceof EventEmitter) {\n                    subscriptions.push(\n                        instance[k]?.subscribe(evt => props[k].call(ctx, evt))\n                    );\n                }\n                else {\n                    instance[k] = props[k];\n                }\n            });\n\n            base.changeDetectorRef.detectChanges();\n        }\n    });\n}\n\n\n\n// These exports exist to attempt to make the API have minimal breaking changes.\nexport const ReactifyReactComponent = ReactifyAngularComponent;\nexport const ReactifyAngularComponent3 = WrapAngularComponentInReact;;\n","import { AfterViewInit, Component, EventEmitter, NgZone, OnChanges, OnDestroy, SimpleChanges, ViewContainerRef } from '@angular/core';\nimport * as React from 'react';\nimport { createRoot, Root } from 'react-dom/client';\n\n\n/**\n * This component can be used to automatically wrap a React\n * component into Angular bindings with functional change detection.\n * All you need to provide is the @Input and @Output interface\n * for the component in order to tell Angular which keys correspond to what.\n *\n * ### You _must_ override the property `ngReactComponent`.\n *\n * Failure to do so will result in errors\n *\n * `override readonly ngReactComponent = SomeReactFunction;`\n *\n * Example:\n *\n * ```ts\n *  @Component({\n *      selector: \"app-react-wrapped\",\n *      standalone: true\n *  })\n *  export class MyReactWrappedComponent extends ReactifyNgComponent {\n *\n *      @Input() data: any;\n *      @Input() options: any;\n *      @Input() version: any;\n *\n *      // Notice how we wrap the result in an array, this is important because\n *      // React can pass multiple properties to a callback and Angular can't.\n *      @Output() onClick = new EventEmitter<[any]>();\n *\n * }\n * ```\n */\n@Component({\n    selector: 'ngx-reactify',\n    template: ``,\n    standalone: true\n})\nexport class ReactifyNgComponent implements OnChanges, OnDestroy, AfterViewInit {\n\n    /**\n     * The react component to be wrapped.\n     * ! Must be overridden for this wrapper to work\n     */\n    ngReactComponent: React.FunctionComponent<any> | React.ComponentClass<any>;\n\n    private _root: Root;\n\n    private _reactElement: React.ReactElement;\n\n    private _props: Object = {};\n\n    constructor(\n        protected readonly ngContainer: ViewContainerRef,\n        protected readonly ngZone: NgZone\n    ) {\n    }\n\n    ngOnInit() {\n        if (!this.ngReactComponent) {\n            throw new Error(\"ReactifyNgComponent cannot be inherited without a provided ngReactComponent!\");\n        }\n    }\n\n    ngOnChanges(changes?: SimpleChanges): void {\n        this._render();\n    }\n\n    ngAfterViewInit() {\n        this._render();\n    }\n\n    ngOnDestroy() {\n        this._root?.unmount();\n    }\n\n    private _render() {\n        if (!this.ngReactComponent) {\n            console.log(\"Render no component. May be context issue\")\n            return\n        };\n\n        this.ngZone.runOutsideAngular(() => {\n            try {\n                this._root ??= createRoot(this.ngContainer.element.nativeElement);\n\n                // List all keys that do not start with `_` nor `ng`\n                const keys = Object.keys(this).filter(k => !/^(?:_|ng)/.test(k));\n\n                // Get all property keys from the class\n                const propKeys = keys.filter(k => !(this[k] instanceof EventEmitter));\n                // Get all event handler keys from the class\n                const evtKeys = keys.filter(k => this[k] instanceof EventEmitter);\n\n                // Project all key properties onto `props`\n                propKeys.forEach(k => this._props[k] = this[k]);\n\n                // Attempt to ensure no zone is lost during the event emitter fires\n                this.ngZone.runGuarded(() => {\n                    // Bind all event handlers.\n                    // ! important Angular uses EventEmitter, React uses\n                    // a different method of event binding\n                    evtKeys.forEach(k => this._props[k] = (...args) => this[k].next(args));\n                })\n\n                this._reactElement = React.createElement(this.ngReactComponent, { props: this._props as any });\n                this._root.render(this._reactElement);\n            }\n            catch(err) {\n                console.error(err)\n            }\n        })\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-reactify",
-  "version": "0.0.2",
+  "version": "0.1.0",
   "repository": {
     "url": "https://github.com/knackstedt/ngx-reactify"
   },