Skip to content

feat(now): steady flow on the ring (J), as the phone draws it - #114

Merged
frahlg merged 1 commit into
mainfrom
webapp/ring-steady-flow
Oct 30, 2026
Merged

frahlg merged 1 commit into
mainfrom
webapp/ring-steady-flow

Conversation

@frahlg

@frahlg frahlg commented Oct 30, 2026

Copy link
Copy Markdown
Member

Problem

Fredrik picked J, steady flow, for Now's ring on 30 October 2026, and the iPhone app draws it since srcfl/ftw-app#132. The webapp still drew the older ring, with a wave along the arc, so the phone and the browser showed the same home in two different ways.

Change

  • Lines toward and away from the home. Thin lines of light run between each arc and the home's circle, 15 px apart and faster with more power. They run in toward the home for power coming into it and out for power leaving it. They keep their angle, so they narrow near the home.
  • The arc. It no longer carries a wave. It is brightest over its middle third and lights at least a quarter of its quarter (was 0.12).
  • A swell per reading. Each new reading from the box (site.lastFrameAtMs, now passed to EnergyRing as readingAt) sends one swell from the arc's middle out past its ends.
  • Glow. In the dark, arcs and lines glow in two blurred passes for the whole ring, on two canvases of their own blurred with CSS. Light theme and reduced transparency have no glow, as before.
  • Reduced motion. Nothing runs or swells, and a still chevron on the way to the home shows the direction.
  • Shared rules. ringStrength, ringEase, ringSwell, ringSwellDuration and ringLines are ported from the app's Flow.swift, with its tests. Light means live is unchanged: only confirmed live readings glow or move.

Paired work, not a dependency: srcfl/ftw-web#37 draws the same ring on ftw.energy.

Evidence

  • npm run verify: 1183 tests pass (2 skipped), types clean, build OK.
    • ring-motion.test.ts covers a swell per reading, no swell on the first reading, a quiet arc, a frame drawn at rest or under reduced motion, the swell's path, the lines' spacing and direction, the ease and the strength.
    • EnergyRing.svelte.test.ts now counts the glow on its own layers.
  • Reviewed in a browser against the dev simulator, in dark and light themes. Solar's lines run in, while the battery's (charging) and the grid's (selling) run out. No console errors.
  • Not checked: frame cost on a low-end phone. The loop runs only while an arc is live and flowing and Now is on screen, as before.

🤖 Generated with Claude Code

Fredrik picked J, steady flow, for Now's ring on 30 October 2026, and
the iPhone app draws it since srcfl/ftw-app#132. The browser now draws
the same ring.

Thin lines of light run all the time between each arc and the home's
circle, a wavelength (15 px) apart and faster with more power: in
toward the home for power coming into it, out for power leaving it.
They keep their angle, so they narrow near the home. The arc no longer
carries a wave. It is brightest over its middle third with no hot
ends, lights at least a quarter of its quarter, and each new reading
from the box (site.lastFrameAtMs) sends one swell from its middle out
past its ends. In the dark the arcs and lines glow in two blurred
passes for the whole ring, on canvases of their own. Under reduced
motion nothing runs or swells, and a still chevron on the way shows
the direction.

The rules are the app's Flow.swift (ringStrength, ringEase, ringSwell,
ringSwellDuration, ringLines) with its tests ported.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@chatgpt-codex-connector

chatgpt-codex-connector Bot commented Oct 30, 2026 •

Copy link
Copy Markdown

Codex Review Summary

This comment shows the latest Codex review activity on this pull request.

Review Status Commit Review trigger
📝 Code Review ✅ Completed 2026-10-30T13:15:51.049460Z 62efff7 PR opened
ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review" or "@codex security review".

Codex reacts with 👀 while any review is running, comments if it has suggestions, and reacts with 👍 once all reviews finish with no findings.

@cloudflare-workers-and-pages

Copy link
Copy Markdown

Deploying with  Cloudflare Workers  Cloudflare Workers

The latest updates on your project. Learn more about integrating Git with Workers.

Status Name Latest Commit Preview URL Updated (UTC)
✅ Deployment successful!
View logs
ftw-webapp 62efff7 Commit Preview URL

Branch Preview URL
Oct 30 2026, 01:15 PM

@frahlg
frahlg merged commit f8b00e0 into main Oct 30, 2026
3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant