Add nightly release support

.github/workflows/_build.yml

@@ -135,6 +135,7 @@ jobs:
             release/Lightcode-*.AppImage
             release/Lightcode-*.deb
             release/latest*.yml
+            release/nightly*.yml
             release/*.blockmap
           if-no-files-found: error
           retention-days: 7

src/renderer/views/SettingsOverlay/parts/AboutSettings.tsx

@@ -5,7 +5,8 @@ import { PixelLoader } from "@/renderer/components/common";
 import { useUpdateStore } from "@/renderer/state/updateStore";
 import { productNameFor } from "@/shared/channel";
 import { formatBytes } from "@/shared/formatBytes";
-import appIconUrl from "../../../../../build/icon.png";
+import appIconStableUrl from "../../../../../build/icon.png";
+import appIconNightlyUrl from "../../../../../build/icon-nightly.png";
 
 const GITHUB_REPO = "https://github.com/nicepkg/lightcode";
 const WEBSITE_URL = "https://www.lightcodeapp.com/";
@@ -88,6 +89,7 @@ function UpdateButton() {
 export function AboutSettings() {
   const bridge = readBridge();
   const productName = productNameFor(bridge.channel);
+  const appIconUrl = bridge.channel === "nightly" ? appIconNightlyUrl : appIconStableUrl;
 
   return (
     <div className="h-full min-h-0 overflow-y-auto px-6 pb-8 pt-4">

website/src/app/download/download-content.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { Download, ArrowLeft, Monitor, Apple, Terminal } from "lucide-react";
+import { Download, ArrowLeft, Monitor, Apple, Terminal, Moon } from "lucide-react";
 import { motion } from "framer-motion";
 import Link from "next/link";
 import { downloadUrlFor, type ReleaseInfo } from "@/lib/releases";
@@ -46,6 +46,13 @@ export function DownloadContent({ release }: { release: ReleaseInfo }) {
           <ArrowLeft className="w-4 h-4" />
           <span className="text-sm font-medium">Back to home</span>
         </Link>
+        <Link
+          href="/nightly"
+          className="inline-flex items-center gap-2 text-sm font-medium text-gray-400 hover:text-amber-300 transition-colors"
+        >
+          <Moon className="w-3.5 h-3.5 text-amber-300/80" />
+          <span>Nightly builds →</span>
+        </Link>
       </nav>
 
       {/* Content */}

website/src/app/home-content.tsx

