Class StorageComponent

sample/src/app/storage/storage.component.ts:22–44

  imports: [AsyncPipe]
})
export class StorageComponent {

  private readonly storage = getStorage(inject(FirebaseApp));

  private readonly transferState = inject(TransferState);
  private readonly transferStateKey = makeStateKey<string|undefined>("storage:google-g.png");
  
  private readonly icon = ref(this.storage, 'google-g.png');

  protected readonly downloadUrl$ = from(getDownloadURL(this.icon)).pipe(
    traceUntilFirst('storage'),
    isPlatformServer(inject(PLATFORM_ID)) ?
        tap(it => this.transferState.set(this.transferStateKey, it)) :
        startWith(this.transferState.get(this.transferStateKey, TRANSPARENT_PNG))
  );

  constructor() {
    if (environment.emulatorPorts?.storage) {
      connectStorageEmulator(this.storage, "localhost", environment.emulatorPorts.storage);
    }
  }

}