pro-xy-ui 0.5.8 → 0.6.0

package/lib/app/_common/rxjs-extensions.js

@@ -1,20 +1,20 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-// Observable class extensions
-require("rxjs/add/observable/of");
-require("rxjs/add/observable/throw");
-require("rxjs/add/observable/fromEvent");
-require("rxjs/add/observable/merge");
-// Observable operators
-require("rxjs/add/operator/catch");
-require("rxjs/add/operator/debounceTime");
-require("rxjs/add/operator/distinctUntilChanged");
-require("rxjs/add/operator/do");
-require("rxjs/add/operator/filter");
-require("rxjs/add/operator/map");
-require("rxjs/add/operator/scan");
-require("rxjs/add/operator/switchMap");
-require("rxjs/add/operator/publishReplay");
-require("rxjs/add/operator/publishBehavior");
-require("rxjs/add/operator/throttleTime");
-require("rxjs/add/operator/toPromise");
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+// Observable class extensions
+require("rxjs/add/observable/of");
+require("rxjs/add/observable/throw");
+require("rxjs/add/observable/fromEvent");
+require("rxjs/add/observable/merge");
+// Observable operators
+require("rxjs/add/operator/catch");
+require("rxjs/add/operator/debounceTime");
+require("rxjs/add/operator/distinctUntilChanged");
+require("rxjs/add/operator/do");
+require("rxjs/add/operator/filter");
+require("rxjs/add/operator/map");
+require("rxjs/add/operator/scan");
+require("rxjs/add/operator/switchMap");
+require("rxjs/add/operator/publishReplay");
+require("rxjs/add/operator/publishBehavior");
+require("rxjs/add/operator/throttleTime");
+require("rxjs/add/operator/toPromise");

package/lib/app/_common/rxjs-extensions.ts

@@ -1,21 +1,21 @@
-// Observable class extensions
-import "rxjs/add/observable/of";
-import "rxjs/add/observable/throw";
-import "rxjs/add/observable/fromEvent";
-import "rxjs/add/observable/merge";
-
-
-// Observable operators
-import "rxjs/add/operator/catch";
-import "rxjs/add/operator/debounceTime";
-import "rxjs/add/operator/distinctUntilChanged";
-import "rxjs/add/operator/do";
-import "rxjs/add/operator/filter";
-import "rxjs/add/operator/map";
-import "rxjs/add/operator/scan";
-import "rxjs/add/operator/switchMap";
-import "rxjs/add/operator/publishReplay";
-import "rxjs/add/operator/publishBehavior";
-import "rxjs/add/operator/throttleTime";
-
-import "rxjs/add/operator/toPromise";
+// Observable class extensions
+import "rxjs/add/observable/of";
+import "rxjs/add/observable/throw";
+import "rxjs/add/observable/fromEvent";
+import "rxjs/add/observable/merge";
+
+
+// Observable operators
+import "rxjs/add/operator/catch";
+import "rxjs/add/operator/debounceTime";
+import "rxjs/add/operator/distinctUntilChanged";
+import "rxjs/add/operator/do";
+import "rxjs/add/operator/filter";
+import "rxjs/add/operator/map";
+import "rxjs/add/operator/scan";
+import "rxjs/add/operator/switchMap";
+import "rxjs/add/operator/publishReplay";
+import "rxjs/add/operator/publishBehavior";
+import "rxjs/add/operator/throttleTime";
+
+import "rxjs/add/operator/toPromise";

package/lib/app/app.component.css

@@ -1,39 +1,39 @@
-.app {
-    height: 100%;
-    display: flex;
-    flex-direction: column;
-    align-items: stretch;
-}
-
-.right-section {
-    border-left: 2px solid #e8e8e8;
-}
-
-.right-section>* {
-    padding: 6px;
-}
-
-.left-section {
-    flex: initial;
-    resize: horizontal;
-    min-width: 300px;
-    /*width: 50%; OVERRIDEN IN INIT*/
-    max-width: calc(100% - 300px);
-}
-
-header {
-    background: #e8e8e8;
-    display: flex;
-    flex-direction: row;
-    align-items: stretch;
-    justify-content: space-between;
-}
-
-.footer {
-    padding: 8px;
-    height: 130px;
-    font-size: 10px;
-    overflow-y: auto;
-    background: #000;
-    color: #cccccc;
-}
+.app {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: stretch;
+}
+
+.right-section {
+    border-left: 2px solid #e8e8e8;
+}
+
+.right-section>* {
+    padding: 6px;
+}
+
+.left-section {
+    flex: initial;
+    resize: horizontal;
+    min-width: 300px;
+    /*width: 50%; OVERRIDEN IN INIT*/
+    max-width: calc(100% - 300px);
+}
+
+header {
+    background: #e8e8e8;
+    display: flex;
+    flex-direction: row;
+    align-items: stretch;
+    justify-content: space-between;
+}
+
+.footer {
+    padding: 8px;
+    height: 130px;
+    font-size: 10px;
+    overflow-y: auto;
+    background: #000;
+    color: #cccccc;
+}

