Skip to content

Commit ed2e26d

Browse files
feat(app): landing page + inspector (trace input, timeline, failures, report export) (#43)
Landing page (#27): - Hero with CTA (Try Inspector, View on GitHub) - Features section (inspect, detect, test, report) - What it's not section (not CSMS, not simulator, not compliance tool) - Architecture overview (package cards) - Quick start (CLI commands) - Footer (GitHub, npm, docs, license) Inspector (#28): - Trace paste textarea + file upload + sample scenario selector - Session timeline (click events to inspect) - Message inspector panel (raw + normalized fields, payload) - Failure summary (severity, description, suggested steps) - Markdown report export (download) - Loading/empty/error states - Browser-local processing only (all parsing client-side) Closes #27, Closes #28
1 parent d78a943 commit ed2e26d

3 files changed

Lines changed: 592 additions & 25 deletions

File tree

CURRENT_STATE.md

Lines changed: 18 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -118,14 +118,25 @@ report exported. CLI and web inspector.
118118
- ✅ 17 integration tests (execa-based)
119119
- ✅ Converted JSON fixtures to TS modules (fixes Node.js ESM JSON import issue)
120120

121-
### Next.js App Scaffold (in progress — this PR)
121+
### Next.js App Scaffold (PR #42)
122122

123123
-`apps/web/` — single Next.js app (App Router)
124124
- ✅ Tailwind CSS initialized
125125
- ✅ Routes: `/` (placeholder), `/inspector` (placeholder), `/docs` (placeholder)
126126
- ✅ Workspace dependencies on `@ocpp-debugkit/core`, `scenarios`, `reporter`
127127
-`"private": true` (never publishable to npm)
128128

129+
### Landing Page + Inspector (in progress — this PR)
130+
131+
- ✅ Landing page: hero, features, what-it's-not, architecture, quick start, footer
132+
- ✅ Inspector: trace paste textarea + file upload + sample scenario selector
133+
- ✅ Inspector: session timeline (click events to inspect)
134+
- ✅ Inspector: message inspector panel (raw + normalized fields)
135+
- ✅ Inspector: failure summary (severity, description, suggested steps)
136+
- ✅ Inspector: Markdown report export (download)
137+
- ✅ Inspector: loading/empty/error states
138+
- ✅ Browser-local processing only (all parsing client-side)
139+
129140
## What's Next
130141

131142
1. **Issue #20** → complete (PR #33): data model + parser + normalizer
@@ -134,9 +145,11 @@ report exported. CLI and web inspector.
134145
4. **Issue #23** → complete (PR #39): scenarios package (format + 5 initial scenarios)
135146
5. **Issue #24** → complete (PR #40): reporter package (Markdown report generator)
136147
6. **Issue #25** → complete (PR #41): CLI package (scaffold + inspect + report + scenario commands)
137-
7. **Issue #26** (this PR) → complete: Next.js app scaffold (Next.js + Tailwind, routes for /, /inspector, /docs)
138-
8. **Issue #27**: Landing page (hero, features, architecture, quick start, footer)
139-
9. **Issue #28**: Inspector (trace input + timeline + message inspector)
148+
7. **Issue #26** → complete (PR #42): Next.js app scaffold (Next.js + Tailwind, routes for /, /inspector, /docs)
149+
8. **Issue #27** (this PR) → complete: Landing page (hero, features, architecture, quick start, footer)
150+
9. **Issue #28** (this PR) → complete: Inspector (trace input + timeline + message inspector + failures + report export)
151+
10. **Issue #29**: Inspector polish (responsive, keyboard nav, loading states)
152+
11. **Issue #30**: Playwright smoke tests
140153

141154
## Known Blockers / Decisions Pending
142155

@@ -152,4 +165,4 @@ report exported. CLI and web inspector.
152165
| `@ocpp-debugkit/cli` | in progress (inspect + report + scenario) | 0.0.0 |
153166
| `@ocpp-debugkit/replay` | not started ||
154167
| `@ocpp-debugkit/react` | not started ||
155-
| `apps/web` | in progress (scaffold + routes) ||
168+
| `apps/web` | in progress (landing + inspector) ||

0 commit comments

Comments
 (0)