diff --git a/index.d.ts b/index.d.ts new file mode 100644 index 0000000..82521bc --- /dev/null +++ b/index.d.ts @@ -0,0 +1,3 @@ +export default class ClipboardCopyElement extends HTMLElement { + value: string +} diff --git a/package.json b/package.json index 47785c4..dbcbc0a 100644 --- a/package.json +++ b/package.json @@ -5,6 +5,7 @@ "repository": "github/clipboard-copy-element", "main": "dist/index.umd.js", "module": "dist/index.esm.js", + "types": "index.d.ts", "scripts": { "clean": "rm -rf dist", "lint": "github-lint", @@ -20,7 +21,8 @@ ], "license": "MIT", "files": [ - "dist" + "dist", + "index.d.ts" ], "devDependencies": { "@babel/core": "^7.5.5", diff --git a/rollup.config.js b/rollup.config.js index e1228e6..bdafec1 100644 --- a/rollup.config.js +++ b/rollup.config.js @@ -13,7 +13,8 @@ export default { }, { file: pkg['main'], - format: 'umd' + format: 'umd', + name: 'ClipboardCopyElement' } ], plugins: [ diff --git a/src/clipboard-copy-element.js.flow b/src/clipboard-copy-element.js.flow index f344452..aa2838f 100644 --- a/src/clipboard-copy-element.js.flow +++ b/src/clipboard-copy-element.js.flow @@ -1,6 +1,6 @@ /* @flow strict */ -declare class ClipboardCopyElement extends HTMLElement { +declare export default class ClipboardCopyElement extends HTMLElement { get value(): string; set value(value: string): void; } diff --git a/src/index.js b/src/index.js index 5aeba38..e3314f9 100644 --- a/src/index.js +++ b/src/index.js @@ -2,6 +2,8 @@ import ClipboardCopyElement from './clipboard-copy-element' +export default ClipboardCopyElement + if (!window.customElements.get('clipboard-copy')) { window.ClipboardCopyElement = ClipboardCopyElement window.customElements.define('clipboard-copy', ClipboardCopyElement)