ZacharyZhang-NYandClaude Opus 5.5
2d7af224dd
CI / Typecheck, lint, tests, e2e (push) Failing after 3m51s
- Title screen over a real-time voxel office rendered at low resolution and quantized to a rotating 32-colour palette with Bayer dithering; day part and season re-light the scene and every surface. - 16-bit UI kit: name-plate dialogs, menu cursor, inventory, XP bar, badges, NPC speech, GAME OVER with CONTINUE, hand-placed 12x12 icons, Fusion Pixel font (Latin subset preloaded). - Sections as a game: quest log (onboarding), character select (AI CEO / AI Co-Founder), inventory (features), party roster (providers), live download XP, save point (all v1.5.1 builds), FAQ as NPC dialog, credits. - Downloads and source point to the Gitea release; the download function only redirects to git.zacharyzhang.com. - Tailwind and the old components removed; unit tests for platform/downloads, rewritten e2e suite. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
24 lines
1.3 KiB
TypeScript
24 lines
1.3 KiB
TypeScript
import type { ReactNode } from "react";
|
|
import { dayPartAt, paletteFor, seasonAt, type DayPart, type Season } from "../../lib/palette";
|
|
import { applyPalette, overrideFrom } from "./palette-boot";
|
|
import { PaletteClockProvider } from "./palette-context";
|
|
|
|
const PARTS: DayPart[] = ["dawn", "day", "dusk", "night"];
|
|
const SEASONS: Season[] = ["spring", "summer", "autumn", "winter"];
|
|
const TABLE = Object.fromEntries(
|
|
PARTS.flatMap((part) => SEASONS.map((season) => [`${part}-${season}`, paletteFor(part, season)])),
|
|
);
|
|
|
|
/** Runs before first paint so night visitors never see a flash of the day palette; also snaps --px to whole device pixels. */
|
|
const BOOT = `(function(){var t=${JSON.stringify(TABLE)},d=new Date(),o=(${overrideFrom})(location.search),p=o.part||(${dayPartAt})(d),s=o.season||(${seasonAt})(d),v={};t[p+"-"+s].forEach(function(c,i){v["--p"+i]=c});(${applyPalette})(v,p,s);var r=window.devicePixelRatio||1,e=document.documentElement;e.style.setProperty("--px",String(Math.max(1,Math.round(r))/r));e.dataset.js=""})()`;
|
|
|
|
/** Rotates the 32-colour palette with the visitor's clock (or ?time=&season=) and shares it via usePaletteClock. */
|
|
export function PaletteClock({ children }: { children: ReactNode }) {
|
|
return (
|
|
<>
|
|
<script dangerouslySetInnerHTML={{ __html: BOOT }} />
|
|
<PaletteClockProvider>{children}</PaletteClockProvider>
|
|
</>
|
|
);
|
|
}
|