Skip to content

feat(e2e-ui): framework home + How it’s built slide-out - #169

Open
patrickleet wants to merge 4 commits into
tasks--graphql-qs-epicfrom
feat/e2e-ui-how-its-built
Open

feat(e2e-ui): framework home + How it’s built slide-out#169
patrickleet wants to merge 4 commits into
tasks--graphql-qs-epicfrom
feat/e2e-ui-how-its-built

Conversation

@patrickleet

Copy link
Copy Markdown
Collaborator

Summary

  • Home leads with Distributed principles and DX layers; demos are compact links, not the main story.
  • How it’s built fixed pill (bottom-right) on todos, chat, blob, admin, session, and public opens a right slide-out drawer.
  • Tabs walk domain → command → projection → client (and authz/surface where relevant), each with a principle callout and honest code samples.
  • Aesthetic matches the existing field-note wireframe (paper + ink + mono), not a generic purple “docs site.”

How to try

  1. cd tests/e2e-ui && source e2e-ui.env && make run
  2. Open http://localhost:5180 — framework home
  3. Open /todos (or chat/blob/…) → How it’s built bottom-right → browse tabs

Test plan

  • npm run check (0 errors)
  • Local stack: UI :5180 / API :8791
  • Click through each demo drawer + Escape/scrim close

Reframe the home page around Distributed principles and link demos as
destinations. Each demo route gets a right-hand drawer with tabbed
walkthroughs (domain → command → projection → client) and a principle
callout per tab — a Distributed lens on the “code tabs next to the app”
teaching pattern.

Implements teaching UX for the e2e-ui template.
@coderabbitai

coderabbitai Bot commented Jul 31, 2026

Copy link
Copy Markdown

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro Plus

Run ID: eefa575a-0cc4-4748-950d-0643f4525f84

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

Lead the home hero with the end-to-end story: event-sourced CQRS, TypeScript
clients, first-class OIDC, and SvelteKit SSR/live — not CQRS alone.
Drawer only shadows when open, width ~46rem, and lightweight syntax tint
for walkthrough samples (keywords, strings, types, attrs, comments).
Reorder every demo walkthrough: (1) query/live (2) commands + client
cache optimism vs Projected atomic (3) handlers/repo (4) domain macros
(5) domain events + projections. Match the teaching path from UI inward.
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