Generate ast-building code from given source

When I generated code in plugins I often have to look what the various elements are called like and what arguments they expect. Also the “reverse” chaining is not intuitive at times.

I’d be cool if I could input the source I want:

this.emit.bind(this, 'myArgument')

and get the code needed to generate it:

import * as t from "babel-types";

t.callExpression(
    t.memberExpression(
        t.memberExpression(
            t.Identifier("this"),
            t.Identifier("emit")
        ),
        t.Identifier("bind")
    ),
    [
        t.thisExpression(),
        t.StringLiteral("myArgument")
    ]
)

[DanielSWolf]

@RReverser Thanks for pointing me at babel-template (again). I must confess that when I first followed the link in @hzoo’s comment, I completely misunderstood what that library does.

I’m going to replace my “long nested expression” with a short and readable babel-template expression and not look back! 😄

There are so many great features to Babel if one knows where to look!

[hzoo]

you can use babel-template: https://github.com/babel/babel/tree/master/packages/babel-template, also included in the plugin with export default function ({types: t, template}) {