tailscale/ssh/browser/index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" type="text/css" href="dist/index.css" />
  </head>
  <body>
    <div id="header">
      <h1>Tailscale SSH</h1>
      <div id="state">Loading…</div>
    </div>
    <div id="peers"></div>
    <div id="files"></div>
    <script src="dist/index.js"></script>
  </body>
</html>
ssh/browser: implement browser client for Tailscale SSH Runs a Tailscale client in the browser (via a WebAssembly build of the wasm package) and allows SSH access to machines. The wasm package exports a newIPN function, which returns a simple JS object with methods like start(), login(), logout() and ssh(). The golang.org/x/crypto/ssh package is used for the SSH client. Terminal emulation and QR code renedring is done via NPM packages (xterm and qrcode respectively), thus we also need a JS toolchain that can install and bundle them. Yarn is used for installation, and esbuild handles loading them and bundling for production serving. Updates #3157 Signed-off-by: Mihai Parparita <mihai@tailscale.com> 2022-06-07 14:24:22 -07:00			`<!DOCTYPE html>`
			`<html>`
			`<head>`
			`<meta charset="utf-8" />`
			`<meta name="viewport" content="width=device-width, initial-scale=1.0" />`
			`<link rel="stylesheet" type="text/css" href="dist/index.css" />`
			`</head>`
			`<body>`
			`<div id="header">`
			`<h1>Tailscale SSH</h1>`
			`<div id="state">Loading…</div>`
			`</div>`
			`<div id="peers"></div>`
wasm: implement Taildrop receiving We need to make sure that there's a filesystem (implemented by BrowserFS for now) and then things mostly work. File contents are sent to the JS side as base64 encoded data, which may not work for large files. Signed-off-by: Mihai Parparita <mihai@tailscale.com> 2022-06-08 22:55:55 -07:00			`<div id="files"></div>`
ssh/browser: implement browser client for Tailscale SSH Runs a Tailscale client in the browser (via a WebAssembly build of the wasm package) and allows SSH access to machines. The wasm package exports a newIPN function, which returns a simple JS object with methods like start(), login(), logout() and ssh(). The golang.org/x/crypto/ssh package is used for the SSH client. Terminal emulation and QR code renedring is done via NPM packages (xterm and qrcode respectively), thus we also need a JS toolchain that can install and bundle them. Yarn is used for installation, and esbuild handles loading them and bundling for production serving. Updates #3157 Signed-off-by: Mihai Parparita <mihai@tailscale.com> 2022-06-07 14:24:22 -07:00			`<script src="dist/index.js"></script>`
			`</body>`
			`</html>`