Ben Stull
999c4b65ef
Implements the M3-frontend slice of the §22 multi-project track, per docs/superpowers/specs/2026-06-03-m3-frontend-design.md (design merged in #10). Completes the runtime-config cut 0.33.0 (M3-backend Plan A) began. Frontend: - DeploymentProvider boots GET /api/deployment → {name, tagline, defaultProjectId, projects}; brandTitle() neutral 'RFC' pre-fetch fallback. - /p/:projectId/* routing with generic /e/<slug> segment. ProjectLayout fetches /api/projects/:id, applies per-project theme (reset on switch), provides ProjectContext, guards the corpus (served only for the default; others get NotServedPlaceholder — decouples this slice from Plan B). - Directory at / (2+ projects) with N=1 redirect into the single project; ProjectSwitcher in deployment chrome; entry-noun by project type. - VITE_APP_NAME hard cut: removed from vite.config + index.html; the 6 brand reads now use deployment.name via context; static <title>RFC</title> + JS document.title. Internal /rfc·/proposals links → /p/<project>/e|proposals via lib/entryPaths. Backend: - GET /api/deployment returns default_project_id (the guard contract). - Server-side 308s: /rfc/<slug>, /rfc/<slug>/pr/<n>, /proposals/<n> → /p/<default>/… . nginx (testing + prod) routes /rfc/ and /proposals/ to the backend. Tests: 3 new backend redirect/deployment tests (438 pass); Vitest unit for DeploymentProvider, ProjectLayout (theme/guard/404), Directory (11 pass); clean build with no VITE_APP_NAME. Playwright e2e deferred until Tier-1 seeds a registry (see CHANGELOG 0.35.0 step 5). Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
94 lines
3.5 KiB
React
94 lines
3.5 KiB
React
// LinkedText.jsx — roadmap #28 (Parts 1–3).
|
||
//
|
||
// Renders a backend-provided list of text/link segments (see
|
||
// backend/app/rfc_links.py). References in PR descriptions and comments
|
||
// arrive pre-scanned as structured segments — this component maps them
|
||
// onto plain text runs, anchors, and inline affordances. It never renders
|
||
// HTML from the server (no dangerouslySetInnerHTML), so the surface is
|
||
// XSS-safe regardless of what a comment author typed.
|
||
//
|
||
// Segment types:
|
||
// * `rfc` — Part 1: a link to an accepted (active) RFC.
|
||
// * `rfc-pending` — Part 3: the term names a pending (super-draft)
|
||
// RFC; a signed-in viewer who isn't its owner gets
|
||
// an inline "ask to contribute" affordance routing
|
||
// to the contribute form (App reads `?contribute=`).
|
||
// * `rfc-candidate` — Part 2: a strong-candidate term with no RFC yet;
|
||
// a viewer with create rights (`canCreate`) gets a
|
||
// "create RFC" affordance routing to the propose
|
||
// flow pre-filled (App reads `?propose=`).
|
||
//
|
||
// Affordances degrade to plain text when the viewer lacks the relevant
|
||
// right, so the visible prose is identical for everyone — only the
|
||
// offered actions differ.
|
||
//
|
||
// `segments` is the enriched array; `text` is the raw fallback used when
|
||
// the field is absent (an older cached response, or a caller that didn't
|
||
// pass segments).
|
||
|
||
import { Link } from 'react-router-dom'
|
||
import { entryPath, useProjectId } from '../lib/entryPaths'
|
||
|
||
export default function LinkedText({ segments, text, viewer, canCreate }) {
|
||
const pid = useProjectId()
|
||
if (!Array.isArray(segments) || segments.length === 0) {
|
||
return <>{text ?? ''}</>
|
||
}
|
||
// A signed-in, beta-granted viewer can ask to contribute; the backend
|
||
// re-checks ownership/collaborator status and rejects self-requests.
|
||
const canContribute = !!viewer && viewer.permission_state === 'granted'
|
||
return (
|
||
<>
|
||
{segments.map((seg, i) => {
|
||
if (seg.type === 'rfc') {
|
||
return (
|
||
<a
|
||
key={i}
|
||
className="rfc-autolink"
|
||
href={entryPath(pid, seg.slug)}
|
||
title={seg.title ? `RFC: ${seg.title}` : undefined}
|
||
>
|
||
{seg.label}
|
||
</a>
|
||
)
|
||
}
|
||
if (seg.type === 'rfc-pending') {
|
||
const who = seg.owner || 'Someone'
|
||
return (
|
||
<span key={i} className="rfc-pending">
|
||
{seg.label}
|
||
{canContribute && (
|
||
<Link
|
||
className="rfc-offer rfc-offer-contribute"
|
||
to={`?contribute=${encodeURIComponent(seg.slug)}&term=${encodeURIComponent(seg.label)}`}
|
||
title={`${who} is working on an RFC for '${seg.label}' — ask to contribute`}
|
||
>
|
||
ask to contribute
|
||
</Link>
|
||
)}
|
||
</span>
|
||
)
|
||
}
|
||
if (seg.type === 'rfc-candidate') {
|
||
const term = seg.term || seg.label
|
||
return (
|
||
<span key={i} className="rfc-candidate">
|
||
{seg.label}
|
||
{canCreate && (
|
||
<Link
|
||
className="rfc-offer rfc-offer-create"
|
||
to={`?propose=${encodeURIComponent(term)}`}
|
||
title={`Create RFC for '${term}'`}
|
||
>
|
||
+ create RFC
|
||
</Link>
|
||
)}
|
||
</span>
|
||
)
|
||
}
|
||
return <span key={i}>{seg.text}</span>
|
||
})}
|
||
</>
|
||
)
|
||
}
|