import { App, DefaultPlugins } from '@infinite-canvas-tutorial/ecs';
import { UIPlugin } from '@infinite-canvas-tutorial/webcomponents';
import { LassoPlugin } from '@infinite-canvas-tutorial/lasso';

const app = new App().addPlugins(...DefaultPlugins, UIPlugin, LassoPlugin);
app.run();

Then import the Spectrum UI like this:

import '@infinite-canvas-tutorial/lasso/spectrum';

And declare this penbar item in HTML like this:

<ic-spectrum-canvas>
    <ic-spectrum-lasso slot="penbar-item"><ic-spectrum-lasso />
</ic-spectrum-canvas>

Supports the following configuration items:

interface AppState {
    lassoTrailStroke: string;
    lassoTrailFill: string;
    lassoTrailFillOpacity: number;
    lassoTrailStrokeDasharray: string;
    lassoTrailStrokeDashoffset: string;
}