Merge pull request #129 from artem-mangilev/partial-compilation-serve

Partial compilation serve
artem-mangilev · Jan 26, 2025 · c51d7ef · c51d7ef
2 parents bd507c3 + 0cff72c
commit c51d7ef
Show file tree

Hide file tree

Showing 43 changed files with 72 additions and 52 deletions.
diff --git a/angular.json b/angular.json
@@ -106,6 +106,13 @@
               ],
               "outputHashing": "all"
             },
+            "hybrid": {
+              "tsConfig": "projects/ngx-vflow-demo/tsconfig.hybrid.json",
+              "optimization": false,
+              "extractLicenses": false,
+              "sourceMap": true,
+              "namedChunks": true
+            },
             "development": {
               "optimization": false,
               "extractLicenses": false,
@@ -121,6 +128,9 @@
             "production": {
               "buildTarget": "ngx-vflow-demo:build:production"
             },
+            "hybrid": {
+              "buildTarget": "ngx-vflow-demo:build:hybrid"
+            },
             "development": {
               "buildTarget": "ngx-vflow-demo:build:development"
             }

diff --git a/package.json b/package.json
@@ -4,6 +4,7 @@
   "scripts": {
     "ng": "ng",
     "start": "ng serve",
+    "start:hybrid": "ng build ngx-vflow-lib --watch & ng serve --configuration hybrid",
     "build": "ng build",
     "watch": "ng build --watch --configuration development",
     "test": "ng test",

diff --git a/...egories/features/pages/connection-validation/demo/connection-validation-demo.component.ts b/...egories/features/pages/connection-validation/demo/connection-validation-demo.component.ts
@@ -1,5 +1,5 @@
 import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { Connection, ConnectionSettings, Edge, Node, Vflow } from 'projects/ngx-vflow-lib/src/public-api';
+import { Connection, ConnectionSettings, Edge, Node, Vflow } from 'ngx-vflow';
 
 @Component({
   template: `<vflow

diff --git a/...mo/src/app/categories/features/pages/connection/demo/default-connection-demo.component.ts b/...mo/src/app/categories/features/pages/connection/demo/default-connection-demo.component.ts
@@ -1,5 +1,5 @@
 import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { Connection, Edge, Node, Vflow } from 'projects/ngx-vflow-lib/src/public-api';
+import { Connection, Edge, Node, Vflow } from 'ngx-vflow';
 
 @Component({
   template: `<vflow view="auto" [nodes]="nodes" [edges]="edges" (onConnect)="createEdge($event)" /> `,

diff --git a/...demo/src/app/categories/features/pages/connection/demo/loose-connection-demo.component.ts b/...demo/src/app/categories/features/pages/connection/demo/loose-connection-demo.component.ts
@@ -1,12 +1,5 @@
 import { ChangeDetectionStrategy, Component } from '@angular/core';
-import {
-  Connection,
-  ConnectionSettings,
-  CustomNodeComponent,
-  Edge,
-  Node,
-  Vflow,
-} from 'projects/ngx-vflow-lib/src/public-api';
+import { Connection, ConnectionSettings, CustomNodeComponent, Edge, Node, Vflow } from 'ngx-vflow';
 
 @Component({
   template: `

diff --git a/...cts/ngx-vflow-demo/src/app/categories/features/pages/curves/demo/curves-demo.component.ts b/...cts/ngx-vflow-demo/src/app/categories/features/pages/curves/demo/curves-demo.component.ts
@@ -1,5 +1,5 @@
 import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { ConnectionSettings, Edge, Node, Vflow } from 'projects/ngx-vflow-lib/src/public-api';
+import { ConnectionSettings, Edge, Node, Vflow } from 'ngx-vflow';
 
 @Component({
   template: `<vflow view="auto" [nodes]="nodes" [edges]="edges" [connection]="connectionSettings" />`,

diff --git a/.../app/categories/features/pages/custom-background/demo/custom-background-demo.component.ts b/.../app/categories/features/pages/custom-background/demo/custom-background-demo.component.ts
@@ -1,5 +1,5 @@
 import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { Edge, Node, Vflow } from 'projects/ngx-vflow-lib/src/public-api';
+import { Edge, Node, Vflow } from 'ngx-vflow';
 
 @Component({
   template: `<vflow view="auto" background="#bbe1fa" [nodes]="nodes" [edges]="edges" />`,

diff --git a/...categories/features/pages/custom-background/demo/dots-custom-background-demo.component.ts b/...categories/features/pages/custom-background/demo/dots-custom-background-demo.component.ts
@@ -1,5 +1,5 @@
 import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { Edge, Node, Vflow } from 'projects/ngx-vflow-lib/src/public-api';
+import { Edge, Node, Vflow } from 'ngx-vflow';
 
 @Component({
   template: `<vflow view="auto" [nodes]="nodes" [edges]="edges" [background]="{ type: 'dots' }" />`,

diff --git a/...ategories/features/pages/custom-background/demo/image-custom-background-demo.component.ts b/...ategories/features/pages/custom-background/demo/image-custom-background-demo.component.ts
@@ -1,5 +1,5 @@
 import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { Edge, Node, Vflow } from 'projects/ngx-vflow-lib/src/public-api';
+import { Edge, Node, Vflow } from 'ngx-vflow';
 
 @Component({
   template: `<vflow

diff --git a/...w-demo/src/app/categories/features/pages/custom-edges/demo/custom-edges-demo.component.ts b/...w-demo/src/app/categories/features/pages/custom-edges/demo/custom-edges-demo.component.ts
@@ -1,5 +1,5 @@
 import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { Edge, Node, Vflow } from 'projects/ngx-vflow-lib/src/public-api';
+import { Edge, Node, Vflow } from 'ngx-vflow';
 
 @Component({
   template: `<vflow view="auto" [nodes]="nodes" [edges]="edges">

diff --git a/...mo/src/app/categories/features/pages/custom-handles/demo/custom-handles-demo.component.ts b/...mo/src/app/categories/features/pages/custom-handles/demo/custom-handles-demo.component.ts
@@ -1,5 +1,5 @@
 import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { Edge, Node, Vflow, Connection, ConnectionSettings } from 'projects/ngx-vflow-lib/src/public-api';
+import { Edge, Node, Vflow, Connection, ConnectionSettings } from 'ngx-vflow';
 
 @Component({
   templateUrl: './custom-handles-demo.component.html',

diff --git a/.../app/categories/features/pages/custom-nodes/demo/components/blue-square-node.component.ts b/.../app/categories/features/pages/custom-nodes/demo/components/blue-square-node.component.ts
@@ -1,5 +1,5 @@
 import { Component, output, ChangeDetectionStrategy } from '@angular/core';
-import { Vflow, CustomNodeComponent } from 'projects/ngx-vflow-lib/src/public-api';
+import { Vflow, CustomNodeComponent } from 'ngx-vflow';
 
 // --- Description of blue square component node
 export interface BlueSquareData {

diff --git a/...c/app/categories/features/pages/custom-nodes/demo/components/red-square-node.component.ts b/...c/app/categories/features/pages/custom-nodes/demo/components/red-square-node.component.ts
@@ -1,5 +1,5 @@
 import { Component, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';
-import { Vflow, CustomNodeComponent } from 'projects/ngx-vflow-lib/src/public-api';
+import { Vflow, CustomNodeComponent } from 'ngx-vflow';
 
 // --- Description of red square component node
 export interface RedSquareData {

diff --git a/.../app/categories/features/pages/custom-nodes/demo/custom-component-nodes-demo.component.ts b/.../app/categories/features/pages/custom-nodes/demo/custom-component-nodes-demo.component.ts
@@ -1,6 +1,6 @@
 import { ChangeDetectionStrategy, Component, inject } from '@angular/core';
 import { NgDocNotifyService } from '@ng-doc/ui-kit';
-import { ComponentNodeEvent, Edge, Node, Vflow } from 'projects/ngx-vflow-lib/src/public-api';
+import { ComponentNodeEvent, Edge, Node, Vflow } from 'ngx-vflow';
 import { BlueSquareNodeComponent, BlueSquareData } from './components/blue-square-node.component';
 import { RedSquareNodeComponent, RedSquareData } from './components/red-square-node.component';
 

diff --git a/...w-demo/src/app/categories/features/pages/custom-nodes/demo/custom-nodes-demo.component.ts b/...w-demo/src/app/categories/features/pages/custom-nodes/demo/custom-nodes-demo.component.ts
@@ -1,5 +1,5 @@
 import { ChangeDetectionStrategy, Component, signal } from '@angular/core';
-import { DynamicNode, Edge, Vflow } from 'projects/ngx-vflow-lib/src/public-api';
+import { DynamicNode, Edge, Vflow } from 'ngx-vflow';
 
 @Component({
   template: `<vflow view="auto" [nodes]="nodes" [edges]="edges">

diff --git a/...demo/src/app/categories/features/pages/default-edges/demo/default-edges-demo.component.ts b/...demo/src/app/categories/features/pages/default-edges/demo/default-edges-demo.component.ts
@@ -1,5 +1,5 @@
 import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { Edge, Node, Vflow } from 'projects/ngx-vflow-lib/src/public-api';
+import { Edge, Node, Vflow } from 'ngx-vflow';
 
 @Component({
   template: `<vflow view="auto" [nodes]="nodes" [edges]="edges" />`,

diff --git a/...demo/src/app/categories/features/pages/default-nodes/demo/default-nodes-demo.component.ts b/...demo/src/app/categories/features/pages/default-nodes/demo/default-nodes-demo.component.ts
@@ -1,5 +1,5 @@
 import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { Node, Vflow } from 'projects/ngx-vflow-lib/src/public-api';
+import { Node, Vflow } from 'ngx-vflow';
 
 @Component({
   template: `<vflow view="auto" [nodes]="nodes" />`,

diff --git a/.../categories/features/pages/draggables/demo/drag-handle-demo/drag-handle-demo.component.ts b/.../categories/features/pages/draggables/demo/drag-handle-demo/drag-handle-demo.component.ts
@@ -1,5 +1,5 @@
 import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { Edge, Node, Vflow } from 'projects/ngx-vflow-lib/src/public-api';
+import { Edge, Node, Vflow } from 'ngx-vflow';
 
 @Component({
   templateUrl: './drag-handle-demo.component.html',

diff --git a/...vflow-demo/src/app/categories/features/pages/draggables/demo/draggables-demo.component.ts b/...vflow-demo/src/app/categories/features/pages/draggables/demo/draggables-demo.component.ts
@@ -1,5 +1,5 @@
 import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { Edge, Node, Vflow } from 'projects/ngx-vflow-lib/src/public-api';
+import { Edge, Node, Vflow } from 'ngx-vflow';
 
 @Component({
   template: `<vflow view="auto" [nodes]="nodes" [edges]="edges" />`,

diff --git a/...ures/pages/handling-changes/demo/handling-changes-demo/handling-changes-demo.component.ts b/...ures/pages/handling-changes/demo/handling-changes-demo/handling-changes-demo.component.ts
@@ -1,6 +1,6 @@
 import { ChangeDetectionStrategy, Component, TemplateRef, inject, viewChild } from '@angular/core';
 import { NgDocNotifyService } from '@ng-doc/ui-kit';
-import { Connection, Edge, EdgeChange, Node, NodeChange, Vflow } from 'projects/ngx-vflow-lib/src/public-api';
+import { Connection, Edge, EdgeChange, Node, NodeChange, Vflow } from 'ngx-vflow';
 
 @Component({
   templateUrl: './handling-changes-demo.component.html',

diff --git a/...g-changes/demo/handling-changes-filtered-demo/handling-changes-filtered-demo.component.ts b/...g-changes/demo/handling-changes-filtered-demo/handling-changes-filtered-demo.component.ts
@@ -9,7 +9,7 @@ import {
   NodePositionChange,
   NodeSelectedChange,
   Vflow,
-} from 'projects/ngx-vflow-lib/src/public-api';
+} from 'ngx-vflow';
 
 @Component({
   templateUrl: './handling-changes-filtered-demo.component.html',

diff --git a/...pp/categories/features/pages/keyboard-shortcuts/demo/keyboard-shortcuts-demo.component.ts b/...pp/categories/features/pages/keyboard-shortcuts/demo/keyboard-shortcuts-demo.component.ts
@@ -1,5 +1,5 @@
 import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { KeyboardShortcuts, Node, Vflow } from 'projects/ngx-vflow-lib/src/public-api';
+import { KeyboardShortcuts, Node, Vflow } from 'ngx-vflow';
 
 @Component({
   template: `<vflow view="auto" [nodes]="nodes" [keyboardShortcuts]="shortcuts" />`,

diff --git a/...cts/ngx-vflow-demo/src/app/categories/features/pages/labels/demo/labels-demo.component.ts b/...cts/ngx-vflow-demo/src/app/categories/features/pages/labels/demo/labels-demo.component.ts
@@ -1,5 +1,5 @@
 import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { Edge, Node, Vflow } from 'projects/ngx-vflow-lib/src/public-api';
+import { Edge, Node, Vflow } from 'ngx-vflow';
 
 @Component({
   template: `<vflow view="auto" [nodes]="nodes" [edges]="edges">

diff --git a/...s/ngx-vflow-demo/src/app/categories/features/pages/markers/demo/markers-demo.component.ts b/...s/ngx-vflow-demo/src/app/categories/features/pages/markers/demo/markers-demo.component.ts
@@ -1,5 +1,5 @@
 import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { Connection, ConnectionSettings, Edge, Node, Vflow } from 'projects/ngx-vflow-lib/src/public-api';
+import { Connection, ConnectionSettings, Edge, Node, Vflow } from 'ngx-vflow';
 
 @Component({
   template: `<vflow

diff --git a/...s/ngx-vflow-demo/src/app/categories/features/pages/minimap/demo/minimap-demo.component.ts b/...s/ngx-vflow-demo/src/app/categories/features/pages/minimap/demo/minimap-demo.component.ts
@@ -1,5 +1,5 @@
 import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { Edge, Node, Vflow } from 'projects/ngx-vflow-lib/src/public-api';
+import { Edge, Node, Vflow } from 'ngx-vflow';
 
 @Component({
   template: `<vflow view="auto" [nodes]="nodes" [edges]="edges">

diff --git a/...atures/pages/multiple-connection-points/demo/multiple-connection-points-demo.component.ts b/...atures/pages/multiple-connection-points/demo/multiple-connection-points-demo.component.ts
@@ -1,6 +1,6 @@
 import { CommonModule } from '@angular/common';
 import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { Edge, Node, Vflow, Connection } from 'projects/ngx-vflow-lib/src/public-api';
+import { Edge, Node, Vflow, Connection } from 'ngx-vflow';
 
 @Component({
   templateUrl: './multiple-connection-points-demo.component.html',

diff --git a/...w-demo/src/app/categories/features/pages/node-toolbar/demo/node-toolbar-demo.component.ts b/...w-demo/src/app/categories/features/pages/node-toolbar/demo/node-toolbar-demo.component.ts
@@ -1,5 +1,5 @@
 import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { Edge, Node, Vflow } from 'projects/ngx-vflow-lib/src/public-api';
+import { Edge, Node, Vflow } from 'ngx-vflow';
 
 @Component({
   templateUrl: './node-toolbar-demo.component.html',

diff --git a/...mo/src/app/categories/features/pages/resizer/demo/default-group-resizer-demo.component.ts b/...mo/src/app/categories/features/pages/resizer/demo/default-group-resizer-demo.component.ts
@@ -1,5 +1,5 @@
 import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { Edge, Node, Vflow } from 'projects/ngx-vflow-lib/src/public-api';
+import { Edge, Node, Vflow } from 'ngx-vflow';
 
 @Component({
   template: `<vflow view="auto" [nodes]="nodes" [edges]="edges" />`,

diff --git a/...o/src/app/categories/features/pages/resizer/demo/template-group-resizer-demo.component.ts b/...o/src/app/categories/features/pages/resizer/demo/template-group-resizer-demo.component.ts
@@ -1,5 +1,5 @@
 import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { Node, Vflow } from 'projects/ngx-vflow-lib/src/public-api';
+import { Node, Vflow } from 'ngx-vflow';
 
 @Component({
   template: `<vflow view="auto" [nodes]="nodes">

diff --git a/...mo/src/app/categories/features/pages/resizer/demo/template-node-resizer-demo.component.ts b/...mo/src/app/categories/features/pages/resizer/demo/template-node-resizer-demo.component.ts
@@ -1,5 +1,5 @@
 import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { Edge, Node, Vflow } from 'projects/ngx-vflow-lib/src/public-api';
+import { Edge, Node, Vflow } from 'ngx-vflow';
 
 @Component({
   template: `

diff --git a/...x-vflow-demo/src/app/categories/features/pages/selecting/demo/selecting-demo.component.ts b/...x-vflow-demo/src/app/categories/features/pages/selecting/demo/selecting-demo.component.ts
@@ -1,5 +1,5 @@
 import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { Edge, Node, Vflow } from 'projects/ngx-vflow-lib/src/public-api';
+import { Edge, Node, Vflow } from 'ngx-vflow';
 
 @Component({
   templateUrl: './selecting-demo.component.html',

diff --git a/...ngx-vflow-demo/src/app/categories/features/pages/subflows/demo/subflows-demo.component.ts b/...ngx-vflow-demo/src/app/categories/features/pages/subflows/demo/subflows-demo.component.ts
@@ -1,5 +1,5 @@
 import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { Edge, Node, Vflow } from 'projects/ngx-vflow-lib/src/public-api';
+import { Edge, Node, Vflow } from 'ngx-vflow';
 
 @Component({
   template: `<vflow view="auto" [nodes]="nodes" [edges]="edges">

diff --git a/...ow-demo/src/app/categories/features/pages/view-size/demo/view-size-auto-demo.component.ts b/...ow-demo/src/app/categories/features/pages/view-size/demo/view-size-auto-demo.component.ts
@@ -1,5 +1,5 @@
 import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { Edge, Node, Vflow } from 'projects/ngx-vflow-lib/src/public-api';
+import { Edge, Node, Vflow } from 'ngx-vflow';
 
 @Component({
   template: `<vflow view="auto" [nodes]="nodes" [edges]="edges" />`,

diff --git a/...w-demo/src/app/categories/features/pages/view-size/demo/view-size-fixed-demo.component.ts b/...w-demo/src/app/categories/features/pages/view-size/demo/view-size-fixed-demo.component.ts
@@ -1,5 +1,5 @@
 import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { Edge, Node, Vflow } from 'projects/ngx-vflow-lib/src/public-api';
+import { Edge, Node, Vflow } from 'ngx-vflow';
 
 @Component({
   template: `<vflow [nodes]="nodes" [edges]="edges" [view]="[600, 600]" />`,

diff --git a/...pp/categories/getting-started/pages/what-is-ngx-vflow/demo/all-features-demo.component.ts b/...pp/categories/getting-started/pages/what-is-ngx-vflow/demo/all-features-demo.component.ts
@@ -7,7 +7,7 @@ import {
   ConnectionSettings,
   isComponentStaticNode,
   isDefaultStaticNode,
-} from 'projects/ngx-vflow-lib/src/public-api';
+} from 'ngx-vflow';
 import { ComplexCustomNodeComponent, ComplexCustomNodeData } from './components/complex-custom-node.component';
 import { SimpleCustomNodeComponent } from './components/simple-custom-node.component';
 

diff --git a/.../getting-started/pages/what-is-ngx-vflow/demo/components/complex-custom-node.component.ts b/.../getting-started/pages/what-is-ngx-vflow/demo/components/complex-custom-node.component.ts
@@ -1,5 +1,5 @@
 import { ChangeDetectionStrategy, Component, WritableSignal } from '@angular/core';
-import { Vflow, CustomNodeComponent } from 'projects/ngx-vflow-lib/src/public-api';
+import { Vflow, CustomNodeComponent } from 'ngx-vflow';
 
 export interface ComplexCustomNodeData {
   id: {

diff --git a/...s/getting-started/pages/what-is-ngx-vflow/demo/components/simple-custom-node.component.ts b/...s/getting-started/pages/what-is-ngx-vflow/demo/components/simple-custom-node.component.ts
@@ -1,5 +1,5 @@
 import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { CustomNodeComponent, Vflow } from 'projects/ngx-vflow-lib/src/public-api';
+import { CustomNodeComponent, Vflow } from 'ngx-vflow';
 
 @Component({
   template: `<div class="node">

diff --git a/...pp/categories/workshops/categories/layout/pages/force/demo/force-layout-demo.component.ts b/...pp/categories/workshops/categories/layout/pages/force/demo/force-layout-demo.component.ts
@@ -1,6 +1,6 @@
 import { ChangeDetectionStrategy, Component, signal, viewChild } from '@angular/core';
 import * as d3 from 'd3-force';
-import { DynamicNode, Edge, VflowComponent, Vflow } from 'projects/ngx-vflow-lib/src/public-api';
+import { DynamicNode, Edge, VflowComponent, Vflow } from 'ngx-vflow';
 
 @Component({
   templateUrl: './force-layout-demo.component.html',

diff --git a/...ries/workshops/categories/layout/pages/vizdom-layout/demo/vizdom-layout-demo.component.ts b/...ries/workshops/categories/layout/pages/vizdom-layout/demo/vizdom-layout-demo.component.ts
@@ -1,6 +1,6 @@
 import { ChangeDetectionStrategy, Component, OnInit, signal, viewChild, WritableSignal } from '@angular/core';
 import init, { DirectedGraph, VertexRef } from '@vizdom/vizdom-ts-web';
-import { Edge, Node, VflowComponent, Vflow } from 'projects/ngx-vflow-lib/src/public-api';
+import { Edge, Node, VflowComponent, Vflow } from 'ngx-vflow';
 
 @Component({
   templateUrl: './vizdom-layout-demo.component.html',

diff --git a/...src/app/categories/workshops/pages/delete-selected/demo/delete-selected-demo.component.ts b/...src/app/categories/workshops/pages/delete-selected/demo/delete-selected-demo.component.ts
@@ -1,5 +1,5 @@
 import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { Edge, Node, Vflow } from 'projects/ngx-vflow-lib/src/public-api';
+import { Edge, Node, Vflow } from 'ngx-vflow';
 
 @Component({
   templateUrl: './delete-selected-demo.component.html',

diff --git a/...categories/workshops/pages/drag-and-drop-nodes/demo/drag-and-drop-nodes-demo.component.ts b/...categories/workshops/pages/drag-and-drop-nodes/demo/drag-and-drop-nodes-demo.component.ts
@@ -1,6 +1,6 @@
 import { ChangeDetectionStrategy, Component, viewChild } from '@angular/core';
 import { DndDropEvent, DndModule } from 'ngx-drag-drop';
-import { Connection, Edge, Node, VflowComponent, Vflow } from 'projects/ngx-vflow-lib/src/public-api';
+import { Connection, Edge, Node, VflowComponent, Vflow } from 'ngx-vflow';
 
 @Component({
   templateUrl: './drag-and-drop-nodes-demo.component.html',

diff --git a/projects/ngx-vflow-demo/tsconfig.hybrid.json b/projects/ngx-vflow-demo/tsconfig.hybrid.json
@@ -0,0 +1,16 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../out-tsc/app",
+    "types": [],
+    // override paths from root tsconfig.json
+    "paths": {
+      "@ng-doc/generated": ["ng-doc/ngx-vflow-demo/index.ts"],
+      "@ng-doc/generated/*": ["ng-doc/ngx-vflow-demo/*"],
+      // alias to production build of the library instead of building it as part of application
+      "ngx-vflow": ["dist/ngx-vflow-lib"]
+    }
+  },
+  "files": ["src/main.ts"],
+  "include": ["src/**/*.d.ts"]
+}
diff --git a/tsconfig.json b/tsconfig.json
@@ -11,11 +11,6 @@
     "noImplicitReturns": true,
     "noFallthroughCasesInSwitch": true,
     "sourceMap": true,
-    "paths": {
-      "@ng-doc/generated": ["ng-doc/ngx-vflow-demo/index.ts"],
-      "@ng-doc/generated/*": ["ng-doc/ngx-vflow-demo/*"],
-      "ngx-vflow-lib": ["dist/ngx-vflow-lib"]
-    },
     "declaration": false,
     "downlevelIteration": true,
     "experimentalDecorators": true,
@@ -26,7 +21,12 @@
     "useDefineForClassFields": false,
     "lib": ["ES2022", "dom"],
     "stripInternal": true,
-    "skipLibCheck": true
+    "skipLibCheck": true,
+    "paths": {
+      "@ng-doc/generated": ["ng-doc/ngx-vflow-demo/index.ts"],
+      "@ng-doc/generated/*": ["ng-doc/ngx-vflow-demo/*"],
+      "ngx-vflow": ["projects/ngx-vflow-lib/src/public-api"]
+    }
   },
   "angularCompilerOptions": {
     "enableI18nLegacyMessageIdFormat": false,