Hello Demo

\n \n

\n );\n};","deleted","label","children",[],[158],{"_103":178,"_96":179,"_159":180,"_161":-5,"_162":140,"_163":181,"_165":117,"_105":182,"_100":183,"_168":169,"_170":184,"_172":22,"_173":-5,"_174":185,"_99":186},"2afb429c-c99e-11f0-883a-42dde27851f2","Embed.tsx","6e7c170e-c795-11f0-add1-42dde27851f2",44,["D",1764034161151],21,"/** @jsxImportSource https://esm.sh/preact */\nimport {\n useCallback,\n useId,\n useState,\n} from \"https://esm.sh/preact@11.0.0-beta.0/hooks\";\nimport \"https://esm.sh/typed-query-selector/strict\";\n\nexport function CodeEmbed(props: { url: string; command: string }) {\n const { url, command } = props;\n\n const id = useId();\n\n const [didRun, setDidRun] = useState(false);\n\n const handleRun = useCallback((event: MouseEvent) => {\n event.preventDefault();\n const iframe = document.querySelector(`iframe#${id}-iframe`);\n if (!iframe) return;\n iframe.contentWindow?.postMessage({ type: \"execute\" }, \"*\");\n setDidRun(true);\n }, [id]);\n\n const reloadSandbox = useCallback(() => {\n const iframe = document.querySelector(`iframe#${id}-iframe`);\n if (!iframe) return;\n Object.assign(iframe, { src: iframe.src });\n setDidRun(false);\n }, [id]);\n\n return (\n

\n \n {didRun ? \"reload\" : \"run\"}\n \n \n

\n );\n}",[],[179],{"_103":188,"_96":189,"_159":190,"_161":-5,"_162":140,"_163":191,"_165":117,"_105":192,"_100":193,"_168":169,"_170":194,"_172":22,"_173":-5,"_174":195,"_99":196},"a8d256fe-c99b-11f0-b3f2-42dde27851f2","HTML.tsx","019aab4b-f72f-75ba-9fff-4de18a3dd6d3",38,["D",1764033083783],2,"/** @jsxImportSource https://esm.sh/preact */\nconst MODULE_URL = import.meta.resolve(\"./client.tsx\");\nimport { App } from \"./App.tsx\";\n\nexport const HTML = () => (\n \n \n sh\n \n \n

\n \n

git

webshell