c885178d5f
Reworks the compiler to output the factories for directives, components and pipes under a new static field called `ngFactoryFn`, instead of the usual `factory` property in their respective defs. This should eventually allow us to inject any kind of decorated class (e.g. a pipe). **Note:** these changes are the first part of the refactor and they don't include injectables. I decided to leave injectables for a follow-up PR, because there's some more cases we need to handle when it comes to their factories. Furthermore, directives, components and pipes make up most of the compiler output tests that need to be refactored and it'll make follow-up PRs easier to review if the tests are cleaned up now. This is part of the larger refactor for FW-1468. PR Close #31953
120 lines
3.7 KiB
TypeScript
120 lines
3.7 KiB
TypeScript
/**
|
|
* @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
|
|
*/
|
|
|
|
import {CompilePipeMetadata, identifierName} from '../compile_metadata';
|
|
import {CompileReflector} from '../compile_reflector';
|
|
import {DefinitionKind} from '../constant_pool';
|
|
import * as o from '../output/output_ast';
|
|
import {OutputContext, error} from '../util';
|
|
|
|
import {R3DependencyMetadata, compileFactoryFromMetadata, compileFactoryFunction, dependenciesFromGlobalMetadata} from './r3_factory';
|
|
import {Identifiers as R3} from './r3_identifiers';
|
|
import {typeWithParameters} from './util';
|
|
|
|
export interface R3PipeMetadata {
|
|
/**
|
|
* Name of the pipe type.
|
|
*/
|
|
name: string;
|
|
|
|
/**
|
|
* An expression representing a reference to the pipe itself.
|
|
*/
|
|
type: o.Expression;
|
|
|
|
/**
|
|
* Number of generic type parameters of the type itself.
|
|
*/
|
|
typeArgumentCount: number;
|
|
|
|
/**
|
|
* Name of the pipe.
|
|
*/
|
|
pipeName: string;
|
|
|
|
/**
|
|
* Dependencies of the pipe's constructor.
|
|
*/
|
|
deps: R3DependencyMetadata[]|null;
|
|
|
|
/**
|
|
* Whether the pipe is marked as pure.
|
|
*/
|
|
pure: boolean;
|
|
}
|
|
|
|
export function compilePipeFromMetadata(metadata: R3PipeMetadata) {
|
|
const definitionMapValues: {key: string, quoted: boolean, value: o.Expression}[] = [];
|
|
|
|
// e.g. `name: 'myPipe'`
|
|
definitionMapValues.push({key: 'name', value: o.literal(metadata.pipeName), quoted: false});
|
|
|
|
// e.g. `type: MyPipe`
|
|
definitionMapValues.push({key: 'type', value: metadata.type, quoted: false});
|
|
|
|
// e.g. `pure: true`
|
|
definitionMapValues.push({key: 'pure', value: o.literal(metadata.pure), quoted: false});
|
|
|
|
const expression = o.importExpr(R3.definePipe).callFn([o.literalMap(definitionMapValues)]);
|
|
const type = new o.ExpressionType(o.importExpr(R3.PipeDefWithMeta, [
|
|
typeWithParameters(metadata.type, metadata.typeArgumentCount),
|
|
new o.ExpressionType(new o.LiteralExpr(metadata.pipeName)),
|
|
]));
|
|
|
|
return {expression, type};
|
|
}
|
|
|
|
/**
|
|
* Write a pipe definition to the output context.
|
|
*/
|
|
export function compilePipeFromRender2(
|
|
outputCtx: OutputContext, pipe: CompilePipeMetadata, reflector: CompileReflector) {
|
|
const name = identifierName(pipe.type);
|
|
|
|
if (!name) {
|
|
return error(`Cannot resolve the name of ${pipe.type}`);
|
|
}
|
|
|
|
const metadata: R3PipeMetadata = {
|
|
name,
|
|
pipeName: pipe.name,
|
|
type: outputCtx.importExpr(pipe.type.reference),
|
|
typeArgumentCount: 0,
|
|
deps: dependenciesFromGlobalMetadata(pipe.type, outputCtx, reflector),
|
|
pure: pipe.pure,
|
|
};
|
|
const res = compilePipeFromMetadata(metadata);
|
|
const factoryRes = compileFactoryFromMetadata({...metadata, isPipe: true});
|
|
const definitionField = outputCtx.constantPool.propertyNameOf(DefinitionKind.Pipe);
|
|
const ngFactoryDefStatement = new o.ClassStmt(
|
|
/* name */ name,
|
|
/* parent */ null,
|
|
/* fields */
|
|
[new o.ClassField(
|
|
/* name */ 'ngFactoryDef',
|
|
/* type */ o.INFERRED_TYPE,
|
|
/* modifiers */[o.StmtModifier.Static],
|
|
/* initializer */ factoryRes.factory)],
|
|
/* getters */[],
|
|
/* constructorMethod */ new o.ClassMethod(null, [], []),
|
|
/* methods */[]);
|
|
const pipeDefStatement = new o.ClassStmt(
|
|
/* name */ name,
|
|
/* parent */ null,
|
|
/* fields */[new o.ClassField(
|
|
/* name */ definitionField,
|
|
/* type */ o.INFERRED_TYPE,
|
|
/* modifiers */[o.StmtModifier.Static],
|
|
/* initializer */ res.expression)],
|
|
/* getters */[],
|
|
/* constructorMethod */ new o.ClassMethod(null, [], []),
|
|
/* methods */[]);
|
|
|
|
outputCtx.statements.push(ngFactoryDefStatement, pipeDefStatement);
|
|
}
|