app.module.ts

import {BrowserModule} from '@angular/platform-browser';
import {CUSTOM_ELEMENTS_SCHEMA, Injector, NgModule, NO_ERRORS_SCHEMA} from '@angular/core';

import {AppRoutingModule} from './app-routing.module';
// import { AppComponent } from './app.component';
import {EditorWrapperComponent} from './editor-wrapper/editor-wrapper.component';
import {JsbEditorComponent} from './editor-wrapper/jsb-editor/jsb-editor.component';
import {EditorHeaderComponent} from './editor-wrapper/editor-header/editor-header.component';
import {FormsModule, ReactiveFormsModule} from '@angular/forms';
import {createCustomElement} from '@angular/elements';
import {JsonParsePipe} from './json-parse.pipe';
import {GetObjectKeyPipe} from './get-object-key.pipe';
import {FileSearchPanelComponent} from './editor-wrapper/file-search-panel/file-search-panel.component';
import {ImageByExtensionPipe} from './editor-wrapper/file-search-panel/image-by-extension.pipe';
import {ClickOutsideModule} from 'ng-click-outside';
import {TestComponent} from './test/test.component';
import {MenuComponent} from './editor-wrapper/menu/menu.component';
import {AppComponent} from './app.component';
import {JsbEditorSidebarComponent} from './editor-wrapper/jsb-editor-sidebar/jsb-editor-sidebar.component';
import {ObjectTrayComponent} from './editor-wrapper/object-tray/object-tray.component';
import {ObjectKeyComponent} from './editor-wrapper/object-tray/object-key/object-key.component';
import {ObjectDetailComponent} from './editor-wrapper/object-tray/object-detail/object-detail.component';
import {ObjectByPathPipe} from './object-by-path.pipe';
import {JsConsoleComponent} from './editor-wrapper/js-console/js-console.component';
import {DataTypePipe} from './data-type.pipe';
import {ResizableModule} from 'angular-resizable-element';
import {NgxJsonViewerModule} from 'ngx-json-viewer';
import {ObjectByProbablePathPipe} from './object-by-probable-path.pipe';
import {APP_BASE_HREF} from '@angular/common';
import {environment} from '../environments/environment';
import { ChangedPrefixComponent } from './changed-prefix/changed-prefix.component';
import { MinimizePlaceholderComponent } from './editor-wrapper/minimize-placeholder/minimize-placeholder.component';
import {SortObjectPipe} from './sort-object.pipe';
import {HttpClientModule} from '@angular/common/http';

const bootstrapComponents = !environment.production ? [AppComponent] : [];

@NgModule({
  declarations: [
    AppComponent,
    EditorWrapperComponent,
    JsbEditorComponent,
    JsbEditorSidebarComponent,
    EditorHeaderComponent,
    JsonParsePipe,
    GetObjectKeyPipe,
    FileSearchPanelComponent,
    ImageByExtensionPipe,
    TestComponent,
    MenuComponent,
    ObjectTrayComponent,
    ObjectKeyComponent,
    ObjectDetailComponent,
    ObjectByPathPipe,
    JsConsoleComponent,
    DataTypePipe,
    ObjectByProbablePathPipe,
    SortObjectPipe,
    ChangedPrefixComponent,
    MinimizePlaceholderComponent,
  ],
  entryComponents: [
    EditorWrapperComponent,
    JsbEditorComponent,
    JsbEditorSidebarComponent,
    EditorHeaderComponent,
  ],
  schemas: [
    NO_ERRORS_SCHEMA
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    FormsModule,
    ReactiveFormsModule,
    ClickOutsideModule,
    ResizableModule,
    NgxJsonViewerModule,
    HttpClientModule
  ],
  providers: [
    {provide: APP_BASE_HREF, useValue: '/'}
  ],
  bootstrap: bootstrapComponents
})
export class AppModule {
  constructor(private injector: Injector) {
    if (!environment.production) {
      const el = createCustomElement(EditorWrapperComponent, { injector: this.injector });
      customElements.define('js-bubble', el);
    }
  }

  ngDoBootstrap() {
    if (environment.production) {
      const el = createCustomElement(EditorWrapperComponent, { injector: this.injector });
      customElements.define('js-bubble', el);
    }
  }

}

//