TemplateLiteralTransformer.ts 6.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174
  1. import { inject, injectable, } from 'inversify';
  2. import { ServiceIdentifiers } from '../../container/ServiceIdentifiers';
  3. import * as estraverse from 'estraverse';
  4. import * as ESTree from 'estree';
  5. import { TNodeWithScope } from '../../types/node/TNodeWithScope';
  6. import { TStatement } from '../../types/node/TStatement';
  7. import { IOptions } from '../../interfaces/options/IOptions';
  8. import { IRandomGenerator } from '../../interfaces/utils/IRandomGenerator';
  9. import { IVisitor } from '../../interfaces/node-transformers/IVisitor';
  10. import { TransformationStage } from '../../enums/node-transformers/TransformationStage';
  11. import { AbstractNodeTransformer } from '../AbstractNodeTransformer';
  12. import { NodeFactory } from '../../node/NodeFactory';
  13. import { NodeGuards } from '../../node/NodeGuards';
  14. import { NodeUtils } from '../../node/NodeUtils';
  15. /**
  16. * Transform ES2015 template literals to ES5
  17. * Thanks to Babel for algorithm
  18. */
  19. @injectable()
  20. export class TemplateLiteralTransformer extends AbstractNodeTransformer {
  21. /**
  22. * @param {IRandomGenerator} randomGenerator
  23. * @param {IOptions} options
  24. */
  25. constructor (
  26. @inject(ServiceIdentifiers.IRandomGenerator) randomGenerator: IRandomGenerator,
  27. @inject(ServiceIdentifiers.IOptions) options: IOptions
  28. ) {
  29. super(randomGenerator, options);
  30. }
  31. /**
  32. * @param {NodeGuards} node
  33. * @returns {boolean}
  34. */
  35. private static isLiteralNodeWithStringValue (node: ESTree.Node): boolean {
  36. return node && NodeGuards.isLiteralNode(node) && typeof node.value === 'string';
  37. }
  38. /**
  39. * @param {TransformationStage} transformationStage
  40. * @returns {IVisitor | null}
  41. */
  42. public getVisitor (transformationStage: TransformationStage): IVisitor | null {
  43. switch (transformationStage) {
  44. case TransformationStage.Converting:
  45. return {
  46. enter: (node: ESTree.Node, parentNode: ESTree.Node | null) => {
  47. if (parentNode && NodeGuards.isReturnStatementNode(node) && node.argument === null) {
  48. return this.fixEsprimaReturnStatementTemplateLiteralNode(node);
  49. }
  50. },
  51. leave: (node: ESTree.Node, parentNode: ESTree.Node | null) => {
  52. if (parentNode && NodeGuards.isTemplateLiteralNode(node)) {
  53. return this.transformNode(node, parentNode);
  54. }
  55. }
  56. };
  57. default:
  58. return null;
  59. }
  60. }
  61. /**
  62. * @param {TemplateLiteral} templateLiteralNode
  63. * @param {NodeGuards} parentNode
  64. * @returns {NodeGuards}
  65. */
  66. public transformNode (templateLiteralNode: ESTree.TemplateLiteral, parentNode: ESTree.Node): ESTree.Node {
  67. const templateLiteralExpressions: ESTree.Expression[] = templateLiteralNode.expressions;
  68. let nodes: ESTree.Expression[] = [];
  69. templateLiteralNode.quasis.forEach((templateElement: ESTree.TemplateElement) => {
  70. nodes.push(NodeFactory.literalNode(templateElement.value.cooked));
  71. const expression: ESTree.Expression | undefined = templateLiteralExpressions.shift();
  72. if (!expression) {
  73. return;
  74. }
  75. nodes.push(expression);
  76. });
  77. nodes = nodes.filter((node: ESTree.Literal | ESTree.Expression) => {
  78. return !(NodeGuards.isLiteralNode(node) && node.value === '');
  79. });
  80. // since `+` is left-to-right associative
  81. // ensure the first node is a string if first/second isn't
  82. if (
  83. !TemplateLiteralTransformer.isLiteralNodeWithStringValue(nodes[0]) &&
  84. !TemplateLiteralTransformer.isLiteralNodeWithStringValue(nodes[1])
  85. ) {
  86. nodes.unshift(NodeFactory.literalNode(''));
  87. }
  88. if (nodes.length > 1) {
  89. let root: ESTree.BinaryExpression = NodeFactory.binaryExpressionNode(
  90. '+',
  91. <ESTree.Literal>nodes.shift(),
  92. <ESTree.Expression>nodes.shift()
  93. );
  94. nodes.forEach((node: ESTree.Literal | ESTree.Expression) => {
  95. root = NodeFactory.binaryExpressionNode('+', root, <ESTree.Literal | ESTree.Expression>node);
  96. });
  97. return root;
  98. }
  99. return nodes[0];
  100. }
  101. /**
  102. * @param {ReturnStatement} returnStatementNode
  103. * @returns {Node | VisitorOption}
  104. */
  105. private fixEsprimaReturnStatementTemplateLiteralNode (returnStatementNode: ESTree.ReturnStatement): ESTree.Node | void {
  106. const scopeNode: TNodeWithScope = NodeUtils.getScopeOfNode(returnStatementNode);
  107. const scopeBody: TStatement[] = !NodeGuards.isSwitchCaseNode(scopeNode)
  108. ? scopeNode.body
  109. : scopeNode.consequent;
  110. const indexInScope: number = scopeBody.indexOf(returnStatementNode);
  111. // in incorrect AST-tree return statement node should be penultimate
  112. if (indexInScope !== scopeBody.length - 2) {
  113. return;
  114. }
  115. const nextSiblingStatementNode: TStatement | null = scopeBody[indexInScope + 1];
  116. if (!nextSiblingStatementNode || !NodeGuards.isExpressionStatementNode(nextSiblingStatementNode)) {
  117. return;
  118. }
  119. let isSiblingStatementHasTemplateLiteralNode: boolean = false;
  120. estraverse.traverse(nextSiblingStatementNode, {
  121. enter: (node: ESTree.Node, parentNode: ESTree.Node | null): void | estraverse.VisitorOption => {
  122. if (!NodeGuards.isTemplateLiteralNode(node)) {
  123. return;
  124. }
  125. isSiblingStatementHasTemplateLiteralNode = true;
  126. return estraverse.VisitorOption.Break;
  127. }
  128. });
  129. if (!isSiblingStatementHasTemplateLiteralNode) {
  130. return;
  131. }
  132. returnStatementNode.argument = nextSiblingStatementNode.expression;
  133. scopeBody.pop();
  134. if (!NodeGuards.isSwitchCaseNode(scopeNode)) {
  135. scopeNode.body = [...scopeBody];
  136. } else {
  137. scopeNode.consequent = <ESTree.Statement[]>[...scopeBody];
  138. }
  139. return returnStatementNode;
  140. }
  141. }