Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@advanced-rest-client/arc-headers

Package Overview
Dependencies
Maintainers
3
Versions
18
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@advanced-rest-client/arc-headers

A module that contains UI and logic for handle HTTP headers in an HTTP request and request editors.

  • 0.1.2
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
362
increased by0.28%
Maintainers
3
Weekly downloads
 
Created
Source

ARC headers

A module that contains UI and logic for handle HTTP headers in an HTTP request and request editors.

Published on NPM

Build Status

Usage

Installation

npm install --save @advanced-rest-client/arc-headers

HeadersParser module

A helper class to process headers as string, array, object, or a Headers object.

import { HeadersParser } from '@advanced-rest-client/arc-headers';
const errorMessage = HeadersParser.getError('Whitespace Name: x-true');

HeadersEditorElement

An HTTP headers editor UI.

<headers-editor id="editor"></headers-editor>
<script>
{
  editor.model = [{ name: 'content-type', value: 'application/json', enabled: true }];
  // or
  editor.value = 'content-type: application/json';
  editor.onchange = (e) => { console.log(e.target.value, e.target.model); }
}
</script>

Try not to use both value and model when setting the value of the editor. The last set value wins and overrides the other one. If your application uses the headers view model (to add support for enable/disable header state) then only use model. The editor will produce value when anything after setting up the model change. This is done to minimize number of computations when working with the editor.

The component listens to content type change event (defined in arc-events as RequestEvents.State.contentTypeChange) and updated the current value when the event is handled.

HeadersListElement

An list of formatted HTTP headers.

<headers-list id="list"></headers-list>
<script>
{
  editor.headers = 'content-type: x-test\nLink: <https://api.github.com/organizations/19393150/repos?page=6>, rel="next";';
}
</script>

Development

git clone https://github.com/advanced-rest-client/arc-headers
cd arc-headers
npm install

Running the demo locally

npm start

Running the tests

npm test

Keywords

FAQs

Package last updated on 07 Oct 2020

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

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc