ext-apps/examples/basic-server-preact/src
Repository files (latest commit first)
Filename Latest commit message Latest commit date
Jonathan Hefner 6905aa8edc
Improve global.css as scaffolding template (#403)
Update `global.css` in all `basic-server-*` examples (and `integration-server`
for consistency) to better serve as templates for AI coding agents scaffolding
new MCP Apps.

Changes:
- Use CSS custom properties (`--font-sans`, `--color-text-primary`, etc.) with
  sensible fallbacks, enabling host design system integration
- Add `color-scheme: light dark` and `light-dark()` fallbacks for theme support
- Include comprehensive typography: h1-h6, body text, `code`/`pre`/`kbd`, `b`/`strong`
- Move `#server-time` styles from global CSS to component stylesheets (classes
  instead of IDs for better CSS practices)

Updates E2E test selectors in `DYNAMIC_MASKS` to match the new class-based
selectors.

Co-authored-by: Claude Opus 4.5 <noreply@anthropic.com>
2026-01-29 16:55:24 -06:00
..
global.css Improve global.css as scaffolding template (#403) 2026-01-29 16:55:24 -06:00
mcp-app.module.css Improve global.css as scaffolding template (#403) 2026-01-29 16:55:24 -06:00
mcp-app.tsx Improve global.css as scaffolding template (#403) 2026-01-29 16:55:24 -06:00
vite-env.d.ts Add basic-server-* examples for Vue, Svelte, Preact, and Solid (#141) 2026-01-08 18:44:36 +00:00