Adds one-click demo and committed screenshots so forkers see what the plugin produces without running anything. Plugin contract unchanged. - Inline <script id="demo-state-v1"> block (37 KB) built by scripts/build-demo-state.mjs from playground/test-fixtures/*.md - "Last inn demo-data" button on onboarding (replaces all state with demo) - raw_markdown persistence on project.reports[id] with equal-value guard - rehydratePasteImports() auto-fills textareas + re-renders visualizations on project surface mount - tests/screenshot/ standalone Playwright runner (own package.json) - 24 committed screenshots in playground/screenshots/v1.10.0/ (12 surfaces x 2 themes, deviceScaleFactor 2 retina, fullPage) Tests: 215 + 201 + 70 + 7 = 493 PASS, no regressions. Docs updated per OBLIGATORISK three-level rule (plugin README, plugin CLAUDE, marketplace root README, CHANGELOG). Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
141 lines
6.2 KiB
JavaScript
141 lines
6.2 KiB
JavaScript
#!/usr/bin/env node
|
|
// Build demo state for playground v3.
|
|
//
|
|
// Reads all fixtures from playground/test-fixtures/*.md and inlines them as a
|
|
// <script type="application/json" id="demo-state-v1"> block in the playground
|
|
// HTML. The "Last inn demo-data" button on the onboarding surface reads this
|
|
// block and bootstraps a complete demo: filled organization, one demo project,
|
|
// all 17 reports pre-imported as raw_markdown.
|
|
//
|
|
// Idempotent: detects existing block by id and replaces it; otherwise injects
|
|
// after </main>. Run from plugin root (or anywhere — uses script-relative paths).
|
|
//
|
|
// Usage: node scripts/build-demo-state.mjs
|
|
|
|
import { readFileSync, writeFileSync, readdirSync } from 'node:fs';
|
|
import { join, dirname, resolve } from 'node:path';
|
|
import { fileURLToPath } from 'node:url';
|
|
|
|
const __filename = fileURLToPath(import.meta.url);
|
|
const __dirname = dirname(__filename);
|
|
const PLUGIN_ROOT = resolve(__dirname, '..');
|
|
const PLAYGROUND_HTML = join(PLUGIN_ROOT, 'playground', 'ms-ai-architect-playground.html');
|
|
const FIXTURES_DIR = join(PLUGIN_ROOT, 'playground', 'test-fixtures');
|
|
|
|
// 17 commands that produce reports (must match CATALOG.commands order in playground).
|
|
const REPORT_COMMANDS = [
|
|
'classify', 'requirements', 'transparency', 'frimpact', 'conformity', 'dpia',
|
|
'security', 'ros', 'review',
|
|
'cost', 'license',
|
|
'migrate', 'adr', 'summary', 'poc', 'utredning', 'compare'
|
|
];
|
|
|
|
function readFixture(cmdId) {
|
|
const path = join(FIXTURES_DIR, cmdId + '.md');
|
|
try {
|
|
return readFileSync(path, 'utf8');
|
|
} catch (e) {
|
|
console.warn('[build-demo-state] skipped fixture (missing): ' + cmdId);
|
|
return null;
|
|
}
|
|
}
|
|
|
|
function buildDemoState() {
|
|
const reports = {};
|
|
let count = 0;
|
|
REPORT_COMMANDS.forEach(function (cmdId) {
|
|
const md = readFixture(cmdId);
|
|
if (md == null) return;
|
|
reports[cmdId] = { input: {}, raw_markdown: md };
|
|
count++;
|
|
});
|
|
console.log('[build-demo-state] inlined ' + count + ' fixtures of ' + REPORT_COMMANDS.length);
|
|
|
|
return {
|
|
schemaVersion: 1,
|
|
dataVersion: 2,
|
|
shared: {
|
|
organization: {
|
|
name: 'Demo kommune',
|
|
description: 'Mellomstor norsk kommune med ~8 000 ansatte. Ansvar for skole, helse, byggesak og digitalisering. Bruker pluginen for å vurdere AI-tjenester før innføring.',
|
|
sector: 'Kommunal',
|
|
size: '8 000'
|
|
},
|
|
regulatory: {
|
|
regulatory_requirements: 'GDPR/Personopplysningsloven, Sikkerhetsloven, Forvaltningsloven, Arkivloven, Helseregisterloven (for helsetjenestene)',
|
|
ai_act_role: 'deployer',
|
|
risk_level: 'high'
|
|
},
|
|
technology: {
|
|
cloud_platform: 'Azure (Norge Øst), M365 E5, on-prem datasenter for kommunale fagsystem',
|
|
license_type: 'M365 E5 (alle ansatte) + Azure Enterprise Agreement + Power Platform per app',
|
|
ai_services_in_use: 'Azure OpenAI (GPT-4o), Azure AI Search, Copilot for M365 (pilot 50 brukere), Power Automate AI Builder'
|
|
},
|
|
security: {
|
|
data_classification: ['Åpen', 'Intern', 'Fortrolig'],
|
|
data_residency: 'EU/EØS — fortrinnsvis Norge',
|
|
dpia_practice: 'Sentralt personvernombud + kommune-DPO. Mal etter Datatilsynet. DPIA er obligatorisk for alle nye AI-tjenester som behandler personopplysninger.',
|
|
certifications: 'ISO 27001, NSM grunnprinsipper for IKT-sikkerhet, Digdir Trygg-pilot'
|
|
},
|
|
architecture: {
|
|
preferred_platform: 'Azure AI Foundry (for nye løsninger), Copilot Studio (for low-code agenter)',
|
|
integration_needs: 'M365, Public 360 (sak/arkiv), KOMTEK (byggesak), Visma Enterprise HRM, REST API mot folkeregister og matrikkel',
|
|
annual_ai_budget: '3 MNOK (2026), forventet 5 MNOK (2027)'
|
|
},
|
|
business: {
|
|
governance_model: 'Sentralt AI-råd ledes av digitaliseringsdirektør. Beslutninger over 500 kNOK eskalerer til CIO. Tillitsvalgt og personvernombud inkluderes i alle høyrisiko-vurderinger.',
|
|
doc_format_preferences: 'Markdown for tekniske dokumenter, PDF for styringsdokumenter, Confluence for arbeidsdokumenter',
|
|
reference_architecture: 'TOGAF-tilpasset, Digdir arkitekturprinsipper, intern Confluence /arkitektur'
|
|
}
|
|
},
|
|
projects: [
|
|
{
|
|
id: 'demo-chatbot',
|
|
name: 'Demo: Innbygger-chatbot for byggesak',
|
|
description: 'AI-chatbot som hjelper innbyggere med byggesak-spørsmål. Trenger DPIA, ROS, EU AI Act-klassifisering og kostnadsestimat før beslutning. Alle 17 rapport-typer er pre-importert med eksempel-data.',
|
|
scenarios: ['Chatbot/agent', 'Beslutningsstøtte'],
|
|
createdAt: '2026-05-04T08:00:00.000Z',
|
|
reports: reports
|
|
}
|
|
],
|
|
activeProjectId: 'demo-chatbot',
|
|
activeSurface: 'project',
|
|
preferences: { theme: 'dark' }
|
|
};
|
|
}
|
|
|
|
function injectIntoHtml(html, jsonString) {
|
|
const blockOpen = '<script type="application/json" id="demo-state-v1">';
|
|
const blockClose = '</script>';
|
|
const fullBlock = ' ' + blockOpen + '\n' + jsonString + '\n ' + blockClose;
|
|
|
|
// Detect existing block (idempotent replace).
|
|
const re = /[ \t]*<script type="application\/json" id="demo-state-v1">[\s\S]*?<\/script>/;
|
|
if (re.test(html)) {
|
|
return html.replace(re, fullBlock);
|
|
}
|
|
// Inject after </main>.
|
|
const mainClose = '</main>';
|
|
const idx = html.indexOf(mainClose);
|
|
if (idx === -1) {
|
|
throw new Error('[build-demo-state] could not find </main> in playground HTML');
|
|
}
|
|
const insertAt = idx + mainClose.length;
|
|
return html.slice(0, insertAt) + '\n\n <!-- Inlined demo-state for "Last inn demo-data"-knapp. Bygges av\n scripts/build-demo-state.mjs fra playground/test-fixtures/*.md.\n IKKE rediger manuelt — kjør skriptet på nytt. -->\n' + fullBlock + html.slice(insertAt);
|
|
}
|
|
|
|
function main() {
|
|
const state = buildDemoState();
|
|
const json = JSON.stringify(state, null, 2);
|
|
const html = readFileSync(PLAYGROUND_HTML, 'utf8');
|
|
const out = injectIntoHtml(html, json);
|
|
if (out === html) {
|
|
console.log('[build-demo-state] no change (already up-to-date)');
|
|
return;
|
|
}
|
|
writeFileSync(PLAYGROUND_HTML, out, 'utf8');
|
|
console.log('[build-demo-state] wrote demo-state-v1 block to ' + PLAYGROUND_HTML);
|
|
console.log('[build-demo-state] block size: ' + (json.length / 1024).toFixed(1) + ' KB');
|
|
}
|
|
|
|
main();
|