open/ktg-plugin-marketplace
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity Actions

feat(voyage): scaffold playground/ with DS vendor sync — v4.2 Step 5

Browse source 
- playground/voyage-playground.html: minimal skeleton (DOCTYPE, app-header, guide-panel, aria-live region, skip-to-main link). Steps 8-11 will extend with render-pipeline + creation gestures + sidebar + export.
- playground/vendor/playground-design-system/: synced via 'node scripts/sync-design-system.mjs voyage' (27 files + MANIFEST.json with source_commit + sync_date + SHA-256 per file).
- tests/playground/voyage-playground.test.mjs: 8 tests pinning HTML existence, DOCTYPE, no-external-URLs, no-marked, A11Y skip-to-main + aria-live, MANIFEST.json structure, vendored DS files present.
- shared/PLAYGROUND-MAINTENANCE.md: consumer list updated 5 -> 6 (added voyage).
This commit is contained in:
Kjell Tore Guttormsen 2026-05-09 12:55:02 +02:00
commit 2f4330265c
30 changed files with 4947 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

39
plugins/voyage/playground/voyage-playground.html Normal file
View file

@ -0,0 +1,39 @@
<!DOCTYPE html>
<html lang="nb">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Voyage Annotation Playground v4.2</title>
<link rel="stylesheet" href="vendor/playground-design-system/tokens.css">
<link rel="stylesheet" href="vendor/playground-design-system/base.css">
<link rel="stylesheet" href="vendor/playground-design-system/fonts.css">
<link rel="stylesheet" href="vendor/playground-design-system/components.css">
<link rel="stylesheet" href="vendor/playground-design-system/components-tier2.css">
<link rel="stylesheet" href="vendor/playground-design-system/components-tier3.css">
<link rel="stylesheet" href="vendor/playground-design-system/components-tier3-supplement.css">
<link rel="stylesheet" href="vendor/playground-design-system/print.css" media="print">
<style>
/* Voyage-specific overrides go here in Steps 8-11 */
body { margin: 0; }
main { max-width: 1280px; margin: 0 auto; padding: var(--space-6, 2rem); }
.voyage-skeleton-msg { padding: var(--space-6, 2rem); }
</style>
</head>
<body>
<a class="visually-hidden" href="#main">Skip to main content</a>
<header class="app-header">
<div class="app-header__title">Voyage Annotation Playground</div>
<div class="app-header__meta">v4.2 · brief / plan / review</div>
</header>
<main id="main">
<section class="guide-panel guide-panel--info" role="status" aria-label="Voyage playground status">
<div class="guide-panel__title">Voyage playground v4.2 — under construction</div>
<div class="guide-panel__body">
<p>Dette er skelettet. Render-pipeline (markdown-it + highlight.js), annotation creation gestures, sidebar, export-flow og A11Y-baseline kommer i Steps 8–11 av v4.2-implementasjonen.</p>
<p>Når komplett vil playgroundet la deg åpne en <code>brief.md</code>, <code>plan.md</code> eller <code>review.md</code>, legge til inline-annotations, og eksportere som <code>/trekrevise</code>-kommando.</p>
</div>
</section>
</main>
<div id="aria-live-region" aria-live="polite" aria-atomic="true" class="visually-hidden"></div>
</body>
</html>