package/lib/app/app.component.html

@@ -1,35 +1,35 @@
-<div defaultOverlayTarget tabIndex="0" class="app" (contextmenu)="openAppMenu($event)" (window:keyup.control.r)="socketService.connectToRemote()" (window:keyup.f5)="reload()" (window:keyup.control.f)="find.show()">
-    <div class="flex-grow" style="flex-direction: row;">
-        <div class="flex-grow left-section" #leftSection>
-            <requests (selected)="selectedReqRes=$event" (autoResponse)="autoResponder.add($event);this.selectedView='autoResponder'" (compose)="this.composerReqRes=$event;this.selectedView='composer';" (replay)="this.composer.send($event)"></requests>
-        </div>
-
-        <div class="flex-grow right-section">
-            <header>
-                <nav>
-                    <button class="btn btn-secondary btn-sm" [class.active]="selectedView=='inspector'" (click)="this.selectedView='inspector'" [disabled]="!(statusObservable|async)">Inspector</button>
-                    <button class="btn btn-secondary btn-sm" [class.active]="selectedView=='urlReplace'" (click)="this.selectedView='urlReplace'" [disabled]="!(statusObservable|async)">Url replace</button>
-                    <button class="btn btn-secondary btn-sm" [class.active]="selectedView=='autoResponder'" (click)="this.selectedView='autoResponder'" [disabled]="!(statusObservable|async)" dnd-droppable (onDropSuccess)="this.autoResponder.add($event.dragData);this.selectedView='autoResponder'"
-                        [allowDrop]="autoResponder.checkDropAllow">Auto responder</button>
-                        <button class="btn btn-secondary btn-sm" [class.active]="selectedView=='delay'" (click)="this.selectedView='delay'" [disabled]="!(statusObservable|async)">Delay</button>
-                        <button class="btn btn-secondary btn-sm" [class.active]="selectedView=='composer'" (click)="this.selectedView='composer'" [disabled]="!(statusObservable|async)" dnd-droppable (onDropSuccess)="this.composerReqRes=$event.dragData;this.selectedView='composer'">Composer</button>
-                        <button class="btn btn-secondary btn-sm" [class.active]="selectedView=='config'" (click)="this.selectedView='config'" [disabled]="!(statusObservable|async)">Config</button>
-                        <button class="btn btn-secondary btn-sm" [class.active]="selectedView=='logs'" (click)="this.selectedView='logs'" [disabled]="!(statusObservable|async)">Logs</button>
-                </nav>
-                <connection #connection></connection>
-            </header>
-
-            <div class="flex-grow">
-                <inspector #inspector [reqRes]="selectedReqRes" [hidden]="selectedView!='inspector'"></inspector>
-                <url-replace [hidden]="selectedView!='urlReplace'"></url-replace>
-                <auto-responder #autoResponder [hidden]="selectedView!='autoResponder'"></auto-responder>
-                <delay [hidden]="selectedView!='delay'"></delay>
-                <composer #composer [reqRes]="composerReqRes" [hidden]="selectedView!='composer'"></composer>
-                <config [hidden]="selectedView!='config'" (restartNeeded)=connection.restart()></config>
-                <logs [hidden]="selectedView!='logs'"></logs>
-            </div>
-        </div>
-    </div>
-    <status #status class="footer" (click)="status.toggle()"></status>
-    <find #find></find>
-</div>
+<div defaultOverlayTarget tabIndex="0" class="app" (contextmenu)="openAppMenu($event)" (window:keyup.control.r)="socketService.connectToRemote()" (window:keyup.f5)="reload()" (window:keyup.control.f)="find.show()">
+    <div class="flex-grow" style="flex-direction: row;">
+        <div class="flex-grow left-section" #leftSection>
+            <requests (selected)="selectedReqRes=$event" (autoResponse)="autoResponder.add($event);this.selectedView='autoResponder'" (compose)="this.composerReqRes=$event;this.selectedView='composer';" (replay)="this.composer.send($event)"></requests>
+        </div>
+
+        <div class="flex-grow right-section">
+            <header>
+                <nav>
+                    <button class="btn btn-secondary btn-sm" [class.active]="selectedView=='inspector'" (click)="this.selectedView='inspector'" [disabled]="!(statusObservable|async)">Inspector</button>
+                    <button class="btn btn-secondary btn-sm" [class.active]="selectedView=='urlReplace'" (click)="this.selectedView='urlReplace'" [disabled]="!(statusObservable|async)">Url replace</button>
+                    <button class="btn btn-secondary btn-sm" [class.active]="selectedView=='autoResponder'" (click)="this.selectedView='autoResponder'" [disabled]="!(statusObservable|async)" dnd-droppable (onDropSuccess)="this.autoResponder.add($event.dragData);this.selectedView='autoResponder'"
+                        [allowDrop]="autoResponder.checkDropAllow">Auto responder</button>
+                        <button class="btn btn-secondary btn-sm" [class.active]="selectedView=='delay'" (click)="this.selectedView='delay'" [disabled]="!(statusObservable|async)">Delay</button>
+                        <button class="btn btn-secondary btn-sm" [class.active]="selectedView=='composer'" (click)="this.selectedView='composer'" [disabled]="!(statusObservable|async)" dnd-droppable (onDropSuccess)="this.composerReqRes=$event.dragData;this.selectedView='composer'">Composer</button>
+                        <button class="btn btn-secondary btn-sm" [class.active]="selectedView=='config'" (click)="this.selectedView='config'" [disabled]="!(statusObservable|async)">Config</button>
+                        <button class="btn btn-secondary btn-sm" [class.active]="selectedView=='logs'" (click)="this.selectedView='logs'" [disabled]="!(statusObservable|async)">Logs</button>
+                </nav>
+                <connection #connection></connection>
+            </header>
+
+            <div class="flex-grow">
+                <inspector #inspector [reqRes]="selectedReqRes" [hidden]="selectedView!='inspector'"></inspector>
+                <url-replace [hidden]="selectedView!='urlReplace'"></url-replace>
+                <auto-responder #autoResponder [hidden]="selectedView!='autoResponder'"></auto-responder>
+                <delay [hidden]="selectedView!='delay'"></delay>
+                <composer #composer [reqRes]="composerReqRes" [hidden]="selectedView!='composer'"></composer>
+                <config [hidden]="selectedView!='config'" (restartNeeded)=connection.restart()></config>
+                <logs [hidden]="selectedView!='logs'"></logs>
+            </div>
+        </div>
+    </div>
+    <status #status class="footer" (click)="status.toggle()"></status>
+    <find #find></find>
+</div>

