How stylish00killer/alice-web works
This repository is Alice Bot’s static marketing and documentation SPA, not the bot runtime. Visitors enter through the browser, navigate the site’s routes, and browse bot features, commands, setup documentation, changelog, and legal pages. A separate consent flow stores visitor preferences and gates page-view analytics. The diagram reflects documented and indexed dependencies; the bot capabilities described by the site are presented as static content, not executed here. Some page and analytics details are unsampled, so their relationships are included only where the README or source index supports them.
Main entry points: App.tsx App shell · DocsPage.tsx Documentation · analytics.ts Analytics · project.ts Feature and architecture data
Components 28
App and routing
- React entry
src/main.tsx - App shell
src/App.tsx - SPA router
src/lib/router.tsx - Analytics
src/lib/analytics.ts
Site content
- Home page
src/pages/Home.tsx - Features page
src/pages/FeaturesPage.tsx - Command reference
src/pages/CommandsPage.tsx - Documentation
src/pages/DocsPage.tsx - Changelog page
src/pages/ChangelogPage.tsx - Legal pages
src/pages/LegalPages.tsx - Not found page
src/pages/NotFoundPage.tsx
Static site data
- Site configuration
src/config/site.ts - Feature and architecture data
src/data/project.ts - Command catalogue
src/data/commands.ts - Documentation data
src/data/docs.ts - Changelog data
src/data/changelog.ts
Shared UI and consent
- Navigation
src/components/Nav.tsx - Footer
src/components/Footer.tsx - Consent banner
src/components/ConsentBanner.tsx - Consent preferences
src/components/ConsentPreferencesPanel.tsx - Consent state
src/lib/consent.ts - Code display
src/components/CodeBlock.tsx - Page header
src/components/PageHeader.tsx - UI primitives
src/components/ui.tsx - Decorative elements
src/components/ornaments.tsx - Class-name helper
src/lib/cx.ts
Other components
- Site visitor
- Google Tag Manager
Connections 43
- Site visitor → React entry: opens site
README.md - React entry → App shell: mounts
src/main.tsx - App shell → SPA router: wraps routes
src/App.tsx - App shell → Navigation: renders
src/App.tsx - App shell → Footer: renders
src/App.tsx - App shell → Consent banner: renders
src/App.tsx - App shell → Analytics: bootstraps and tracks
src/App.tsx - App shell → Consent state: checks consent
src/App.tsx - App shell → Home page: routes to
src/App.tsx - App shell → Features page: routes to
src/App.tsx - App shell → Command reference: routes to
src/App.tsx - App shell → Documentation: routes to
src/App.tsx - App shell → Changelog page: routes to
src/App.tsx - App shell → Legal pages: routes to
src/App.tsx - App shell → Not found page: routes to
src/App.tsx - Consent banner → Consent state: reads and updates
src/components/ConsentBanner.tsx - Consent banner → Analytics: updates consent mode
src/components/ConsentBanner.tsx - Footer → Consent preferences: opens preferences
src/components/Footer.tsx - Consent preferences → Consent state: uses preferences
src/components/ConsentPreferencesPanel.tsx - Analytics → Site configuration: reads configuration
src/lib/analytics.ts - Analytics → Consent state: reads consent
src/lib/analytics.ts - Analytics → Google Tag Manager: bootstraps tracking
README.md - Feature and architecture data → Site configuration: re-exports config
src/data/project.ts - Features page → Feature and architecture data: reads feature data
src/pages/FeaturesPage.tsx - Command reference → Command catalogue: filters catalogue
src/pages/CommandsPage.tsx - Documentation → Documentation data: reads documentation
src/pages/DocsPage.tsx - Documentation → Command catalogue: reads command counts
src/pages/DocsPage.tsx - Documentation → Feature and architecture data: reads project data
src/pages/DocsPage.tsx - Changelog page → Changelog data: reads entries
src/pages/ChangelogPage.tsx - Changelog page → Feature and architecture data: reads project data
src/pages/ChangelogPage.tsx - Legal pages → Feature and architecture data: reads project data
src/pages/LegalPages.tsx - Home page → Features page: renders sections
src/pages/Home.tsx - Command reference → Code display: uses copy control
src/pages/CommandsPage.tsx - Documentation → Code display: renders examples
src/pages/DocsPage.tsx - Documentation → Page header: renders header
src/pages/DocsPage.tsx - Command reference → Page header: renders header
src/pages/CommandsPage.tsx - Code display → Class-name helper: uses helper
src/components/CodeBlock.tsx - Page header → UI primitives: uses primitives
src/components/PageHeader.tsx - Navigation → SPA router: uses navigation
src/components/Nav.tsx - Footer → SPA router: uses navigation
src/components/Footer.tsx - UI primitives → SPA router: uses links
src/components/ui.tsx - UI primitives → Class-name helper: uses helper
src/components/ui.tsx - Decorative elements → Class-name helper: uses helper
src/components/ornaments.tsx