From bfcf3f14cb35c7d7f6d527af4bb82a028f13ce46 Mon Sep 17 00:00:00 2001
From: Harold Boissenin <harold.boissenin@irstea.fr>
Date: Fri, 20 Sep 2019 01:23:21 +0200
Subject: [PATCH] update library
---
.gitignore | 0
src/lib/api/api-debug.component.ts | 23 ++++-
src/lib/api/api-debug.interceptor.ts | 1 +
src/lib/api/api.interceptor.spec.ts | 91 -------------------
src/lib/api/api.interceptor.ts | 31 -------
src/lib/configuration.ts | 8 ++
src/lib/debug-state.service.ts | 4 +-
src/lib/debug-toggle.component.ts | 2 +-
src/lib/debug.module.ts | 24 +----
src/lib/dump-panel.component.html | 6 +-
src/lib/dump-panel.component.ts | 13 ++-
src/lib/dump-value.component.ts | 2 +-
src/lib/index.ts | 11 ++-
src/lib/rxjs/hooks.ts | 9 ++
src/lib/rxjs/route-param.decorator.ts | 8 +-
.../safe-combine-latest.observable.spec.ts | 3 +-
.../rxjs/safe-fork-join.observable.spec.ts | 3 +-
.../rxjs/subscribe-on-init.decorator.spec.ts | 3 +-
src/lib/{ => rxjs}/testing/marbles.spec.ts | 0
src/lib/{ => rxjs}/testing/marbles.ts | 2 +-
src/lib/rxjs/until-destroyed.operator.ts | 6 +-
src/lib/spy/spy-display.component.html | 2 +-
src/lib/spy/spy-display.component.ts | 2 +-
src/lib/watch/watch-display.component.html | 2 +-
src/lib/watch/watch-display.component.ts | 2 +-
src/lib/watch/watch.component.ts | 2 +-
src/public-api.ts | 22 +++++
src/src.ts | 12 ---
28 files changed, 105 insertions(+), 189 deletions(-)
create mode 100644 .gitignore
delete mode 100644 src/lib/api/api.interceptor.spec.ts
delete mode 100644 src/lib/api/api.interceptor.ts
rename src/lib/{ => rxjs}/testing/marbles.spec.ts (100%)
rename src/lib/{ => rxjs}/testing/marbles.ts (98%)
create mode 100644 src/public-api.ts
delete mode 100644 src/src.ts
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..e69de29
diff --git a/src/lib/api/api-debug.component.ts b/src/lib/api/api-debug.component.ts
index 7223ef9..9a11d05 100644
--- a/src/lib/api/api-debug.component.ts
+++ b/src/lib/api/api-debug.component.ts
@@ -3,8 +3,11 @@ import {
ChangeDetectionStrategy,
ChangeDetectorRef,
Component,
+ EventEmitter,
+ Output,
} from '@angular/core';
+// TODO injecter
import { Configuration } from '../configuration';
import { DebugStateService } from '../debug-state.service';
@@ -26,7 +29,7 @@ interface ResponseInfo {
}
@Component({
- selector: 'lib-api-debug',
+ selector: 'app-api-debug',
templateUrl: './api-debug.component.html',
styleUrls: ['./api-debug.component.scss'],
changeDetection: ChangeDetectionStrategy.OnPush,
@@ -37,6 +40,9 @@ export class ApiDebugComponent {
private readonly ids: string[] = [];
private readonly apiPrefix: string;
+ @Output()
+ public countChanged = new EventEmitter<number>();
+
constructor(
interceptor: ApiDebugInterceptor,
public readonly debug: DebugStateService,
@@ -45,7 +51,9 @@ export class ApiDebugComponent {
) {
this.apiPrefix = conf.apiBaseURL;
- interceptor.events$.subscribe(ev => this.handle(ev));
+ interceptor.events$.subscribe(ev => {
+ this.handle(ev);
+ });
}
public get unseenCount(): number {
@@ -82,6 +90,7 @@ export class ApiDebugComponent {
private handle(ev: DebugEvent): void {
if (ev.type === 'request') {
this.addRequest(ev.id, ev.request);
+ this.countChanged.emit(this.ids.length);
this.cd.markForCheck();
return;
}
@@ -98,7 +107,10 @@ export class ApiDebugComponent {
this.cd.markForCheck();
}
- private addRequest(id: string, { urlWithParams, method }: HttpRequest<any>): void {
+ private addRequest(
+ id: string,
+ { urlWithParams, method }: HttpRequest<any>
+ ): void {
if (urlWithParams.startsWith(this.apiPrefix)) {
urlWithParams = new URL(urlWithParams).pathname;
}
@@ -113,7 +125,10 @@ export class ApiDebugComponent {
this.ids.unshift(id);
}
- private setResponse(request: RequestInfo, { status, statusText, headers }: HttpResponseBase): void {
+ private setResponse(
+ request: RequestInfo,
+ { status, statusText, headers }: HttpResponseBase
+ ): void {
request.response = {
status,
statusText,
diff --git a/src/lib/api/api-debug.interceptor.ts b/src/lib/api/api-debug.interceptor.ts
index c49bac9..1f38f30 100644
--- a/src/lib/api/api-debug.interceptor.ts
+++ b/src/lib/api/api-debug.interceptor.ts
@@ -9,6 +9,7 @@ import * as _ from 'lodash';
import { Observable, ReplaySubject } from 'rxjs';
import { finalize, tap } from 'rxjs/operators';
+// TODO injecter
import { Configuration } from '../configuration';
export interface RequestDebugEvent {
diff --git a/src/lib/api/api.interceptor.spec.ts b/src/lib/api/api.interceptor.spec.ts
deleted file mode 100644
index 3162a3d..0000000
--- a/src/lib/api/api.interceptor.spec.ts
+++ /dev/null
@@ -1,91 +0,0 @@
-import { HttpHandler, HttpRequest } from '@angular/common/http';
-import { inject, TestBed } from '@angular/core/testing';
-import { AppError } from '@devatscience/ngx-errors';
-import { of } from 'rxjs';
-import { catchError } from 'rxjs/operators';
-
-import { ApiInterceptor } from './api.interceptor';
-import { Configuration } from '../configuration';
-import { MarbleFormatter, MarbleTestScheduler } from '../testing/marbles';
-
-describe('ApiInterceptor', () => {
- const API_BASE_URL = 'http://test.com';
- const API_PATH = '/foo/bar';
- const API_URL = `${API_BASE_URL}${API_PATH}`;
- const OTHER_URL = 'http://example.com/foo/bar';
- const RESPONSE = 'OK';
-
- const VALUES = {
- n: null as null,
- r: RESPONSE,
- };
-
- let scheduler: MarbleTestScheduler<any>;
- let next: jasmine.SpyObj<HttpHandler>;
- let conf: Configuration;
-
- beforeEach(() => {
- scheduler = new MarbleTestScheduler(new MarbleFormatter(VALUES));
-
- next = jasmine.createSpyObj('HttpHandler', ['handle']);
-
- conf = new Configuration();
- conf.apiBaseURL = API_BASE_URL;
-
- TestBed.configureTestingModule({
- providers: [ApiInterceptor, { provide: Configuration, useValue: conf }],
- });
- });
-
- it('should be created', inject(
- [ApiInterceptor],
- (service: ApiInterceptor) => {
- expect(service).toBeTruthy();
- }
- ));
-
- function testUrl(input: string, expected: string): void {
- const NEXT_M = /***/ '--r';
- const INTER_M = /**/ '--r';
-
- const req = new HttpRequest('GET', input);
-
- scheduler.run(({ expectObservable, cold }) => {
- next.handle.and.callFake((r: HttpRequest<any>) => {
- expect(r.url).toEqual(expected);
- return cold(NEXT_M);
- });
-
- inject([ApiInterceptor], (service: ApiInterceptor) =>
- expectObservable(service.intercept(req, next)).toBe(INTER_M)
- )();
- });
- }
-
- it('should prepend the base URL to hostless URLs', () => testUrl(API_PATH, API_URL));
-
- it('should not prepend the base URL to full API URLs', () => testUrl(API_URL, API_URL));
-
- it('should not change other URLs', () => testUrl(OTHER_URL, OTHER_URL));
-
- it('should classify errors', () => {
- const NEXT_M = /***/ '--#';
- const INTER_M = /**/ '--(e|)';
-
- const ERR_IN = new Error('Error');
- (VALUES as any).e = new AppError(ERR_IN, ERR_IN.message, ERR_IN.stack, false);
-
- const req = new HttpRequest('GET', '/some/url');
-
- scheduler
- .withValues(VALUES)
- .withError(ERR_IN)
- .run(({ expectObservable, cold }) => {
- next.handle.and.callFake(() => cold(NEXT_M));
-
- inject([ApiInterceptor], (service: ApiInterceptor) =>
- expectObservable(service.intercept(req, next).pipe(catchError(e => of(e)))).toBe(INTER_M)
- )();
- });
- });
-});
diff --git a/src/lib/api/api.interceptor.ts b/src/lib/api/api.interceptor.ts
deleted file mode 100644
index b68123e..0000000
--- a/src/lib/api/api.interceptor.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import {
- HttpEvent,
- HttpHandler,
- HttpInterceptor,
- HttpRequest,
-} from '@angular/common/http';
-import { Injectable } from '@angular/core';
-import { normalizeError } from '@devatscience/ngx-errors';
-import { Observable, throwError } from 'rxjs';
-import { catchError } from 'rxjs/operators';
-
-import { Configuration } from '../configuration';
-
-/**
- * Préfixe l'URL par BASE_URL si elle commence par "/" (c-à -d que c'est un chemin absolu),
- * et ajoute l'authentification si nécessaire.
- */
-@Injectable()
-export class ApiInterceptor implements HttpInterceptor {
- private readonly NON_API_PREFIX = /^(https?:)?\/\//i;
-
- public constructor(private readonly conf: Configuration) {}
-
- public intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
- if (!req.url.match(this.NON_API_PREFIX)) {
- req = req.clone({ url: this.conf.apiBaseURL + req.url });
- }
-
- return next.handle(req).pipe(catchError((err: any) => throwError(normalizeError(err))));
- }
-}
diff --git a/src/lib/configuration.ts b/src/lib/configuration.ts
index 7d218e3..fa49734 100644
--- a/src/lib/configuration.ts
+++ b/src/lib/configuration.ts
@@ -44,3 +44,11 @@ export class Configuration implements IConfiguration {
}
}
}
+
+export function configurationFactory(): Configuration {
+ return new Configuration({
+ apiBaseURL: 'http://baliste-api.dvp',
+ debug: true,
+ debugToolbarURL: 'http://baliste-api.dvp/_wdt',
+ });
+}
diff --git a/src/lib/debug-state.service.ts b/src/lib/debug-state.service.ts
index ae75c05..a0b9b44 100644
--- a/src/lib/debug-state.service.ts
+++ b/src/lib/debug-state.service.ts
@@ -2,8 +2,8 @@ import { Injectable } from '@angular/core';
import { BehaviorSubject } from 'rxjs';
import { distinctUntilChanged, map } from 'rxjs/operators';
-// TODO change this
-const environment = {
+// TODO injecter
+export const environment = {
production: false,
apiURL: 'http://baliste-api.dvp',
api: 'http://127.0.0.101:8040',
diff --git a/src/lib/debug-toggle.component.ts b/src/lib/debug-toggle.component.ts
index bebc94c..6e6c704 100644
--- a/src/lib/debug-toggle.component.ts
+++ b/src/lib/debug-toggle.component.ts
@@ -3,7 +3,7 @@ import { Component } from '@angular/core';
import { DebugStateService } from './debug-state.service';
@Component({
- selector: 'lib-debug-toggle',
+ selector: 'app-debug-toggle',
template: `
<ng-container *ngIf="state.available">
<p-toggleButton
diff --git a/src/lib/debug.module.ts b/src/lib/debug.module.ts
index 2930d45..e98dc57 100644
--- a/src/lib/debug.module.ts
+++ b/src/lib/debug.module.ts
@@ -1,5 +1,4 @@
import { CommonModule } from '@angular/common';
-import { HTTP_INTERCEPTORS } from '@angular/common/http';
import { LOCALE_ID, NgModule } from '@angular/core';
import { ReactiveFormsModule } from '@angular/forms';
import {
@@ -16,8 +15,7 @@ import { TreeModule } from 'primeng/tree';
import { TreeTableModule } from 'primeng/treetable';
import { ApiDebugComponent } from './api/api-debug.component';
-import { ApiDebugInterceptor } from './api/api-debug.interceptor';
-import { Configuration } from './configuration';
+import { Configuration, configurationFactory } from './configuration';
import { DumpPanelComponent } from './dump-panel.component';
import { DumpValueComponent } from './dump-value.component';
import { SpyDisplayComponent } from './spy/spy-display.component';
@@ -25,27 +23,16 @@ import { WatchDisplayComponent } from './watch/watch-display.component';
import { WatchComponent } from './watch/watch.component';
import { WatchService } from './watch/watch.service';
-export function configurationFactory(): Configuration {
- return new Configuration({
- apiBaseURL: 'http://baliste-api.dvp',
- debug: true,
- debugToolbarURL: 'http://baliste-api.dvp/_wdt',
- });
-}
-
const EXPORTED_COMPONENTS = [
- //
+ ApiDebugComponent,
WatchComponent,
DumpPanelComponent,
- ApiDebugComponent,
];
@NgModule({
imports: [
- //
CommonModule,
ReactiveFormsModule,
-
SidebarModule,
ButtonModule,
TreeModule,
@@ -58,17 +45,10 @@ const EXPORTED_COMPONENTS = [
TooltipModule,
],
providers: [
- ApiDebugInterceptor,
WatchService,
- {
- provide: HTTP_INTERCEPTORS,
- useExisting: ApiDebugInterceptor,
- multi: true,
- },
{ provide: Configuration, useFactory: configurationFactory },
{ provide: LOCALE_ID, useValue: 'fr' },
],
-
declarations: [
//
DumpValueComponent,
diff --git a/src/lib/dump-panel.component.html b/src/lib/dump-panel.component.html
index 50484c3..579f503 100644
--- a/src/lib/dump-panel.component.html
+++ b/src/lib/dump-panel.component.html
@@ -18,17 +18,17 @@
<p-tabView>
<p-tabPanel header="Watches ({{ watchCount }})">
<div class="data-panel">
- <lib-watch-display (countChanged)="setWatchCount($event)"></lib-watch-display>
+ <app-watch-display (countChanged)="setWatchCount($event)"></app-watch-display>
</div>
</p-tabPanel>
<p-tabPanel header="Spies ({{ spyCount }})">
<div class="data-panel">
- <lib-spy-display (countChanged)="setSpyCount($event)"></lib-spy-display>
+ <app-spy-display (countChanged)="setSpyCount($event)"></app-spy-display>
</div>
</p-tabPanel>
<p-tabPanel header="API ({{ apiCallCount }})">
<div class="data-panel">
- <lib-api-debug></lib-api-debug>
+ <app-api-debug (countChanged)="setApiCallCount($event)"></app-api-debug>
</div>
</p-tabPanel>
</p-tabView>
diff --git a/src/lib/dump-panel.component.ts b/src/lib/dump-panel.component.ts
index 5abe71d..2135f48 100644
--- a/src/lib/dump-panel.component.ts
+++ b/src/lib/dump-panel.component.ts
@@ -1,9 +1,13 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component } from '@angular/core';
+import {
+ ChangeDetectionStrategy,
+ ChangeDetectorRef,
+ Component,
+} from '@angular/core';
import { DebugStateService } from './debug-state.service';
@Component({
- selector: 'lib-dump-panel',
+ selector: 'app-dump-panel',
templateUrl: './dump-panel.component.html',
styleUrls: ['./dump-panel.component.scss'],
changeDetection: ChangeDetectionStrategy.OnPush,
@@ -27,4 +31,9 @@ export class DumpPanelComponent {
this.spyCount = count;
this.cd.markForCheck();
}
+
+ public setApiCallCount(count: number): void {
+ this.apiCallCount = count;
+ this.cd.markForCheck();
+ }
}
diff --git a/src/lib/dump-value.component.ts b/src/lib/dump-value.component.ts
index 2fdc240..566507d 100644
--- a/src/lib/dump-value.component.ts
+++ b/src/lib/dump-value.component.ts
@@ -4,7 +4,7 @@ import { TreeNode } from 'primeng/api';
type PropertyPath = Array<string | number>;
@Component({
- selector: 'lib-dump-value',
+ selector: 'app-dump-value',
templateUrl: './dump-value.component.html',
styleUrls: ['./dump-value.component.scss'],
})
diff --git a/src/lib/index.ts b/src/lib/index.ts
index 1548929..cf6c636 100644
--- a/src/lib/index.ts
+++ b/src/lib/index.ts
@@ -1,9 +1,18 @@
-export * from './rxjs/index'; // TODO make a package ?
+export * from './api/api-debug.component';
+export * from './api/api-debug.interceptor';
export * from './debug.module';
+export * from './debug-state.service';
+export * from './debug-toggle.component';
export * from './dump-panel.component';
export * from './dump-value.component';
+export * from './rxjs/index';
export * from './spy/spy-display.component';
export * from './watch/watch.component';
export * from './watch/watch-display.component';
export * from './watch/watch.service';
export * from './configuration';
+export * from './debug.module';
+export * from './debug-state.service';
+export * from './debug-toggle.component';
+export * from './dump-panel.component';
+export * from './dump-value.component';
diff --git a/src/lib/rxjs/hooks.ts b/src/lib/rxjs/hooks.ts
index 7950a5d..71edcc9 100644
--- a/src/lib/rxjs/hooks.ts
+++ b/src/lib/rxjs/hooks.ts
@@ -31,6 +31,9 @@ function installHook<T extends Hookable<K, M>, M extends (this: T, ...args: any[
/**
* Modifie une méthode d'un objet pour éxecuter une fonction avant son éxecution normale.
*
+ * @param {object} target Le prototype à modifier.
+ * @param {string|symbol} name Le nom de la méthode à surcharger.
+ * @param {function} hook La fonction à ajouter.
*/
export function hookBefore<
T extends Hookable<K, M>,
@@ -51,6 +54,9 @@ export function hookBefore<
/**
* Modifie une méthode d'un objet pour éxecuter une fonction après son éxecution normale.
*
+ * @param {object} target Le prototype à modifier.
+ * @param {string|symbol} name Le nom de la méthode à surcharger.
+ * @param {function} hook La fonction à ajouter.
*/
export function hookAfter<
T extends Hookable<K, M>,
@@ -71,6 +77,9 @@ export function hookAfter<
/**
* Modifie une méthode d'un objet pour éxecuter inconditionnellement une fonction après son éxecution normale.
*
+ * @param {object} target Le prototype à modifier.
+ * @param {string|symbol} name Le nom de la méthode à surcharger.
+ * @param {function} hook La fonction à ajouter.
*/
export function hookFinally<
T extends Hookable<K, M>,
diff --git a/src/lib/rxjs/route-param.decorator.ts b/src/lib/rxjs/route-param.decorator.ts
index 26827c3..d1c7b1a 100644
--- a/src/lib/rxjs/route-param.decorator.ts
+++ b/src/lib/rxjs/route-param.decorator.ts
@@ -47,8 +47,8 @@ function ParamFromMap<K extends 'paramMap' | 'queryParamMap'>(
*
* La propriété décorée doit implémenter Observer<string>.
*
- * param {string|null} param Nom du paramètre. Par défaut égal au nom de la propriété minus le '$' final.
- * param {string} routeProperty nom de la propriété du Component contenant l'ActivatedRoute. Par défaut 'route'.
+ * @param {string|null} param Nom du paramètre. Par défaut égal au nom de la propriété minus le '$' final.
+ * @param {string} routeProperty nom de la propriété du Component contenant l'ActivatedRoute. Par défaut 'route'.
*/
export function RouteParam(param: string = null, routeProperty: string = 'route') {
return ParamFromMap(param, routeProperty, 'paramMap');
@@ -59,8 +59,8 @@ export function RouteParam(param: string = null, routeProperty: string = 'route'
*
* La propriété décorée doit implémenter Observer<string>.
*
- * param {string|null} param Nom du paramètre. Par défaut égal au nom de la propriété minus le '$' final.
- * param {string} routeProperty nom de la propriété du Component contenant l'ActivatedRoute. Par défaut 'route'.
+ * @param {string|null} param Nom du paramètre. Par défaut égal au nom de la propriété minus le '$' final.
+ * @param {string} routeProperty nom de la propriété du Component contenant l'ActivatedRoute. Par défaut 'route'.
*/
export function QueryParam(param: string = null, routeProperty: string = 'route') {
return ParamFromMap(param, routeProperty, 'queryParamMap');
diff --git a/src/lib/rxjs/safe-combine-latest.observable.spec.ts b/src/lib/rxjs/safe-combine-latest.observable.spec.ts
index 9406b85..77da580 100644
--- a/src/lib/rxjs/safe-combine-latest.observable.spec.ts
+++ b/src/lib/rxjs/safe-combine-latest.observable.spec.ts
@@ -1,8 +1,7 @@
import { Observable } from 'rxjs';
-import { MarbleTestScheduler } from '../testing/marbles';
-
import { safeCombineLatest } from './safe-combine-latest.observable';
+import { MarbleTestScheduler } from './testing/marbles';
describe('safe-combine-latest', () => {
let scheduler: MarbleTestScheduler<any>;
diff --git a/src/lib/rxjs/safe-fork-join.observable.spec.ts b/src/lib/rxjs/safe-fork-join.observable.spec.ts
index c346b95..d4dfadd 100644
--- a/src/lib/rxjs/safe-fork-join.observable.spec.ts
+++ b/src/lib/rxjs/safe-fork-join.observable.spec.ts
@@ -1,8 +1,7 @@
import { Observable } from 'rxjs';
-import { MarbleTestScheduler } from '../testing/marbles';
-
import { safeForkJoin } from './safe-fork-join.observable';
+import { MarbleTestScheduler } from './testing/marbles';
describe('safe-fork-join', () => {
let scheduler: MarbleTestScheduler<any>;
diff --git a/src/lib/rxjs/subscribe-on-init.decorator.spec.ts b/src/lib/rxjs/subscribe-on-init.decorator.spec.ts
index d223586..152c1ff 100644
--- a/src/lib/rxjs/subscribe-on-init.decorator.spec.ts
+++ b/src/lib/rxjs/subscribe-on-init.decorator.spec.ts
@@ -1,9 +1,8 @@
import { OnDestroy, OnInit } from '@angular/core';
import { Observable } from 'rxjs';
-import { MarbleTestScheduler } from '../testing/marbles';
-
import { SubscribeOnInit } from './subscribe-on-init.decorator';
+import { MarbleTestScheduler } from './testing/marbles';
describe('@SubscribeOnInit', () => {
const VALUES = { a: 'a' };
diff --git a/src/lib/testing/marbles.spec.ts b/src/lib/rxjs/testing/marbles.spec.ts
similarity index 100%
rename from src/lib/testing/marbles.spec.ts
rename to src/lib/rxjs/testing/marbles.spec.ts
diff --git a/src/lib/testing/marbles.ts b/src/lib/rxjs/testing/marbles.ts
similarity index 98%
rename from src/lib/testing/marbles.ts
rename to src/lib/rxjs/testing/marbles.ts
index 14b39d3..bad7cfd 100644
--- a/src/lib/testing/marbles.ts
+++ b/src/lib/rxjs/testing/marbles.ts
@@ -1,5 +1,5 @@
// tslint:disable-next-line:no-reference
-///<reference path="../../../node_modules/@types/jasmine/index.d.ts"/>
+///<reference path="node_modules/@types/jasmine/index.d.ts"/>
/* tslint:disable:rxjs-no-internal */
import * as _ from 'lodash';
diff --git a/src/lib/rxjs/until-destroyed.operator.ts b/src/lib/rxjs/until-destroyed.operator.ts
index 33a2d51..b69bec2 100644
--- a/src/lib/rxjs/until-destroyed.operator.ts
+++ b/src/lib/rxjs/until-destroyed.operator.ts
@@ -10,10 +10,10 @@ const OPERATOR = Symbol.for('untilDestroyedOperator');
* Opérateur qui interrompt l'observable quand la méthode "ngOnDestroy" de l'objet passé
* en paramètre est appelée.
*
- * param {OnDestroy} target
- * return {MonoTypeOperatorFunction<T>}
+ * @param {OnDestroy} target
+ * @return {MonoTypeOperatorFunction<T>}
*
- * example
+ * @example
* class Foo extends OnInit, OnDestroy {
* private readonly data$: Observable<string>;
*
diff --git a/src/lib/spy/spy-display.component.html b/src/lib/spy/spy-display.component.html
index 66ef017..9f3424b 100644
--- a/src/lib/spy/spy-display.component.html
+++ b/src/lib/spy/spy-display.component.html
@@ -30,7 +30,7 @@
<td class="type"><span class="fa fa-{{ eventTypes[notif.type] }}"></span></td>
<td class="tag">{{ notif.tag }}</td>
<td class="value" *ngIf="notif.type === 'next'">
- <lib-dump-value [value]="notif.payload"></lib-dump-value>
+ <app-dump-value [value]="notif.payload"></app-dump-value>
</td>
<td class="error" *ngIf="notif.type === 'error'">{{ notif.payload }}</td>
</tr>
diff --git a/src/lib/spy/spy-display.component.ts b/src/lib/spy/spy-display.component.ts
index 8108a13..7f086fd 100644
--- a/src/lib/spy/spy-display.component.ts
+++ b/src/lib/spy/spy-display.component.ts
@@ -6,7 +6,7 @@ import { debounceTime, map, scan, share, tap } from 'rxjs/operators';
import { Notification, notifications$, NotificationType } from '../rxjs';
@Component({
- selector: 'lib-spy-display',
+ selector: 'app-spy-display',
templateUrl: './spy-display.component.html',
styleUrls: ['./spy-display.component.scss'],
})
diff --git a/src/lib/watch/watch-display.component.html b/src/lib/watch/watch-display.component.html
index fcdf7fb..9154fe2 100644
--- a/src/lib/watch/watch-display.component.html
+++ b/src/lib/watch/watch-display.component.html
@@ -1,5 +1,5 @@
<ng-container *ngFor="let value of (values$ | async); trackBy: label">
<p-panel header="{{ value.label }}" [toggleable]="true" ngClass="value">
- <lib-dump-value [value]="value.value"></lib-dump-value>
+ <app-dump-value [value]="value.value"></app-dump-value>
</p-panel>
</ng-container>
diff --git a/src/lib/watch/watch-display.component.ts b/src/lib/watch/watch-display.component.ts
index 75e84cc..f7c132b 100644
--- a/src/lib/watch/watch-display.component.ts
+++ b/src/lib/watch/watch-display.component.ts
@@ -4,7 +4,7 @@ import { tap } from 'rxjs/operators';
import { WatchedValue, WatchService } from './watch.service';
@Component({
- selector: 'lib-watch-display',
+ selector: 'app-watch-display',
templateUrl: './watch-display.component.html',
})
export class WatchDisplayComponent {
diff --git a/src/lib/watch/watch.component.ts b/src/lib/watch/watch.component.ts
index 994d547..93b7861 100644
--- a/src/lib/watch/watch.component.ts
+++ b/src/lib/watch/watch.component.ts
@@ -5,7 +5,7 @@ import { distinctUntilChanged, map } from 'rxjs/operators';
import { WatchedValue, WatchService } from './watch.service';
@Component({
- selector: 'lib-watch',
+ selector: 'app-watch',
template: '',
})
export class WatchComponent implements OnInit, OnDestroy {
diff --git a/src/public-api.ts b/src/public-api.ts
new file mode 100644
index 0000000..4d32876
--- /dev/null
+++ b/src/public-api.ts
@@ -0,0 +1,22 @@
+/*
+ * Public API Surface of ngx-debug
+ */
+
+export * from './lib/api/api-debug.component';
+export * from './lib/api/api-debug.interceptor';
+export * from './lib/debug.module';
+export * from './lib/debug-state.service';
+export * from './lib/debug-toggle.component';
+export * from './lib/dump-panel.component';
+export * from './lib/dump-value.component';
+export * from './lib/rxjs/index';
+export * from './lib/spy/spy-display.component';
+export * from './lib/watch/watch.component';
+export * from './lib/watch/watch-display.component';
+export * from './lib/watch/watch.service';
+export * from './lib/configuration';
+export * from './lib/debug.module';
+export * from './lib/debug-state.service';
+export * from './lib/debug-toggle.component';
+export * from './lib/dump-panel.component';
+export * from './lib/dump-value.component';
diff --git a/src/src.ts b/src/src.ts
deleted file mode 100644
index 8dc3c93..0000000
--- a/src/src.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-/*
- * Public API Surface of debugger
- */
-
-export * from './lib/debug.module';
-export * from './lib/dump-panel.component';
-export * from './lib/dump-value.component';
-export * from './lib/spy/spy-display.component';
-export * from './lib/watch/watch.component';
-export * from './lib/watch/watch-display.component';
-export * from './lib/watch/watch.service';
-export * from './lib/configuration';
--
GitLab