You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
tailscale/cmd/tsconnect
Mihai Parparita ab159f748b cmd/tsconnect: switch UI to Preact
Reduces the amount of boilerplate to render the UI and makes it easier to
respond to state changes (e.g. machine getting authorized, netmap changing,
etc.)

Preact adds ~13K to our bundle size (5K after Brotli) thus is a neglibible
size contribution. We mitigate the delay in rendering the UI by having a static
placeholder in the HTML.

Required bumping the esbuild version to pick up evanw/esbuild#2349, which
makes it easier to support Preact's JSX code generation.

Fixes #5137
Fixes #5273

Signed-off-by: Mihai Parparita <mihai@tailscale.com>
2 years ago
..
dist cmd/tsconnect: initial scaffolding for Tailscale Connect browser client 2 years ago
src cmd/tsconnect: switch UI to Preact 2 years ago
wasm cmd/tsconnect: switch UI to Preact 2 years ago
.gitignore cmd/tsconnect: initial scaffolding for Tailscale Connect browser client 2 years ago
README.md cmd/tsconnect: add README with instructions 2 years ago
build.go cmd/tsconnect,util/precompress: move precompression to its own package 2 years ago
common.go cmd/tsconnect: switch UI to Preact 2 years ago
dev.go cmd/tsconnect: initial scaffolding for Tailscale Connect browser client 2 years ago
index.html cmd/tsconnect: switch UI to Preact 2 years ago
package.json cmd/tsconnect: switch UI to Preact 2 years ago
serve.go cmd/tsconnect,util/precompress: move precompression to its own package 2 years ago
tailwind.config.js cmd/tsconnect: switch UI to Preact 2 years ago
tsconfig.json cmd/tsconnect: switch UI to Preact 2 years ago
tsconnect.go tsconnect: add flag to specify control server (#5294) 2 years ago
yarn.lock cmd/tsconnect: switch UI to Preact 2 years ago

README.md

tsconnect

The tsconnect command builds and serves the static site that is generated for the Tailscale Connect JS/WASM client.

Development

To start the development server:

./tool/go run ./cmd/tsconnect dev

The site is served at http://localhost:9090/. JavaScript and CSS changes can be picked up with a browser reload. Go changes (including to the wasm package) require the server to be stopped and restarted. In development mode the state the Tailscale client is stored in sessionStorage and will thus survive page reloads (but not the tab being closed).

Deployment

To build the static assets necessary for serving, run:

./tool/go run ./cmd/tsconnect build

To serve them, run:

./tool/go run ./cmd/tsconnect serve

By default the build output is placed in the dist/ directory and embedded in the binary, but this can be controlled by the -distdir flag. The -addr flag controls the interface and port that the serve listens on.