Class TypingsLoader

adev/src/app/editor/typings-loader.service.ts:19–228

 */
@Service()
export class TypingsLoader {
  private readonly librariesToGetTypesFrom = [
    '@angular/common',
    '@angular/core',
    '@angular/forms',
    '@angular/router',
    '@angular/platform-browser',
    '@angular/material',
    '@angular/cdk',
    '@angular/aria',
  ];

  private webContainer: WebContainer | undefined;

  private readonly _typings = signal<Typing[]>([]);
  readonly typings = this._typings.asReadonly();
  readonly typings$ = toObservable(this._typings);

  /**
   * Retrieve types from the predefined libraries and set the types files and contents in the `typings` signal
   */
  async retrieveTypeDefinitions(webContainer: WebContainer): Promise<void> {
    this.webContainer = webContainer;

    const typesDefinitions: Typing[] = [];

    try {
      const filesToRead = await this.getFilesToRead();

      if (filesToRead && filesToRead.length > 0) {
        await Promise.all(
          filesToRead.map((path) =>
            webContainer.fs.readFile(path, 'utf-8').then((content) => {
              typesDefinitions.push({path, content});
            }),
          ),
        );

        this._typings.set(typesDefinitions);
      }
    } catch (error: any) {
      // ignore "ENOENT" errors as this can happen while reading files and resetting the WebContainer
      if (error?.message.startsWith('ENOENT')) {
        return;
      } else {
        throw error;
      }
    }
  }

  /**
   * Get the list of files to read the types definitions from the predefined libraries
   */
  private async getFilesToRead() {
    if (!this.webContainer) return;

    const filesToRead: string[] = [];
    const directoriesToRead: string[] = [];