📄️ Intro
The following document is an installation guide for the development environment of a Harmonix plugin (HxPlugin) in Angular and the basic initialization of an HxPlugin.
📄️ Create a plugin
Before getting started, you need to have Node.js and npm (Node's package manager) installed. You can download them from the official Node.js website.
📄️ Angular Limitations in Harmonix
When using an Angular plugin, you must use ShadowDom techniques to encapsulate styles. Otherwise, your components will not display styles correctly, as Harmonix prevents them from being affected by external styles.
📄️ Plugin compilation in two steps
Unlike other technologies, Angular has its own bundler, which is why we will need to do a compilation in two steps. One for Angular, and the other with Vite: