Un poco desafiante encontrar una solución para integrar la aplicación de reacción en la aplicación Angular. En términos generales, hay 2 piezas en todo el trabajo, primero Atlasmap (código abierto) y Angular. Estoy trabajando para integrar Atlasmap en Angular 12. Atlasmap es una aplicación de mapeo de código abierto desarrollada en reaccionar. Atlasmap se ejecuta en la aplicación independiente de reacción. Atlasmap es un componente raíz y se puede encontrar en el repositorio de git . En el repositorio de Atlasmap, se puede encontrar independiente, que envuelve y ejecuta la aplicación Atlasmap. Núcleo de Atlasmap: consta de todas las funciones de utilidades requeridas para Atlasmap. Lo he intentado: integrar atlasmap en angular como un componente, pero el problema al que me enfrenté es que puedo atlasmapProvider, que es un componente principal de atlasmap y proporciona propiedades (entrada a atlasmap) en forma de API que Atlasmap podría utilizar . Pero Atlasmap no puede crear su nodo DOM independiente y no se activa sin el componente AtlasmapProvider.

Probé Direflow , pero hay una discrepancia entre la versión de reacción y la versión de reactDom entre la versión de reacción interna de direflow que admite (16.3) y Atlasmap (17 y superior)

Probé Stencil.js para generar un componente web y agregar componentes web primarios secundarios, pero hay un problema con la ruta de archivos JS no configurable o que no se obtiene correctamente debido a que no entra en el contexto del archivo html de índice de Stencil.

rayo de esperanza

Intenté otro enfoque en el que inserté el componente basado en reacción y lo envolví en la aplicación de base angular y pude colocar con éxito el componente de reacción como un elemento en DOM, las pocas API de prueba también se activaron, pero existen desafíos para ensamblar el componente secundario. como referencia de mi repositorio de trabajo está aquí He agregado node_modules ya que he incrustado la carpeta Dist de Atlasmap explícitamente.

¿Alguien puede proporcionar un StackBlitz / Codesandbox que funcione configurado en Angular 12 y Atlasmap?

Los enfoques iframe o microfrontend no son aceptables. El componente web será muy apreciado Gracias por la ayuda :)