The Apache ActiveMQ Artemis Console Plugin is written using Hawtio v4. The plugin is written in TypeScript. Since a Hawtio plugin is based on React and Webpack Module Federation, this project uses Yarn v3 and CRACO as the build tools.

The WAR file created by this project is consumed by ActiveMQ Artemis but can be developed and run standalone.

The following command first builds the artemis-console-extension frontend project and then compiles and packages the main Java project Web Archive in artemis-console-war.

mvn clean install

Building the frontend project 'artemis-console-extension' can take time, so if you build it once and make no changes on the project afterwards, you can speed up the whole build by skipping the frontend part next time.

mvn install -Dskip.yarn

You can quickly run and test the console by using jetty-maven-plugin configured in pom.xml. It launches an embedded Jetty server and deploys the plugin WAR application. From the 'artemis-console-war' directory run:

cd artemis-console-war
mvn jetty:run -Dskip.yarn

You can access the Artemis console with the sample plugin at: http://localhost:8080/console/. To connect to a running Artemis instance click on the 'connect' menu item and click on the 'Add Connection' button. This will open up a dialog where you can enter the Artemis Jolokia endpoint details, for a default Artemis installation this would be:

You can test the connection and then once saved connect to Artemis, This will open a new tab in the browser.

Note: If you use localhost for the 'Host' setting and you find the connection doesn't work this could be beacuse localhost is being translated to your local ipv6 address rather than the ipv4 address. If that occurs use the IP address instead.

You could run mvn install or mvn jetty:run every time to incrementally develop the activemq-artemis-extension frontend project while checking its behaviour in the browser. But this is not suitable for running the fast development feedback cycle.

As shown below, a faster development cycle can be achieved by directly running the artemis-console-extension frontend project itself in development mode with yarn start,

Start the plugin project in development mode:

cd artemis-console-extension/artemis-extension
yarn start

Now you should be able to preview the plugins under development at http://localhost:3001/console/. However, since it still hasn't been connected to a backend JVM, you can then connect to a running Artemis instance using the connect tab using for instance http://localhost:8161/console/jolokia. You can now edit the artemis console web application and see changes loaded live.