package/lib/app/app.module.js

@@ -1,92 +1,92 @@
-"use strict";
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-const core_1 = require("@angular/core");
-const platform_browser_1 = require("@angular/platform-browser");
-const material_1 = require("@angular/material");
-const animations_1 = require("@angular/platform-browser/animations");
-const ng2_dnd_1 = require("ng2-dnd");
-const pipes_1 = require("./_common/pipes");
-const forms_1 = require("@angular/forms");
-const http_1 = require("@angular/http");
-require("./_common/rxjs-extensions"); //load extensions
-const common_1 = require("@angular/common");
-const app_component_1 = require("./app.component");
-const requests_component_1 = require("./views/requests/requests.component");
-const request_row_component_1 = require("./views/requests/request-row.component");
-const status_component_1 = require("./views/status/status.component");
-const find_component_1 = require("./views/find/find.component");
-const config_component_1 = require("./views/config/config.component");
-const diff_dialog_1 = require("./views/config/diff.dialog");
-const plugins_dialog_1 = require("./views/config/plugins.dialog");
-const logs_component_1 = require("./views/logs/logs.component");
-const connection_component_1 = require("./views/connection/connection.component");
-const url_replace_component_1 = require("./views/url-replace/url-replace.component");
-const inspector_component_1 = require("./views/inspector/inspector.component");
-const auto_responder_component_1 = require("./views/auto-responder/auto-responder.component");
-const delay_component_1 = require("./views/delay/delay.component");
-const composer_component_1 = require("./views/composer/composer.component");
-const socket_service_1 = require("./service/socket.service");
-const traffic_service_1 = require("./service/traffic.service");
-const config_service_1 = require("./service/config.service");
-let AppModule = class AppModule {
-};
-AppModule = __decorate([
-    core_1.NgModule({
-        imports: [
-            platform_browser_1.BrowserModule,
-            animations_1.BrowserAnimationsModule,
-            forms_1.FormsModule,
-            forms_1.ReactiveFormsModule,
-            http_1.HttpModule,
-            material_1.MdSnackBarModule,
-            material_1.MdDialogModule,
-            ng2_dnd_1.DndModule.forRoot()
-        ],
-        declarations: [
-            app_component_1.AppComponent,
-            config_component_1.ConfigComponent,
-            requests_component_1.RequestsComponent,
-            status_component_1.StatusComponent,
-            find_component_1.FindComponent,
-            url_replace_component_1.UrlReplaceComponent,
-            logs_component_1.LogsComponent,
-            connection_component_1.ConnectionComponent,
-            inspector_component_1.InspectorComponent,
-            request_row_component_1.RequestsRowComponent,
-            auto_responder_component_1.AutoResponder,
-            delay_component_1.DelayComponent,
-            composer_component_1.ComposerComponent,
-            //pipes:
-            pipes_1.JsonPipe,
-            //dialogs
-            diff_dialog_1.DiffDialog,
-            plugins_dialog_1.PluginsDialog
-        ],
-        entryComponents: [
-            diff_dialog_1.DiffDialog,
-            plugins_dialog_1.PluginsDialog
-        ],
-        bootstrap: [
-            app_component_1.AppComponent
-        ],
-        providers: [
-            {
-                provide: common_1.APP_BASE_HREF,
-                useValue: '/'
-            },
-            socket_service_1.SocketService,
-            config_service_1.ConfigService,
-            traffic_service_1.TrafficService
-        ]
-    }),
-    __metadata("design:paramtypes", [])
-], AppModule);
-exports.AppModule = AppModule;
+"use strict";
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+const core_1 = require("@angular/core");
+const platform_browser_1 = require("@angular/platform-browser");
+const material_1 = require("@angular/material");
+const animations_1 = require("@angular/platform-browser/animations");
+const ng2_dnd_1 = require("ng2-dnd");
+const pipes_1 = require("./_common/pipes");
+const forms_1 = require("@angular/forms");
+const http_1 = require("@angular/http");
+require("./_common/rxjs-extensions"); //load extensions
+const common_1 = require("@angular/common");
+const app_component_1 = require("./app.component");
+const requests_component_1 = require("./views/requests/requests.component");
+const request_row_component_1 = require("./views/requests/request-row.component");
+const status_component_1 = require("./views/status/status.component");
+const find_component_1 = require("./views/find/find.component");
+const config_component_1 = require("./views/config/config.component");
+const diff_dialog_1 = require("./views/config/diff.dialog");
+const plugins_dialog_1 = require("./views/config/plugins.dialog");
+const logs_component_1 = require("./views/logs/logs.component");
+const connection_component_1 = require("./views/connection/connection.component");
+const url_replace_component_1 = require("./views/url-replace/url-replace.component");
+const inspector_component_1 = require("./views/inspector/inspector.component");
+const auto_responder_component_1 = require("./views/auto-responder/auto-responder.component");
+const delay_component_1 = require("./views/delay/delay.component");
+const composer_component_1 = require("./views/composer/composer.component");
+const socket_service_1 = require("./service/socket.service");
+const traffic_service_1 = require("./service/traffic.service");
+const config_service_1 = require("./service/config.service");
+let AppModule = class AppModule {
+};
+AppModule = __decorate([
+    core_1.NgModule({
+        imports: [
+            platform_browser_1.BrowserModule,
+            animations_1.BrowserAnimationsModule,
+            forms_1.FormsModule,
+            forms_1.ReactiveFormsModule,
+            http_1.HttpModule,
+            material_1.MdSnackBarModule,
+            material_1.MdDialogModule,
+            ng2_dnd_1.DndModule.forRoot()
+        ],
+        declarations: [
+            app_component_1.AppComponent,
+            config_component_1.ConfigComponent,
+            requests_component_1.RequestsComponent,
+            status_component_1.StatusComponent,
+            find_component_1.FindComponent,
+            url_replace_component_1.UrlReplaceComponent,
+            logs_component_1.LogsComponent,
+            connection_component_1.ConnectionComponent,
+            inspector_component_1.InspectorComponent,
+            request_row_component_1.RequestsRowComponent,
+            auto_responder_component_1.AutoResponder,
+            delay_component_1.DelayComponent,
+            composer_component_1.ComposerComponent,
+            //pipes:
+            pipes_1.JsonPipe,
+            //dialogs
+            diff_dialog_1.DiffDialog,
+            plugins_dialog_1.PluginsDialog
+        ],
+        entryComponents: [
+            diff_dialog_1.DiffDialog,
+            plugins_dialog_1.PluginsDialog
+        ],
+        bootstrap: [
+            app_component_1.AppComponent
+        ],
+        providers: [
+            {
+                provide: common_1.APP_BASE_HREF,
+                useValue: '/'
+            },
+            socket_service_1.SocketService,
+            config_service_1.ConfigService,
+            traffic_service_1.TrafficService
+        ]
+    }),
+    __metadata("design:paramtypes", [])
+], AppModule);
+exports.AppModule = AppModule;

