refactor(compiler): account for selectorless in template binder (angular#60952)

Updates the template binder to account for the new selectorless AST nodes. This is a prerequisite to supporting template type checking of the new syntax.

PR Close angular#60952

Author: crisbeto

packages/compiler-cli/src/ngtsc/indexer/src/template.ts

@@ -377,8 +377,12 @@ class TemplateVisitor extends TmplAstRecursiveVisitor {
 
   /** Creates an identifier for a template element or template node. */
   private elementOrTemplateToIdentifier(
-    node: TmplAstElement | TmplAstTemplate,
+    node: TmplAstElement | TmplAstTemplate | TmplAstComponent | TmplAstDirective,
   ): ElementIdentifier | TemplateNodeIdentifier | null {
+    if (node instanceof TmplAstComponent || node instanceof TmplAstDirective) {
+      throw new Error('TODO');
+    }
+
     // If this node has already been seen, return the cached result.
     if (this.elementAndTemplateIdentifierCache.has(node)) {
       return this.elementAndTemplateIdentifierCache.get(node)!;
@@ -465,7 +469,12 @@ class TemplateVisitor extends TmplAstRecursiveVisitor {
       if (refTarget) {
         let node: ElementIdentifier | TemplateNodeIdentifier | null = null;
         let directive: ClassDeclaration<DeclarationNode> | null = null;
-        if (refTarget instanceof TmplAstElement || refTarget instanceof TmplAstTemplate) {
+        if (
+          refTarget instanceof TmplAstElement ||
+          refTarget instanceof TmplAstTemplate ||
+          refTarget instanceof TmplAstComponent ||
+          refTarget instanceof TmplAstDirective
+        ) {
           node = this.elementOrTemplateToIdentifier(refTarget);
         } else {
           node = this.elementOrTemplateToIdentifier(refTarget.node);

packages/compiler/src/render3/view/t2_api.ts

@@ -10,12 +10,14 @@ import {AST} from '../../expression_parser/ast';
 import {
   BoundAttribute,
   BoundEvent,
+  Component,
   Content,
   DeferredBlock,
   DeferredBlockError,
   DeferredBlockLoading,
   DeferredBlockPlaceholder,
   DeferredTrigger,
+  Directive,
   Element,
   ForLoopBlock,
   ForLoopBlockEmpty,
@@ -48,7 +50,7 @@ export type ScopedNode =
 export type ReferenceTarget<DirectiveT> =
   | {
       directive: DirectiveT;
-      node: Element | Template;
+      node: Element | Template | Component | Directive;
     }
   | Element
   | Template;
@@ -181,7 +183,7 @@ export interface BoundTarget<DirectiveT extends DirectiveMeta> {
    * For a given template node (either an `Element` or a `Template`), get the set of directives
    * which matched the node, if any.
    */
-  getDirectivesOfNode(node: Element | Template): DirectiveT[] | null;
+  getDirectivesOfNode(node: Element | Template | Component): DirectiveT[] | null;
 
   /**
    * For a given `Reference`, get the reference's target - either an `Element`, a `Template`, or
@@ -270,5 +272,5 @@ export interface BoundTarget<DirectiveT extends DirectiveMeta> {
   /**
    * Whether a given node is located in a `@defer` block.
    */
-  isDeferred(node: Element): boolean;
+  isDeferred(node: Element | Component): boolean;
 }