@advanced-rest-client/response-body-view NPM

<response-body-view>

An element to display a HTTP response body in accessible and human readable form.

<response-body-view responsetext="# Hello world" contenttype="application/markdown"></response-body-view>

Note, the element internally uses TextDecoder class for responses that are an ArrayBuffer instead of text. If the response can be an ArrayBuffer you need to ensure the TextDecoder class is supported / polyfilled.

Usage

Installation

npm install --save @advanced-rest-client/response-body-view

In an html file

<html>
  <head>
    <script type="module">
      import '@advanced-rest-client/response-body-view/response-body-view.js';
    </script>
  </head>
  <body>
    <response-body-view></response-body-view>
    <script>
    {
      const view = document.querySelector('response-body-view');
      view.responseText = JSON.stringify({
        data: 'some data'
      });
      view.contentType = 'application/json'
    }
    </script>
  </body>
</html>

In a LitElement

import { LitElement, html } from 'lit-element';
import '@advanced-rest-client/response-body-view/response-body-view.js';

class SampleElement extends PolymerElement {
  render() {
    return html`
    <response-body-view
      responsetext="# Hello world"
      contenttype="application/markdown"
      @url-change-action="${this._urlClickHandler}"
      @request-workspace-append="${this._urlMetaClickHandler}"></response-body-view>
    `;
  }

  _urlClickHandler(e) {
    console.log(`User clicked on ${e.detail.value}`);
  }

  _urlMetaClickHandler(e) {
    console.log(`User clicked on ${e.detail.value} with ctrl or meta`);
  }
}
customElements.define('sample-element', SampleElement);

Development

git clone https://github.com/advanced-rest-client/response-body-view
cd response-body-view
npm install

Running the demo locally

npm start

Running the tests

npm test

API components

This components is a part of API components ecosystem

Breaking Changes in v3

XML custom view has been replaced with Prism syntax highlighting
Prism parsing timeout is no longer supported, it wasn't working well anyway
Response preview has been removed, it couldn't reliably render response view

web-components response body viewer

@advanced-rest-client/clipboard-copy @advanced-rest-client/json-table @advanced-rest-client/json-viewer @advanced-rest-client/response-highlighter @advanced-rest-client/response-raw-viewer @anypoint-web-components/anypoint-button lit-element lit-html

@everything-registry/sub-chunk-30 @infinitebrahmanuniverse/nolb-_adv @advanced-rest-client/response-view

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago