sandbox.view.tree

$hyoo_js_sandbox $mol_page
	title @ \JavaScript Sandbox
	tools /
		<= Lights $mol_lights_toggle
		<= Source $mol_link_source
			uri \https://github.com/hyoo-ru/sandbox.js.hyoo.ru
	plugins /
		<= Theme $mol_theme_auto
			theme => theme
		<= Hotkey $mol_hotkey
			mod_ctrl true
			key * enter?event <=> run?event null
	body /
		<= Intro $mol_text
			text <= intro @ \
				\Only JS and Math functions and constants are available inside the sandbox.
				\**Hack it if you might!**
		<= Input $mol_bar sub /
			<= Code $mol_textarea
				hint \return 42
				value?val <=> script?val \
			<= Run $mol_button_major
				hint <= run_hint @ \Run
				click?event <=> run?event null
				sub /
					<= Run_icon $mol_icon_play
		<= Result $mol_view
			sub / <= result?val \
		<= Snippets $mol_list rows <= snippets /
	Snippet!id $hyoo_js_sandbox_snippet
		code <= snippet_code!id \
	snippet_codes /
		\
			\return document.cookie
		\
			\let evil = eval
			\return evil( 'document.cookie' )
		\
			\let Function = ( function*(){} ).constructor
			\let getCookie = Function( 'return document.cookie' )
			\return getCookie().next().value
		\
			\let Function = sin.constructor
			\let getCookie = Function( 'return document.cookie' )
			\return getCookie()
		\
			\let NumberProto = (0n).__proto__
			\NumberProto.toString = null
		\
			\sin.call = ()=> 0
			\return sin.call
		\
			\return import( 'https://example.org/' + PI )

$hyoo_js_sandbox_snippet $mol_link
	arg * script <= code \
	sub /
		<= Text $mol_text
			attr * mol_theme <= theme_content \
			text <= text <= code \