Create simple Angular example app with WebMCP

[Copilot]

Description

Adds Angular example demonstrating WebMCP integration using Angular 19 standalone components, signals, and service-based tool registration.

Type of Change

• New example
• Bug fix in existing example
• Documentation update
• Refactoring (no functional changes)
• Performance improvement
• Dependency update

Related Issues

Related to #10

Changes Made

• Created note-taking app with 6 WebMCP tools (add, delete, list, search, toggle pin, stats)
• Implemented Angular service pattern for tool registration using @mcp-b/global
• Used Angular signals for reactive state management
• Configured TypeScript strict mode and ESLint
• Added comprehensive README with setup instructions and WebMCP concepts

New Example Details

• Example name: Angular Notes
• Framework: Angular 19 (standalone components)
• WebMCP concepts demonstrated: Service-based tool registration, automatic cleanup via OnDestroy, reactive UI with signals
• Tools registered: add_note, delete_note, list_notes, search_notes, toggle_pin_note, get_notes_stats
• Dependencies added: @angular/core ^19.0.0, @mcp-b/global ^0.4.1

Testing

Commands Run

cd angular
pnpm install     # ✓ Installed successfully
pnpm typecheck   # ✓ Passed
pnpm lint        # ✓ Passed
pnpm build       # ✓ Passed
pnpm dev         # ✓ Runs without errors

Manual Testing with MCP-B Extension

• Extension detects the page
• All registered tools appear in extension
• Each tool executes successfully
• UI updates correctly after tool execution
• Error cases handled gracefully
• Tested in Chrome/Edge
• Tested on mobile (if applicable)

Screenshot/Demo

Screenshot to be added after manual testing

Checklist

• My code follows the style guidelines in CONTRIBUTING.md
• I have used the modern WebMCP API (@mcp-b/global or @mcp-b/react-webmcp)
• I have NOT used deprecated APIs from /relegated
• I have performed a self-review of my own code
• I have added JSDoc comments to all exported functions/components
• I have created/updated README.md for the example
• My changes generate no TypeScript errors
• I have tested with the MCP-B Chrome Extension
• All tools register and execute successfully
• Example runs without console errors

Documentation

• README.md includes clear description of what the example demonstrates
• README.md has installation and usage instructions
• README.md explains WebMCP concepts used
• Code has explanatory comments for WebMCP-specific code
• Dependencies are documented in package.json

Additional Notes

The service pattern shown here is the recommended approach for Angular applications. Tools are registered in ngOnInit() and cleaned up in ngOnDestroy() to prevent memory leaks. State management uses Angular signals for optimal change detection.

---

For AI Agents: Please verify all items in the checklist before submitting. Run all commands listed in the Testing section.

---

✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.