chore(site): drop Cloudflare Pages, ship docs site only via GitHub Pages

Cloudflare Pages edge has been silently dropping TLS handshakes for
*.termbeam.pages.dev (production, branch alias, and immutable per-deploy
aliases all return ERR_SOCKET_NOT_CONNECTED) while wrangler still reports
successful deploys. Rather than chase Cloudflare support, retire that
target and standardize on the GitHub Pages mirror, which is healthy.

- site.yml: remove matrix, Cloudflare artifact upload, and the
  deploy-cloudflare-pages job; site now builds and deploys once via
  actions/deploy-pages.
- astro.config.mjs: drop CF_PAGES / DEPLOY_TARGET detection; hardcode
  GitHub Pages site + /TermBeam base.
- package.json: homepage -> https://dorlugasigal.github.io/TermBeam.
- README + AboutModal: drop the duplicate "Website" link that pointed
  at termbeam.pages.dev (unified site, "Docs" now covers both).
- Frontend manifest, index.html, server login page: PWA / apple-touch
  icons switch from absolute https://termbeam.pages.dev/icons/... URLs
  to relative /icons/... (already served by the TermBeam server itself,
  no CDN dependency needed).
- CSP: drop the now-unused https://termbeam.pages.dev allowlist entry
  from img-src.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

Author: dorlugasigal

.github/workflows/site.yml

@@ -22,15 +22,6 @@ concurrency:
 jobs:
   build:
     runs-on: ubuntu-latest
-    strategy:
-      matrix:
-        target:
-          - name: github-pages
-            deploy_target: ''
-            site_url: ''
-          - name: cloudflare
-            deploy_target: cloudflare
-            site_url: https://termbeam.pages.dev
     defaults:
       run:
         working-directory: packages/site
@@ -44,23 +35,13 @@ jobs:
       - name: Install dependencies
         run: npm ci
       - name: Build with Astro
-        env:
-          DEPLOY_TARGET: ${{ matrix.target.deploy_target }}
-          SITE_URL: ${{ matrix.target.site_url }}
         run: npm run build
       - name: Upload Pages artifact
-        if: matrix.target.name == 'github-pages'
         uses: actions/upload-pages-artifact@fc324d3547104276b827a68afc52ff2a11cc49c9 # v5.0.0
         with:
           path: packages/site/dist
-      - name: Upload Cloudflare artifact
-        if: matrix.target.name == 'cloudflare'
-        uses: actions/upload-artifact@043fb46d1a93c77aae656e7c1c64a875d1fc6a0a # v7.0.1
-        with:
-          name: cloudflare-dist
-          path: packages/site/dist
 
-  deploy-github-pages:
+  deploy:
     if: github.event_name == 'push' || github.event_name == 'workflow_dispatch'
     needs: build
     runs-on: ubuntu-latest
@@ -75,30 +56,3 @@ jobs:
       - name: Deploy to GitHub Pages
         id: deploy
         uses: actions/deploy-pages@cd2ce8fcbc39b97be8ca5fce6e763baed58fa128 # v5.0.0
-
-  deploy-cloudflare-pages:
-    if: github.event_name == 'push' || github.event_name == 'workflow_dispatch'
-    needs: build
-    runs-on: ubuntu-latest
-    permissions:
-      contents: read
-      deployments: write
-    environment:
-      name: cloudflare-pages
-      url: https://termbeam.pages.dev
-    steps:
-      - uses: actions/checkout@de0fac2e4500dabe0009e67214ff5f5447ce83dd # v6
-        with:
-          sparse-checkout: packages/site
-      - name: Download Cloudflare build
-        uses: actions/download-artifact@3e5f45b2cfb9172054b4087a40e8e0b5a5461e7c # v8.0.1
-        with:
-          name: cloudflare-dist
-          path: packages/site/dist
-      - name: Deploy to Cloudflare Pages
-        uses: cloudflare/wrangler-action@9acf94ace14e7dc412b076f2c5c20b8ce93c79cd # v3
-        with:
-          apiToken: ${{ secrets.CLOUDFLARE_API_TOKEN }}
-          accountId: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
-          workingDirectory: packages/site
-          command: pages deploy dist --project-name=termbeam --branch=main

README.md

@@ -16,7 +16,7 @@
 
 TermBeam lets you access your terminal from a phone, tablet, or any browser — no SSH, no port forwarding, no configuration needed. Run one command and scan the QR code.
 
