refactor(ui): improve differentiation between name and title

springwolf-ui/src/app/components/channels/channel-main/channel-main.component.ts

@@ -53,7 +53,7 @@ export class ChannelMainComponent implements OnInit {
 
       this.defaultExample = this.schema.example || noExample;
       this.exampleTextAreaLineCount = this.defaultExample?.lineCount || 1;
-      this.defaultExampleType = this.operation().message.payload.type;
+      this.defaultExampleType = this.operation().message.payload.name;
 
       this.headersSchemaIdentifier =
         this.operation().message.headers.name.slice(

springwolf-ui/src/app/components/new/channels/channel-main/channel-operation.component.ts

@@ -27,7 +27,6 @@ export class ChannelOperationComponent implements OnInit {
 
   defaultSchema: Schema = initSchema;
   defaultExample: Example = initExample;
-  defaultExampleType: string = "";
   originalDefaultExample: Example = this.defaultExample;
 
   headers: Schema = initSchema;
@@ -57,7 +56,6 @@ export class ChannelOperationComponent implements OnInit {
       const schema = schemas.get(schemaIdentifier)!!;
       this.defaultSchema = schema;
       this.originalDefaultExample = schema.example || noExample;
-      this.defaultExampleType = this.operation().message.payload.type;
 
       const headersSchemaIdentifier =
         this.operation().message.headers.name.slice(
@@ -123,7 +121,7 @@ export class ChannelOperationComponent implements OnInit {
 
   publish(): void {
     const example = this.defaultExample.value;
-    const payloadType = this.defaultExampleType;
+    const payloadType = this.operation().message.payload.name;
     const headers = this.headersExample.value;
     const bindings = this.messageBindingExampleString;
     try {

springwolf-ui/src/app/components/new/schemas/schemas.component.html

@@ -20,7 +20,7 @@ <h2>Schemas</h2>
             ><div class="type-badge">{{ schema.type }}</div></span
           >
         </div>
-        <div class="table-row" *ngIf="schema.description">
+        <div class="table-row description" *ngIf="schema.description">
           <span>Description</span>
           <markdown [data]="schema.description"></markdown>
         </div>

springwolf-ui/src/app/components/schemas/range/schema-range.component.spec.ts

@@ -12,12 +12,17 @@ describe("SchemaRangeComponent", function () {
     });
   };
 
+  const minimalSchema: Schema = {
+    title: "test",
+    name: "test",
+    anchorUrl: "test",
+    anchorIdentifier: "test",
+    usedBy: [],
+  };
+
   it("should create the component", async () => {
     await renderComponent({
-      title: "test",
-      name: "test",
-      anchorIdentifier: "test",
-      usedBy: [],
+      ...minimalSchema,
       minimum: 0.1,
       maximum: 10,
       exclusiveMinimum: true,
@@ -29,10 +34,7 @@ describe("SchemaRangeComponent", function () {
 
   it("should have `( 0.1 .. 10 )` as value", async () => {
     await renderComponent({
-      title: "test",
-      name: "test",
-      anchorIdentifier: "test",
-      usedBy: [],
+      ...minimalSchema,
       minimum: 0.1,
       maximum: 10,
       exclusiveMinimum: true,
@@ -44,10 +46,7 @@ describe("SchemaRangeComponent", function () {
 
   it("should have `[ 0.1 .. 10 )` as value", async () => {
     await renderComponent({
-      title: "test",
-      name: "test",
-      anchorIdentifier: "test",
-      usedBy: [],
+      ...minimalSchema,
       minimum: 0.1,
       maximum: 10,
       exclusiveMinimum: false,
@@ -59,10 +58,7 @@ describe("SchemaRangeComponent", function () {
 
   it("should have `( 0.1 .. 10 ]` as value", async () => {
     await renderComponent({
-      title: "test",
-      name: "test",
-      anchorIdentifier: "test",
-      usedBy: [],
+      ...minimalSchema,
       minimum: 0.1,
       maximum: 10,
       exclusiveMinimum: true,
@@ -74,10 +70,7 @@ describe("SchemaRangeComponent", function () {
 
   it("should have `[ 0.1 .. 10 ]` as value", async () => {
     await renderComponent({
-      title: "test",
-      name: "test",
-      anchorIdentifier: "test",
-      usedBy: [],
+      ...minimalSchema,
       minimum: 0.1,
       maximum: 10,
     });
@@ -87,10 +80,7 @@ describe("SchemaRangeComponent", function () {
 
   it("should have `> 0.1` as value", async () => {
     await renderComponent({
-      title: "test",
-      name: "test",
-      anchorIdentifier: "test",
-      usedBy: [],
+      ...minimalSchema,
       minimum: 0.1,
       exclusiveMinimum: true,
     });
@@ -100,10 +90,7 @@ describe("SchemaRangeComponent", function () {
 
   it("should have `< 10` as value", async () => {
     await renderComponent({
-      title: "test",
-      name: "test",
-      anchorIdentifier: "test",
-      usedBy: [],
+      ...minimalSchema,
       maximum: 10,
       exclusiveMaximum: true,
     });
@@ -113,10 +100,7 @@ describe("SchemaRangeComponent", function () {
 
   it("should have `>= 0.1` as value", async () => {
     await renderComponent({
-      title: "test",
-      name: "test",
-      anchorIdentifier: "test",
-      usedBy: [],
+      ...minimalSchema,
       minimum: 0.1,
     });
 
@@ -125,10 +109,7 @@ describe("SchemaRangeComponent", function () {
 
   it("should have `<= 10` as value", async () => {
     await renderComponent({
-      title: "test",
-      name: "test",
-      anchorIdentifier: "test",
-      usedBy: [],
+      ...minimalSchema,
       maximum: 10,
     });
 

springwolf-ui/src/app/components/schemas/schema/schema.component.html

@@ -24,12 +24,14 @@
         <ng-container *ngIf="property.value.items">
           <span
             class="type"
-            *ngIf="property.value.items.type && !property.value.items.anchorUrl"
+            *ngIf="
+              property.value.items.type && !property.value.items.refAnchorUrl
+            "
             >{{ property.value.items.type }}[]</span
           >
-          <span class="type" *ngIf="property.value.items.anchorUrl">
-            <a [href]="property.value.items.anchorUrl"
-              >{{ property.value.items.refTitle }}[]</a
+          <span class="type" *ngIf="property.value.items.refAnchorUrl">
+            <a [href]="property.value.items.refAnchorUrl"
+              >{{ property.value.items.refName }}[]</a
             >
           </span>
         </ng-container>

springwolf-ui/src/app/models/channel.model.ts

@@ -15,6 +15,7 @@ export interface ChannelOperation {
 export interface Channel {
   name: string;
   anchorIdentifier: string;
+  anchorUrl: string;
   description?: string;
   operations: ChannelOperation[];
   bindings: Bindings;

springwolf-ui/src/app/models/message.model.ts

@@ -8,7 +8,6 @@ export interface Message {
   contentType: string;
   payload: {
     name: string;
-    type: string;
     title: string;
     anchorUrl: string;
   };

springwolf-ui/src/app/models/schema.model.ts

@@ -11,6 +11,7 @@ export interface Schema {
    */
   title: string;
   anchorIdentifier: string;
+  anchorUrl: string;
   usedBy: { name: string; anchorUrl: string; type: "channel" | "schema" }[];
   description?: string;
   deprecated?: boolean;
@@ -21,9 +22,8 @@ export interface Schema {
   type?: string;
   format?: string;
   // type == ref
-  anchorUrl?: string;
+  refAnchorUrl?: string;
   refName?: string;
-  refTitle?: string;
   // type == object
   properties?: { [key: string]: Schema };
   required?: string[];