Compile Time Macros

[shadowtime2000]

Currently the l function is called on runtime and generates the HTML string on the fly. I want this package to be able to be used as a way to structure writing pure HTML strings, so it may be cool to have some compile time macros which compile l() calls straight into the HTML string. We could use babel-plugin-macros or SweetJS, but I believe Sweet is no longer maintained. We could first only compile l() calls that use constants as parameters and later compile with variables too.

[shadowtime2000]

Example of such compilation:

In:

const elem = l("div", {}, [
	"Foo",
	l("button", {}, "Bar")
])

Out:

const elem = `<div>
	Foo
	<button>Bar</button>
</div>`

In:

const btn = ({ theme, text }) => l("button", { className: `btn btn-${theme}` }, text);

Out:

const btn = ({ theme, text }) => `<button class="btn btn=${theme}">${text}</button>`;

[shadowtime2000]

This would probably require a luciascript.macro or babel-plugin-luciascript package. @aidenybai Thoughts on that?

[aidenybai]

Yes, that sounds great