How to use the variableDeclaration function from babel-types

generate_properties.js

GitHub: jsdom/cssstyle

121
122
123
124
125
126
127
128
129
130
var relativePath = path.relative(path.resolve(__dirname + '/../lib'), filename);
if (relativePath[0] !== '.') {
  relativePath = './' + relativePath;
}
statements.push(
  t.variableDeclaration('var', [
    t.variableDeclarator(
      id,
      t.callExpression(t.identifier('require'), [t.stringLiteral(relativePath)])
    ),

59

89

10

+ 25 other calls in file

esm-to-cjs.js

GitHub: ubc/node-canvas-api

1
2
3
4
5
6
7
8
9
10

'use strict';
var t = require('babel-types');

var buildImportAssignment = function(id, source) {
  return t.variableDeclaration(
    'var',
    [
      t.variableDeclarator(
        t.identifier(id),

18

51

5

pug-code-gen.js

GitHub: pugjs/then-pug

77
78
79
80
81
82
83
84
85
86
Compiler.prototype.wrapCallExpression = function(node) {
  return t.yieldExpression(node, true);
}

Compiler.prototype.ast_variableDeclaration = function() {
    return t.variableDeclaration('var', [
          t.variableDeclarator(t.identifier('pug_mixins'),
            t.logicalExpression('||',
              t.memberExpression(t.identifier('locals'),t.identifier('pug_mixins')) ,
              t.objectExpression([]))),

5

43

10

+ 7 other calls in file

autoTryCatch.md?plain=1

GitHub: xjl271314/docs

229
230
231
232
233
234
235
236
237
238

有行列以及函数名，我们就需要把这些信息存到一个变量，那么就可以利用`babel-types`来生成单个变量对应AST节点了，点击[这里](https://babeljs.io/docs/en/next/babel-types.html#variabledeclaration)获取如何生成申明变量的节点，代码如下：

```js
// 生成一个变量申明的AST节点 值包含了函数的行数，列数，和函数名
let infoDeclarator = types.variableDeclaration('var', [
    types.variableDeclarator(
      types.identifier('info'),
      types.ObjectExpression([
        types.objectProperty(types.identifier('line'), types.numericLiteral(node.loc.start.line)),

5

13

2

+ 23 other calls in file

Babel%E6%8F%92%E4%BB%B6%E4%B9%8B%E6%8C%89%E9%9C%80%E5%8A%A0%E8%BD%BD%E5%8A%9F%E8%83%BD%E5%AE%9E%E7%8E%B0.md?plain=1

GitHub: chang-ke/Blog

110
111
112
113
114
115
116
117
118
119
    const node = path.node;

    if (node.kind === 'let' || node.kind === 'const') { 
      // 变量声明的kind, 可以是var let const
      // 然后第二个参数是声明的变量，let a, b, c这里的a, b, c就是node.declarations
      const varNode = type.variableDeclaration('var', node.declarations);
      path.replaceWith(varNode);
    }
  },
};

3

11

2

+ 9 other calls in file

restore-heap.visitor.js

GitHub: pragmaticslaboratory/deloreanjs

171
172
173
174
175
176
177
178
179
180
snapshotCall.insertAfter(
  t.ifStatement(
    t.identifier('fromTheFuture'),
    t.blockStatement(
      [
        t.variableDeclaration('let', [
          t.variableDeclarator(
            t.identifier('snapshot'),
            t.callExpression(t.identifier('restoreHeap'), [t.identifier('startFrom')]),
          ),

2

5

3

+ 9 other calls in file

SequelizeModelAst.js

GitHub: eps1lon/poe-db

75
76
77
78
79
80
81
82
83
84
    t.returnStatement(t.identifier('model')),
  ]);
}

modelDefinition() {
  return t.variableDeclaration('const', [
    t.variableDeclarator(
      t.identifier('model'),
      t.callExpression(
        t.memberExpression(t.identifier('sequelize'), t.identifier('define')),

1

5

2

+ 3 other calls in file

readme.md?plain=1

GitHub: liangklfangl/astexample

320
321
322
323
324
325
326
327
328
329
  overflow: 'auto',
};
//var ReactDOM = require('react-dom')
//要转化为什么，我们可以先通过AST查看器查看然后编写~~
function requireGenerator(varName, moduleName) {
  return types.variableDeclaration('var', [
    types.variableDeclarator(
      //t.variableDeclarator(id, init)
      //id就是identifier
      //此处的init必须是一个Expression

3

23

2

+ 5 other calls in file

compiler.js

GitHub: codeclimate-testing/benchpressjs

154
155
156
157
158
159
160
161
162
163
  t.functionExpression(c.EACH, [
    key,
    c.INDEX,
    c.LENGTH,
  ], t.blockStatement([
    t.variableDeclaration('var', [t.variableDeclarator(c.KEY, key)]),
    t.returnStatement(ConcatStringList(compile(branch.body))),
  ])),
]);
iter.name = branch.name;

17

0

5

+ 3 other calls in file

parse.js

GitHub: MarkLyck/ant-design-charts

198
199
200
201
202
203
204
205
206
207
  get(node, 'expression.type') === 'NewExpression' &&
  get(node, 'expression.arguments.0.value') === 'container'
) {
  const name = get(node, 'expression.callee.name');
  chartName = name === 'Heatmap' ? 'HeatMap' : `${name}Map`;
  const func = types.variableDeclaration('const', [
    types.variableDeclarator(types.identifier('config'), get(node, 'expression.arguments.1')),
  ]);
  path.replaceWith(func);
}

329

0

0

CSSXDefinition.js

GitHub: HappyBeautysmile/scss

145
146
147
148
149
150
151
152
153
154
  }
  return result;
}, []);

// putting the variables in one line
variables = t.variableDeclaration('var', variables.map(function (v) {
  return v.declarations[0];
}));

funcLines = [variables].concat(funcLines);

0

5

1

GraphQLUnionType.js

GitHub: joshblack/graphql-quick-type

19
20
21
22
23
24
25
26
27
28
      t.identifier(type)
    ),
    t.blockStatement([t.returnStatement(t.identifier(type))])
  );
});
const typeDefinition = t.variableDeclaration('const', [
  t.variableDeclarator(
    t.identifier(name),
    t.newExpression(t.identifier(gt.GraphQLUnionType), [
      t.objectExpression([

0

3

2

+ 5 other calls in file

vue-computed.js

GitHub: lucasiscovici/vue-to-react

43
44
45
46
47
48
49
50
51
                    t.memberExpression(t.thisExpression(), getIdentifier(this.state, key))
                );
                memPath.stop();
            }
        }, { state: this.state });
        const varNode = t.variableDeclaration('const', [t.variableDeclarator(t.identifier(this.key), path.node.argument)]);
        this.statements.push(varNode);
    }
};

65

0

0

weapp.js

GitHub: wx-chevalier/ueact

174
175
176
177
178
179
180
181
182
183
    defaultSpecifier = item.local.name;
  }
});
if (defaultSpecifier) {
  astPath.replaceWith(
    t.variableDeclaration('const', [
      t.variableDeclarator(
        t.identifier(defaultSpecifier),
        t.stringLiteral(value)
      )

5

49

4

+ 3 other calls in file

component.js

GitHub: roman01la/html-to-react-components

0
1
2
3
4
5
6
7
8
9
10
var t = require("babel-types");
var walk = require("babylon-walk");


function props(publics, propsType) {
  if (propsType === "class") {
    return t.variableDeclaration("const", [
      t.variableDeclarator(
        t.objectPattern(
          publics.map((prop) =>
            t.objectProperty(

143

0

0

+ 44 other calls in file

index.js

GitHub: astrocean/taro-cli-2.0.6

1181
1182
1183
1184
1185
1186
1187
1188
1189
1190
        });
        returnStatement.forEach(returnAstPath => {
            const statement = returnAstPath.node;
            const varName = returnAstPath.scope.generateUid();
            const returnValue = statement.argument;
            const pullDownRefreshNode = t.variableDeclaration('const', [t.variableDeclarator(t.identifier(varName), returnValue)]);
            returnAstPath.insertBefore(pullDownRefreshNode);
            statement.argument = astConvert_1.convertSourceStringToAstExpression(`
<PullDownRefresh
  onRefresh={this.onPullDownRefresh && this.onPullDownRefresh.bind(this)}

0

0

0

+ 11 other calls in file

main.js

GitHub: refrain-wbh/AppFrame

37
38
39
40
41
42
43
44
45
46
    var  varlist = []
    for (let i = 0; i < dataset.properties.length; ++i){
        let pp = dataset.properties[i]
        varlist.push(t.variableDeclarator(pp.key,pp.value))
    }
    dataset = t.variableDeclaration("var", varlist)    
    dataset = t.program([dataset])
}

path.stop()

0

0

0

try-catch.js

GitHub: free-dev-gf/fe_build

72
73
74
75
76
77
78
79
80
81
    `var tmp = ${report.toString()}`
)();
var catchBody = catchStatement.declarations[0].init.body;

// 赋值语句 值包含了函数的行列数和函数名
var infoDeclaration = types.variableDeclaration("var", [
    types.variableDeclarator(
        types.identifier("info"),
        types.ObjectExpression([
            types.objectProperty(

0

0

0

index.js

GitHub: KnownRock/fros-transform

115
116
117
118
119
120
121
122
123
124
path.node.arguments[1].params = path.node.arguments[1].params.concat(
  t.Identifier('req')
)

outerVariables.length && path.node.arguments[1].body.body.unshift(
  t.variableDeclaration('const',
    outerVariables.map(ov =>
      t.variableDeclarator(t.identifier(ov), t.identifier(`req.${ov}`))
    )
  )

0

0

1

+ 13 other calls in file