Convert to ESM

Author: benmccann

.gitignore

@@ -0,0 +1,2 @@
+/package-lock.json
+/node_modules/

README.md

@@ -23,7 +23,7 @@ color.
 
 **Supported browsers:** Chrome, Firefox, Edge, Safari.
 
-Works in the browser with [browserify](http://browserify.org/)!
+Works in the browser as an ES module!
 
 ## install
 
@@ -34,7 +34,7 @@ npm install clipboard-copy
 ## usage
 
 ```js
-const copy = require('clipboard-copy')
+import copy from 'clipboard-copy';
 
 button.addEventListener('click', function () {
   copy('This is some cool text')
@@ -58,7 +58,7 @@ triggered in direct response to a user gesture like a `'click'` or a `'keypress'
 
 ## testing
 
-Testing this module is currently a manual process. Open `test.html` in your web browser and follow the short instructions. The web page will always load the latest version of the module, no bundling is necessary.
+Testing this module is currently a manual process. Run `npx http-server`, open `test.html` in your web browser, and follow the short instructions. The web page will always load the latest version of the module, no bundling is necessary.
 
 ## license
 

example.js

@@ -1,4 +1,4 @@
-const copy = require('./')
+import copy from './';
 
 document.body.style.backgroundColor = 'red'
 

index.js

@@ -1,8 +1,6 @@
 /*! clipboard-copy. MIT License. Feross Aboukhadijeh <https://feross.org/opensource> */
 /* global DOMException */
 
-module.exports = clipboardCopy
-
 function makeError () {
   return new DOMException('The request is not allowed', 'NotAllowedError')
 }
@@ -49,7 +47,7 @@ async function copyExecCommand (text) {
   if (!success) throw makeError()
 }
 
-async function clipboardCopy (text) {
+export default async function clipboardCopy (text) {
   try {
     await copyClipboardApi(text)
   } catch (err) {

package.json

@@ -26,7 +26,8 @@
     "simple"
   ],
   "license": "MIT",
-  "main": "index.js",
+  "type": "module",
+  "module": "index.js",
   "repository": {
     "type": "git",
     "url": "git://github.com/feross/clipboard-copy.git"

test.html

@@ -17,11 +17,9 @@
     3. Test status: <strong>pending</strong>
   </p>
 
-  <script type="text/javascript">
-    window.module = {}
-  </script>
-  <script src="index.js"></script>
-  <script type="text/javascript">
+  <script type="module">
+    import copy from './index.js';
+
     var secret = Math.random().toFixed(10).slice(2)
 
     function setStatus (success) {
@@ -30,7 +28,7 @@
     }
 
     document.querySelector('button').addEventListener('click', function () {
-      if (!window.module.exports(secret)) setStatus(false)
+      if (!copy(secret)) setStatus(false)
     })
 
     document.querySelector('input').addEventListener('input', function (ev) {