New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →

@advanced-rest-client/auth-methods

Package Overview

Dependencies

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

@advanced-rest-client/auth-methods

A set of elements that contains an UI to create different authorization headers like Basic, OAuth etc

5.0.2
Source
npm

Version published: 5 years ago

Maintainers: 1

Created: 6 years ago

Source

auth-methods

A set of elements that contains an UI to create different authorization headers like Basic, OAuth etc

Version compatibility

This version only works with AMF model version 2 (AMF parser >= 4.0.0). For compatibility with previous model version use 3.x.x version of the component.

Usage

Installation

npm install --save @advanced-rest-client/auth-methods

In an html file

<html>
  <head>
    <script type="module">
      import '@advanced-rest-client/auth-methods/auth-methods.js';
    </script>
  </head>
  <body>
    <auth-method-basic></auth-method-basic>
    <auth-method-digest></auth-method-digest>
    <auth-method-ntlm></auth-method-ntlm>
    <auth-method-oauth1></auth-method-oauth1>
    <auth-method-oauth2></auth-method-oauth2>
    <auth-method-custom></auth-method-custom>
  </body>
</html>

In a LitElement

import { LitElement, html } from 'lit-element';
import '@advanced-rest-client/auth-methods/auth-methods.js';

class SampleElement extends PolymerElement {
  connectedCallback() {
    super.connectedCallback();
    this.addEventListener('auth-settings-changed', this._authChanged);
  }

  render() {
    return html`
    <auth-method-basic></auth-method-basic>
    <auth-method-digest></auth-method-digest>
    <auth-method-ntlm></auth-method-ntlm>
    <auth-method-oauth1></auth-method-oauth1>
    <auth-method-oauth2></auth-method-oauth2>
    <auth-method-custom></auth-method-custom>
    `;
  }

  _authChanged(e) {
    console.log('current authorization settings', e.detail);
  }
}
customElements.define('sample-element', SampleElement);

Receiving authorization data

When the user changes any of the editors it dispatches bubbling auth-settings-changed custom event. The events has the following properties set on the detail object:

settings - Object, depends on the panel. Each panel has it's own configuration
type - String, name of the configuration - corresponds to authentication method
valid - Boolean, whether or not the current values are valid for given type.

Development

git clone https://github.com/advanced-rest-client/auth-methods
cd auth-methods
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

Use the scripts below to include dependencies into the web page.

OAuth 1

<script src="node_modules/cryptojslib/components/core.js"></script>
<script src="node_modules/cryptojslib/rollups/sha1.js"></script>
<script src="node_modules/cryptojslib/components/enc-base64-min.js"></script>
<script src="node_modules/cryptojslib/rollups/md5.js"></script>
<script src="node_modules/cryptojslib/rollups/hmac-sha1.js"></script>
<script src="node_modules/jsrsasign/lib/jsrsasign-rsa-min.js"></script>

Digest

<script src="node_modules/cryptojslib/rollups/md5.js"></script>

The required modules are installed with this element.

Keywords

FAQs

What is @advanced-rest-client/auth-methods?

Is @advanced-rest-client/auth-methods well maintained?

Package last updated on 16 Oct 2019

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install