-[Full documentation](https://dorlugasigal.github.io/TermBeam/) · [Website](https://termbeam.pages.dev)
+[Full documentation](https://dorlugasigal.github.io/TermBeam/)
 
 https://github.com/user-attachments/assets/9dd4f3d7-f017-4314-9b3a-f6a5688e3671
 

package.json

@@ -39,7 +39,7 @@
   ],
   "author": "Dor Lugasi <dorlugasigal@gmail.com>",
   "license": "MIT",
-  "homepage": "https://termbeam.pages.dev",
+  "homepage": "https://dorlugasigal.github.io/TermBeam",
   "repository": {
     "type": "git",
     "url": "https://github.com/dorlugasigal/TermBeam.git"

packages/site/astro.config.mjs

@@ -2,19 +2,9 @@
 import { defineConfig } from 'astro/config';
 import starlight from '@astrojs/starlight';
 
-// Build target is driven by env so the same source can ship to multiple hosts:
-//   default: GitHub Pages — base /TermBeam, site dorlugasigal.github.io
-//   Cloudflare Pages: detected automatically via CF_PAGES=1 (set by Cloudflare's
-//     Git integration during builds) OR explicitly via DEPLOY_TARGET=cloudflare.
-//     Base /, site from CF_PAGES_URL (set by Cloudflare) or SITE_URL.
-const explicitTarget = process.env.DEPLOY_TARGET;
-const isCF = explicitTarget === 'cloudflare' || process.env.CF_PAGES === '1';
-
-const site = isCF
-  ? process.env.SITE_URL || process.env.CF_PAGES_URL || 'https://termbeam.pages.dev'
-  : 'https://dorlugasigal.github.io';
-const base = isCF ? '/' : '/TermBeam';
-const ogImage = `${site.replace(/\/$/, '')}${base === '/' ? '' : base}/og-image.png`;
+const site = 'https://dorlugasigal.github.io';
+const base = '/TermBeam';
+const ogImage = `${site}${base}/og-image.png`;
 
 // https://astro.build/config
 export default defineConfig({

src/frontend/index.html

@@ -11,16 +11,8 @@
     <meta name="mobile-web-app-capable" content="yes" />
     <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
     <link rel="icon" type="image/png" href="/icons/icon-192.png" />
-    <link
-      rel="apple-touch-icon"
-      sizes="180x180"
-      href="https://termbeam.pages.dev/icons/icon-180.png"
-    />
-    <link
-      rel="apple-touch-icon"
-      sizes="192x192"
-      href="https://termbeam.pages.dev/icons/icon-192.png"
-    />
+    <link rel="apple-touch-icon" sizes="180x180" href="/icons/icon-180.png" />
+    <link rel="apple-touch-icon" sizes="192x192" href="/icons/icon-192.png" />
     <link rel="manifest" href="/manifest.webmanifest" />
     <title>TermBeam</title>
     <script>

src/frontend/src/components/Modals/AboutModal.tsx

@@ -95,14 +95,6 @@ export function AboutModal({ open, onClose, version }: AboutModalProps) {
               >
                 Docs
               </a>
-              <a
-                href="https://termbeam.pages.dev"
-                target="_blank"
-                rel="noopener noreferrer"
-                style={{ color: 'var(--accent)', fontSize: '0.9rem' }}
-              >
-                Website
-              </a>
             </div>
 
             <div className={styles.actions} style={{ justifyContent: 'flex-start' }}>

src/frontend/vite.config.ts

@@ -25,22 +25,22 @@ export default defineConfig({
         theme_color: '#1e1e1e',
         icons: [
           {
-            src: 'https://termbeam.pages.dev/icons/icon-180.png',
+            src: '/icons/icon-180.png',
             sizes: '180x180',
             type: 'image/png',
           },
           {
-            src: 'https://termbeam.pages.dev/icons/icon-192.png',
+            src: '/icons/icon-192.png',
             sizes: '192x192',
             type: 'image/png',
           },
           {
-            src: 'https://termbeam.pages.dev/icons/icon-512.png',
+            src: '/icons/icon-512.png',
             sizes: '512x512',
             type: 'image/png',
           },
           {
-            src: 'https://termbeam.pages.dev/icons/icon-512.png',
+            src: '/icons/icon-512.png',
             sizes: '512x512',
             type: 'image/png',
             purpose: 'any maskable',

src/server/auth.js

@@ -10,8 +10,8 @@ const LOGIN_HTML = `<!DOCTYPE html>
   <meta name="mobile-web-app-capable" content="yes" />
   <meta name="theme-color" content="#1e1e1e" />
   <link rel="icon" type="image/png" href="/icons/icon-192.png" />
-  <link rel="apple-touch-icon" sizes="180x180" href="https://termbeam.pages.dev/icons/icon-180.png" />
-  <link rel="apple-touch-icon" sizes="192x192" href="https://termbeam.pages.dev/icons/icon-192.png" />
+  <link rel="apple-touch-icon" sizes="180x180" href="/icons/icon-180.png" />
+  <link rel="apple-touch-icon" sizes="192x192" href="/icons/icon-192.png" />
   <link rel="manifest" href="/manifest.webmanifest" />
   <title>TermBeam — Login</title>
   <style>

src/server/index.js

@@ -99,7 +99,7 @@ function createTermBeamServer(overrides = {}) {
     res.setHeader('Cache-Control', isPwaAsset ? 'public, max-age=86400' : 'no-store');
     res.setHeader(
       'Content-Security-Policy',
-      "default-src 'self'; script-src 'self' 'unsafe-inline' https://cdn.jsdelivr.net; style-src 'self' 'unsafe-inline' https://cdn.jsdelivr.net; img-src 'self' data: https://img.shields.io https://github.com https://raw.githubusercontent.com https://avatars.githubusercontent.com https://api.securityscorecards.dev https://termbeam.pages.dev; connect-src 'self' ws: wss: https://cdn.jsdelivr.net; font-src 'self' https://cdn.jsdelivr.net",
+      "default-src 'self'; script-src 'self' 'unsafe-inline' https://cdn.jsdelivr.net; style-src 'self' 'unsafe-inline' https://cdn.jsdelivr.net; img-src 'self' data: https://img.shields.io https://github.com https://raw.githubusercontent.com https://avatars.githubusercontent.com https://api.securityscorecards.dev; connect-src 'self' ws: wss: https://cdn.jsdelivr.net; font-src 'self' https://cdn.jsdelivr.net",
     );
     next();
   });