npm.io
0.0.1618 • Published 1 month ago

mol_jsx_lib

Licence
—
Version
0.0.1618
Deps
2
Size
1.8 MB
Vulns
0
Weekly
0
SummaryDependencyVersions

$mol_jsx

JSX adapter that makes DOM tree. Generates global unique ids for every DOM-element by components tree with ids. Ensures all local ids are unique. Can reuse an existing nodes by GUIDs when used inside $mol_jsx_attach.

Usage example

/** @jsx $mol_jsx */

const $my_message = ( props : { content : string } )=> (
	<div classList={[ 'foo bar' ]} >
		{ props.content } is
		<strong id="/text_nodes" >
			text nodes
		</strong>
		mixed with
		<strong id="/elements" >
			elements
		</strong>
		!
	</div>
)

const dom = (
	<html>
		<body>
			<$my_message id="$my_app" content="Content" />
		</body>
	</html>
)

Result:

<html>
	<body>
		<div id="$my_app" class="foo bar" >
			Content is
			<strong id="$my_app/text_nodes" >
				text nodes
			</strong>
			mixed with
			<strong id="$my_app/elements" >
				elements
			</strong>
			!
		</div>
	</body>
</html>

More examples in tests.

See also

Keywords

$mol_jsx_lib$mol_jsx$mol$mol_dom_context$mol_dom$node$node_internal_check$node_internal$node_autoinstall$mol_run$mol_error_mix$mol_error$mol_func_name$mol_func$mol_object$mol_object2$mol_ambient$mol_owning$mol_delegate$mol_fail_hidden$mol_fail$mol_type_writable$mol_type$mol_key$mol_env$mol_wire$mol_wire_sub$mol_wire_pub$mol_guid$mol_wire_cursor$mol_wire_sync$mol_wire_task$mol_wire_fiber$mol_wire_pub_sub$mol_dev_format$mol_dev$mol_after_tick$mol_after$mol_promise_like$mol_promise$mol_compare_deep$mol_compare$mol_log3$mol_tree2_from_json$mol_tree2_from$mol_tree2$mol_span$mol_tree2_from_string$mol_error_syntax$mol_tree2_to_string$mol_tree2_to$mol_maybe$mol_array_chunks$mol_array$mol_term_color$mol_term$mol_fail_log$mol_fail_catch$mol_try$mol_dom_render_children$mol_dom_render$mol_type_partial_deep$mol_type_partial$mol_jsx_attach$mol_jsx_view$mol_wire_field$mol_const$mol_wire_atom$mol_key_key$mol_after_frame$mol_after_timeout$mol_wire_method$mol_type_foot$mol_type_tail$mol_mem$mol_wire_solo$mol_wire_plex$mol_wire_lib$mol_wire_probe$mol_wire_solid$mol_wire_watch$mol_wire_async$mol_wire_race$mol_wire_easing$mol_state_time$mol_state$mol_wire_patch$mol_wire_let$mol_type_result$mol_wire_set$mol_wire_proxy$mol_wire_dict$mol_wait_timeout$mol_wait$mol_promise_promise$mol_wire_log