[ 'Permission API Management', 'WebAuthn Biometric Authentication', 'Onboarding Flows', 'Conditional UI Setup', 'Credential Management', ], ]); } #[Route(path: '/demo/canvas', method: Method::GET)] public function canvasDemo(HttpRequest $request): ViewResult { $metaData = new MetaData( title: 'Canvas Animation Demo', description: 'Interactive Canvas Animationen, Parallax Effekte und Datenvisualisierung' ); return new ViewResult('canvas', $metaData, [ 'features' => [ 'Interactive Canvas Elements', 'Parallax & Scroll Effects', 'Data Visualization', 'Particle Systems', 'Performance Optimized', ], ]); } #[Route(path: '/demo/api-manager', method: Method::GET)] public function apiManagerDemo(HttpRequest $request): ViewResult { $metaData = new MetaData( title: 'API Manager Demo', description: 'Zentrale Verwaltung aller Web APIs für moderne Browser-Features' ); return new ViewResult('api-manager', $metaData, [ 'features' => [ 'Observer APIs (Intersection, Resize, Mutation)', 'Media APIs (Camera, Microphone, WebRTC)', 'Storage APIs (IndexedDB, Cache API)', 'Device APIs (Geolocation, Sensors)', 'Web Animations API', 'Worker APIs (Service Worker, Web Worker)', 'Performance APIs', ], ]); } #[Route(path: '/demo/x-components', method: Method::GET)] public function xComponentDemo(HttpRequest $request): ViewResult { $metaData = new MetaData( title: 'X-Component Syntax Demo', description: 'Demo der unified x-component syntax für LiveComponents und HTML Components' ); return new ViewResult('x-component-demo', $metaData); } }