AgendaPro DevandClaude Opus 5
4c19244df9
Adds a public funnel landing at `/` and moves the login to `/login`, rebuilt around the panel's own colors instead of an invented palette. Landing (`src/components/landing/`, one section per file, no props): - Seven funnel sections composed by `LandingPage`. The hero's eight swatches are literally `PIE_COLORS` from `DashboardPage`, the same hex values the seed hands to avatars and services, so "your colors become your numbers" is literal. - `BrandMark` becomes the single source for the logo, replicating `public/favicon.svg`. Blue is the action surface, orange only ever marks. - `NotebookVisual` is the one deliberate exception to the palette: it is what the product replaces. - Copy drops all system vocabulary; motion comes from `src/lib/motion.ts` with a single easing, and reduced-motion resolves `initial` to the final state so a never-firing `whileInView` cannot leave a section invisible forever. Routing and bundle: - `homePathFor` is the single definition of each role's destination. - Landing, login, dashboard and calendar load lazily. Eager, the login dragged framer-motion (~40 KB gz) into every panel load and the landing downloaded recharts + FullCalendar (~187 KB gz) without charting anything. `clsx` is pinned to the `react` chunk because Rollup otherwise assigns it to `charts`, making the entry import 111 KB gz for a 200-byte utility. Responsiveness (iPhone/iPad), verified with `npm run audit:responsive`: - No touch form field below 16px, `dvh` height utilities, safe-area insets, and 40px touch targets keyed off `pointer: coarse` rather than `sm:`. - New `.ld-gutter`: `.safe-x` lives outside `@layer` and beats Tailwind's `px-*`, so it left the login's side padding at 0 on anything but an iPhone in landscape. No overflow check could see it — there was no overflow, just zero margin. The audit now guards it with a `gutter` check. - `shell-height` no longer fires on pages that legitimately scroll; the static `raw-viewport-unit` scan covers those instead. Production build: - The Dockerfile now sets `VITE_DEMO_UI=1` as a build arg. `DEMO` is a build-time constant, so without it Vite eliminated the magic login and the "Ver como…" switcher: the deployed landing promised "no registration" and led to an empty form. Verified by building both ways and diffing the bundle. - Service worker cache bumped to v2 so the orphaned pre-landing chunks get purged from returning visitors' caches. Verified: typecheck clean; unit 39/39, e2e 33/33, admin 17/17, booking 12/12, landing 13/13 (WebKit), PWA passed against the real production build. Co-Authored-By: Claude Opus 5 (1M context) <[email protected]>
76 lines
2.6 KiB
JSON
76 lines
2.6 KiB
JSON
{
|
|
"name": "agenda-pro",
|
|
"version": "1.0.0",
|
|
"private": true,
|
|
"type": "module",
|
|
"description": "Visual scheduling and business management app for owners and employees",
|
|
"scripts": {
|
|
"setup": "node scripts/setup.mjs",
|
|
"dev:background": "node scripts/launch-dev.mjs",
|
|
"predev": "node scripts/preflight.mjs --ports=3000,5173",
|
|
"dev": "concurrently -k -n SERVER,WEB -c blue,magenta \"npm:dev:server\" \"npm:dev:web\"",
|
|
"dev:server": "node scripts/run-tsx.mjs watch server/index.ts",
|
|
"dev:web": "vite",
|
|
"prebuild": "node scripts/preflight.mjs",
|
|
"build": "tsc -b && vite build",
|
|
"prestart": "node scripts/preflight.mjs --ports=3000",
|
|
"start": "cross-env NODE_ENV=production node scripts/run-tsx.mjs server/index.ts",
|
|
"typecheck": "tsc -b --noEmit",
|
|
"lint": "eslint . --ext ts,tsx",
|
|
"seed": "node scripts/run-tsx.mjs server/scripts/seed.ts",
|
|
"test:e2e": "node e2e-test.mjs",
|
|
"test:admin": "node admin-test.mjs",
|
|
"test:unit": "node --import tsx --test server/lib/scheduling.test.ts server/lib/time.test.ts server/lib/metrics.test.ts",
|
|
"test:booking": "node server/scripts/booking-e2e.mjs",
|
|
"test:landing": "node landing-e2e.mjs",
|
|
"audit:visual": "node visual-audit.mjs",
|
|
"audit:responsive": "node responsive-audit.mjs",
|
|
"generate:pwa-icons": "node scripts/generate-pwa-icons.mjs",
|
|
"test:pwa": "node pwa-e2e.mjs"
|
|
},
|
|
"dependencies": {
|
|
"@dnd-kit/core": "^6.1.0",
|
|
"@dnd-kit/sortable": "^8.0.0",
|
|
"@fullcalendar/core": "^6.1.15",
|
|
"@fullcalendar/daygrid": "^6.1.15",
|
|
"@fullcalendar/interaction": "^6.1.15",
|
|
"@fullcalendar/list": "^6.1.21",
|
|
"@fullcalendar/react": "^6.1.15",
|
|
"@fullcalendar/timegrid": "^6.1.15",
|
|
"@tanstack/react-query": "^5.59.0",
|
|
"clsx": "^2.1.1",
|
|
"cors": "^2.8.5",
|
|
"express": "^4.21.0",
|
|
"framer-motion": "^11.18.2",
|
|
"lucide-react": "^0.451.0",
|
|
"react": "^18.3.1",
|
|
"react-dom": "^18.3.1",
|
|
"react-router-dom": "^6.26.2",
|
|
"recharts": "^2.12.7",
|
|
"zod": "^3.23.8"
|
|
},
|
|
"devDependencies": {
|
|
"@playwright/test": "^1.62.0",
|
|
"@types/cors": "^2.8.17",
|
|
"@types/express": "^4.17.21",
|
|
"@types/node": "^22.7.4",
|
|
"@types/react": "^18.3.11",
|
|
"@types/react-dom": "^18.3.0",
|
|
"@vitejs/plugin-react": "^4.3.2",
|
|
"autoprefixer": "^10.4.20",
|
|
"concurrently": "^9.0.1",
|
|
"cross-env": "^7.0.3",
|
|
"eslint": "^9.12.0",
|
|
"playwright": "^1.62.0",
|
|
"postcss": "^8.4.47",
|
|
"tailwindcss": "^3.4.13",
|
|
"tsx": "^4.19.1",
|
|
"typescript": "^5.6.2",
|
|
"vite": "^5.4.8"
|
|
},
|
|
"allowScripts": {
|
|
"[email protected]": true,
|
|
"[email protected]": true
|
|
}
|
|
}
|