Port: project page from playground #73

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

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
Contributor

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
Contributor

Issue body updated per scope review corrections.

Issue body updated per scope review corrections.
Commenting is not possible because the repository is archived.
No milestone
No project
No assignees
1 participant
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
ldraney/pal-e-app#73
No description provided.