mirror of
https://github.com/angular/angular
synced 2026-05-24 09:28:37 +00:00
b14a78ebb0
⚠️Disclaimer⚠️ this PR implements syntax that is still in an open RFC. It will be adjusted once the RFC is closed. These changes implement the `BlockGroup` and `Block` AST nodes that will then be used to generate instructions based on the new syntax. A `BlockGroup` is a container for `Block` instances. The first block of a block is always implicit and required while any subsequent blocks are optional. PR Close #50953
73 lines
2.5 KiB
TypeScript
73 lines
2.5 KiB
TypeScript
/**
|
|
* @license
|
|
* Copyright Google LLC 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 html from '@angular/compiler/src/ml_parser/ast';
|
|
import {getHtmlTagDefinition} from '@angular/compiler/src/ml_parser/html_tags';
|
|
|
|
class _SerializerVisitor implements html.Visitor {
|
|
visitElement(element: html.Element, context: any): any {
|
|
if (getHtmlTagDefinition(element.name).isVoid) {
|
|
return `<${element.name}${this._visitAll(element.attrs, ' ', ' ')}/>`;
|
|
}
|
|
|
|
return `<${element.name}${this._visitAll(element.attrs, ' ', ' ')}>${
|
|
this._visitAll(element.children)}</${element.name}>`;
|
|
}
|
|
|
|
visitAttribute(attribute: html.Attribute, context: any): any {
|
|
return `${attribute.name}="${attribute.value}"`;
|
|
}
|
|
|
|
visitText(text: html.Text, context: any): any {
|
|
return text.value;
|
|
}
|
|
|
|
visitComment(comment: html.Comment, context: any): any {
|
|
return `<!--${comment.value}-->`;
|
|
}
|
|
|
|
visitExpansion(expansion: html.Expansion, context: any): any {
|
|
return `{${expansion.switchValue}, ${expansion.type},${this._visitAll(expansion.cases)}}`;
|
|
}
|
|
|
|
visitExpansionCase(expansionCase: html.ExpansionCase, context: any): any {
|
|
return ` ${expansionCase.value} {${this._visitAll(expansionCase.expression)}}`;
|
|
}
|
|
|
|
visitBlockGroup(group: html.BlockGroup, context: any) {
|
|
if (group.blocks.length === 0) {
|
|
throw new Error('Block group must have at least one block.');
|
|
}
|
|
|
|
const [primaryBlock, ...remainingBlocks] = group.blocks;
|
|
|
|
// The primary block is created implicitly so we need to separate it out when serializing.
|
|
return `{#${primaryBlock.name}${this._visitAll(primaryBlock.parameters, ';', ' ')}}${
|
|
this._visitAll(
|
|
primaryBlock.children)}${this._visitAll(remainingBlocks)}{/${primaryBlock.name}}`;
|
|
}
|
|
|
|
visitBlock(block: html.Block, context: any) {
|
|
return `{:${block.name}${this._visitAll(block.parameters, ';', ' ')}}${
|
|
this._visitAll(block.children)}`;
|
|
}
|
|
|
|
visitBlockParameter(parameter: html.BlockParameter, context: any) {
|
|
return parameter.expression;
|
|
}
|
|
|
|
private _visitAll(nodes: html.Node[], separator = '', prefix = ''): string {
|
|
return nodes.length > 0 ? prefix + nodes.map(a => a.visit(this, null)).join(separator) : '';
|
|
}
|
|
}
|
|
|
|
const serializerVisitor = new _SerializerVisitor();
|
|
|
|
export function serializeNodes(nodes: html.Node[]): string[] {
|
|
return nodes.map(node => node.visit(serializerVisitor, null));
|
|
}
|