Port: project page from playground #73

Closed
opened 2026-03-27 21:14:47 +00:00 by forgejo_admin · 2 comments

Type

Feature

Lineage

Depends on #68 (CSS + sidebar foundation). Part of SvelteKit port pipeline.

Repo

forgejo_admin/pal-e-app

User Story

As a user, I want project pages with architecture diagrams and structured sections, matching the playground design.

Context

Port ~/pal-e-docs-playground/note-project.html to the project page renderer. Projects live at src/routes/projects/[slug]/+page.svelte (NOT notes/[slug]). Project pages have Vision, User Stories, Architecture, Board sections. Data fetching uses client-side onMount, not SvelteKit load functions — no +page.ts needed.

Note: Architecture diagram rendering (mermaid/SVG) is net-new functionality — the existing project page does not render diagrams. This may require adding mermaid rendering support.

File Targets

  • src/routes/projects/[slug]/+page.svelte — project page rendering (dedicated project route)
  • src/lib/components/ProjectLayout.svelte — existing project layout component (may need restyle)
  • May need project-specific layout component for architecture diagram section

Acceptance Criteria

  • Project page layout matches playground note-project.html
  • Architecture diagram section renders (net-new)
  • App builds without errors

Test Expectations

  • Run command: cd ~/pal-e-app && npm run build

Constraints

  • Copy playground HTML literally, swap data bindings.
  • Depends on #68 being merged first.

Checklist

  • Project page restyled
  • Architecture diagram rendering added
  • Build passes
  • forgejo_admin/pal-e-app#68 — foundation (dependency)
  • board-pal-e-docs — project board
### Type Feature ### Lineage Depends on #68 (CSS + sidebar foundation). Part of SvelteKit port pipeline. ### Repo `forgejo_admin/pal-e-app` ### User Story As a user, I want project pages with architecture diagrams and structured sections, matching the playground design. ### Context Port `~/pal-e-docs-playground/note-project.html` to the project page renderer. Projects live at `src/routes/projects/[slug]/+page.svelte` (NOT `notes/[slug]`). Project pages have Vision, User Stories, Architecture, Board sections. Data fetching uses client-side `onMount`, not SvelteKit load functions — no `+page.ts` needed. **Note:** Architecture diagram rendering (mermaid/SVG) is net-new functionality — the existing project page does not render diagrams. This may require adding mermaid rendering support. ### File Targets - `src/routes/projects/[slug]/+page.svelte` — project page rendering (dedicated project route) - `src/lib/components/ProjectLayout.svelte` — existing project layout component (may need restyle) - May need project-specific layout component for architecture diagram section ### Acceptance Criteria - [ ] Project page layout matches playground note-project.html - [ ] Architecture diagram section renders (net-new) - [ ] App builds without errors ### Test Expectations - Run command: `cd ~/pal-e-app && npm run build` ### Constraints - Copy playground HTML literally, swap data bindings. - Depends on #68 being merged first. ### Checklist - [ ] Project page restyled - [ ] Architecture diagram rendering added - [ ] Build passes ### Related - `forgejo_admin/pal-e-app#68` — foundation (dependency) - `board-pal-e-docs` — project board
Author
Owner

Scope Review: NEEDS_REFINEMENT

Review note: review-475-2026-03-27

Three issues found:

  • Wrong file target: src/routes/notes/[slug]/+page.svelte — project pages live at src/routes/projects/[slug]/+page.svelte. Projects have a dedicated route at /projects/{slug} loading via listProjects API.
  • "Architecture diagram section renders" is net-new functionality — current project page has no architecture section. Needs clarification on how diagrams are stored (blocks? mermaid? inline HTML?).
  • "May need project-specific layout component" — replace vague language with a concrete decision.
## Scope Review: NEEDS_REFINEMENT Review note: `review-475-2026-03-27` Three issues found: - **Wrong file target**: `src/routes/notes/[slug]/+page.svelte` — project pages live at `src/routes/projects/[slug]/+page.svelte`. Projects have a dedicated route at `/projects/{slug}` loading via `listProjects` API. - "Architecture diagram section renders" is net-new functionality — current project page has no architecture section. Needs clarification on how diagrams are stored (blocks? mermaid? inline HTML?). - "May need project-specific layout component" — replace vague language with a concrete decision.
Author
Owner

Issue body updated per scope review corrections.

Issue body updated per scope review corrections.
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
forgejo_admin/pal-e-docs-app#73
No description provided.