Add a self-contained demo build target for the Providers → Packages → Comparison flow, deployable as a static SPA at /arrangement/. - vite.demo.config.ts: per-slice build via --mode, base path flips for dev vs prod, output to dist-demo/<slice>/ - src/demo/: shared fixtures (7 providers across verified/tier3/tier2 with real venue photography from brandassets) + Zustand basket store with ?compare= URL persistence - Verified-provider packages now share the nine canonical Essentials line items per FA convention; only Optionals/Extras vary - App-level CompareBar surfaces "Already added" / "Maximum 3" feedback via transient store error - ProviderCard logo objectFit cover→contain so wide logos don't crop - npm scripts demo:dev / demo:build, deps zustand + react-router-dom
76 lines
2.3 KiB
JSON
76 lines
2.3 KiB
JSON
{
|
|
"name": "fa-design-system",
|
|
"version": "0.1.0",
|
|
"private": true,
|
|
"type": "module",
|
|
"description": "Funeral Arranger Design System — React + MUI + Storybook",
|
|
"scripts": {
|
|
"dev": "vite",
|
|
"build": "tsc && vite build",
|
|
"preview": "vite preview",
|
|
"storybook": "storybook dev -p 6006",
|
|
"build:storybook": "storybook build",
|
|
"build:tokens": "node style-dictionary/config.js",
|
|
"type-check": "tsc --noEmit",
|
|
"lint": "eslint src/",
|
|
"lint:fix": "eslint src/ --fix",
|
|
"format": "prettier --write 'src/**/*.{ts,tsx}'",
|
|
"format:check": "prettier --check 'src/**/*.{ts,tsx}'",
|
|
"test": "vitest run --passWithNoTests",
|
|
"test:watch": "vitest",
|
|
"chromatic": "chromatic --exit-zero-on-changes --build-script-name=build:storybook",
|
|
"demo:dev": "vite -c vite.demo.config.ts",
|
|
"demo:build": "vite build -c vite.demo.config.ts",
|
|
"prepare": "husky"
|
|
},
|
|
"dependencies": {
|
|
"@emotion/react": "^11.13.0",
|
|
"@emotion/styled": "^11.13.0",
|
|
"@mui/icons-material": "^5.16.0",
|
|
"@mui/material": "^5.16.0",
|
|
"@mui/system": "^5.16.0",
|
|
"react": "^18.3.0",
|
|
"react-dom": "^18.3.0",
|
|
"react-router-dom": "^7.14.1",
|
|
"zustand": "^5.0.12"
|
|
},
|
|
"devDependencies": {
|
|
"@eslint/js": "^9.39.4",
|
|
"@playwright/mcp": "^0.0.68",
|
|
"@storybook/addon-a11y": "^8.6.14",
|
|
"@storybook/addon-designs": "^8.0.0",
|
|
"@storybook/addon-essentials": "^8.4.0",
|
|
"@storybook/addon-storysource": "^8.6.14",
|
|
"@storybook/blocks": "^8.4.0",
|
|
"@storybook/react": "^8.4.0",
|
|
"@storybook/react-vite": "^8.4.0",
|
|
"@testing-library/jest-dom": "^6.9.1",
|
|
"@testing-library/react": "^16.3.2",
|
|
"@types/react": "^18.3.0",
|
|
"@types/react-dom": "^18.3.0",
|
|
"@vitejs/plugin-react": "^4.3.0",
|
|
"chromatic": "^11.29.0",
|
|
"eslint": "^9.39.4",
|
|
"eslint-config-prettier": "^10.1.8",
|
|
"eslint-plugin-jsx-a11y": "^6.10.2",
|
|
"eslint-plugin-react": "^7.37.5",
|
|
"eslint-plugin-react-hooks": "^7.0.1",
|
|
"husky": "^9.1.7",
|
|
"jsdom": "^29.0.1",
|
|
"lint-staged": "^16.4.0",
|
|
"prettier": "^3.8.1",
|
|
"storybook": "^8.4.0",
|
|
"style-dictionary": "^4.2.0",
|
|
"typescript": "^5.5.0",
|
|
"typescript-eslint": "^8.57.2",
|
|
"vite": "^5.4.0",
|
|
"vitest": "^4.1.2"
|
|
},
|
|
"lint-staged": {
|
|
"src/**/*.{ts,tsx}": [
|
|
"eslint --fix",
|
|
"prettier --write"
|
|
]
|
|
}
|
|
}
|