Extract code

Author: fisker

src/transforms/transform-conditional-expression.ts

@@ -0,0 +1,23 @@
+import { type Conditional } from '@angular/compiler';
+import type * as babel from '@babel/types';
+
+import { type Transformer } from '../transform-ast.ts';
+
+export const visitConditional = (
+  node: Conditional,
+  transformer: Transformer,
+) => {
+  const [test, consequent, alternate] =
+    transformer.transformChildren<babel.Expression>([
+      node.condition,
+      node.trueExp,
+      node.falseExp,
+    ]);
+
+  return transformer.createNode<babel.ConditionalExpression>({
+    type: 'ConditionalExpression',
+    test,
+    consequent,
+    alternate,
+  });
+};

src/transforms/transform-literal.ts

@@ -11,6 +11,7 @@ export const visitLiteralPrimitive = (
   transformer: Transformer,
 ) => {
   const { value } = node;
+  console.log(node);
   switch (typeof value) {
     case 'boolean':
       return transformer.createNode<babel.BooleanLiteral>({

src/transforms/visitor.ts

@@ -5,6 +5,7 @@ import { type Transformer } from '../transform-ast.ts';
 import type { NGChainedExpression, NGPipeExpression } from '../types.ts';
 import { visitBinary } from './transform-binary-expression.ts';
 import { visitCall, visitSafeCall } from './transform-call-expression.ts';
+import { visitConditional } from './transform-conditional-expression.ts';
 import {
   visitLiteralPrimitive,
   visitRegularExpressionLiteral,
@@ -57,6 +58,8 @@ export const transformVisitor: AstVisitor = {
   visitTemplateLiteral,
   visitTemplateLiteralElement,
 
+  visitConditional,
+
   visitPipe(node: angular.BindingPipe, transformer: Transformer) {
     return transformer.createNode<NGPipeExpression>({
       type: 'NGPipeExpression',
@@ -78,22 +81,6 @@ export const transformVisitor: AstVisitor = {
     });
   },
 
-  visitConditional(node: angular.Conditional, transformer: Transformer) {
-    const [test, consequent, alternate] =
-      transformer.transformChildren<babel.Expression>([
-        node.condition,
-        node.trueExp,
-        node.falseExp,
-      ]);
-
-    return transformer.createNode<babel.ConditionalExpression>({
-      type: 'ConditionalExpression',
-      test,
-      consequent,
-      alternate,
-    });
-  },
-
   visitThisReceiver(node: angular.ThisReceiver, transformer: Transformer) {
     return transformer.createNode<babel.ThisExpression>({
       type: 'ThisExpression',