feat: Add anchorIdentifier to schema

Author: timonback

src/app/schemas/schemas.component.html

@@ -1,6 +1,6 @@
 <h1>Schemas</h1>
 <mat-accordion>
-    <mat-expansion-panel *ngFor="let schema of schemas | keyvalue;" [id]="schema.key" [expanded]="selectedSchema == schema.key" (opened)="this.setSchemaSelection(schema.key)">
+    <mat-expansion-panel *ngFor="let schema of schemas | keyvalue;" [id]="schema.value.anchorIdentifier" [expanded]="selectedSchema == schema.value.anchorIdentifier" (opened)="this.setSchemaSelection(schema.value)">
         <mat-expansion-panel-header>
             <mat-panel-title>
                 <h3>{{ schema.key }}</h3>

src/app/schemas/schemas.component.ts

@@ -23,8 +23,8 @@ export class SchemasComponent implements OnInit {
       this.asyncApiService.getAsyncApis().subscribe(asyncapi => this.schemas = asyncapi.components.schemas);
   }
 
-  setSchemaSelection(schema: string): void {
-    window.location.hash = '#' + schema
+  setSchemaSelection(schema: Schema): void {
+    window.location.hash = '#' + schema.anchorIdentifier
   }
   setSchemaSelectionFromLocation(): void {
     this.selectedSchema = window.location.hash.substr(1);

src/app/shared/asyncapi-mapper.service.ts

@@ -136,15 +136,16 @@ export class AsyncApiMapperService {
 
     private mapSchemas(schemas: Map<string, ServerAsyncApiSchema>): Map<string, Schema> {
       const s = new Map<string, Schema>();
-      Object.entries(schemas).forEach(([k, v]) => s.set(k, this.mapSchema(v)));
+      Object.entries(schemas).forEach(([k, v]) => s.set(k, this.mapSchema(k, v)));
       return s;
     }
 
-    private mapSchema(schema: ServerAsyncApiSchema): Schema {
+    private mapSchema(schemaName: string, schema: ServerAsyncApiSchema): Schema {
       const properties = schema.properties !== undefined ? this.mapSchemas(schema.properties) : undefined
       const example = schema.example !== undefined ? new Example(schema.example) : undefined
       return {
         description: schema.description,
+        anchorIdentifier: schemaName,
         type: schema.type,
         format: schema.format,
         enum: schema.enum,

src/app/shared/models/schema.model.ts

@@ -2,6 +2,7 @@ import { Example } from './example.model';
 
 export interface Schema {
     description?: string;
+    anchorIdentifier: string;
     type: string;
     format?: string;
     enum?: string[];