📄️ Intro
El siguiente documento es una guía de instalación del entorno de desarrollo de un plugin de Harmonix (HxPlugin) en Angular y la inicialización básica de un HxPlugin.
📄️ Crear un plugin
Antes de comenzar, necesitas tener instalado Node.js y npm (el gestor de paquetes de Node). Puedes descargarlos desde la página oficial de Node.js.
📄️ Limitaciones Angular en Harmonix
Al utilizar un plugin Angular, debes usar técnicas de ShadowDom para encapsular los estilos. En caso contrario, tus componentes no mostrarán los estilos correctamente, ya que Harmonix evita que se vean afectados por estilos externos.
📄️ Compilación plugin en dos pasos
A diferencia de otras tecnologías, Angular tiene su empaquetador propio, y es por eso que necesitaremos hacer una compilación en dos pasos. Una para Angular, y la otra con Vite: