fix(core): Remove static dependency from @angular/core to @angular/co…

…mpiler (#26734) (#26879)

packages/compiler-cli/src/ngtsc/annotations/src/component.ts

@@ -202,6 +202,7 @@ export class ComponentDecoratorHandler implements
           directives: EMPTY_MAP,
           wrapDirectivesInClosure: false,  //
           animations,
+          viewProviders: null,
         },
         parsedTemplate: template.nodes,
       },

packages/compiler-cli/src/ngtsc/annotations/src/directive.ts

@@ -177,6 +177,7 @@ export function extractDirectiveMetadata(
     type: new WrappedNodeExpr(clazz.name !),
     typeArgumentCount: reflector.getGenericArityOfClass(clazz) || 0,
     typeSourceSpan: null !, usesInheritance, exportAs,
+    providers: null,
   };
   return {decoratedElements, decorator: directive, metadata};
 }
@@ -327,7 +328,7 @@ function parseFieldToPropertyMapping(
  */
 function parseDecoratedFields(
     fields: {member: ClassMember, decorators: Decorator[]}[], reflector: ReflectionHost,
-    checker: ts.TypeChecker): {[field: string]: string} {
+    checker: ts.TypeChecker) {
   return fields.reduce(
       (results, field) => {
         const fieldName = field.member.name;
@@ -353,6 +354,14 @@ function parseDecoratedFields(
       {} as{[field: string]: string});
 }
 
+function resolveInput(publicName: string, internalName: string): [string, string] {
+  return [publicName, internalName];
+}
+
+function resolveOutput(publicName: string, internalName: string) {
+  return publicName;
+}
+
 export function queriesFromFields(
     fields: {member: ClassMember, decorators: Decorator[]}[], reflector: ReflectionHost,
     checker: ts.TypeChecker): R3QueryMetadata[] {

packages/compiler-cli/src/ngtsc/typecheck/src/type_check_block.ts

@@ -518,7 +518,7 @@ function tcbGetInputBindingExpressions(
   // is desired. Invert `dir.inputs` into `propMatch` to create this map.
   const propMatch = new Map<string, string>();
   const inputs = dir.inputs;
-  Object.keys(inputs).forEach(key => propMatch.set(inputs[key], key));
+  Object.keys(inputs).forEach(key => propMatch.set(inputs[key] as string, key));
 
   // Add a binding expression to the map for each input of the directive that has a
   // matching binding.

packages/compiler/package.json

@@ -22,5 +22,5 @@
   "ng-update": {
     "packageGroup": "NG_UPDATE_PACKAGE_GROUP"
   },
-  "sideEffects": false
-}
+  "sideEffects": true
+}

packages/compiler/src/compiler.ts

@@ -6,6 +6,11 @@
  * found in the LICENSE file at https://angular.io/license
  */
 
+//////////////////////////////////////
+// THIS FILE HAS GLOBAL SIDE EFFECT //
+//       (see bottom of file)       //
+//////////////////////////////////////
+
 /**
  * @module
  * @description
@@ -23,6 +28,8 @@
  */
 
 import * as core from './core';
+import {publishFacade} from './jit_compiler_facade';
+import {global} from './util';
 
 export {core};
 
@@ -91,4 +98,9 @@ export {compilePipeFromMetadata, R3PipeMetadata} from './render3/r3_pipe_compile
 export {makeBindingParser, parseTemplate} from './render3/view/template';
 export {R3Reference} from './render3/util';
 export {compileBaseDefFromMetadata, R3BaseRefMetaData, compileComponentFromMetadata, compileDirectiveFromMetadata, parseHostBindings} from './render3/view/compiler';
+export {publishFacade} from './jit_compiler_facade';
 // This file only reexports content of the `src` folder. Keep it that way.
+
+// This function call has a global side effects and publishes the compiler into global namespace for
+// the late binding of the Compiler to the @angular/core for jit compilation.
+publishFacade(global);

packages/compiler/src/compiler_facade_interface.ts

@@ -0,0 +1,146 @@
+/**
+ * @license
+ * Copyright Google Inc. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+
+
+/**
+ * A set of interfaces which are shared between `@angular/core` and `@angular/compiler` to allow
+ * for late binding of `@angular/compiler` for JIT purposes.
+ *
+ * This file has two copies. Please ensure that they are in sync:
+ *  - packages/compiler/src/compiler_facade_interface.ts             (master)
+ *  - packages/core/src/render3/jit/compiler_facade_interface.ts     (copy)
+ *
+ * Please ensure that the two files are in sync using this command:
+ * ```
+ * cp packages/compiler/src/compiler_facade_interface.ts \
+ *    packages/core/src/render3/jit/compiler_facade_interface.ts
+ * ```
+ */
+
+export interface ExportedCompilerFacade { ɵcompilerFacade: CompilerFacade; }
+
+export interface CompilerFacade {
+  compilePipe(angularCoreEnv: CoreEnvironment, sourceMapUrl: string, meta: R3PipeMetadataFacade):
+      any;
+  compileInjectable(
+      angularCoreEnv: CoreEnvironment, sourceMapUrl: string, meta: R3InjectableMetadataFacade): any;
+  compileInjector(
+      angularCoreEnv: CoreEnvironment, sourceMapUrl: string, meta: R3InjectorMetadataFacade): any;
+  compileNgModule(
+      angularCoreEnv: CoreEnvironment, sourceMapUrl: string, meta: R3NgModuleMetadataFacade): any;
+  compileDirective(
+      angularCoreEnv: CoreEnvironment, sourceMapUrl: string, meta: R3DirectiveMetadataFacade): any;
+  compileComponent(
+      angularCoreEnv: CoreEnvironment, sourceMapUrl: string, meta: R3ComponentMetadataFacade): any;
+
+  R3ResolvedDependencyType: typeof R3ResolvedDependencyType;
+}
+
+export interface CoreEnvironment { [name: string]: Function; }
+
+export type StringMap = {
+  [key: string]: string;
+};
+
+export type StringMapWithRename = {
+  [key: string]: string | [string, string];
+};
+
+export type Provider = any;
+
+export enum R3ResolvedDependencyType {
+  Token = 0,
+  Attribute = 1,
+  Injector = 2,
+}
+
+export interface R3DependencyMetadataFacade {
+  token: any;
+  resolved: R3ResolvedDependencyType;
+  host: boolean;
+  optional: boolean;
+  self: boolean;
+  skipSelf: boolean;
+}
+
+export interface R3PipeMetadataFacade {
+  name: string;
+  type: any;
+  pipeName: string;
+  deps: R3DependencyMetadataFacade[]|null;
+  pure: boolean;
+}
+
+export interface R3InjectableMetadataFacade {
+  name: string;
+  type: any;
+  ctorDeps: R3DependencyMetadataFacade[]|null;
+  providedIn: any;
+  useClass?: any;
+  useFactory?: any;
+  useExisting?: any;
+  useValue?: any;
+  userDeps?: R3DependencyMetadataFacade[];
+}
+
+export interface R3NgModuleMetadataFacade {
+  type: any;
+  bootstrap: Function[];
+  declarations: Function[];
+  imports: Function[];
+  exports: Function[];
+  emitInline: boolean;
+}
+
+export interface R3InjectorMetadataFacade {
+  name: string;
+  type: any;
+  deps: R3DependencyMetadataFacade[]|null;
+  providers: any;
+  imports: any;
+}
+
+export interface R3DirectiveMetadataFacade {
+  name: string;
+  type: any;
+  typeArgumentCount: number;
+  typeSourceSpan: null;
+  deps: R3DependencyMetadataFacade[]|null;
+  selector: string|null;
+  queries: R3QueryMetadataFacade[];
+  host: {[key: string]: string};
+  propMetadata: {[key: string]: any[]};
+  lifecycle: {usesOnChanges: boolean;};
+  inputs: string[];
+  outputs: string[];
+  usesInheritance: boolean;
+  exportAs: string|null;
+  providers: Provider[]|null;
+}
+
+export interface R3ComponentMetadataFacade extends R3DirectiveMetadataFacade {
+  template: string;
+  preserveWhitespaces: boolean;
+  animations: any[]|undefined;
+  viewQueries: R3QueryMetadataFacade[];
+  pipes: Map<string, any>;
+  directives: Map<string, any>;
+  styles: string[];
+  encapsulation: ViewEncapsulation;
+  viewProviders: Provider[]|null;
+}
+
+export type ViewEncapsulation = number;
+
+export interface R3QueryMetadataFacade {
+  propertyName: string;
+  first: boolean;
+  predicate: any|string[];
+  descendants: boolean;
+  read: any|null;
+}