Nick Khyl 1fe82d6ef5 cmd/tailscale/cli,ipn/ipnlocal: restrict logout when AlwaysOn mode is enabled 8 mesiacov pred
..
dist 6f5096fa61 cmd/tsconnect: initial scaffolding for Tailscale Connect browser client 3 rokov pred
src 76b9afb54d ipn/store: make StateStore.All optional (#16409) 8 mesiacov pred
wasm 1fe82d6ef5 cmd/tailscale/cli,ipn/ipnlocal: restrict logout when AlwaysOn mode is enabled 8 mesiacov pred
.gitignore 1a093ef482 cmd/tsconnect: extract NPM package for reusing in other projects 3 rokov pred
README.md 73d33e3f20 cmd/tsconnect: use empty string as the default state store key 3 rokov pred
README.pkg.md 660abd7309 cmd/tsconnect: add README to generated NPM package 3 rokov pred
build-pkg.go 98a5116434 all: adjust some build tags for plan9 2 rokov pred
build.go 2716250ee8 all: cleanup unused code, part 2 (#10670) 2 rokov pred
common.go 836c01258d go.toolchain.branch: update to Go 1.24 (#15016) 1 rok pred
dev-pkg.go 98a5116434 all: adjust some build tags for plan9 2 rokov pred
dev.go 98a5116434 all: adjust some build tags for plan9 2 rokov pred
index.html ab159f748b cmd/tsconnect: switch UI to Preact 3 rokov pred
package.json 0039993359 cmd/tsconnect: update to xterm.js 5.1 3 rokov pred
package.json.tmpl 71029cea2d all: update copyright and license headers 3 rokov pred
serve.go 98a5116434 all: adjust some build tags for plan9 2 rokov pred
tailwind.config.js ab159f748b cmd/tsconnect: switch UI to Preact 3 rokov pred
tsconfig.json ab159f748b cmd/tsconnect: switch UI to Preact 3 rokov pred
tsconnect.go 60daa2adb8 all: fix golangci-lint errors 1 rok pred
yarn.lock bcc262269f build(deps): bump braces from 3.0.2 to 3.0.3 in /cmd/tsconnect (#12468) 1 rok pred

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, CSS and Go wasm package changes can be picked up with a browser reload. Server-side Go changes require the server to be stopped and restarted. In development mode the state the Tailscale client state 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.

Library / NPM Package

The client is also available as an NPM package. To build it, run:

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

That places the output in the pkg/ directory, which may then be uploaded to a package registry (or installed from the file path directly).

To do two-sided development (on both the NPM package and code that uses it), run:

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

This serves the module at http://localhost:9090/pkg/pkg.js and the generated wasm file at http://localhost:9090/pkg/main.wasm. The two files can be used as drop-in replacements for normal imports of the NPM module.