refactor(@angular/cli): enhance example search with structured data

This commit refactors the `find_examples` MCP tool and its associated database generator to leverage the structured YAML front matter present in the example markdown files.

Key changes:
- The SQLite database schema is now relational, with dedicated columns for `title`, `summary`, and `keywords`.
- An FTS5 virtual table indexes these structured fields, improving search relevance by allowing queries to target specific metadata.
- The build-time database generator (`tools/example_db_generator.js`) now parses and validates the front matter of each example file using Zod. The build will fail if an example is missing a required field (`title`, `summary`), ensuring data integrity.
- The runtime tool (`packages/.../examples.ts`) uses the same parsing logic but will warn and skip invalid files to be more resilient.

This change provides a more robust and accurate foundation for the example search feature, enabling more precise results and paving the way for future enhancements like semantic search.

Author: clydin

package.json

@@ -145,6 +145,7 @@
     "verdaccio": "6.1.6",
     "verdaccio-auth-memory": "^10.0.0",
     "yargs-parser": "22.0.0",
+    "zod": "4.1.5",
     "zone.js": "^0.15.0"
   },
   "dependenciesMeta": {

packages/angular/cli/lib/examples/signal-forms/01-basic-signal-form.md

@@ -48,7 +48,6 @@ export interface UserProfile {
 
 @Component({
   selector: 'app-user-profile',
-  standalone: true,
   imports: [JsonPipe],
   templateUrl: './user-profile.component.html',
   changeDetection: ChangeDetectionStrategy.OnPush,
@@ -125,7 +124,6 @@ import { UserProfileComponent, UserProfile } from './user-profile.component';
 
 @Component({
   selector: 'app-root',
-  standalone: true,
   imports: [UserProfileComponent, JsonPipe],
   template: `
     <h1>User Profile</h1>

packages/angular/cli/lib/examples/signal-forms/02-built-in-validators.md

@@ -72,7 +72,6 @@ const settingsSchema = schema<UserSettings>((form) => {
 
 @Component({
   selector: 'app-user-settings',
-  standalone: true,
   imports: [JsonPipe],
   templateUrl: './user-settings.component.html',
   changeDetection: ChangeDetectionStrategy.OnPush,
@@ -183,7 +182,6 @@ import { UserSettingsComponent, UserSettings } from './user-settings.component';
 
 @Component({
   selector: 'app-root',
-  standalone: true,
   imports: [UserSettingsComponent, JsonPipe],
   template: `
     <h1>User Settings</h1>

packages/angular/cli/lib/examples/signal-forms/03-cross-field-validation.md

@@ -74,7 +74,6 @@ const passwordSchema = schema<PasswordForm>((passwordForm) => {
 
 @Component({
   selector: 'app-password-form',
-  standalone: true,
   imports: [JsonPipe],
   templateUrl: './password-form.component.html',
   changeDetection: ChangeDetectionStrategy.OnPush,
@@ -154,7 +153,6 @@ import { PasswordFormComponent, PasswordForm } from './password-form.component';
 
 @Component({
   selector: 'app-root',
-  standalone: true,
   imports: [PasswordFormComponent, JsonPipe],
   template: `
     <h1>Change Password</h1>

packages/angular/cli/lib/examples/signal-forms/04-conditional-validation.md

@@ -57,7 +57,6 @@ const contactSchema = schema<ContactForm>((contactForm) => {
 
 @Component({
   selector: 'app-contact-form',
-  standalone: true,
   imports: [JsonPipe],
   templateUrl: './contact-form.component.html',
   changeDetection: ChangeDetectionStrategy.OnPush,
@@ -126,7 +125,6 @@ import { ContactFormComponent, ContactForm } from './contact-form.component';
 
 @Component({
   selector: 'app-root',
-  standalone: true,
   imports: [ContactFormComponent, JsonPipe],
   template: `
     <h1>Contact Us</h1>

packages/angular/cli/lib/examples/signal-forms/05-dynamic-field-state-hidden.md

@@ -55,7 +55,6 @@ const contactSchema = schema<ContactForm>((form) => {
 
 @Component({
   selector: 'app-contact-form',
-  standalone: true,
   imports: [JsonPipe],
   templateUrl: './contact-form.component.html',
   changeDetection: ChangeDetectionStrategy.OnPush,
@@ -127,7 +126,6 @@ import { ContactFormComponent, ContactForm } from './contact-form.component';
 
 @Component({
   selector: 'app-root',
-  standalone: true,
   imports: [ContactFormComponent, JsonPipe],
   template: `
     <h1>Contact Us</h1>

packages/angular/cli/lib/examples/signal-forms/06-conditionally-disabling-fields.md

@@ -55,7 +55,6 @@ const promoSchema = schema<PromoForm>((form) => {
 
 @Component({
   selector: 'app-promo-form',
-  standalone: true,
   imports: [JsonPipe],
   templateUrl: './promo-form.component.html',
   changeDetection: ChangeDetectionStrategy.OnPush,
@@ -127,7 +126,6 @@ import { PromoFormComponent, PromoForm } from './promo-form.component';
 
 @Component({
   selector: 'app-root',
-  standalone: true,
   imports: [PromoFormComponent, JsonPipe],
   template: `
     <h1>Promotional Code</h1>

packages/angular/cli/lib/examples/signal-forms/07-dynamic-arrays.md

@@ -62,7 +62,6 @@ const surveySchema = schema<SurveyForm>((survey) => {
 
 @Component({
   selector: 'app-survey-form',
-  standalone: true,
   imports: [JsonPipe],
   templateUrl: './survey-form.component.html',
   changeDetection: ChangeDetectionStrategy.OnPush,
@@ -155,7 +154,6 @@ import { SurveyFormComponent, SurveyForm } from './survey-form.component';
 
 @Component({
   selector: 'app-root',
-  standalone: true,
   imports: [SurveyFormComponent, JsonPipe],
   template: `
     <h1>Create Survey</h1>

packages/angular/cli/lib/examples/signal-forms/08-custom-form-control.md

@@ -43,7 +43,6 @@ import { FormValueControl } from '@angular/forms/signals';
 
 @Component({
   selector: 'app-numeric-stepper',
-  standalone: true,
   template: `
     <button type="button" (click)="decrement()">-</button>
     <span>{{ value() }}</span>
@@ -81,7 +80,6 @@ export interface ProductForm {
 
 @Component({
   selector: 'app-product-form',
-  standalone: true,
   imports: [JsonPipe, NumericStepperComponent],
   templateUrl: './product-form.component.html',
   changeDetection: ChangeDetectionStrategy.OnPush,
@@ -145,7 +143,6 @@ import { ProductFormComponent, ProductForm } from './product-form.component';
 
 @Component({
   selector: 'app-root',
-  standalone: true,
   imports: [ProductFormComponent, JsonPipe],
   template: `
     <h1>Product Order</h1>

packages/angular/cli/lib/examples/signal-forms/09-async-validation.md

@@ -58,7 +58,6 @@ const registrationSchema = schema<RegistrationForm>((form) => {
 
 @Component({
   selector: 'app-registration-form',
-  standalone: true,
   imports: [JsonPipe],
   templateUrl: './registration-form.component.html',
   changeDetection: ChangeDetectionStrategy.OnPush,
@@ -160,7 +159,6 @@ import { RegistrationFormComponent, RegistrationForm } from './registration-form
 
 @Component({
   selector: 'app-root',
-  standalone: true,
   imports: [RegistrationFormComponent, JsonPipe],
   template: `
     <h1>Register</h1>