Your package is not here

The @epilot360/core-ui package is running in "integrated" mode, since standalone capabilities are not enabled by default in this setup. This means that it does not work as a standalone application without being loaded by a single-spa root config.

How do I develop this package?

To develop this package, try the following steps:

  1. Copy the following URL to your clipboard: http://localhost:3000/bundle.js
  2. In a new browser tab, go to your single-spa web app. This is where your "root config" is running. You do not have to run the root config locally if it is already running on a deployed environment - go to the deployed environment directly.
  3. In the browser console, run localStorage.setItem('devtools', true); Refresh the page.
  4. A yellowish rectangle (the import map overrides UI) should appear at the bottom right of your screen. Click on it. Find the name @epilot360/core-ui (or the name your root config uses for this module) and click on it. If it is not present, click on Add New Module.
  5. Paste the URL from step 1 (http://localhost:3000/bundle.js) into the input that appears. Refresh the page.

Congrats, your local code is now being used by the root application!

For further information

For further information about using import map overrides for local development, see the following links:

Standalone Mode

Running this package truly "standalone" (rendering itself directly to the DOM without a root config) would require additional setup, potentially including a dedicated standalone entry point (e.g., src/index.standalone.ts) and modifications to the build configuration (like using standalone-single-spa-webpack-plugin if using Webpack, or equivalent logic for Rollup).