shkim4
d56d587fd2
Add initial fit and direct wheel zoom with preserved default presentation. Integrate five scoped GuardFix findings and AI generation preselection policy. Exclude Cell experiments and retain five historical guard failures.
1.4 KiB
OrgChart Chart Only example
Standalone Vanilla and React consumers of the public Core option
presentationMode: 'chart-only' (Auto only). Each page is one white canvas that
fills the window: no title, as-of date, summary, toolbar or guidance. The chart
opens fitted and centered, and the plain mouse wheel zooms at the pointer.
Not a Storybook page.
npm run build:org-chart
npm run build:ui
npm run build:org-chart-react
npx vite --config examples/org-chart-chart-only/vite.config.ts
Pages (port 6041): vanilla.html, react.html (default entry, Core popup) and
react-hm-dialog.html (optional /hm-dialog entry with the HM theme).
Query: data=20|100|500 (20/100 are the existing multi-company fixtures, 500 is a
virtual single-company dataset with 6 divisions and 5·2·4·1·3·2 teams),
layout=tb|lr|hybrid, embed=1 (verification only: a 480px canvas inside a
scrolling page).
Browser verification against the running server. Playwright and a browser are
resolved through ORGCHART_PLAYWRIGHT_MODULE / ORGCHART_CHROME as in the other
OrgChart checks; evidence goes to the ignored test-results/org-chart-chart-only/.
node examples/org-chart-chart-only/verify.mjs
verify-storybook.mjs checks the four public OrgChart Storybook menus against
STORYBOOK_URL (default http://127.0.0.1:6044) and, with BASELINE_URL,
compares DOM and pixels with a baseline Storybook.