Class Preview

adev/src/app/editor/preview/preview.component.ts:30–48

  imports: [PreviewError],
})
export class Preview {
  private readonly domSanitizer = inject(DomSanitizer);
  private readonly nodeRuntimeSandbox = inject(NodeRuntimeSandbox);
  private readonly nodeRuntimeState = inject(NodeRuntimeState);

  loadingProgressValue = this.nodeRuntimeState.loadingStep;
  protected loadingEnum = LoadingStep;

  readonly previewUrl = toSignal(this.nodeRuntimeSandbox.previewUrl$, {initialValue: null});
  protected readonly previewUrlForIFrame = computed(() => {
    const url = this.previewUrl();
    return url !== null ? this.domSanitizer.bypassSecurityTrustResourceUrl(url) : null;
  });

  protected readonly bootPoseSrc = computed(() => {
    const pose = BOOT_POSES[this.loadingProgressValue() as LoadingStep] ?? 'greeting';
    return `${ANGIE_DIR}/${pose}.svg`;
  });
}