How Beast works

Beast turns source-located BTSX into readable TSRX before Octane and the selected bundler take over.

The compilation pipeline

The indentation-aware parser creates a source-located Beast AST. The generator then emits native TSRX, which Octane validates and lowers before Vite, Rspack, or Rsbuild adds the module to the application graph.

.btsx source
Indentation-aware parser
Source-located Beast AST
Readable .tsrx output
Octane compiler
Vite / Rspack / Rsbuild graph

BTSX input

Card.btsxbtsx

1props { user, messages }: Props2 3.card4  h1 Welcome, #{user.name}5  if user.isAdmin6    AdminPanel(userId={user.id})7  ul.messages8    each message in messages key message.id9      li #{message.text}

Native TSRX output

Conditions and loops remain template operations, component output remains readable, and Octane stays the authority for final validation.

Card.tsrxtsrx

1export default function Card({ user, messages }: Props) @{2  <div className="card">3    <h1>Welcome, {user.name}</h1>4    @if (user.isAdmin) {5      <AdminPanel userId={user.id} />6    }7    <ul className="messages">8      @for (const message of messages; key message.id) {9        <li>{message.text}</li>10      }11    </ul>12  </div>13}