📅 You're Invited: Meet the Socket team at RSAC (April 28 – May 1).RSVP →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@advanced-rest-client/auth-methods

Package Overview
Dependencies
Maintainers
1
Versions
28
Alerts
File Explorer

Advanced tools

License
Socket logo

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

4.0.4
Source
npm
Version published
Maintainers
1
Created
Source

Published on NPM

Build Status

auth-methods

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

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

web-components
authorization forms
http
oauth1
oauth2
basic

FAQs

Package last updated on 24 Aug 2019

Did you know?

Socket

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

Related posts

Using Trusted Protocols Against You: Gmail as a C2 Mechanism

Research

Using Trusted Protocols Against You: Gmail as a C2 Mechanism

Socket uncovers malicious packages on PyPI using Gmail's SMTP protocol for command and control (C2) to exfiltrate data and execute commands.

By Olivia Brown  -  Apr 30, 2025
A New Overview in our Dashboard

Product

A New Overview in our Dashboard

We redesigned Socket's first logged-in page to display rich and insightful visualizations about your repositories protected against supply chain threats.

By André Staltz  -  Apr 29, 2025