package/lib/app/app.module.ts

@@ -1,89 +1,89 @@
-import { NgModule } from '@angular/core';
-import { BrowserModule } from '@angular/platform-browser';
-import { MdSnackBarModule, MdDialogModule } from "@angular/material";
-import {BrowserAnimationsModule} from "@angular/platform-browser/animations";
-
-import { DndModule } from 'ng2-dnd';
-
-import { JsonPipe } from './_common/pipes';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { HttpModule } from '@angular/http';
-
-import './_common/rxjs-extensions'; //load extensions
-
-import { APP_BASE_HREF } from '@angular/common';
-
-import { AppComponent } from './app.component';
-import { RequestsComponent } from './views/requests/requests.component';
-import { RequestsRowComponent } from './views/requests/request-row.component';
-import { StatusComponent } from './views/status/status.component';
-import { FindComponent } from './views/find/find.component';
-import { ConfigComponent } from './views/config/config.component';
-import { DiffDialog } from './views/config/diff.dialog';
-import { PluginsDialog } from './views/config/plugins.dialog';
-import { LogsComponent } from './views/logs/logs.component';
-import { ConnectionComponent } from './views/connection/connection.component';
-import { UrlReplaceComponent } from './views/url-replace/url-replace.component';
-import { InspectorComponent } from './views/inspector/inspector.component';
-import { AutoResponder } from './views/auto-responder/auto-responder.component';
-import { DelayComponent } from './views/delay/delay.component';
-import { ComposerComponent } from './views/composer/composer.component';
-
-
-import { SocketService } from './service/socket.service';
-import { TrafficService } from './service/traffic.service';
-import { ConfigService } from './service/config.service';
-
-
-@NgModule({
-    imports: [
-        BrowserModule,
-        BrowserAnimationsModule,
-        FormsModule,
-        ReactiveFormsModule,
-        HttpModule,
-        MdSnackBarModule,
-        MdDialogModule,
-        DndModule.forRoot()
-        // DataTableModule
-    ],
-    declarations: [
-        AppComponent,
-        ConfigComponent,
-        RequestsComponent,
-        StatusComponent,
-        FindComponent,
-        UrlReplaceComponent,
-        LogsComponent,
-        ConnectionComponent,
-        InspectorComponent,
-        RequestsRowComponent,
-        AutoResponder,
-        DelayComponent,
-        ComposerComponent,
-        //pipes:
-        JsonPipe,
-        //dialogs
-        DiffDialog,
-        PluginsDialog
-    ],
-    entryComponents: [
-        DiffDialog,
-        PluginsDialog
-    ],
-    bootstrap: [
-        AppComponent
-    ],
-    providers: [
-        {
-            provide: APP_BASE_HREF,
-            useValue: '/'
-        },
-        SocketService,
-        ConfigService,
-        TrafficService
-        // ErrorHandler
-    ]
-})
-export class AppModule {
-}
+import { NgModule } from '@angular/core';
+import { BrowserModule } from '@angular/platform-browser';
+import { MdSnackBarModule, MdDialogModule } from "@angular/material";
+import {BrowserAnimationsModule} from "@angular/platform-browser/animations";
+
+import { DndModule } from 'ng2-dnd';
+
+import { JsonPipe } from './_common/pipes';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { HttpModule } from '@angular/http';
+
+import './_common/rxjs-extensions'; //load extensions
+
+import { APP_BASE_HREF } from '@angular/common';
+
+import { AppComponent } from './app.component';
+import { RequestsComponent } from './views/requests/requests.component';
+import { RequestsRowComponent } from './views/requests/request-row.component';
+import { StatusComponent } from './views/status/status.component';
+import { FindComponent } from './views/find/find.component';
+import { ConfigComponent } from './views/config/config.component';
+import { DiffDialog } from './views/config/diff.dialog';
+import { PluginsDialog } from './views/config/plugins.dialog';
+import { LogsComponent } from './views/logs/logs.component';
+import { ConnectionComponent } from './views/connection/connection.component';
+import { UrlReplaceComponent } from './views/url-replace/url-replace.component';
+import { InspectorComponent } from './views/inspector/inspector.component';
+import { AutoResponder } from './views/auto-responder/auto-responder.component';
+import { DelayComponent } from './views/delay/delay.component';
+import { ComposerComponent } from './views/composer/composer.component';
+
+
+import { SocketService } from './service/socket.service';
+import { TrafficService } from './service/traffic.service';
+import { ConfigService } from './service/config.service';
+
+
+@NgModule({
+    imports: [
+        BrowserModule,
+        BrowserAnimationsModule,
+        FormsModule,
+        ReactiveFormsModule,
+        HttpModule,
+        MdSnackBarModule,
+        MdDialogModule,
+        DndModule.forRoot()
+        // DataTableModule
+    ],
+    declarations: [
+        AppComponent,
+        ConfigComponent,
+        RequestsComponent,
+        StatusComponent,
+        FindComponent,
+        UrlReplaceComponent,
+        LogsComponent,
+        ConnectionComponent,
+        InspectorComponent,
+        RequestsRowComponent,
+        AutoResponder,
+        DelayComponent,
+        ComposerComponent,
+        //pipes:
+        JsonPipe,
+        //dialogs
+        DiffDialog,
+        PluginsDialog
+    ],
+    entryComponents: [
+        DiffDialog,
+        PluginsDialog
+    ],
+    bootstrap: [
+        AppComponent
+    ],
+    providers: [
+        {
+            provide: APP_BASE_HREF,
+            useValue: '/'
+        },
+        SocketService,
+        ConfigService,
+        TrafficService
+        // ErrorHandler
+    ]
+})
+export class AppModule {
+}

package/lib/app/main.js

@@ -1,11 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const platform_browser_dynamic_1 = require("@angular/platform-browser-dynamic");
-const app_module_1 = require("./app.module");
-// var resourceLoaderImplProto = __platform_browser_dynamic_private__.ResourceLoaderImpl.prototype;
-// var getOrig = resourceLoaderImplProto.get;
-// resourceLoaderImplProto.get = function(url) {
-//     return getOrig.call(this, /^\//.test(url) ? "file://" + url : url);
-// };
-const platform = platform_browser_dynamic_1.platformBrowserDynamic();
-platform.bootstrapModule(app_module_1.AppModule);
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const platform_browser_dynamic_1 = require("@angular/platform-browser-dynamic");
+const app_module_1 = require("./app.module");
+// var resourceLoaderImplProto = __platform_browser_dynamic_private__.ResourceLoaderImpl.prototype;
+// var getOrig = resourceLoaderImplProto.get;
+// resourceLoaderImplProto.get = function(url) {
+//     return getOrig.call(this, /^\//.test(url) ? "file://" + url : url);
+// };
+const platform = platform_browser_dynamic_1.platformBrowserDynamic();
+platform.bootstrapModule(app_module_1.AppModule);