feat: rewrite and redesign

Author: MarshallOfSound

.github/CODEOWNERS

@@ -1 +1 @@
-* @electron/wg-ecosystem @electron/wg-releases
+* @electron/wg-ecosystem @electron/wg-releases

.github/workflows/ci.yml

@@ -0,0 +1,45 @@
+name: 'CI'
+on:
+  pull_request:
+  push:
+    branches:
+      - main
+      - sam/rewrite
+
+jobs:
+  test:
+    runs-on: ubuntu-latest
+    
+    permissions:
+      contents: read
+
+    steps:
+    - uses: actions/checkout@11bd71901bbe5b1630ceea73d27597364c9af683 # v4.2.2
+    - name: 'Install Node'
+      uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020 # v4.4.0
+      with:
+        node-version: '22.x'
+    - name: 'Install Deps'
+      run: npm ci
+    - name: 'Build'
+      run: npm run build
+  build:
+    runs-on: ubuntu-latest
+    
+    permissions:
+      contents: read
+
+    steps:
+    - uses: actions/checkout@11bd71901bbe5b1630ceea73d27597364c9af683 # v4.2.2
+    - name: 'Install Node'
+      uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020 # v4.4.0
+      with:
+        node-version: '22.x'
+    - name: 'Install Deps'
+      run: npm ci
+    - name: 'Lint'
+      run: npm run lint
+    - name: 'Typecheck'
+      run: npm run typecheck
+    - name: 'Test'
+      run: npm run test

.github/workflows/lint.yml

@@ -1,3 +1,8 @@
-.envrc
 node_modules
-src/static/css/prismjs/*.css
+
+/.cache
+/build
+.env
+
+.envrc
+coverage

.gitignore

@@ -0,0 +1 @@
+22.15.0

.husky/pre-commit

@@ -5,23 +5,21 @@ the [Electron](https://github.com/electron/electron) project.
 
 ## Getting started
 
-The website is a simple Node.js app built using [Express](https://expressjs.com/) and [Handlebars.js](https://handlebarsjs.com/).
+The website is built using [Remix](https://remix.run/).
 
 ### Installation
 
-To run the app locally, install dependencies and run the `start` script:
+To run the app locally, install dependencies and run the `dev` script:
 
 ```
-yarn
-yarn start
+npm install
+npm run dev
 ```
 
-When developing locally, you may want to use the `watch` script instead, which watches for file changes using [nodemon](https://github.com/remy/nodemon).
-
 ### GitHub Authentication
 
 The app pulls release information from GitHub, and local usage (especially going through pages of past releases) may hit the rate limit for anonymous GitHub usage. You can provide a GitHub Personal Access Token (PAT) by setting the `GITHUB_TOKEN` environment variable before running the app locally, which will have higher rate limits.
 
 ## License
 
-Distributed under the [MIT License](https://github.com/electron/release-status/blob/main/LICENSE).
+Distributed under the [MIT License](https://github.com/electron/release-status/blob/main/LICENSE).

.nvmrc

@@ -0,0 +1,78 @@
+import { Link } from "@remix-run/react";
+import { SudowoodoRelease } from "~/data/release-data";
+
+type ActiveBuildCardProps = {
+  build: Pick<
+    SudowoodoRelease,
+    "id" | "channel" | "branch" | "generatedElectronVersion"
+  >;
+  queued?: boolean;
+};
+
+const prettyChannel = (channel: SudowoodoRelease["channel"]) => {
+  switch (channel) {
+    case "alpha":
+      return "Alpha";
+    case "beta":
+      return "Beta";
+    case "stable":
+      return "Stable";
+    case "nightly":
+      return "Nightly";
+  }
+};
+
+const channelColor = (channel: SudowoodoRelease["channel"]) => {
+  switch (channel) {
+    case "alpha":
+    case "beta":
+      return "yellow";
+    case "stable":
+      return "green";
+    case "nightly":
+      return "purple";
+  }
+};
+
+export const ActiveBuildCard = ({ build, queued }: ActiveBuildCardProps) => {
+  const channelBubbleColor = channelColor(build.channel);
+
+  return (
+    <Link
+      to={`/build/${build.id}`}
+      className="border border-blue-200 dark:border-blue-800 rounded-lg p-4 bg-blue-50 dark:bg-blue-900/20 hover:bg-blue-100 dark:hover:bg-blue-700/20 hover:border-blue-300 dark:hover:border-blue-700 transition-colors"
+      prefetch="intent"
+    >
+      <div className="flex justify-between items-start">
+        <div>
+          <div className="flex items-center gap-2">
+            <span className="text-sm font-medium text-[#2f3241] dark:text-white">
+              {build.generatedElectronVersion || "Version Soon..."}
+            </span>
+            <span
+              className={`inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-${channelBubbleColor}-100 text-${channelBubbleColor}-800 dark:bg-${channelBubbleColor}-900/30 dark:text-${channelBubbleColor}-400`}
+            >
+              {prettyChannel(build.channel)}
+            </span>
+          </div>
+          <div className="text-xs text-gray-500 dark:text-gray-400 mt-1">
+            Branch: <span className="font-mono">{build.branch}</span>
+          </div>
+        </div>
+        <div className="flex items-center">
+          {queued ? (
+            <span className="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-orange-100 text-orange-800 dark:bg-orange-900/30 dark:text-orange-400 animate-pulse">
+              <span className="w-1.5 h-1.5 bg-orange-500 rounded-full mr-1"></span>
+              Queued
+            </span>
+          ) : (
+            <span className="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-400 animate-pulse">
+              <span className="w-1.5 h-1.5 bg-blue-500 rounded-full mr-1"></span>
+              Building
+            </span>
+          )}
+        </div>
+      </div>
+    </Link>
+  );
+};