Files
penguin-harness/packages/landing/src/lib/use-scroll-spy.ts
T
Yaowei Zheng d4faee3a1e Changelog, dev startup, README, AgentHub 0.4.0, model catalog, and landing site (#7)
Branch-length batch covering tooling, the model layer, the Web App and the public
surfaces. Highlights:

- Changelog: a per-release `changelog/<version>/` tree, grouped by the surface each
  change touches, with a root CHANGELOG.md holding one line per release.
- Dev startup: `scripts/dev-prebuild.mjs` serializes the skills+core prebuild behind a
  lock and keeps `pnpm install` current; `pnpm dev` runs server+web together.
- AgentHub 0.3.3 -> 0.4.0: OmniMessage complete payloads carry one opaque `fidelity`
  object in place of item-level `signature`/`phase`, threaded verbatim through Trace,
  replay and resume; malformed classification adapted to the new error types.
- Model layer: a model is always referenced by an explicit `(provider, model_id)` pair.
  The provider is never inferred, guessed or defaulted -- both the catalog inference and
  the unique-match config resolution are gone, and CLI, SDK, server routes and
  run_subagent all require the complete pair. Catalog gains the Qwen Token Plan, Qwen
  Pay-As-You-Go and Fireworks AI gateways, plus an expanded OpenRouter group.
- Web App: catalog preset sync and per-group speed test on the Models page, positional
  slash commands, a markdown renderer, skill-library update reminders, and a vertically
  centred draft page whose upward menus size themselves to the room available.
- Public surfaces: restructured READMEs, the penguin.ooo landing site and blog, refreshed
  benchmark results for both suites, and the demo videos playing on the landing page.

Includes the fixes from a full review of the branch: 23 confirmed findings, among them a
provider-inference bug that could send one vendor's API key to another vendor's endpoint,
and an Escape handler that destroyed the composer's contents unrecoverably.

Verified on the branch head: pnpm test (1127 passing, 7 packages), pnpm typecheck and
pnpm format:check clean, Playwright e2e 14/14.
2026-07-21 17:43:31 +08:00

49 lines
1.7 KiB
TypeScript

/**
* Live scroll-spy for the landing nav: returns the id of the LAST section whose
* anchor top has crossed the activation line under the sticky header, or null
* while the viewport is still above the first section (the hero). Scroll events
* are captured at the document level so any scrolling container works, and
* positions are measured with viewport rects (rAF-throttled).
*/
import { useEffect, useState } from "react";
/** Just below the sticky header plus the .section-anchor scroll margin (5.5rem). */
const ACTIVATION_LINE_PX = 96;
export function useScrollSpy(ids: readonly string[]): string | null {
const [active, setActive] = useState<string | null>(null);
const key = ids.join("|");
useEffect(() => {
if (ids.length === 0) {
setActive(null);
return;
}
let raf = 0;
const measure = () => {
raf = 0;
let current: string | null = null;
for (const id of ids) {
const el = document.getElementById(id);
if (el && el.getBoundingClientRect().top <= ACTIVATION_LINE_PX) current = id;
}
setActive(current);
};
const schedule = () => {
if (raf === 0) raf = requestAnimationFrame(measure);
};
measure();
document.addEventListener("scroll", schedule, { capture: true, passive: true });
window.addEventListener("resize", schedule);
return () => {
document.removeEventListener("scroll", schedule, { capture: true });
window.removeEventListener("resize", schedule);
if (raf) cancelAnimationFrame(raf);
};
// The id list is captured via its joined key.
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [key]);
return active;
}