I want to extend typescript through chevrotain, is this the correct way to do it?

[alamhubb]

Hello, I am trying to use chevrotain to extend the syntax of ts.
Create a new file named ovs type, which is oop viewer syntax.

I only need to extend a syntax for ts, called renderDom, the syntax definition is as follows

        $.RULE("RenderDom", () => {
            $.CONSUME(t.Identifier);
            $.OPTION(() => {
                $.CONSUME(t.LParen);
                $.OPTION1(() => {
                    $.SUBRULE($.FormalParameterList);
                });
                $.CONSUME(t.RParen);
            });
            $.CONSUME(t.LCurly);
            $.OPTION2(() => {
                $.MANY(() => {
                    $.SUBRULE($.ElementList)
                });
                $.CONSUME(t.RCurly);
            });
        });

code

div(attrs){
     ' hello world'
}

I will convert code to

// htmlTag, attrs, childs 
render(div, attrs, ['hello world'])

Convert to Vue's rendering function

https://vuejs.org/api/render-function.html#h

This function seems simple, but I have some difficulty doing it.

Because I can't find a ready-made chevrotain syntax file for typescript, I only found the syntax file for ECMA5, I need to create a typescript syntax file based on the ecma5 syntax file

Then convert all project codes including renderDom into ts code through the typescript syntax file based on chevrotain

I also need to convert the cst generated by chevrotain's typescript syntax file to the official typescript ast, and then convert the typescript ast to typescript code through the official ts api

I need to write by hand

1. Extend the typescript syntax based on ecma5

2. Convert chevrotain-typescript-cst to typescript-ast

But I can't find any other more convenient way. Is this the right way to do it?

[bd82]

I think you should look into projects with a productive extensible quality TypeScript grammar support
to "extend typescript".

Beyond just the parsing level, also at the code generation level...
Maybe look into Babel plugins for typescript?
Or built-insupport for extending the TSC compiler by Microsoft.

[alamhubb]

I think you should look into projects with a productive extensible quality TypeScript grammar support to "extend typescript".

Beyond just the parsing level, also at the code generation level... Maybe look into Babel plugins for typescript? Or built-insupport for extending the TSC compiler by Microsoft.

Hello, I tried the babel plugin, but babel does not support js and ts syntax extensions. It can only be configured to support certain ts syntax by turning configuration items on and off.

babel/babel#11393 (comment)

babel/babel#16859

My current method is

1. to inherit the chevrotain official ecma5 syntax,
2. use chevrotain to customize the syntax,
3. get chevrotain custom cst,
4. convert cst to typescript standard ast
5. Use TypeScript's official API for code generation to convert TypeScript AST into TypeScript code

[bd82]

to inherit the chevrotain official ecma5 syntax,

I would not recommend this, this ECMA 5 syntax is only example level quality, not production quality...

[alamhubb]

to inherit the chevrotain official ecma5 syntax,

I would not recommend this, this ECMA 5 syntax is only example level quality, not production quality...

Thank you, but I can't find a better way. I can learn chevrotain syntax based on chevrotain official ecma5 syntax, and constantly improve ecma5 syntax to achieve my goal.