+8 -1

config/config.exs

reviewed

··· 4 4 config :esbuild, 5 5 version: "0.27.2", 6 6 default: [ 7 7 - args: ~w(todo/todo.tsx --watch --bundle --target=es2016 --outdir=../priv/static/assets/js), 7 7 + args: ~w( 8 8 + todo/todo.tsx 9 9 + --jsx-factory=createElement 10 10 + --watch 11 11 + --bundle 12 12 + --target=es2016 13 13 + --outdir=../priv/static/assets/js 14 14 + ), 8 15 cd: Path.expand("../demos", __DIR__), 9 16 ] 10 17 end

+9 -1

demos/todo/todo.tsx

reviewed

··· 1 1 - console.log('Noir!'); 1 1 + import { createElement } from '../../js/noir.ts'; 2 2 + 3 3 + const element = ( 4 4 + <div class="foo"> 5 5 + <p>foo</p> 6 6 + <span>bar</span> 7 7 + </div> 8 8 + ); 9 9 + console.log(JSON.stringify(element, null, 2));

+7

js/noir.ts

reviewed

··· 1 1 + export function createElement(type, props, ...children) { 2 2 + return { 3 3 + type: type, 4 4 + props: props, 5 5 + children: children, 6 6 + }; 7 7 + }