ehoandClaude Sonnet 5
e7156c5132
Restructures into apps/ssp + apps/behandelportal (two Angular projects) plus libs/shared + libs/beheer (cross-app libraries), replacing WP-61's separate sibling repo. That split had already produced real drift: a hand-vendored copy of the backend's OpenAPI doc, a shared/ui+layout tree forked and silently diverging (7 files), and beheer + the styles.scss token bridge duplicated byte-for-byte across both repos. - git mv the SSP's src/app/* into apps/ssp/; fold shared/, beheer/, environments/, the Storybook docs/*.mdx, and styles.scss into libs/shared + libs/beheer (all confirmed identical between the two repos before merging). auth stays deliberately duplicated per ADR-0002 (actor-specific, expected to diverge) - amended there. - One generated API client (libs/shared), no more vendored swagger.json. - .dependency-cruiser split into a base factory + one config per app, and Storybook into .storybook-ssp/.storybook-behandelportal - both forced by the @auth/* alias resolving to different directories per app. - SiteHeaderComponent/ShellComponent gained HEADER_NAV_ITEMS/ HEADER_ADMIN_LINKS/DEBUG_PANEL injection tokens so each app supplies its own nav/admin-links/dev-panel instead of one being hardcoded. - CLAUDE.md, ARCHITECTURE.md, dependencies.md, and ADR-0002 updated; WP-67 backlog entry documents the full decision trail. npm run ci green (lint, dep:check x2, 360 tests across ssp/ behandelportal/shared/beheer, both localized builds, backend tests, snippet + api-client drift); both dev servers, both Storybook instances, and docker compose verified working. The old sibling repo (/home/eho/repos/behandelportal) is left untouched, not deleted. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
60 lines
2.0 KiB
TypeScript
60 lines
2.0 KiB
TypeScript
import type { Preview } from '@storybook/angular';
|
|
import { componentWrapperDecorator } from '@storybook/angular';
|
|
import { setCompodocJson } from '@storybook/addon-docs/angular';
|
|
import docJson from './documentation.json';
|
|
setCompodocJson(docJson);
|
|
|
|
// Activate CIBG's official palette in the story iframe. The override is `body.brand--cibg`,
|
|
// so it must sit on <body> (a wrapper <div> won't match) — mirrors index.html.
|
|
if (typeof document !== 'undefined') document.body.classList.add('brand--cibg');
|
|
|
|
const preview: Preview = {
|
|
// CIBG/Bootstrap styles bare elements — no theme wrapper class needed; just pad.
|
|
// The token bridge lives in styles.scss (loaded via the app build target).
|
|
decorators: [componentWrapperDecorator((story) => `<div style="padding:1.5rem">${story}</div>`)],
|
|
parameters: {
|
|
layout: 'padded',
|
|
// Accessibility (axe) via @storybook/addon-a11y. Runs WCAG 2.0/2.1 A+AA rule
|
|
// sets on every story; flag violations in the a11y panel.
|
|
a11y: {
|
|
config: { runOnly: { type: 'tag', values: ['wcag2a', 'wcag2aa', 'wcag21a', 'wcag21aa'] } },
|
|
},
|
|
controls: {
|
|
matchers: {
|
|
color: /(background|color)$/i,
|
|
date: /Date$/i,
|
|
},
|
|
},
|
|
// Sidebar tells the DDD seam: reusable design system, then domain contexts.
|
|
// See libs/shared/docs/layers.mdx.
|
|
options: {
|
|
storySort: {
|
|
order: [
|
|
'Foundations',
|
|
[
|
|
'Overview',
|
|
'Learning Path',
|
|
'Domain-Driven Design',
|
|
'Atomic Design',
|
|
'FP in the UI',
|
|
'State Machines (TEA)',
|
|
'RemoteData & Async',
|
|
"Parse, don't validate",
|
|
'Design Tokens',
|
|
'CIBG Gap Register',
|
|
'Accessibility',
|
|
'Testing strategy',
|
|
'BDD',
|
|
'Internationalization',
|
|
],
|
|
'Design System',
|
|
['Atoms', 'Molecules', 'Organisms', 'Templates', 'Devtools'],
|
|
'Domein',
|
|
],
|
|
},
|
|
},
|
|
},
|
|
};
|
|
|
|
export default preview;
|