refactor: support resolving ngcc from pre-v13 package format (#1524)

Because workspaces can have mixed versions of Angular apps, we need to
support resolving ngcc using the package format in the v13+ releases
(APF) as well as the package format pre-v13.

Author: atscott

.circleci/config.yml

@@ -12,6 +12,9 @@ jobs:
       - node/install-packages:
           app-dir: integration/project
           pkg-manager: yarn
+      - node/install-packages:
+          app-dir: integration/pre_apf_project
+          pkg-manager: yarn
       - node/install-packages:
           app-dir: integration/workspace
           pkg-manager: yarn

integration/pre_apf_project/app/app.component.ts

@@ -0,0 +1,11 @@
+import {Component, EventEmitter, Input, Output} from '@angular/core';
+
+@Component({
+  selector: 'my-app',
+  template: `<h1>Hello {{name}}</h1>`,
+})
+export class AppComponent {
+  name = 'Angular';
+  @Input() appInput = '';
+  @Output() appOutput = new EventEmitter<string>();
+}

integration/pre_apf_project/app/app.module.ts

@@ -0,0 +1,17 @@
+import {CommonModule} from '@angular/common';
+import {NgModule} from '@angular/core';
+import {AppComponent} from './app.component';
+import {FooComponent} from './foo.component';
+
+@NgModule({
+  imports: [
+    CommonModule,
+  ],
+  declarations: [
+    AppComponent,
+    FooComponent,
+  ],
+  bootstrap: [AppComponent]
+})
+export class AppModule {
+}

integration/pre_apf_project/app/foo.component.html

@@ -0,0 +1,4 @@
+{{title | uppercase}}
+<span class="subtitle">
+    subtitle
+</span>

integration/pre_apf_project/app/foo.component.ts

@@ -0,0 +1,8 @@
+import {Component} from '@angular/core';
+
+@Component({
+  templateUrl: 'foo.component.html',
+})
+export class FooComponent {
+  title = 'Foo Component';
+}

integration/pre_apf_project/package.json

@@ -0,0 +1,12 @@
+{
+  "name": "angular-ls-integration-test-project",
+  "private": true,
+  "dependencies": {
+    "@angular/common": "12.2.10",
+    "@angular/compiler": "12.2.10",
+    "@angular/compiler-cli": "12.2.10",
+    "@angular/core": "12.2.10",
+    "rxjs": "6.6.7",
+    "zone.js": "0.11.4"
+  }
+}

integration/pre_apf_project/tsconfig.json

@@ -0,0 +1,15 @@
+{
+  "compilerOptions": {
+    "moduleResolution": "node",
+    "experimentalDecorators": true,
+    "target": "es2015",
+    "strict": true,
+    "typeRoots": [
+      "node_modules/@types"
+    ]
+  },
+  "angularCompilerOptions": {
+    "strictTemplates": true,
+    "strictInjectionParameters": true
+  }
+}