Is there a parser to generate reka AST?

[dinfer]

Is it possible to parse tsx/jsx code to reka AST and transform the AST to code?

[prevwong]

Is it possible to parse tsx/jsx code to reka AST

Not possible currently and not planned for as I would imagine this would take significant effort with no clear benefits; and a typical JSX file has a lot more going on (ie: imports, functions, lifecycles etc) which may require us to come up with a way to support all of these in the AST. Do you have a specific use case in mind?

The current idea in my head is to only support one way transpilation of Reka AST to React/Vue/Svelte code. This can be achieved by translating Reka's AST to something like Mitosis which itself already handles transpilation to React/Vue/Svelte code.

transform the AST to code?

Reka's AST can be transformed to Reka code via the @rekajs/parser package:

import * as t from '@rekajs/types';
import { Parser } from '@rekajs/parser';

const ast = t.program({...});

const code = Parser.stringify(ast);

[dinfer]

Thanks, a lot.
I just found a visual coding platform (https://www.codux.com/), and changing some components' props looks pretty convenient. I want to use it in an existing project, but there are no alternatives. After some searching, I found this fantastic project. Is there a way to avoid the syntax @if, and @each, and make us feel like just dragging valid JSX code?

[sergeylukin]

@dinfer I actually like @if and @each notation a lot. You can still drag JSX code by attaching @if and @each to a dummy container and having your JSX inside that container.