Open lemanschik opened 1 year ago
merge in examples from the tag-html tagged html research modules.
Stealify Lang Modules are much more great the allows you to express a html module like
const html = await import('component:stealify/lang/html');
const instruction = import('html:instruction');
instruction('html', js`(params) => ${`some string returning html`}`))
instruction('html', (params) => ${`some string returning html`})
const html = await import('stealify:lang/html');
const { htmlDoc, appendDoc } = await import('stealify:lang/html/doc')
const stream = html`<div><h1>Hello `;
stream.writeable.getWriter().write(' World!')
stream.writeable.getWriter().write(' Yes this Streams </h1>')
stream.writeable.getWriter().write('<div id="app">Hello App');
stream.readable.pipeThroug(new htmlDoc()) // => returns body use it with body.querySelectorAll('div').forEach((div)=>document.body.appendChild(div));
Stealify Lang Html uses a global mutation queue you can declarativ register stealify lang html components which will then
you can manage html components via component-manager/stealify/lang/html
as html is a first class citizen you can directly use the component manager with the html:
protocol it returns all rendered or rendering doc instances to access the html elements.
A Stealify Module to Use Stealify Lang With ECMAScript via import() .lang(/ Stealify Lang YourLang Implementation/)