/
utils.ts
131 lines (121 loc) Β· 4.46 KB
/
utils.ts
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
/**
* @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 * as ts from 'typescript';
import {Reference} from '../../../src/ngtsc/imports';
import {ClassDeclaration, Decorator, isNamedClassDeclaration, isNamedFunctionDeclaration, isNamedVariableDeclaration} from '../../../src/ngtsc/reflection';
import {MigrationHost} from './migration';
export function isClassDeclaration(clazz: ts.Declaration): clazz is ClassDeclaration {
return isNamedClassDeclaration(clazz) || isNamedFunctionDeclaration(clazz) ||
isNamedVariableDeclaration(clazz);
}
/**
* Returns true if the `clazz` is decorated as a `Directive` or `Component`.
*/
export function hasDirectiveDecorator(host: MigrationHost, clazz: ClassDeclaration): boolean {
const ref = new Reference(clazz);
return host.metadata.getDirectiveMetadata(ref) !== null || host.metadata.isAbstractDirective(ref);
}
/**
* Returns true if the `clazz` is decorated as a `Directive` or `Component`.
*/
export function hasPipeDecorator(host: MigrationHost, clazz: ClassDeclaration): boolean {
const ref = new Reference(clazz);
return host.metadata.getPipeMetadata(ref) !== null;
}
/**
* Returns true if the `clazz` has its own constructor function.
*/
export function hasConstructor(host: MigrationHost, clazz: ClassDeclaration): boolean {
return host.reflectionHost.getConstructorParameters(clazz) !== null;
}
/**
* Create an empty `Directive` decorator that will be associated with the `clazz`.
*/
export function createDirectiveDecorator(
clazz: ClassDeclaration, metadata?: {selector: string, exportAs: string[] | null}): Decorator {
const args: ts.Expression[] = [];
if (metadata !== undefined) {
const metaArgs: ts.PropertyAssignment[] = [
property('selector', metadata.selector),
];
if (metadata.exportAs !== null) {
metaArgs.push(property('exportAs', metadata.exportAs));
}
args.push(reifySourceFile(ts.createObjectLiteral(metaArgs)));
}
return {
name: 'Directive',
identifier: null,
import: {name: 'Directive', from: '@angular/core'},
node: null,
synthesizedFor: clazz.name, args,
};
}
/**
* Create an empty `Component` decorator that will be associated with the `clazz`.
*/
export function createComponentDecorator(
clazz: ClassDeclaration, metadata: {selector: string, exportAs: string[] | null}): Decorator {
const metaArgs: ts.PropertyAssignment[] = [
property('selector', metadata.selector),
property('template', ''),
];
if (metadata.exportAs !== null) {
metaArgs.push(property('exportAs', metadata.exportAs));
}
return {
name: 'Component',
identifier: null,
import: {name: 'Component', from: '@angular/core'},
node: null,
synthesizedFor: clazz.name,
args: [
reifySourceFile(ts.createObjectLiteral(metaArgs)),
],
};
}
/**
* Create an empty `Injectable` decorator that will be associated with the `clazz`.
*/
export function createInjectableDecorator(clazz: ClassDeclaration): Decorator {
return {
name: 'Injectable',
identifier: null,
import: {name: 'Injectable', from: '@angular/core'},
node: null,
synthesizedFor: clazz.name,
args: [],
};
}
function property(name: string, value: string | string[]): ts.PropertyAssignment {
if (typeof value === 'string') {
return ts.createPropertyAssignment(name, ts.createStringLiteral(value));
} else {
return ts.createPropertyAssignment(
name, ts.createArrayLiteral(value.map(v => ts.createStringLiteral(v))));
}
}
const EMPTY_SF = ts.createSourceFile('(empty)', '', ts.ScriptTarget.Latest);
/**
* Takes a `ts.Expression` and returns the same `ts.Expression`, but with an associated
* `ts.SourceFile`.
*
* This transformation is necessary to use synthetic `ts.Expression`s with the `PartialEvaluator`,
* and many decorator arguments are interpreted in this way.
*/
function reifySourceFile(expr: ts.Expression): ts.Expression {
const printer = ts.createPrinter();
const exprText = printer.printNode(ts.EmitHint.Unspecified, expr, EMPTY_SF);
const sf = ts.createSourceFile(
'(synthetic)', `const expr = ${exprText};`, ts.ScriptTarget.Latest, true, ts.ScriptKind.JS);
const stmt = sf.statements[0];
if (!ts.isVariableStatement(stmt)) {
throw new Error(`Expected VariableStatement, got ${ts.SyntaxKind[stmt.kind]}`);
}
return stmt.declarationList.declarations[0].initializer !;
}