startup.ts

import { EnableViewportAction, MoveIntoViewportAction, SetViewportZoomAction, SwitchThemeAction } from '@axonivy/process-editor-protocol';
import { Action, CenterAction, GLSPActionDispatcher, IDiagramStartup, NavigationTarget, SelectAction, TYPES } from '@eclipse-glsp/client';
import { ContainerModule, inject, injectable, interfaces } from 'inversify';
import { IvyDiagramOptions } from './di.config';
import { isInPreviewMode } from './url-helper';
import { MiningAction } from './process-mining-visualisation/mining-action';

const ContainerSymbol = Symbol('ContainerSymbol');

@injectable()
export class ViewerDiagramStartup implements IDiagramStartup {
  @inject(GLSPActionDispatcher)
  protected actionDispatcher: GLSPActionDispatcher;

  @inject(TYPES.IDiagramOptions)
  protected options: IvyDiagramOptions;

  @inject(ContainerSymbol)
  protected container: interfaces.Container;

  async postModelInitialization(): Promise<void> {
    await this.dispatchAfterModelInitialized();
    if (!isInPreviewMode()) {
      this.actionDispatcher.dispatch(EnableViewportAction.create());
    }
  }

  protected async dispatchAfterModelInitialized(): Promise<void> {
    const actions: Action[] = [];
    if (this.isNumeric(this.options.zoom)) {
      actions.push(SetViewportZoomAction.create({ zoom: +this.options.zoom / 100 }));
      actions.push(...this.showElement((ids: string[]) => CenterAction.create(ids, { animate: false, retainZoom: true })));
    } else {
      actions.push(
        ...this.showElement((ids: string[]) => MoveIntoViewportAction.create({ elementIds: ids, animate: false, retainZoom: true }))
      );
    }
    actions.push(SwitchThemeAction.create({ theme: this.options.theme }));
    actions.push(MiningAction.create({ data: await (await fetchMiningData(this.options.miningUrl)).json() }));
    return this.actionDispatcher.dispatchAll(actions);
  }

  protected showElement(action: (elementIds: string[]) => Action): Action[] {
    if (this.options.highlight) {
      return [action([this.options.highlight])];
    }
    if (this.options.select) {
      const elementIds = this.options.select.split(NavigationTarget.ELEMENT_IDS_SEPARATOR);
      return [SelectAction.create({ selectedElementsIDs: elementIds }), action(elementIds)];
    }
    return [];
  }

  protected isNumeric(num: any): boolean {
    return !isNaN(parseFloat(num)) && isFinite(num);
  }
}

export const ivyStartupDiagramModule = new ContainerModule(bind => {
  bind(TYPES.IDiagramStartup)
    .toDynamicValue(ctx => {
      const child = ctx.container.createChild();
      child.bind(ViewerDiagramStartup).toSelf().inSingletonScope();
      child.bind(ContainerSymbol).toConstantValue(ctx.container);
      return child.get(ViewerDiagramStartup);
    })
    .inSingletonScope();
});

const fetchMiningData = async (url: string) => fetch(url);