Skip to content

Feature: Add Angular basic example #635

@dalenguyen

Description

@dalenguyen

Is your feature request related to a problem? Please describe.

There is no Angular example in the basic-server templates. Developers using Angular lack a reference implementation for building MCP Apps with the SDK, while other major frameworks (React, Vue, Svelte, Preact, Solid, Vanilla JS) all have starter templates.

Describe the solution you'd like

Add a basic-server-angular example that mirrors the existing basic-server templates, demonstrating:

  • Angular standalone components with signals for state management
  • provideZonelessChangeDetection() for modern, Zone.js-free change detection
  • MCP App SDK integration (App class, connect(), callServerTool(), sendMessage(), sendLog(), openLink())
  • Host theming support (applyDocumentTheme, applyHostStyleVariables, applyHostFonts)
  • Vite + vite-plugin-singlefile build pipeline for single-file HTML output
  • E2E test coverage with golden screenshot

Describe alternatives you've considered

N/A

Additional context

The example follows the same structure as the other basic-server templates: a get-time tool with a UI resource at ui://get-time/mcp-app.html, using Express for HTTP transport and stdio support. It uses Angular 21 with standalone components and signals — no NgModules or Zone.js required.

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions