30:T549,socket = { console.log("ws please"); const { server, token } = params; const ws = io(server); const onIncomingData = event => { xTerminal.write(event); }; const onOutboundData = data => { ws.emit("sendData", data); }; const onProfile = data => { mutable profile = data; }; const onConnect = () => { mutable connection = "connected"; const onAuth = () => { console.log("auth please"); mutable connection = "authenticated"; xTerminal.on("data", onOutboundData); ws.on("data", onIncomingData); ws.on("profile", onProfile); }; const onUnAuth = err => { mutable connection = "unauthorized"; console.error("unauthorized: ", err.data); throw new Error(err.data.type); }; ws.emit("authenticate", { token }) .on("authenticated", onAuth) .on("unauthorized", onUnAuth); }; ws.on("connect", onConnect); ws.on("disconnect", () => { mutable connection = `disconnected`; ws.off("data", onIncomingData); xTerminal.off("data", onOutboundData); }); ws.on("error", () => { mutable connection = `error`; ws.off("data", onIncomingData); xTerminal.off("data", onOutboundData); }); invalidation.then(() => { ws.off("data", onIncomingData); xTerminal.off("data", onOutboundData); ws.close(); }); yield ws; }31:[] 2e:{"title":"Observable Terminal","cells":[{"id":0,"value":"md`# Observable Terminal\n\nCheck out [this notebook]() for a better tutorial!`","pinned":false,"hidden":false,"mode":"ojs"},{"id":33,"value":"md`\n\\`\\`\\`js\nimport {container, socket, viewof params, status} from '@asg017/observable-terminal'\n\\`\\`\\`\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":8,"value":"viewof params = form(html``)","pinned":false,"hidden":false,"mode":"ojs"},{"id":10,"value":"container = {\n yield html`

${terminalContainer}

${xtermCSS}

`;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":17,"value":"status = {\n switch (connection) {\n case \"connected\":\n return md`Attempting authorization...`;\n\n case \"authenticated\":\n return md`✔️ Connection established! - ${(profile && profile.data) ||\n \"\"}`;\n case \"unauthorized\":\n return md`❌ You are not authorized! check your token`;\n\n case \"error\":\n return md`❌ Uknown error ocurred!`;\n case \"disconnected\":\n return md`🤔 Disconnected...`;\n default:\n return md`Connecting...`;\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":13,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":53,"value":"md`---`","pinned":false,"hidden":false,"mode":"ojs"},{"id":19,"value":"mutable profile = null","pinned":false,"hidden":false,"mode":"ojs"},{"id":15,"value":"mutable connection = null","pinned":false,"hidden":false,"mode":"ojs"},{"id":6,"value":"import {Terminal as xTerminal, terminalContainer, xtermCSS} from '@asg017/hello-xterm-js'","pinned":false,"hidden":false,"mode":"ojs"},{"id":4,"value":"import {form} from \"@mbostock/form-input\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":2,"value":"io = require(\"socket.io-client@2.1.1/dist/socket.io.dev.js\")","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}