refactor(docs-infra): support initializer API functions (angular#54925)

This commit ensures that extracted initializer API functions are showing up in angular.dev and can be filtered. PR Close angular#54925
ilirbeqirii · Apr 6, 2024 · e3061ba · e3061ba
1 parent 2efcf2b
commit e3061ba
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 11 deletions.
diff --git a/adev/src/app/features/references/api-reference-list/api-reference-list.component.html b/adev/src/app/features/references/api-reference-list/api-reference-list.component.html
@@ -22,22 +22,23 @@ <h1 tabindex="-1">API Reference</h1>
     </div>
     <ul class="adev-reference-list-legend">
       @for (itemType of itemTypes; track itemType) {
-      <li
-        class="adev-reference-list-legend-item"
-        [class.adev-reference-list-legend-item-active]="type() === itemType"
-        (click)="filterByItemType(itemType)"
-      >
-        <docs-api-item-label [type]="itemType" mode="short" class="docs-api-item-label" />
-        <span>{{ itemType | adevApiLabel : 'full' }}</span>
-      </li>
+        <li
+          class="adev-reference-list-legend-item"
+          [class.adev-reference-list-legend-item-active]="type() === itemType"
+          (click)="filterByItemType(itemType)"
+        >
+          <docs-api-item-label [type]="itemType" mode="short" class="docs-api-item-label" />
+          <span class="docs-api-item-label-full">{{ itemType | adevApiLabel : 'full' }}</span>
+        </li>
       }
     </ul>
   </form>
 
   @if (featuredGroup().items.length) {
-  <adev-api-items-section [group]="featuredGroup()" class="adev-featured-list" />
-  } @for (group of filteredGroups(); track group) {
-  <adev-api-items-section [group]="group" />
+    <adev-api-items-section [group]="featuredGroup()" class="adev-featured-list" />
+  }
+  @for (group of filteredGroups(); track group) {
+    <adev-api-items-section [group]="group" />
   }
 
   <span id="deprecated-description" class="docs-deprecated-description">Deprecated</span>

diff --git a/adev/src/app/features/references/api-reference-list/api-reference-list.component.scss b/adev/src/app/features/references/api-reference-list/api-reference-list.component.scss
@@ -99,3 +99,7 @@
 .docs-deprecated-description {
   display: none;
 }
+
+.docs-api-item-label-full {
+  white-space: nowrap;
+}
diff --git a/adev/src/app/features/references/interfaces/api-item-type.ts b/adev/src/app/features/references/interfaces/api-item-type.ts
@@ -19,4 +19,5 @@ export enum ApiItemType {
   PIPE = 'pipe',
   NG_MODULE = 'ng_module',
   TYPE_ALIAS = 'type_alias',
+  INITIALIZER_API_FUNCTION = 'initializer_api_function',
 }
diff --git a/adev/src/app/features/references/pipes/api-label.pipe.ts b/adev/src/app/features/references/pipes/api-label.pipe.ts
@@ -7,6 +7,7 @@
  */
 
 import {Pipe, PipeTransform} from '@angular/core';
+
 import {ApiItemType} from '../interfaces/api-item-type';
 
 @Pipe({
@@ -27,6 +28,7 @@ export class ApiLabel implements PipeTransform {
     [ApiItemType.PIPE]: 'P',
     [ApiItemType.NG_MODULE]: 'M',
     [ApiItemType.TYPE_ALIAS]: 'T',
+    [ApiItemType.INITIALIZER_API_FUNCTION]: 'IA',
   };
 
   private readonly fullLabelsMap: Record<ApiItemType, string> = {
@@ -42,6 +44,7 @@ export class ApiLabel implements PipeTransform {
     [ApiItemType.PIPE]: 'Pipe',
     [ApiItemType.NG_MODULE]: 'Module',
     [ApiItemType.TYPE_ALIAS]: 'Type Alias',
+    [ApiItemType.INITIALIZER_API_FUNCTION]: 'Initializer API',
   };
 
   transform(value: ApiItemType, labelType: 'short' | 'full'): string {