ezzabuzaid

import * as morph from 'ts-morph';

/**
 * By default any component, directive, pipe, or service that have superclass is discarded
 *
 * If you want to permit some superclasses.
 */

const ALLOWED_SUPER_CLASSES: string[] = [];

ezzabuzaid

export function resizeObservable(
  element: HTMLElement,
  options: ResizeObserverOptions = {}
): Observable<ResizeObserverEntry[]> {
  return new Observable((observer) => {
    const resizeObserver = new ResizeObserver((records) => {
      observer.next(records);
    });
    resizeObserver.observe(element, options);
    return () => {

ezzabuzaid

const env = require('dotenv').config();
const deepmerge = require('deepmerge');
const { parsed: object } = env;

let clone = {};
for(const key in object) {
    if(Object.hasOwnProperty.call(object, key)) {
        const value = object[key];
        if(key.includes('__')) {
            const keys = key.split('__');

ezzabuzaid

import {
  Observable,
  ObservableInput,
  ReplaySubject,
  delay,
  distinctUntilChanged,
  finalize,
  from,
  of,
  tap,

ezzabuzaid

import internal, { PassThrough, Transform } from 'stream';

export function concatStreams({
  streams,
  delimiter,
}: {
  delimiter?: string;
  streams: (() => internal.Readable)[];
}) {
  const destination = new PassThrough({ objectMode: true });

ezzabuzaid

import {
  BehaviorSubject,
  Observable,
  ObservableInput,
  Subject,
  debounceTime,
  exhaustMap,
  filter,
  finalize,
  fromEvent,

ezzabuzaid

import { writeFileSync } from 'fs';
import * as path from 'path';
import * as ts from 'typescript';

/**
 * Extracts files from tsconfig.json
 *
 * @param tsconfigPath
 * @returns
 */

ezzabuzaid

I was able to use the ESM version with Angular 15 following these steps:

Note: I use nx, but it should work with other executers like Angular builder

1. install monaco-editor-webpack-plugin
2. change the build target to use an executer that supports modifying the webpack config. in case of nx 16, use "@nx/angular:webpack-browser"
3. add webpack.config.js

angular.json/project.json

ezzabuzaid

import { MonoTypeOperatorFunction, Observable } from 'rxjs';
import {
  debounceTime,
  distinctUntilChanged,
  filter,
  map
} from 'rxjs/operators';

interface ITypeaheadOperatorOptions {
  minLength: number;

ezzabuzaid

import { createCustomElement } from '@angular/elements';
import { createApplication } from '@angular/platform-browser';

(async () => {
  const app = await createApplication({
    providers: [],
  });

  const WebComponent = createCustomElement(YourComponent, {
    injector: app.injector,