The latest articles on DEV Community by SieR (@sier). https://dev.to/sier https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F956870%2F299d134c-129c-475d-a25d-f84456953cf7.png https://dev.to/sier en SieR Thu, 27 Oct 2022 09:42:30 +0000 https://dev.to/sier/stop-using-ast-directly-1m7d https://dev.to/sier/stop-using-ast-directly-1m7d <p>This is my first post on dev.to! Hello everyone!</p> <h1> Hello! </h1> <p>I'm making tool for typescript transform named "transformer-query", which can query typescript AST and able to change its structure more intuitively. Despite it is still developing, I wanted to share my concept.</p> <h1> Why not "AST"? </h1> <p>As with any programming language, ASTs are complex. The AST corresponds to the grammar, but has additional information. That's why interacting with the AST was complicated. Typescript wasn't exception.</p> <h1> What is "transformer-query"? </h1> <p>Here's repository: <a href="https://github.com/SieR-VR/transformer-query">transformer-query</a> (still no readme, complicated code)</p> <p>It provides more intuitive way for interacting with ASTs.<br> Thanks for ttypescript, this made it easy to develop this library.</p> <h1> How to use </h1> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s---praeltc--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ipqfgygfszmz6mbm22to.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s---praeltc--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ipqfgygfszmz6mbm22to.png" alt="Image description" width="880" height="287"></a></p> <p>makeTransform() returns ttypescript transform function. So, we can use like that. </p> <p>Query should be tagged string literal. And it accepts imported variable or interal wildcard.</p> <p>And call chain, which appears next of query, can return valid typescript code or ts.Node interface.</p> <p>That's it! after this, just register it with the method described on <a href="https://github.com/cevek/ttypescript">ttypescript</a>.</p> typescript transformer