Class CodeEditor

adev/src/app/editor/code-editor/code-editor.component.ts:66–354

  ],
})
export class CodeEditor {
  readonly restrictedMode = input(false);
  readonly codeEditorWrapperRef =
    viewChild.required<ElementRef<HTMLDivElement>>('codeEditorWrapper');
  readonly matTabGroup = viewChild.required(MatTabGroup);

  readonly createFileInputRef = viewChild<ElementRef<HTMLInputElement>>('createFileInput');

  readonly renameFileInputRef = viewChild<ElementRef<HTMLInputElement>>('renameFileInput');

  private readonly destroyRef = inject(DestroyRef);

  private readonly nodeRuntimeState = inject(NodeRuntimeState);
  private readonly nodeRuntimeSandbox = inject(NodeRuntimeSandbox, {
    optional: true,
  });
  private readonly previewUrl = toSignal(this.nodeRuntimeSandbox?.previewUrl$ ?? EMPTY, {
    initialValue: null,
  });
  private readonly trustedPreviewOrigin = computed(() => {
    const url = this.previewUrl();
    return url ? new URL(url).origin : null;
  });
  private readonly codeMirrorEditor = inject(CodeMirrorEditor);
  private readonly diagnosticsState = inject(DiagnosticsState);
  private readonly downloadManager = inject(DownloadManager);
  private readonly stackblitzOpener = inject(StackBlitzOpener);
  private readonly title = inject(Title);
  private readonly location = inject(Location);
  private readonly environmentInjector = inject(EnvironmentInjector);

  readonly TerminalType = TerminalType;

  protected readonly errors = computed(() =>
    this.nodeRuntimeState.loadingStep() !== LoadingStep.READY
      ? []
      : this.diagnosticsState
          .diagnostics()
          .filter((item) => item.severity === 'error')
          .sort((a, b) =>
            a.lineNumber != b.lineNumber
              ? a.lineNumber - b.lineNumber
              : a.characterPosition - b.characterPosition,
          ),
  );

  protected readonly displayErrorsBox = linkedSignal(() => this.errors().length > 0);
  protected readonly files = this.codeMirrorEditor.openFiles;
  protected readonly isCreatingFile = signal<boolean>(false);
  protected readonly isRenamingFile = signal<boolean>(false);

  constructor() {
    afterRenderEffect(() => {
      const createFileInput = this.createFileInputRef();
      createFileInput?.nativeElement.focus();
    });

    afterRenderEffect(() => {