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.
43 lines
1.4 KiB
Markdown
43 lines
1.4 KiB
Markdown
# 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.
|
|
|
|
```bash
|
|
npm run build:org-chart
|
|
```
|
|
|
|
```bash
|
|
npm run build:ui
|
|
```
|
|
|
|
```bash
|
|
npm run build:org-chart-react
|
|
```
|
|
|
|
```bash
|
|
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/`.
|
|
|
|
```bash
|
|
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.
|