fixup! refactor(compiler): emit instructions for foreign components

Author: leonsenft

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

@@ -2346,15 +2346,15 @@ export class ComponentDecoratorHandler implements DecoratorHandler<
     const context = getSourceFile(node);
 
     return analysis.foreignImports.map((foreignMeta) => {
-      const {ref, rawExpression} = foreignMeta;
+      const {name, ref, rawExpression} = foreignMeta;
 
       const emittedRef = this.refEmitter.emit(ref, context);
       assertSuccessfulReferenceEmit(emittedRef, node.name, 'foreign component');
 
       ts.setEmitFlags(rawExpression, ts.EmitFlags.NoComments | ts.EmitFlags.NoNestedComments);
 
       return {
-        name: foreignMeta.name,
+        name,
         component: new o.WrappedNodeExpr(rawExpression),
       } satisfies R3ForeignComponentMetadata;
     });

packages/compiler/src/template/pipeline/src/ingest.ts

@@ -309,6 +309,9 @@ function ingestElement(unit: ViewCompilationUnit, element: t.Element): void {
     }
     const props = propEntries.length > 0 ? o.literalMap(propEntries) : null;
 
+    // Foreign components are created in the creation block. Updates are triggered reactively
+    // through directly passed signal properties, alleviating the need for any explicit update
+    // operations.
     unit.create.push(
       ir.createForeignComponentOp(id, foreignComp.component, props, element.startSourceSpan),
     );