hoodquidity/.design-sync/NOTES.md
Денис Зефиров dba2811447 Hoodquidity: liquidity campaigns for Robinhood Chain stock token markets
Full build: Vite/React acid-terminal frontend (BEARER design system,
Panchang/Sentient/Fragment Mono, neon layer, palette audit script),
HoodquidityVaults Foundry contracts (single+dual deposits via Chainlink-style
feeds, hybrid exit, 10% platform fee, boost, Genesis LP), Reown AppKit wallet
connect with Robinhood Chain testnet (46630), live data from Dexscreener and
onchain reads, partner portal, design-sync setup for claude.ai/design.

Deploy: static via Forgejo Actions platform, BUILD_DIR=apps/web/dist (.env).

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
2026-07-11 08:32:28 +04:00

1.8 KiB

design-sync notes — Hoodquidity

  • App-shaped repo (no library dist): components are pinned explicitly via componentSrcMap (17 pins), and entry points at apps/web/src/ds-entry.ts, a hand-written barrel exporting only the pure presentational surface. Context-bound pieces (Header/Footer/MobileNav/AppShell — react-router; TickerTape/DepositPanel/PositionPanel — wagmi/react-query; CampaignCard — router Link; Preloader — sessionStorage lifecycle) are deliberately excluded.
  • CSS comes from the Vite app build: buildCmd copies the hashed dist/assets/index-*.css to the stable dist/ds-styles.css (cfg.cssEntry). Rebuild the app before re-syncing if styles changed.
  • Known render warns:
    • [TOKENS_MISSING] --rk-* (43 vars) — RainbowKit runtime theme variables baked into the compiled app CSS; injected at runtime by RainbowKitProvider in the real app. None of the 17 synced components reference them. Safe.
    • [RENDER_SKIPPED] — user declined the playwright/chromium install (2026-07-09); previews are verified by eye via .review.html instead.
  • Fonts: 9 woff2 files under apps/web/public/fonts/, listed in extraFonts; @font-face rules ship inside the compiled CSS and their urls get rewritten to fonts/ by the converter.

Re-sync risks

  • dist/ds-styles.css is a snapshot of the app build — a re-sync without re-running buildCmd ships stale styles for new/changed Tailwind utilities.
  • Previews under .design-sync/previews/ compose components with realistic props; if component APIs change (e.g. Stat.value type), previews may silently degrade — re-grade after API changes.
  • No machine render check on this machine (no chromium): a future sync should re-offer the playwright install; visual verification currently manual.