Method _init

ui/src/components/pixi/PixiRenderer.ts:362–518

(
    container: HTMLElement,
    width: number,
    height: number,
  )

  }

  private async _init(
    container: HTMLElement,
    width: number,
    height: number,
  ): Promise<void> {
    this.width = width;
    this.height = height;

    const app = new Application();
    const themeColors = getGraphThemeColors();
    try {
      await app.init({
        width,
        height,
        backgroundColor: hexToNum(themeColors.bg),
        antialias: true,
        resolution: window.devicePixelRatio || 1,
        autoDensity: true,
      });
    } catch (err) {
      if (
        err instanceof TypeError &&
        /dynamically imported module|importing a module script/i.test(
          err.message,
        )
      ) {
        window.location.reload();
        return;
      }
      throw err;
    }

    // Guard: if destroy() was called while init was pending, don't proceed
    if (this.destroyed) {
      app.destroy({ removeView: true });
      return;
    }

    this.app = app;
    container.appendChild(app.canvas);

    // Scene graph
    const world = new Container();
    app.stage.addChild(world);
    this.world = world;

    const edgeBgGfx = new Graphics();
    world.addChild(edgeBgGfx);
    this.edgeBgGfx = edgeBgGfx;

    const edgeFgGfx = new Graphics();
    world.addChild(edgeFgGfx);
    this.edgeFgGfx = edgeFgGfx;

    const nodeContainer = new Container();
    nodeContainer.sortableChildren = true;
    world.addChild(nodeContainer);
    this.nodeContainer = nodeContainer;