TemplateLiteralTransformer.ts 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  1. import { injectable, inject } from 'inversify';
  2. import { ServiceIdentifiers } from '../../container/ServiceIdentifiers';
  3. import * as ESTree from 'estree';
  4. import { IOptions } from '../../interfaces/options/IOptions';
  5. import { IVisitor } from '../../interfaces/IVisitor';
  6. import { AbstractNodeTransformer } from '../AbstractNodeTransformer';
  7. import { Node } from '../../node/Node';
  8. import { Nodes } from '../../node/Nodes';
  9. /**
  10. * Transform ES2015 template literals to ES5
  11. * Thanks to Babel for algorithm
  12. */
  13. @injectable()
  14. export class TemplateLiteralTransformer extends AbstractNodeTransformer {
  15. /**
  16. * @param options
  17. */
  18. constructor (
  19. @inject(ServiceIdentifiers.IOptions) options: IOptions
  20. ) {
  21. super(options);
  22. }
  23. /**
  24. * @param node
  25. * @return {boolean}
  26. */
  27. private static isLiteralNodeWithStringValue (node: ESTree.Node): boolean {
  28. return node && Node.isLiteralNode(node) && typeof node.value === 'string';
  29. }
  30. /**
  31. * @return {IVisitor}
  32. */
  33. public getVisitor (): IVisitor {
  34. return {
  35. enter: (node: ESTree.Node, parentNode: ESTree.Node) => {
  36. if (Node.isTemplateLiteralNode(node)) {
  37. return this.transformNode(node, parentNode);
  38. }
  39. }
  40. };
  41. }
  42. /**
  43. * @param templateLiteralNode
  44. * @param parentNode
  45. * @returns {ESTree.Node}
  46. */
  47. public transformNode (templateLiteralNode: ESTree.TemplateLiteral, parentNode: ESTree.Node): ESTree.Node {
  48. const templateLiteralExpressions: ESTree.Expression[] = templateLiteralNode.expressions;
  49. let nodes: (ESTree.Literal | ESTree.Expression)[] = [];
  50. templateLiteralNode.quasis.forEach((templateElement: ESTree.TemplateElement) => {
  51. nodes.push(Nodes.getLiteralNode(templateElement.value.cooked));
  52. const expression: ESTree.Expression | undefined = templateLiteralExpressions.shift();
  53. if (!expression) {
  54. return;
  55. }
  56. nodes.push(expression);
  57. });
  58. nodes = nodes.filter((node: ESTree.Literal | ESTree.Expression) => {
  59. return !(Node.isLiteralNode(node) && node.value === '');
  60. });
  61. // since `+` is left-to-right associative
  62. // ensure the first node is a string if first/second isn't
  63. if (
  64. !TemplateLiteralTransformer.isLiteralNodeWithStringValue(nodes[0]) &&
  65. !TemplateLiteralTransformer.isLiteralNodeWithStringValue(nodes[1])
  66. ) {
  67. nodes.unshift(Nodes.getLiteralNode(''));
  68. }
  69. if (nodes.length > 1) {
  70. let root: ESTree.BinaryExpression = Nodes.getBinaryExpressionNode(
  71. '+',
  72. <ESTree.Literal>nodes.shift(),
  73. <ESTree.Expression>nodes.shift()
  74. );
  75. nodes.forEach((node: ESTree.Literal | ESTree.Expression) => {
  76. root = Nodes.getBinaryExpressionNode('+', root, <ESTree.Literal | ESTree.Expression>node);
  77. });
  78. return root;
  79. }
  80. return nodes[0];
  81. }
  82. }