@deepkit/api-console-gui/dist/out-tsc/src/app/views/rpc/rpc-inspect-message.component.js

API Console GUI

import { __decorate } from "tslib";
import { RpcTypes } from '@deepkit/rpc';
import { Component, computed, input } from '@angular/core';
import { CodeHighlightComponent } from '@deepkit/ui-library';
import { inspect } from '../../utils';
import { DatePipe } from '@angular/common';
let RpcInspectMessageComponent = class RpcInspectMessageComponent {
    constructor() {
        this.RpcTypes = RpcTypes;
        this.message = input.required();
        this.messages = computed(() => this.message().messages.map(v => ({ type: v.type, body: inspect(v.body) })));
        this.body = computed(() => this.message().body);
    }
};
RpcInspectMessageComponent = __decorate([
    Component({
        selector: 'rpc-inspect-message',
        template: `
      <div class="header">
        <div class="id">
          {{ message().id }}
        </div>
        <div class="type">
          {{ RpcTypes[message().type] || message().type }}
        </div>
        <div style="flex: 1;">
          {{ message().date|date:'MMM d, HH:mm:ss.SSS' }}
        </div>

        @if (message().composite) {
          <div>
            [composite]
          </div>
        }
      </div>
      <div class="body">
        @if (message().composite) {
          <div class="composite">
            @for (m of messages(); track $index) {
              <div class="message">
                <div>{{ RpcTypes[m.type] || m.type }}</div>
                <code-highlight [code]="m.body"></code-highlight>
              </div>
            }
          </div>
        } @else {
          <code-highlight [code]="body()"></code-highlight>
        }
      </div>
    `,
        styleUrls: ['./rpc-inspect-message.component.scss'],
        imports: [
            DatePipe,
            CodeHighlightComponent,
        ],
    })
], RpcInspectMessageComponent);
export { RpcInspectMessageComponent };
//# sourceMappingURL=rpc-inspect-message.component.js.map