- Tailscale has encountered an error.
-
- )
-}
diff --git a/cmd/tsconnect/src/app/header.tsx b/cmd/tsconnect/src/app/header.tsx
deleted file mode 100644
index 099ff2f8c2f7d..0000000000000
--- a/cmd/tsconnect/src/app/header.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-// Copyright (c) Tailscale Inc & AUTHORS
-// SPDX-License-Identifier: BSD-3-Clause
-
-export function Header({ state, ipn }: { state: IPNState; ipn?: IPN }) {
- const stateText = STATE_LABELS[state]
-
- let logoutButton
- if (state === "Running") {
- logoutButton = (
-
- )
- }
- return (
- Click to reload
-
-
-
-
- )
-}
-
-const STATE_LABELS = {
- NoState: "Initializing…",
- InUseOtherUser: "In-use by another user",
- NeedsLogin: "Needs login",
- NeedsMachineAuth: "Needs approval",
- Stopped: "Stopped",
- Starting: "Starting…",
- Running: "Running",
-} as const
diff --git a/cmd/tsconnect/src/app/index.css b/cmd/tsconnect/src/app/index.css
deleted file mode 100644
index 751b313d9f362..0000000000000
--- a/cmd/tsconnect/src/app/index.css
+++ /dev/null
@@ -1,74 +0,0 @@
-/* Copyright (c) Tailscale Inc & AUTHORS */
-/* SPDX-License-Identifier: BSD-3-Clause */
-
-@import "xterm/css/xterm.css";
-
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-.link {
- @apply text-blue-600;
-}
-
-.link:hover {
- @apply underline;
-}
-
-.button {
- @apply font-medium py-1 px-2 rounded-md border border-transparent text-center cursor-pointer;
- transition-property: background-color, border-color, color, box-shadow;
- transition-duration: 120ms;
- box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
- min-width: 80px;
-}
-.button:focus {
- @apply outline-none ring;
-}
-.button:disabled {
- @apply pointer-events-none select-none;
-}
-
-.input {
- @apply appearance-none leading-tight rounded-md bg-white border border-gray-300 hover:border-gray-400 transition-colors px-3;
- height: 2.375rem;
-}
-
-.input::placeholder {
- @apply text-gray-400;
-}
-
-.input:disabled {
- @apply border-gray-200;
- @apply bg-gray-50;
- @apply cursor-not-allowed;
-}
-
-.input:focus {
- @apply outline-none ring border-transparent;
-}
-
-.select {
- @apply appearance-none py-2 px-3 leading-tight rounded-md bg-white border border-gray-300;
-}
-
-.select-with-arrow {
- @apply relative;
-}
-
-.select-with-arrow .select {
- width: 100%;
-}
-
-.select-with-arrow::after {
- @apply absolute;
- content: "";
- top: 50%;
- right: 0.5rem;
- transform: translate(-0.3em, -0.15em);
- width: 0.6em;
- height: 0.4em;
- opacity: 0.6;
- background-color: currentColor;
- clip-path: polygon(100% 0%, 0 0%, 50% 100%);
-}
diff --git a/cmd/tsconnect/src/app/index.ts b/cmd/tsconnect/src/app/index.ts
deleted file mode 100644
index 24ca4543921ae..0000000000000
--- a/cmd/tsconnect/src/app/index.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-// Copyright (c) Tailscale Inc & AUTHORS
-// SPDX-License-Identifier: BSD-3-Clause
-
-import "../wasm_exec"
-import wasmUrl from "./main.wasm"
-import { sessionStateStorage } from "../lib/js-state-store"
-import { renderApp } from "./app"
-
-async function main() {
- const app = await renderApp()
- const go = new Go()
- const wasmInstance = await WebAssembly.instantiateStreaming(
- fetch(`./dist/${wasmUrl}`),
- go.importObject
- )
- // The Go process should never exit, if it does then it's an unhandled panic.
- go.run(wasmInstance.instance).then(() =>
- app.handleGoPanic("Unexpected shutdown")
- )
-
- const params = new URLSearchParams(window.location.search)
- const authKey = params.get("authkey") ?? undefined
-
- const ipn = newIPN({
- // Persist IPN state in sessionStorage in development, so that we don't need
- // to re-authorize every time we reload the page.
- stateStorage: DEBUG ? sessionStateStorage : undefined,
- // authKey allows for an auth key to be
- // specified as a url param which automatically
- // authorizes the client for use.
- authKey: DEBUG ? authKey : undefined,
- })
- app.runWithIPN(ipn)
-}
-
-main()
diff --git a/cmd/tsconnect/src/app/ssh.tsx b/cmd/tsconnect/src/app/ssh.tsx
deleted file mode 100644
index df81745bd3fd7..0000000000000
--- a/cmd/tsconnect/src/app/ssh.tsx
+++ /dev/null
@@ -1,157 +0,0 @@
-// Copyright (c) Tailscale Inc & AUTHORS
-// SPDX-License-Identifier: BSD-3-Clause
-
-import { useState, useCallback, useMemo, useEffect, useRef } from "preact/hooks"
-import { createPortal } from "preact/compat"
-import type { VNode } from "preact"
-import { runSSHSession, SSHSessionDef } from "../lib/ssh"
-
-export function SSH({ netMap, ipn }: { netMap: IPNNetMap; ipn: IPN }) {
- const [sshSessionDef, setSSHSessionDef] = useStateTailscale Connect
-{stateText}
- {logoutButton}
-
- None of your machines have{" "}
-
- Tailscale SSH
-
- {" "}enabled. Give it a try!
-
- )
-}
-
-function SSHForm({
- sshPeers,
- onSubmit,
-}: {
- sshPeers: IPNNetMapPeerNode[]
- onSubmit: (def: SSHFormSessionDef) => void
-}) {
- sshPeers = sshPeers.slice().sort((a, b) => a.name.localeCompare(b.name))
- const [username, setUsername] = useState("")
- const [hostname, setHostname] = useState(sshPeers[0].name)
- return (
-
- )
-}
-
-const NewWindow = ({
- children,
- close,
-}: {
- children: VNode
- close: () => void
-}) => {
- const newWindow = useMemo(() => {
- const newWindow = window.open(undefined, undefined, "width=600,height=400")
- if (newWindow) {
- const containerNode = newWindow.document.createElement("div")
- containerNode.className = "h-screen flex flex-col overflow-hidden"
- newWindow.document.body.appendChild(containerNode)
-
- for (const linkNode of document.querySelectorAll(
- "head link[rel=stylesheet]"
- )) {
- const newLink = document.createElement("link")
- newLink.rel = "stylesheet"
- newLink.href = (linkNode as HTMLLinkElement).href
- newWindow.document.head.appendChild(newLink)
- }
- }
- return newWindow
- }, [])
- if (!newWindow) {
- console.error("Could not open window")
- return null
- }
- newWindow.onbeforeunload = () => {
- close()
- }
-
- useEffect(() => () => newWindow.close(), [])
- return createPortal(children, newWindow.document.body.lastChild as Element)
-}
diff --git a/cmd/tsconnect/src/app/url-display.tsx b/cmd/tsconnect/src/app/url-display.tsx
deleted file mode 100644
index fc82c7fb91b3c..0000000000000
--- a/cmd/tsconnect/src/app/url-display.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-// Copyright (c) Tailscale Inc & AUTHORS
-// SPDX-License-Identifier: BSD-3-Clause
-
-import { useState } from "preact/hooks"
-import * as qrcode from "qrcode"
-
-export function URLDisplay({ url }: { url: string }) {
- const [dataURL, setDataURL] = useState("")
- qrcode.toDataURL(url, { width: 512 }, (err, dataURL) => {
- if (err) {
- console.error("Error generating QR code", err)
- } else {
- setDataURL(dataURL)
- }
- })
-
- return (
-
-
- 
- {url}
-
-
- )
-}
diff --git a/cmd/tsconnect/src/lib/js-state-store.ts b/cmd/tsconnect/src/lib/js-state-store.ts
deleted file mode 100644
index e57dfd98efabd..0000000000000
--- a/cmd/tsconnect/src/lib/js-state-store.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-// Copyright (c) Tailscale Inc & AUTHORS
-// SPDX-License-Identifier: BSD-3-Clause
-
-/** @fileoverview Callbacks used by jsStateStore to persist IPN state. */
-
-export const sessionStateStorage: IPNStateStorage = {
- setState(id, value) {
- window.sessionStorage[`ipn-state-${id}`] = value
- },
- getState(id) {
- return window.sessionStorage[`ipn-state-${id}`] || ""
- },
-}
diff --git a/cmd/tsconnect/src/lib/ssh.ts b/cmd/tsconnect/src/lib/ssh.ts
deleted file mode 100644
index afbcdb895a3ba..0000000000000
--- a/cmd/tsconnect/src/lib/ssh.ts
+++ /dev/null
@@ -1,88 +0,0 @@
-import { Terminal, ITerminalOptions } from "xterm"
-import { FitAddon } from "xterm-addon-fit"
-import { WebLinksAddon } from "xterm-addon-web-links"
-
-export type SSHSessionDef = {
- username: string
- hostname: string
- /** Defaults to 5 seconds */
- timeoutSeconds?: number
-}
-
-export type SSHSessionCallbacks = {
- onConnectionProgress: (messsage: string) => void
- onConnected: () => void
- onDone: () => void
- onError?: (err: string) => void
-}
-
-export function runSSHSession(
- termContainerNode: HTMLDivElement,
- def: SSHSessionDef,
- ipn: IPN,
- callbacks: SSHSessionCallbacks,
- terminalOptions?: ITerminalOptions
-) {
- const parentWindow = termContainerNode.ownerDocument.defaultView ?? window
- const term = new Terminal({
- cursorBlink: true,
- allowProposedApi: true,
- ...terminalOptions,
- })
-
- const fitAddon = new FitAddon()
- term.loadAddon(fitAddon)
- term.open(termContainerNode)
- fitAddon.fit()
-
- const webLinksAddon = new WebLinksAddon((event, uri) =>
- event.view?.open(uri, "_blank", "noopener")
- )
- term.loadAddon(webLinksAddon)
-
- let onDataHook: ((data: string) => void) | undefined
- term.onData((e) => {
- onDataHook?.(e)
- })
-
- term.focus()
-
- let resizeObserver: ResizeObserver | undefined
- let handleUnload: ((e: Event) => void) | undefined
-
- const sshSession = ipn.ssh(def.hostname, def.username, {
- writeFn(input) {
- term.write(input)
- },
- writeErrorFn(err) {
- callbacks.onError?.(err)
- term.write(err)
- },
- setReadFn(hook) {
- onDataHook = hook
- },
- rows: term.rows,
- cols: term.cols,
- onConnectionProgress: callbacks.onConnectionProgress,
- onConnected: callbacks.onConnected,
- onDone() {
- resizeObserver?.disconnect()
- term.dispose()
- if (handleUnload) {
- parentWindow.removeEventListener("unload", handleUnload)
- }
- callbacks.onDone()
- },
- timeoutSeconds: def.timeoutSeconds,
- })
-
- // Make terminal and SSH session track the size of the containing DOM node.
- resizeObserver = new parentWindow.ResizeObserver(() => fitAddon.fit())
- resizeObserver.observe(termContainerNode)
- term.onResize(({ rows, cols }) => sshSession.resize(rows, cols))
-
- // Close the session if the user closes the window without an explicit
- // exit.
- handleUnload = () => sshSession.close()
- parentWindow.addEventListener("unload", handleUnload)
-}
diff --git a/cmd/tsconnect/src/pkg/pkg.css b/cmd/tsconnect/src/pkg/pkg.css
deleted file mode 100644
index 76ea21f5b53b2..0000000000000
--- a/cmd/tsconnect/src/pkg/pkg.css
+++ /dev/null
@@ -1,8 +0,0 @@
-/* Copyright (c) Tailscale Inc & AUTHORS */
-/* SPDX-License-Identifier: BSD-3-Clause */
-
-@import "xterm/css/xterm.css";
-
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
diff --git a/cmd/tsconnect/src/pkg/pkg.ts b/cmd/tsconnect/src/pkg/pkg.ts
deleted file mode 100644
index 4d535cb404015..0000000000000
--- a/cmd/tsconnect/src/pkg/pkg.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-// Copyright (c) Tailscale Inc & AUTHORS
-// SPDX-License-Identifier: BSD-3-Clause
-
-// Type definitions need to be manually imported for dts-bundle-generator to
-// discover them.
-///