@advanced-rest-client/uuid-generator
v3.1.2
Published
An UUID generator as a web component
Downloads
1,799
Readme
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-generatorAs 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 installRunning the demo locally
npm startRunning the tests
npm test