2d:null 2e:["$","title",null,{"children":"xterm.js | Kreijstal | Observable"}] 33:Tf3e,terminal = { term.reset(); window.term = term; //window.onkeypress = onkeypress; //term.write("Welcome to form!\r\n"); let command = ""; var keys = { f1: "[[A", f2: "[[B", f3: "[[C", f4: "[[D", f5: "[[E", f6: "[17~", f7: "[18~", f8: "[19~", f9: "[20~", f10: "[21~", f11: "[23~", f12: "[24~", cf1: "[11^", cf2: "[12^", cf3: "[13^", cf4: "[14^", cf5: "[15^", cf6: "[17^", cf7: "[18^", cf8: "[19^", cf9: "[20^", cf10: "[21^", cf11: "[23^", cf12: "[24^", sf1: "[23~", sf2: "[24~", sf3: "[25~", sf4: "[26~", sf5: "[28~", sf6: "[29~", sf7: "[31~", sf8: "[32~", sf9: "[33~", sf10: "[34~", sf11: "[23$", sf12: "[24$", csf1: "[23^", csf2: "[24^", csf3: "[25^", csf4: "[26^", csf5: "[28^", csf6: "[29^", csf7: "[31^", csf8: "[32^", csf9: "[33^", csf10: "[34^", csf11: "[23@", csf12: "[24@", home: "[1~", insert: "[2~", delete: "[3~", end: "[4~", pageup: "[5~", pagedown: "[6~", chome: "[1;5~", cinsert: "[2;5~", cdelete: "[3;5~", cend: "[4;5~", cpageup: "[5;5~", cpagedown: "[6;5~", shome: "[1;2~", sinsert: "[2;2~", sdelete: "[3;2~", send: "[4;2~", spageup: "[5;2~", spagedown: "[6;2~", cshome: "[1;6~", csinsert: "[2;6~", csdelete: "[3;6~", csend: "[4;6~", cspageup: "[5;6~", cspagedown: "[6;6~" }; function convertKeyEventToReadlineKeypress(domEvent) { var { ctrlKey: ctrl, metaKey: meta, shiftKey: shift } = domEvent; var name = { ArrowLeft: "left", ArrowRight: "right", ArrowUp: "up", ArrowDown: "down" }[domEvent.key] ?? domEvent.key.toLowerCase(); var sequence = name; if ( ctrl && name.length == 1 && ((n) => (0 <= n - 65 && n - 65 <= 25) || (0 <= n - (65 ^ 0x20) && n - (65 ^ 0x20) <= 25))(name.charCodeAt()) ) { sequence = name.charCodeAt() & 0x1f; } else { sequence = keys[(ctrl ? "c" : "") + (shift ? "s" : "") + name]; } sequence ||= String.fromCharCode( domEvent.which || domEvent.charCode || domEvent.keyCode ); return { sequence, name, ctrl, meta, shift }; } term.onKey(function ({ key, domEvent }) { const ev = domEvent; const buffer = term.buffer.active; // console.log(buffer) // console.log(ev) const printable = !ev.altKey && !ev.altGraphKey && !ev.ctrlKey && !ev.metaKey; console.log(key); /* itertools.asyncConsume(itertools.asyncMap((f) => f(key), keyPressConsume[0] .next() .value))*/ termInterface.dispatchEvent( new CustomEvent("keypress", { detail: { key, event: convertKeyEventToReadlineKeypress(ev) } }) ); //onkeypress(key); /* if (ev.keyCode === 13) { // Handle pressing the enter key const line = buffer.getLine(buffer.baseY + buffer.cursorY); let input = line.translateToString(true, 0); try { /* const output = tleval(parse(input), env); console.log({ output: toString(output) }); if (toString(output) !== "undefined") { term.write("\r\n" + toString(output)); }* console.log(input); } catch (err) { term.write("\r\nError: " + err); } // term.prompt(); } else if (ev.keyCode === 8) { // Do not delete the prompt term.write("\b \b"); } else if (ev.code === "ArrowLeft") { if (buffer.cursorX > 12) { term.write(key); } } else if (ev.code === "ArrowUp" || ev.code === "ArrowDown") { // nop } else if (printable) { term.write(key); }*/ }); // // //https://stackoverflow.com/a/58421653 term.onData(function (data) { // console.log(data) // term.write(data) }); }34:T695,termmminal = { var fmap = { keypress: new Map() }; return { terminal: true, stdin: new Proxy( { on(key, f) { console.log(`on ${key}`); if (key == "keypress") { //debugger; fmap.keypress.set(f, ({ detail: { key, event } }) => { //debugger; f(key, event); }); termInterface.addEventListener(key, fmap.keypress.get(f)); } }, resume(...args) { console.log("input.resume", args); }, isTTY: true, isRaw: true, pause() { console.log("stream is not actually paused"); }, resume() { console.log("stream was never paused"); }, removeListener(key, f) { if (key == "keypress") { termInterface.removeEventListener(key, fmap.keypress.get(f)); fmap.keypress.delete(f); } }, setRawMode(...args) { console.log("stdin.setRawMode", args); } }, { get(obj, key) { console.log("input.property", key); return obj[key]; } } ), stdout: new Proxy( { on(...args) { console.log("output.on", args); }, write(string) { term.write(string); //debugger; console.log("output.write", string); }, columns: 80, removeListener(f) { console.log("never emitted in the first place"); } }, { get(obj, key) { console.log("output.property", key); return obj[key]; } } ) }; }35:[] 31:{"id":"891d710defd4b515","slug":"xterm-js","title":"xterm.js","thumbnail":"51e23b80c1f85ce8e0b8cf2c83ee286cb1f4bc4c91059b769acfec4ab224aa82","access_level":"public","create_time":"$D2022-02-15T12:35:45.180Z","update_time":"$D2022-08-26T14:29:31.751Z","view_time":null,"first_public_time":"$D2022-02-15T12:46:16.250Z","fork":{"id":"96dfba5c4220c567","slug":"tiddlylisp-js","title":"tiddlylisp.js","owner":{"id":"62bc588351d81081","login":"ccesare","name":""}},"stars":1,"starred":false,"owner":{"type":"team","id":"e98ee51a6215f46c","login":"kreijstal","name":"Kreijstal","avatar_url":"https://avatars-next.observableusercontent.com/144042996880d03b1d71eea693abe9dd9944fa11df2d39a67ee64988b390173a","tier":"starter_2024"},"version":957,"publish_version":957,"role":null,"authored":false,"authors":[{"type":"individual","id":"8cb2af93284ec212","login":"kreijstal","name":"Kreijstal","avatar_url":"https://avatars-next.observableusercontent.com/144042996880d03b1d71eea693abe9dd9944fa11df2d39a67ee64988b390173a","tier":null}],"members":[{"type":"individual","id":"8cb2af93284ec212","login":"kreijstal","name":"Kreijstal","avatar_url":"https://avatars-next.observableusercontent.com/144042996880d03b1d71eea693abe9dd9944fa11df2d39a67ee64988b390173a","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":3,"collection":null,"type":"notebook","body":{"title":"xterm.js","cells":[{"id":545,"value":"html`\n

`xterm.js`

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":929,"value":"repl = term2[0]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":947,"value":"md`Your username is ${enquirers.username}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":738,"value":"enquirers = {\n var promptoutput;\n //term;\n promptoutput = enquirer.prompt(\n {\n type: \"input\",\n name: \"username\",\n message: \"What is your username?\"\n },\n termmminal\n );\n \n return promptoutput;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":270,"value":"md`## Defining the terminal`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":931,"value":"term = term2[1]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":24,"value":"term2 = {\n var repl = html`\n

\n`;\n while (repl.firstChild) {\n repl.removeChild(repl.firstChild);\n }\n let term = new xterm.Terminal({\n theme: {\n background: \"#001111\",\n foreground: \"#00eeee\",\n // cursor: \"red\",\n cursorAccent: \"blue\"\n },\n allowTransparency: true\n });\n var x = 0;\n var f = function (_) {\n console.log(arguments);\n //Make sure it only executes once\n if (x++ == 0) term.open(repl);\n repl.removeEventListener(\"DOMNodeInserted\", f);\n };\n repl.addEventListener(\"DOMNodeInserted\", f);\n return [repl, term];\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":26,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":22,"value":"xterm = require(\"https://unpkg.com/xterm@4.7.0/lib/xterm.js\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":879,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":731,"value":"enquirer = import(\"https://cdn.skypack.dev/@kreijstal/enquirer@v0.0.3\").then(\n (_) => _.default\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":578,"value":"stylesheet = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":32,"value":"xtermCSS = html`\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":839,"value":"termInterface = {\n return new EventTarget();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W35","stdlib":"1","titling":"auto"}} 32:"$31:body"