ARC 網址

一个具有逻辑的UI区域模块,用于支持高级REST客户端应用程序中的URL处理. 它包含一个逻辑,可以安全地用变量解析url,构建一个URL输入,或者输入任意的URL,并带有自定义建议.

使用量

安装

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

UrlParser 类

高级 REST 客户端的 URL 解析库 .

它提供了类似于URL类的界面,但在输入有效性方面更加放轻松. 这意味着当URL无效时不会出错. 这允许在请求编辑器中使用库.

示例

import { UrlParser } from '@advanced-rest-client/arc-url';
const parser = new UrlParser('https:///path-with-missing-host?qury=value#string');
console.log(parser.protocol);
console.log(parser.host);
console.log(parser.path);
console.log(parser.searchParams);
console.log(parser.anchor);

网络用户输入

用自动提示输入 URL 对话框的元素 .

实例

<html>
  <head>
    <script type="module">
      import '@advanced-rest-client/arc-url/web-url-input.js';
      import '@advanced-rest-client/arc-models/url-history-model.js';
    </script>
  </head>
  <body>
    <url-history-model></url-history-model>
    <web-url-input></web-url-input>
  </body>
</html>

import { LitElement, html } from 'lit-element';
import '@advanced-rest-client/arc-url/web-url-input.js';
import '@advanced-rest-client/arc-models/url-history-model.js';

class SampleElement extends LitElement {
  render() {
    return html`
    <url-history-model></url-history-model>
    <web-url-input @open="${this.openHandler}"></web-url-input>
    `;
  }

  openHandler(e) {
    console.log(e.target.value);
  }
}
customElements.define('sample-element', SampleElement);

url - 输入编辑器

HTTP 为 HTTP 请求编辑器请求 URL 编辑器 .

URL 编辑器示例

import { LitElement, html } from 'lit-element';
import '@advanced-rest-client/arc-url/url-input-editor.js';
import '@advanced-rest-client/arc-models/url-history-model.js';

class SampleElement extends LitElement {
  render() {
    return html`
    <url-history-model></url-history-model>
    <url-input-editor
      .value="${this.url}"
      @change="${this.valueChanged}"
    ></url-input-editor>
    `;
  }

  valueChanged(e) {
    this.url = e.target.value;
  }
}
customElements.define('sample-element', SampleElement);

发展

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

运行测试

npm test