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>
40 lines
1.7 KiB
TypeScript
40 lines
1.7 KiB
TypeScript
import type { StorybookConfig } from '@storybook/angular';
|
|
import remarkGfm from 'remark-gfm';
|
|
|
|
// WP-67: one config dir per app — a single merged tsconfig can't resolve both apps' @auth/*
|
|
// alias at once (each points at a different physical directory), so this Storybook instance
|
|
// only ever compiles under the ssp project's own browserTarget/tsconfig (see angular.json's
|
|
// ssp:storybook target) and only globs ssp's own stories + the shared libraries'.
|
|
const config: StorybookConfig = {
|
|
stories: [
|
|
'../apps/ssp/src/**/*.mdx',
|
|
'../libs/shared/**/*.mdx',
|
|
'../libs/beheer/**/*.mdx',
|
|
'../apps/ssp/src/**/*.stories.@(js|jsx|mjs|ts|tsx)',
|
|
'../libs/shared/**/*.stories.@(js|jsx|mjs|ts|tsx)',
|
|
'../libs/beheer/**/*.stories.@(js|jsx|mjs|ts|tsx)',
|
|
],
|
|
addons: [
|
|
'@storybook/addon-a11y',
|
|
// remark-gfm so GFM pipe tables in *.mdx docs actually render (addon-docs
|
|
// doesn't parse them without it).
|
|
{
|
|
name: '@storybook/addon-docs',
|
|
options: { mdxPluginOptions: { mdxCompileOptions: { remarkPlugins: [remarkGfm] } } },
|
|
},
|
|
'@storybook/addon-onboarding',
|
|
],
|
|
framework: '@storybook/angular',
|
|
// Serve the vendored CIBG package so preview-head.html can <link> its CSS (and its
|
|
// relative font/icon/image url()s resolve) — mirrors index.html for the real app.
|
|
staticDirs: ['../public'],
|
|
// Webpack's own auto-DefinePlugin (from `optimization.nodeEnv`) and Storybook's preset both
|
|
// define `process.env.NODE_ENV` on the same compile, which webpack warns about as
|
|
// "Conflicting values" even though they resolve to the same string. Disable the redundant one.
|
|
webpackFinal: async (config) => {
|
|
config.optimization = { ...config.optimization, nodeEnv: false };
|
|
return config;
|
|
},
|
|
};
|
|
export default config;
|