Class EmbeddedEditor

adev/src/app/editor/embedded-editor.component.ts:61–141

  providers: [EditorUiState],
})
export class EmbeddedEditor {
  // Prevents from adding, removing or renaming files
  readonly restrictedMode = input<boolean>(false);

  readonly editorContainer = viewChild<ElementRef<HTMLDivElement>>('editorContainer');
  readonly matTabGroup = viewChild(MatTabGroup);

  private readonly platformId = inject(PLATFORM_ID);
  private readonly destroyRef = inject(DestroyRef);

  private readonly diagnosticsState = inject(DiagnosticsState);
  readonly editorUiState = inject(EditorUiState);
  private readonly nodeRuntimeState = inject(NodeRuntimeState);
  private readonly nodeRuntimeSandbox = inject(NodeRuntimeSandbox);

  protected readonly splitDirection = signal<'horizontal' | 'vertical'>('vertical');

  readonly MAX_RECOMMENDED_WEBCONTAINERS_INSTANCES = MAX_RECOMMENDED_WEBCONTAINERS_INSTANCES;

  protected readonly TerminalType = TerminalType;
  protected readonly displayOnlyTerminal = computed(
    () => this.editorUiState.tutorialType() === TutorialType.CLI,
  );
  protected readonly displayPreviewInMatTabGroup = signal<boolean>(true);
  protected readonly selectedTabIndex = linkedSignal({
    source: () => this.displayPreviewInMatTabGroup(),
    computation: () => 0,
  });

  protected readonly shouldEnableReset = computed(
    () =>
      this.nodeRuntimeState.loadingStep() > LoadingStep.BOOT &&
      !this.nodeRuntimeState.isResetting(),
  );

  private readonly errorsCount$ = this.diagnosticsState.diagnostics$.pipe(
    map((diagnosticsItem) => diagnosticsItem.filter((item) => item.severity === 'error').length),
  );
  protected readonly errorsCount = toSignal(this.errorsCount$, {initialValue: 0});

  constructor() {
    if (!isPlatformBrowser(this.platformId)) {
      return;
    }

    const ref = afterRenderEffect({
      read: () => {
        const container = this.editorContainer()?.nativeElement;
        if (!container) {
          return;
        }
        this.setResizeObserver(container);
        ref.destroy();
      },
    });
  }

  protected async reset(): Promise<void> {