@@ -324,20 +324,18 @@ export function HomeContent({ release }: { release: ReleaseInfo }) {
               <Download className="w-4 h-4" />
               Download for {platform.label}
             </a>
-            <a
-              href="https://github.com/SDSLeon/lightcode"
-              target="_blank"
-              rel="noreferrer"
-              className="inline-flex h-12 w-full items-center justify-center rounded-sm border border-white/20 px-8 font-medium text-white transition-colors hover:bg-white/5 sm:w-auto"
-            >
-              View on GitHub
-            </a>
             <a
               href="/download"
               className="text-sm text-gray-500 hover:text-gray-300 transition-colors underline underline-offset-4"
             >
               Other platforms
             </a>
+            <a
+              href="/nightly"
+              className="text-sm text-gray-500 hover:text-amber-300/90 transition-colors underline underline-offset-4"
+            >
+              Nightly builds
+            </a>
           </motion.div>
         </div>
 

website/src/app/nightly/nightly-content.tsx

@@ -0,0 +1,225 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import { Download, ArrowLeft, Monitor, Apple, Terminal, Moon, AlertTriangle } from "lucide-react";
+import { motion } from "framer-motion";
+import Link from "next/link";
+import { downloadUrlFor, type ReleaseInfo } from "@/lib/releases";
+
+const PLATFORMS = [
+  {
+    os: "macOS",
+    icon: Apple,
+    variants: [
+      { label: "arm", slug: "mac-arm64", ext: ".dmg" },
+      { label: "Intel", slug: "mac-x64", ext: ".dmg" },
+    ],
+  },
+  {
+    os: "Windows",
+    icon: Monitor,
+    variants: [
+      { label: "x64", slug: "win-x64", ext: ".exe" },
+      { label: "ARM64", slug: "win-arm64", ext: ".exe" },
+    ],
+  },
+  {
+    os: "Linux",
+    icon: Terminal,
+    variants: [{ label: "x64 (AppImage)", slug: "linux-x64", ext: ".AppImage" }],
+  },
+];
+
+function formatRelative(iso: string): string {
+  const then = new Date(iso).getTime();
+  if (Number.isNaN(then)) return "";
+  const diffMs = Date.now() - then;
+  const minutes = Math.round(diffMs / 60_000);
+  if (minutes < 1) return "just now";
+  if (minutes < 60) return `${minutes}m ago`;
+  const hours = Math.round(minutes / 60);
+  if (hours < 24) return `${hours}h ago`;
+  const days = Math.round(hours / 24);
+  if (days < 30) return `${days}d ago`;
+  const months = Math.round(days / 30);
+  return `${months}mo ago`;
+}
+
+function formatBuildTime(iso: string): string {
+  const date = new Date(iso);
+  if (Number.isNaN(date.getTime())) return "";
+  return date.toLocaleString(undefined, {
+    year: "numeric",
+    month: "short",
+    day: "numeric",
+    hour: "2-digit",
+    minute: "2-digit",
+    timeZoneName: "short",
+  });
+}
+
+export function NightlyContent({ release }: { release: ReleaseInfo }) {
+  const hasBuild = release.version !== null;
+  const publishedAt = release.publishedAt ?? null;
+  const [relativeTime, setRelativeTime] = useState<string>("");
+  const [absoluteTime, setAbsoluteTime] = useState<string>("");
+
+  useEffect(() => {
+    if (!publishedAt) return;
+    setRelativeTime(formatRelative(publishedAt));
+    setAbsoluteTime(formatBuildTime(publishedAt));
+  }, [publishedAt]);
+
+  return (
+    <div className="relative min-h-screen overflow-x-hidden bg-black text-white">
+      {/* Background */}
+      <div className="absolute top-0 left-1/2 -translate-x-1/2 w-full h-[600px] bg-[radial-gradient(circle_at_center,_rgba(251,191,36,0.06)_0%,_transparent_70%)] pointer-events-none" />
+
+      {/* Navigation */}
+      <nav className="relative z-10 flex items-center justify-between px-8 py-6 max-w-5xl mx-auto">
+        <Link
+          href="/"
+          className="flex items-center gap-2 text-gray-400 hover:text-white transition-colors"
+        >
+          <ArrowLeft className="w-4 h-4" />
+          <span className="text-sm font-medium">Back to home</span>
+        </Link>
+        <Link
+          href="/download"
+          className="text-sm font-medium text-gray-500 hover:text-white transition-colors"
+        >
+          Looking for stable? →
+        </Link>
+      </nav>
+
+      {/* Content */}
+      <main className="relative z-10 max-w-3xl mx-auto px-8 py-12">
+        <motion.div
+          initial={{ opacity: 0, y: 20 }}
+          animate={{ opacity: 1, y: 0 }}
+          transition={{ duration: 0.4 }}
+        >
+          <div className="inline-flex items-center gap-2 mb-5 px-3 py-1 rounded-full border border-amber-400/20 bg-amber-400/[0.06] text-amber-300/90">
+            <Moon className="w-3.5 h-3.5" />
+            <span className="text-[11px] font-semibold tracking-[0.14em] uppercase">Nightly</span>
+          </div>
+
+          <h1 className="text-3xl md:text-4xl font-bold tracking-tight mb-3">Lightcode Nightly</h1>
+
+          {hasBuild ? (
+            <div className="mb-4 flex flex-wrap items-baseline gap-x-3 gap-y-1">
+              <code className="text-sm md:text-base text-amber-300/90 font-mono">
+                v{release.version}
+              </code>
+              {relativeTime ? (
+                <span className="text-sm text-gray-500">
+                  built {relativeTime}
+                  {absoluteTime ? <span className="text-gray-700"> · {absoluteTime}</span> : null}
+                </span>
+              ) : null}
+            </div>
+          ) : null}
+
+          <p className="text-gray-400 mb-8 text-lg">
+            A prerelease build — try new features as soon as possible.
+          </p>
+
+          <div className="mb-12 flex items-start gap-3 px-4 py-3 rounded-xl border border-amber-400/10 bg-amber-400/[0.03]">
+            <AlertTriangle className="w-4 h-4 mt-0.5 shrink-0 text-amber-300/80" />
+            <p className="text-sm text-gray-400 leading-relaxed">
+              Pre-release builds for testing. Expect rough edges — features may be incomplete or
+              change without notice. Prefer the{" "}
+              <Link
+                href="/download"
+                className="text-gray-200 underline underline-offset-4 hover:text-white transition-colors"
+              >
+                stable download
+              </Link>{" "}
+              for day-to-day use.
+            </p>
+          </div>
+        </motion.div>
+
+        {hasBuild ? (
+          <div className="space-y-10">
+            {PLATFORMS.map((platform, i) => (
+              <motion.div
+                key={platform.os}
+                initial={{ opacity: 0, y: 20 }}
+                animate={{ opacity: 1, y: 0 }}
+                transition={{ duration: 0.4, delay: 0.1 * (i + 1) }}
+              >
+                <div className="flex items-center gap-3 mb-4">
+                  <platform.icon className="w-5 h-5 text-gray-400" />
+                  <h2 className="text-xl font-semibold">{platform.os}</h2>
+                </div>
+                <div className="grid gap-3">
+                  {platform.variants.map((variant) => (
+                    <a
+                      key={variant.slug}
+                      href={downloadUrlFor(release, variant.slug)}
+                      className="group flex items-center justify-between px-5 py-4 rounded-xl bg-white/[0.03] border border-white/[0.06] hover:bg-amber-400/[0.04] hover:border-amber-400/20 transition-all duration-200"
+                    >
+                      <div className="flex items-center gap-3">
+                        <Download className="w-4 h-4 text-gray-500 group-hover:text-amber-300/90 transition-colors" />
+                        <div>
+                          <span className="text-sm font-medium text-gray-200 group-hover:text-white transition-colors">
+                            {platform.os} — {variant.label}
+                          </span>
+                          <span className="ml-3 text-xs text-gray-600">{variant.ext}</span>
+                        </div>
+                      </div>
+                      <span className="text-xs text-gray-600 group-hover:text-amber-300/90 transition-colors">
+                        Download →
+                      </span>
+                    </a>
+                  ))}
+                </div>
+              </motion.div>
+            ))}
+          </div>
+        ) : (
+          <motion.div
+            initial={{ opacity: 0, y: 20 }}
+            animate={{ opacity: 1, y: 0 }}
+            transition={{ duration: 0.4, delay: 0.1 }}
+            className="px-5 py-8 rounded-xl bg-white/[0.03] border border-white/[0.06] text-center"
+          >
+            <p className="text-sm text-gray-400">
+              No nightly build is available yet. Check the{" "}
+              <a
+                href={release.releasesUrl}
+                target="_blank"
+                rel="noreferrer"
+                className="text-gray-200 underline underline-offset-4 hover:text-white transition-colors"
+              >
+                releases page
+              </a>{" "}
+              or come back soon.
+            </p>
+          </motion.div>
+        )}
+
+        <motion.div
+          initial={{ opacity: 0 }}
+          animate={{ opacity: 1 }}
+          transition={{ duration: 0.4, delay: 0.5 }}
+          className="mt-16 pt-8 border-t border-white/5 text-center"
+        >
+          <p className="text-sm text-gray-600">
+            All builds are published as{" "}
+            <a
+              href={release.releasesUrl}
+              target="_blank"
+              rel="noreferrer"
+              className="text-gray-400 hover:text-white underline underline-offset-4 transition-colors"
+            >
+              GitHub prereleases
+            </a>
+            .
+          </p>
+        </motion.div>
+      </main>
+    </div>
+  );
+}

website/src/app/nightly/page.tsx

@@ -0,0 +1,14 @@
+import type { Metadata } from "next";
+import { getLatestNightlyRelease } from "@/lib/releases";
+import { NightlyContent } from "./nightly-content";
+
+export const metadata: Metadata = {
+  title: "Lightcode Nightly — Latest pre-release builds",
+  description:
+    "Download the latest Lightcode nightly build. Pre-release installers with the newest changes, refreshed automatically from CI.",
+};
+
+export default async function NightlyPage() {
+  const release = await getLatestNightlyRelease();
+  return <NightlyContent release={release} />;
+}