refactor(compiler-cli): tag host directives in TCB

Add HOST_DIRECTIVE expression identifier to TCB comments to identify host directives.

Author: atscott

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

@@ -46,6 +46,7 @@ export enum CommentTriviaType {
 /** Identifies what the TCB expression is for (for example, a directive declaration). */
 export enum ExpressionIdentifier {
   DIRECTIVE = 'DIR',
+  HOST_DIRECTIVE = 'HOSTDIR',
   COMPONENT_COMPLETION = 'COMPCOMP',
   EVENT_PARAMETER = 'EP',
   VARIABLE_AS_EXPRESSION = 'VAE',

packages/compiler-cli/src/ngtsc/typecheck/src/ops/directive_constructor.ts

@@ -6,7 +6,7 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {DirectiveOwner, ParseSourceSpan, TmplAstHostElement} from '@angular/compiler';
+import {DirectiveOwner, MatchSource, ParseSourceSpan, TmplAstHostElement} from '@angular/compiler';
 import {TcbOp} from './base';
 import {quoteAndEscape, TcbExpr} from './codegen';
 import {Context} from './context';
@@ -74,7 +74,11 @@ export class TcbDirectiveCtorOp extends TcbOp {
       }
     }
 
-    id.addExpressionIdentifier(ExpressionIdentifier.DIRECTIVE).addParseSpanInfo(span);
+    const identifier =
+      this.dir.matchSource === MatchSource.HostDirective
+        ? ExpressionIdentifier.HOST_DIRECTIVE
+        : ExpressionIdentifier.DIRECTIVE;
+    id.addExpressionIdentifier(identifier).addParseSpanInfo(span);
 
     for (const attr of boundAttrs) {
       // Skip text attributes if configured to do so.

packages/compiler-cli/src/ngtsc/typecheck/src/ops/directive_type.ts

@@ -6,7 +6,7 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {DirectiveOwner, ParseSourceSpan, TmplAstHostElement} from '@angular/compiler';
+import {DirectiveOwner, MatchSource, ParseSourceSpan, TmplAstHostElement} from '@angular/compiler';
 import type {Context} from './context';
 import type {Scope} from './scope';
 import {TcbOp} from './base';
@@ -59,8 +59,12 @@ export abstract class TcbDirectiveTypeOpBase extends TcbOp {
       span = this.node.startSourceSpan || this.node.sourceSpan;
     }
 
+    const identifier =
+      this.dir.matchSource === MatchSource.HostDirective
+        ? ExpressionIdentifier.HOST_DIRECTIVE
+        : ExpressionIdentifier.DIRECTIVE;
     const id = new TcbExpr(this.tcb.allocateId())
-      .addExpressionIdentifier(ExpressionIdentifier.DIRECTIVE)
+      .addExpressionIdentifier(identifier)
       .addParseSpanInfo(span);
     this.scope.addStatement(declareVariable(id, type));
     return id;

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

@@ -27,7 +27,8 @@ export function isDirectiveDeclaration(node: ts.Node): node is ts.TypeNode | ts.
   return (
     (ts.isTypeNode(node) || ts.isIdentifier(node)) &&
     ts.isVariableDeclaration(node.parent) &&
-    hasExpressionIdentifier(sourceFile, node, ExpressionIdentifier.DIRECTIVE)
+    (hasExpressionIdentifier(sourceFile, node, ExpressionIdentifier.DIRECTIVE) ||
+      hasExpressionIdentifier(sourceFile, node, ExpressionIdentifier.HOST_DIRECTIVE))
   );
 }