uuid-generator

An UUID v4 generator as a plain web component and an ES module. Made for a web browser.

Usage

Installation

npm install --save @advanced-rest-client/uuid-generator

As a module

  import { v4 } from '@advanced-rest-client/uuid-generator';
  console.log(v4());

In an html file (web component)

<html>
  <head>
    <script type="module">
      import '@advanced-rest-client/uuid-generator';
    </script>
  </head>
  <body>
    <uuid-generator id="uuid"></uuid-generator>
    <script>
    console.log(uuid.generate());
    </script>
  </body>
</html>

In a LitElement

import { LitElement, html } from 'lit-element';
import { v4 } from '@advanced-rest-client/uuid-generator';

class SampleElement extends LitElement {
  render() {
    return html`my component`;
  }

  _someOperation() {
    const uuid = v4();
  }
}
customElements.define('sample-element', SampleElement);

Browser or a web worker

For historic reasons the index.js file contains an export for both the v4 function but also the web component. When using this module in a web worker or in Node this would cause an error. Instead import the module with the main.js file. For compatibility this file is not set as the module in the package.json file.

import { v4 } from '@advanced-rest-client/uuid-generator/main.js';

Development

git clone https://github.com/advanced-rest-client/uuid-generator
cd uuid-generator
npm install

Running the demo locally

npm start

Running the tests

npm test