chore: update origin to 71cde39ff04

adev-ja/src/app/features/update/update.component.en.html

@@ -19,7 +19,7 @@ <h3>Angular versions</h3>
             <ul class="adev-template-dropdown" cdkMenu>
               @for (version of versions; track $index) {
                 <li>
-                  <button cdkMenuItem type="button" (click)="from=version; showUpdatePath()">
+                  <button cdkMenuItem type="button" (click)="from = version; showUpdatePath()">
                     <span>{{ version.name }}</span>
                   </button>
                 </li>
@@ -40,7 +40,7 @@ <h3>Angular versions</h3>
               <ul class="adev-template-dropdown" cdkMenu>
                 @for (version of versions; track $index) {
                   <li>
-                    <button cdkMenuItem type="button" (click)="to=version; showUpdatePath()">
+                    <button cdkMenuItem type="button" (click)="to = version; showUpdatePath()">
                       <span>{{ version.name }}</span>
                     </button>
                   </li>
@@ -70,7 +70,7 @@ <h3>Angular versions</h3>
         </div>
       }
 
-      @if ((to.number - from.number > 150) && from.number > 240) {
+      @if (to.number - from.number > 150 && from.number > 240) {
         <div class="docs-alert docs-alert-critical">
           <p>
             <strong>Warning:</strong>
@@ -86,7 +86,7 @@ <h3>Application complexity</h3>
       <mat-button-toggle-group
         (change)="level = $event.value; showUpdatePath()"
         [value]="level"
-        style="margin-bottom:16px;"
+        style="margin-bottom: 16px"
       >
         <mat-button-toggle [value]="1">Basic</mat-button-toggle>
         <mat-button-toggle [value]="2">Medium</mat-button-toggle>
@@ -106,7 +106,7 @@ <h3>Other dependencies</h3>
           <mat-checkbox
             (change)="options[option.id] = $event.checked; showUpdatePath()"
             [checked]="options[option.id]"
-            >I use {{option.name}} {{option.description}}</mat-checkbox
+            >I use {{ option.name }} {{ option.description }}</mat-checkbox
           >
         </div>
       }
@@ -137,19 +137,21 @@ <h4>Package Manager</h4>
   <!-- RECOMMENDATIONS SECTION -->
 
   @if (
-    beforeRecommendations.length > 0 || duringRecommendations.length > 0 || afterRecommendations.length > 0
+    beforeRecommendations.length > 0 ||
+    duringRecommendations.length > 0 ||
+    afterRecommendations.length > 0
   ) {
     <div class="recommendations">
-      <h2>{{title()}}</h2>
+      <h2>{{ title() }}</h2>
 
       <h3>Before you update</h3>
-      @for (r  of beforeRecommendations; track $index) {
+      @for (r of beforeRecommendations; track $index) {
         <div class="adev-recommendation-item">
           <mat-checkbox />
           <div class="adev-recommendation-content">
             <div [innerHTML]="r.renderedStep"></div>
             <span class="adev-complexity-badge" [class]="'adev-complexity-' + r.level">
-              {{getComplexityLevelName(r.level)}}
+              {{ getComplexityLevelName(r.level) }}
             </span>
           </div>
         </div>
@@ -173,7 +175,7 @@ <h3>Update to the new version</h3>
           <div class="adev-recommendation-content">
             <div [innerHTML]="r.renderedStep"></div>
             <span class="adev-complexity-badge" [class]="'adev-complexity-' + r.level">
-              {{getComplexityLevelName(r.level)}}
+              {{ getComplexityLevelName(r.level) }}
             </span>
           </div>
         </div>
@@ -191,7 +193,7 @@ <h3>After you update</h3>
           <div class="adev-recommendation-content">
             <div [innerHTML]="r.renderedStep"></div>
             <span class="adev-complexity-badge" [class]="'adev-complexity-' + r.level">
-              {{getComplexityLevelName(r.level)}}
+              {{ getComplexityLevelName(r.level) }}
             </span>
           </div>
         </div>

adev-ja/src/app/features/update/update.component.html

@@ -19,7 +19,7 @@ <h3>Angularバージョン</h3>
             <ul class="adev-template-dropdown" cdkMenu>
               @for (version of versions; track $index) {
                 <li>
-                  <button cdkMenuItem type="button" (click)="from=version; showUpdatePath()">
+                  <button cdkMenuItem type="button" (click)="from = version; showUpdatePath()">
                     <span>{{ version.name }}</span>
                   </button>
                 </li>
@@ -40,7 +40,7 @@ <h3>Angularバージョン</h3>
               <ul class="adev-template-dropdown" cdkMenu>
                 @for (version of versions; track $index) {
                   <li>
-                    <button cdkMenuItem type="button" (click)="to=version; showUpdatePath()">
+                    <button cdkMenuItem type="button" (click)="to = version; showUpdatePath()">
                       <span>{{ version.name }}</span>
                     </button>
                   </li>
@@ -70,7 +70,7 @@ <h3>Angularバージョン</h3>
         </div>
       }
 
-      @if ((to.number - from.number > 150) && from.number > 240) {
+      @if (to.number - from.number > 150 && from.number > 240) {
         <div class="docs-alert docs-alert-critical">
           <p>
             <strong>警告:</strong>
@@ -86,7 +86,7 @@ <h3>アプリケーションの複雑さ</h3>
       <mat-button-toggle-group
         (change)="level = $event.value; showUpdatePath()"
         [value]="level"
-        style="margin-bottom:16px;"
+        style="margin-bottom: 16px"
       >
         <mat-button-toggle [value]="1">基本</mat-button-toggle>
         <mat-button-toggle [value]="2">中級</mat-button-toggle>
@@ -106,7 +106,7 @@ <h3>その他の依存関係</h3>
           <mat-checkbox
             (change)="options[option.id] = $event.checked; showUpdatePath()"
             [checked]="options[option.id]"
-            >{{option.name}} {{option.description}}を使用しています</mat-checkbox
+            >{{ option.name }} {{ option.description }}を使用しています</mat-checkbox
           >
         </div>
       }
@@ -137,19 +137,21 @@ <h4>パッケージマネージャー</h4>
   <!-- RECOMMENDATIONS SECTION -->
 
   @if (
-    beforeRecommendations.length > 0 || duringRecommendations.length > 0 || afterRecommendations.length > 0
+    beforeRecommendations.length > 0 ||
+    duringRecommendations.length > 0 ||
+    afterRecommendations.length > 0
   ) {
     <div class="recommendations">
-      <h2>{{title()}}</h2>
+      <h2>{{ title() }}</h2>
 
       <h3>アップデート前</h3>
-      @for (r  of beforeRecommendations; track $index) {
+      @for (r of beforeRecommendations; track $index) {
         <div class="adev-recommendation-item">
           <mat-checkbox />
           <div class="adev-recommendation-content">
             <div [innerHTML]="r.renderedStep"></div>
             <span class="adev-complexity-badge" [class]="'adev-complexity-' + r.level">
-              {{getComplexityLevelName(r.level)}}
+              {{ getComplexityLevelName(r.level) }}
             </span>
           </div>
         </div>
@@ -173,7 +175,7 @@ <h3>新しいバージョンにアップデートする</h3>
           <div class="adev-recommendation-content">
             <div [innerHTML]="r.renderedStep"></div>
             <span class="adev-complexity-badge" [class]="'adev-complexity-' + r.level">
-              {{getComplexityLevelName(r.level)}}
+              {{ getComplexityLevelName(r.level) }}
             </span>
           </div>
         </div>
@@ -191,7 +193,7 @@ <h3>アップデート後</h3>
           <div class="adev-recommendation-content">
             <div [innerHTML]="r.renderedStep"></div>
             <span class="adev-complexity-badge" [class]="'adev-complexity-' + r.level">
-              {{getComplexityLevelName(r.level)}}
+              {{ getComplexityLevelName(r.level) }}
             </span>
           </div>
         </div>

adev-ja/src/app/routing/sub-navigation-data.en.ts

@@ -475,6 +475,11 @@ const DOCS_SUB_NAVIGATION_DATA: NavigationItem[] = [
                 path: 'guide/forms/signals/comparison',
                 contentPath: 'guide/forms/signals/comparison',
               },
+              {
+                label: 'Migrating from Legacy Forms',
+                path: 'guide/forms/signals/migration',
+                contentPath: 'guide/forms/signals/migration',
+              },
             ],
           },
           {
@@ -618,11 +623,6 @@ const DOCS_SUB_NAVIGATION_DATA: NavigationItem[] = [
             path: 'guide/testing/utility-apis',
             contentPath: 'guide/testing/utility-apis',
           },
-          {
-            label: 'Zone.js Testing Utilities',
-            path: 'guide/testing/zone-js-testing-utilities',
-            contentPath: 'guide/testing/zone-js-testing-utilities',
-          },
           {
             label: 'Component harnesses overview',
             path: 'guide/testing/component-harnesses-overview',
@@ -653,6 +653,11 @@ const DOCS_SUB_NAVIGATION_DATA: NavigationItem[] = [
             path: 'guide/testing/karma',
             contentPath: 'guide/testing/karma',
           },
+          {
+            label: 'Zone.js Testing Utilities',
+            path: 'guide/testing/zone-js-testing-utilities',
+            contentPath: 'guide/testing/zone-js-testing-utilities',
+          },
         ],
       },
       {

adev-ja/src/app/routing/sub-navigation-data.ts

@@ -475,6 +475,11 @@ const DOCS_SUB_NAVIGATION_DATA: NavigationItem[] = [
                 path: 'guide/forms/signals/comparison',
                 contentPath: 'guide/forms/signals/comparison',
               },
+              {
+                label: 'Migrating from Legacy Forms',
+                path: 'guide/forms/signals/migration',
+                contentPath: 'guide/forms/signals/migration',
+              },
             ],
           },
           {
@@ -618,11 +623,6 @@ const DOCS_SUB_NAVIGATION_DATA: NavigationItem[] = [
             path: 'guide/testing/utility-apis',
             contentPath: 'guide/testing/utility-apis',
           },
-          {
-            label: 'Zone.jsテストユーティリティ',
-            path: 'guide/testing/zone-js-testing-utilities',
-            contentPath: 'guide/testing/zone-js-testing-utilities',
-          },
           {
             label: 'コンポーネントハーネスの概要',
             path: 'guide/testing/component-harnesses-overview',
@@ -653,6 +653,11 @@ const DOCS_SUB_NAVIGATION_DATA: NavigationItem[] = [
             path: 'guide/testing/karma',
             contentPath: 'guide/testing/karma',
           },
+          {
+            label: 'Zone.jsテストユーティリティ',
+            path: 'guide/testing/zone-js-testing-utilities',
+            contentPath: 'guide/testing/zone-js-testing-utilities',
+          },
         ],
       },
       {

adev-ja/src/content/ai/design-patterns.en.md

@@ -27,11 +27,14 @@ storyResource = resource({
   loader: ({params}): Promise<StoryData> => {
     // The params value is the current value of the storyInput signal
     const url = this.endpoint();
-    return runFlow({ url, input: {
-      userInput: params,
-      sessionId: this.storyService.sessionId() // Read from another signal
-    }});
-  }
+    return runFlow({
+      url,
+      input: {
+        userInput: params,
+        sessionId: this.storyService.sessionId(), // Read from another signal
+      },
+    });
+  },
 });
 ```
 
@@ -56,7 +59,7 @@ storyParts = linkedSignal<string[], string[]>({
     const existingStoryParts = previous?.value || [];
     // Return a new array with the old and new parts
     return [...existingStoryParts, ...newStoryParts];
-  }
+  },
 });
 ```
 
@@ -101,23 +104,23 @@ characters = resource({
     // exposed by the Genkit client SDK
     const response = streamFlow({
       url: '/streamCharacters',
-      input: 10
+      input: 10,
     });
 
     (async () => {
       for await (const chunk of response.stream) {
         data.update((prev) => {
           if ('value' in prev) {
-            return { value: `${prev.value} ${chunk}` };
+            return {value: `${prev.value} ${chunk}`};
           } else {
-            return { error: chunk as unknown as Error };
+            return {error: chunk as unknown as Error};
           }
         });
       }
     })();
 
     return data;
-  }
+  },
 });
 ```
 
@@ -136,38 +139,39 @@ The `characters` member is updated asynchronously and can be displayed in the te
 On the server side, in `server.ts` for example, the defined endpoint sends the data to be streamed to the client. The following code uses Gemini with the Genkit framework but this technique is applicable to other APIs that support streaming responses from LLMs:
 
 ```ts
-import { startFlowServer } from '@genkit-ai/express';
-import { genkit } from "genkit/beta";
-import { googleAI, gemini20Flash } from "@genkit-ai/googleai";
+import {startFlowServer} from '@genkit-ai/express';
+import {genkit} from 'genkit/beta';
+import {googleAI, gemini20Flash} from '@genkit-ai/googleai';
 
-const ai = genkit({ plugins: [googleAI()] });
+const ai = genkit({plugins: [googleAI()]});
 
-export const streamCharacters = ai.defineFlow({
+export const streamCharacters = ai.defineFlow(
+  {
     name: 'streamCharacters',
     inputSchema: z.number(),
     outputSchema: z.string(),
     streamSchema: z.string(),
   },
-  async (count, { sendChunk }) => {
-    const { response, stream } = ai.generateStream({
-    model: gemini20Flash,
-    config: {
-      temperature: 1,
-    },
-    prompt: `Generate ${count} different RPG game characters.`,
-  });
-
-  (async () => {
-    for await (const chunk of stream) {
-      sendChunk(chunk.content[0].text!);
-    }
-  })();
-
-  return (await response).text;
-});
+  async (count, {sendChunk}) => {
+    const {response, stream} = ai.generateStream({
+      model: gemini20Flash,
+      config: {
+        temperature: 1,
+      },
+      prompt: `Generate ${count} different RPG game characters.`,
+    });
+
+    (async () => {
+      for await (const chunk of stream) {
+        sendChunk(chunk.content[0].text!);
+      }
+    })();
+
+    return (await response).text;
+  },
+);
 
 startFlowServer({
   flows: [streamCharacters],
 });
-
 ```