fix cross components imports

Right now compositions cannot import from other components because public-api.ts is missing from the bundle. Also if someone uses a different hierarchy without a src folder it would fail.
We now include everything in the compilation to make sure that it works.

Author: ocombe

packages/angular/angular.webpack.ts

@@ -81,7 +81,7 @@ export abstract class AngularWebpack {
   /**
    * Add the list of files to include into the typescript compilation as absolute paths
    */
-  private generateTsConfig(appPath: string, includePaths: string[]): string {
+  private generateTsConfig(appPath: string, includePaths: string[], excludePaths: string[]): string {
     const tsconfigPath = join(appPath, 'tsconfig.app.json');
     const tsconfigJSON = readConfigFile(tsconfigPath, sys.readFile);
     const pAppPath = pathNormalizeToLinux(appPath);
@@ -94,6 +94,7 @@ export abstract class AngularWebpack {
     ];
     tsconfigJSON.config.exclude = [
       posix.join(pAppPath, '**/*.spec.ts'),
+      ...excludePaths,
       ...includePaths.map((path) => posix.join(path, '**/*.spec.ts')),
     ];
 
@@ -108,7 +109,8 @@ export abstract class AngularWebpack {
    * write a link to load custom modules dynamically.
    */
   writeTsconfig(context: DevServerContext | BundlerContext, rootSpace: string): string {
-    const componentsFilePaths = new Set<string>();
+    const includePaths = new Set<string>();
+    const excludePaths = new Set<string>();
     const dirPath = join(this.tempFolder, context.id);
     if (!existsSync(dirPath)) {
       mkdirSync(dirPath, { recursive: true });
@@ -124,15 +126,17 @@ export abstract class AngularWebpack {
         if (!capsule) {
           throw new Error(`No capsule found for ${component.id} in network graph`);
         }
-        outputPath = join(capsule.path, 'src');
+        outputPath = capsule.path;
       } else {
-        outputPath = join(this.workspace?.getComponentPackagePath(component) || '', 'src');
+        outputPath = this.workspace?.getComponentPackagePath(component) || '';
       }
 
-      componentsFilePaths.add(pathNormalizeToLinux(outputPath));
+      includePaths.add(pathNormalizeToLinux(outputPath));
+      excludePaths.add(pathNormalizeToLinux(join(outputPath, 'dist')));
+      excludePaths.add(pathNormalizeToLinux(join(outputPath, '_src')));
     });
 
-    const content = this.generateTsConfig(rootSpace, Array.from(componentsFilePaths));
+    const content = this.generateTsConfig(rootSpace, Array.from(includePaths), Array.from(excludePaths));
     const hash = objectHash(content);
     const targetPath = join(dirPath, `__tsconfig-${this.timestamp}.json`);
 

packages/angular/preview/src/docs.ts

@@ -9,7 +9,7 @@ export type DocsFile = {
 window.onDocsLoad$ = window.onDocsLoad$ || new ReplaySubject<any>();
 
 export default function docsRoot(
-  Provider: Type<any> | undefined,
+  provider: Type<any> | undefined,
   componentId: string,
   docs: DocsFile | undefined,
   compositionsMap: { [name: string]: Type<any> },

packages/angular/preview/tsconfig.app.json

@@ -18,6 +18,7 @@
     "allowJs": true,
     "target": "es5",
     "module": "esnext",
+    "preserveSymlinks": true,
     "lib": [
       "es2018",
       "dom"