Mike/freno-dev
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

nook icon

Browse Source
This commit is contained in:
Michael Freno
2026-08-27 13:38:19 -04:00
parent 6d3315c71f
commit b10a81068d
5 changed files with 93 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
src/routes/downloads.tsx
View File

@@ -15,14 +15,15 @@ function MainDownloadsPage() {
const [SwAText, setSwAText] = createSignal("Shapes with Abigail!");
const [corkText, setCorkText] = createSignal("Cork");
const [gazeText, setGazeText] = createSignal("Gaze");
const [nookText, setNookText] = createSignal("The Nook");
const [inputHaloText, setInputHaloText] = createSignal("InputHalo");
const [loadingState, setLoadingState] = createSignal<Record<string, boolean>>(
{
lineage: false,
cork: false,
gaze: false,
"shapes-with-abigail": false,
thenook: false,
inputhalo: false
}
);
@@ -55,6 +56,7 @@ function MainDownloadsPage() {
const swaInterval = glitchText(SwAText(), setSwAText);
const corkInterval = glitchText(corkText(), setCorkText);
const gazeInterval = glitchText(gazeText(), setGazeText);
const nookInterval = glitchText(nookText(), setNookText);
const inputHaloInterval = glitchText(inputHaloText(), setInputHaloText);
onCleanup(() => {
@@ -62,6 +64,7 @@ function MainDownloadsPage() {
clearInterval(swaInterval);
clearInterval(corkInterval);
clearInterval(gazeInterval);
clearInterval(nookInterval);
clearInterval(inputHaloInterval);
});
});
@@ -70,7 +73,7 @@ function MainDownloadsPage() {
<>
<PageHead
title="Downloads"
description="Download InputHalo, Gaze, Life and Lineage, Shapes with Abigail, and Cork. Available on iOS, Android, and macOS."
description="Download The Nook, InputHalo, Gaze, Life and Lineage, Shapes with Abigail, and Cork. Available on macOS, iOS, and Android."
/>
<div class="bg-base relative min-h-screen overflow-hidden px-4 pt-[15vh] pb-12 md:px-8">
@@ -293,6 +296,36 @@ function MainDownloadsPage() {
</div>
</div>
</div>
{/* The Nook */}
<div class="border-overlay0 rounded-lg border p-6 md:p-8">
<h2 class="text-text mb-6 font-mono text-2xl">
<span class="text-yellow">{">"}</span>{" "}
<A
href={buildSubdomainUrl("nook")}
class="text-text hover:text-yellow transition-colors"
>
{nookText()}
</A>
</h2>
<div class="flex flex-col items-center gap-3">
<span class="text-subtext0 font-mono text-sm">
platform: macOS (14.0+)
</span>
<Button
variant="download"
size="lg"
loading={loadingState()["thenook"]}
onClick={() => download("thenook")}
>
download.zip
</Button>
<span class="text-subtext1 text-xs">
# unzip → drag to /Applications
</span>
</div>
</div>
</div>
</div>
</div>

46
src/routes/nook/index.tsx
View File

@@ -8,8 +8,12 @@ const NOOK_DOWNLOAD_URL = "https://freno.me/api/downloads/TheNook-0.2.0.zip";
const FEATURES = [
{
title: "Unified device control",
body: "Monitor and control the hardware and services behind your Mac from one fast, native panel."
title: "Agent orchestration",
body: "Orchestrate your coding agents in one native panel, with sessions that keep working while you do."
},
{
title: "A beautiful native UI",
body: "Animated panels and buttery SwiftUI transitions, tuned to feel right at home on your Mac."
},
{
title: "Fan & thermal insight",
@@ -35,10 +39,10 @@ export default function NookLanding() {
<>
<PageHead
title="Home"
description="The Nook — a native macOS utility for hardware control, fan and thermal insight, and quiet system services."
description="The Nook — a native macOS utility for coding-agent orchestration, fan and thermal control."
ogImage="/nook/og-default.png"
ogTitle="The Nook — native macOS hardware control"
ogDescription="A one-time-purchase macOS app for fan control, thermal insight, and quiet system services."
ogTitle="The Nook — native macOS agent orchestration"
ogDescription="A one-time-purchase macOS app for coding-agent orchestration, fan control, and thermal insight."
/>
<SubdomainHeader />
@@ -49,20 +53,33 @@ export default function NookLanding() {
class="fixed inset-0 z-0"
style={{
background: isDark()
? "radial-gradient(ellipse at top, #241a38 0%, #0b0b10 70%)"
: "radial-gradient(ellipse at top, #efe9ff 0%, #f5f5f5 70%)"
? "radial-gradient(ellipse at top, #123945 0%, #0b0b10 70%)"
: "radial-gradient(ellipse at top, #d7eef5 0%, #f5f5f5 70%)"
}}
/>
<div class="relative z-10 flex min-h-screen flex-col items-center justify-center px-4 py-24 text-center">
<div class="text-text/90 mb-6 rounded-2xl px-5 py-3 text-sm font-semibold tracking-wide backdrop-blur-sm"
style={{ border: "1px solid var(--color-overlay0)", background: "var(--color-surface0)" }}>
<img
src="/nook/icon.png"
alt="The Nook App Icon"
height={128}
width={128}
class="mb-6 h-32 w-32 rounded-[22%] object-cover object-center shadow-2xl"
/>
<div
class="text-text/90 mb-6 rounded-2xl px-5 py-3 text-sm font-semibold tracking-wide backdrop-blur-sm"
style={{
border: "1px solid var(--color-overlay0)",
background: "var(--color-surface0)"
}}
>
The Nook
</div>
<h1 class="text-text mb-4 text-5xl font-bold tracking-tight">
Your Mac, under your control
</h1>
<p class="text-subtext0 mb-2 max-w-xl text-xl">
Fan control, thermal insight, and quiet system services — native macOS, one-time license.
Agent orchestration, fan and thermal control — native macOS,
one-time license.
</p>
<p class="text-subtext1 mb-8 text-sm">
macOS 14+ · 14-day free trial · 3 devices
@@ -95,7 +112,7 @@ export default function NookLanding() {
<section class="bg-base relative z-20 px-4 py-20 md:px-8">
<div class="mx-auto max-w-4xl">
<h2 class="text-text mb-12 text-center text-3xl font-bold">
Quiet power, right where it belongs
One panel for your agents and your Mac
</h2>
<div class="grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-2">
{FEATURES.map((feature) => (
@@ -117,9 +134,10 @@ export default function NookLanding() {
Try it free for 14 days
</h2>
<p class="text-subtext0 mx-auto mb-10 max-w-2xl leading-relaxed">
Watch temperatures, take control of your fans, and keep background
services quiet. When the trial ends, unlock everything with a
single one-time payment — no subscription, ever.
Orchestrate your coding agents, watch temperatures, take control of
your fans, and keep background services quiet. When the trial ends,
unlock everything with a single one-time payment — no subscription,
ever.
</p>
<div class="flex flex-col items-center justify-center gap-4 sm:flex-row sm:space-x-4">
<Button

2
src/routes/nook/privacy.tsx
View File

@@ -14,7 +14,7 @@ export default function NookPrivacyPolicy() {
<>
<PageHead
title="Privacy Policy"
description="Privacy policy for The Nook, a native macOS hardware and system control app."
description="Privacy policy for The Nook, a coding-agent orchestration and hardware control app."
/>
<SubdomainHeader />
<div class="min-h-screen px-[8vw] py-[10vh]">

59
src/server/api/routers/downloads.ts
View File

@@ -16,12 +16,13 @@ const assets: Record<string, string> = {
};
/**
* Get the latest DMG from S3 by finding the most recent file with the given prefix
* Find the most recent file in S3 matching a prefix and extension.
*/
async function getLatestDMG(
async function getLatestFile(
client: S3Client,
bucket: string,
prefix: string
prefix: string,
ext: string
): Promise<string> {
try {
const listCommand = new ListObjectsV2Command({
@@ -33,49 +34,41 @@ async function getLatestDMG(
const response = await client.send(listCommand);
if (!response.Contents || response.Contents.length === 0) {
throw new Error(`No DMG files found in S3 with prefix ${prefix}`);
throw new Error(`No files found in S3 with prefix ${prefix}`);
}
const dmgFiles = response.Contents.filter((obj) =>
obj.Key?.endsWith(".dmg")
const files = response.Contents.filter((obj) =>
obj.Key?.endsWith(ext)
).sort((a, b) => {
const dateA = a.LastModified?.getTime() || 0;
const dateB = b.LastModified?.getTime() || 0;
return dateB - dateA; // Descending order (newest first)
return dateB - dateA;
});
if (dmgFiles.length === 0) {
throw new Error(`No .dmg files found in ${prefix} prefix`);
if (files.length === 0) {
throw new Error(`No ${ext} files found in ${prefix} prefix`);
}
const latestFile = dmgFiles[0].Key!;
console.log(`Latest DMG: ${latestFile}`);
const latestFile = files[0].Key!;
console.log(`Latest file: ${latestFile}`);
return latestFile;
} catch (error) {
console.error(`Error finding latest DMG for ${prefix}:`, error);
console.error(`Error finding latest file for ${prefix}:`, error);
throw error;
}
}
/**
* Get the latest Gaze DMG from S3
* Per-asset S3 lookup config for macOS apps that auto-resolve latest version.
*/
async function getLatestGazeDMG(
client: S3Client,
bucket: string
): Promise<string> {
return getLatestDMG(client, bucket, "downloads/Gaze-");
}
/**
* Get the latest InputHalo DMG from S3
*/
async function getLatestInputHaloDMG(
client: S3Client,
bucket: string
): Promise<string> {
return getLatestDMG(client, bucket, "downloads/InputHalo-");
}
const latestAssets: Record<
string,
{ prefix: string; ext: string }
> = {
gaze: { prefix: "downloads/Gaze-", ext: ".dmg" },
inputhalo: { prefix: "downloads/InputHalo-", ext: ".dmg" },
thenook: { prefix: "downloads/TheNook-", ext: ".zip" }
};
export const downloadsRouter = createTRPCRouter({
getDownloadUrl: publicProcedure
@@ -96,11 +89,9 @@ export const downloadsRouter = createTRPCRouter({
try {
let fileKey: string;
// Special handling for macOS apps - find latest version automatically
if (input.asset_name === "gaze") {
fileKey = await getLatestGazeDMG(client, bucket);
} else if (input.asset_name === "inputhalo") {
fileKey = await getLatestInputHaloDMG(client, bucket);
const latest = latestAssets[input.asset_name];
if (latest) {
fileKey = await getLatestFile(client, bucket, latest.prefix, latest.ext);
} else {
fileKey = assets[input.asset_name];