Split up files

Author: soerenmartius

src/clipboard.ts

@@ -0,0 +1,35 @@
+import ClipboardJS from 'clipboard'
+import { Config } from './module'
+import { Actions } from './types'
+
+export const toClipboard = (
+  text: string,
+  action: Actions = 'copy',
+): Promise<unknown> => {
+  return new Promise((resolve, reject) => {
+    const fakeElement = document.createElement('button')
+    const clipboard = new ClipboardJS(fakeElement, {
+      text: () => text,
+      action: () => action,
+    })
+
+    clipboard.on('success', (e) => {
+      clipboard.destroy()
+      resolve(e)
+    })
+
+    clipboard.on('error', (e) => {
+      clipboard.destroy()
+      reject(e)
+    })
+
+    if (Config.appendToBody) {
+      document.body.appendChild(fakeElement)
+    }
+
+    fakeElement.click()
+    if (Config.appendToBody) {
+      document.body.removeChild(fakeElement)
+    }
+  })
+}

src/index.ts

@@ -1,108 +1,2 @@
-import { App } from 'vue'
-import ClipboardJS from 'clipboard'
-
-enum Events {
-  SUCCESS = 'success',
-  ERROR = 'error',
-}
-
-export enum ClipboardActions {
-  COPY = 'copy',
-  CUT = 'cut', // CUT only works on inputs and textareas
-}
-
-const Config = {
-  autoSetContainer: false,
-  appendToBody: true,
-}
-
-export const toClipboard = (
-  text: string,
-  action = ClipboardActions.COPY,
-): Promise<unknown> => {
-  return new Promise((resolve, reject) => {
-    const fakeElement = document.createElement('button')
-    const clipboard = new ClipboardJS(fakeElement, {
-      text: () => text,
-      action: () => action,
-    })
-
-    clipboard.on(Events.SUCCESS, (e) => {
-      clipboard.destroy()
-      resolve(e)
-    })
-
-    clipboard.on(Events.ERROR, (e) => {
-      clipboard.destroy()
-      reject(e)
-    })
-
-    if (Config.appendToBody) {
-      document.body.appendChild(fakeElement)
-    }
-
-    fakeElement.click()
-    if (Config.appendToBody) {
-      document.body.removeChild(fakeElement)
-    }
-  })
-}
-
-export const install = (app: App): void => {
-  app.directive('clipboard', {
-    beforeMount(el, binding) {
-      if (binding.arg === Events.SUCCESS) {
-        el._vClipboard_success = binding.value
-      } else if (binding.arg === Events.ERROR) {
-        el._vClipboard_error = binding.value
-      } else {
-        const clipboard = new ClipboardJS(el, {
-          text: () => binding.value,
-          action: () => {
-            return binding.arg === ClipboardActions.CUT
-              ? ClipboardActions.CUT
-              : ClipboardActions.COPY
-          },
-          container: Config.autoSetContainer ? el : undefined,
-        })
-        clipboard.on(Events.SUCCESS, (e) => {
-          const callback = el._vClipboard_success
-          callback && callback(e)
-        })
-        clipboard.on(Events.ERROR, (e) => {
-          const callback = el._vClipboard_error
-          callback && callback(e)
-        })
-        el._vClipboard = clipboard
-      }
-    },
-    updated(el, binding) {
-      if (binding.arg === Events.SUCCESS) {
-        el._vClipboard_success = binding.value
-      } else if (binding.arg === Events.ERROR) {
-        el._vClipboard_error = binding.value
-      } else {
-        el._vClipboard.text = () => {
-          return binding.value
-        }
-        el._vClipboard.action = () => {
-          return binding.arg === ClipboardActions.CUT
-            ? ClipboardActions.CUT
-            : ClipboardActions.COPY
-        }
-      }
-    },
-    unmounted(el, binding) {
-      if (binding.arg === Events.SUCCESS) {
-        delete el._vClipboard_success
-      } else if (binding.arg === Events.ERROR) {
-        delete el._vClipboard_error
-      } else {
-        el._vClipboard.destroy()
-        delete el._vClipboard
-      }
-    },
-  })
-}
-
-export default install
+export * from './clipboard'
+export { install as VueClipboard, Config } from './module'

src/module.ts

@@ -0,0 +1,62 @@
+import { App } from 'vue'
+import ClipboardJS from 'clipboard'
+
+const Config = {
+  autoSetContainer: false,
+  appendToBody: true,
+}
+
+const install = (app: App): void => {
+  app.directive('clipboard', {
+    beforeMount(el, binding) {
+      if (binding.arg === 'success') {
+        el._vClipboard_success = binding.value
+      } else if (binding.arg === 'error') {
+        el._vClipboard_error = binding.value
+      } else {
+        const clipboard = new ClipboardJS(el, {
+          text: () => binding.value,
+          action: () => {
+            return binding.arg === 'cut' ? 'cut' : 'copy'
+          },
+          container: Config.autoSetContainer ? el : undefined,
+        })
+        clipboard.on('success', (e) => {
+          const callback = el._vClipboard_success
+          callback && callback(e)
+        })
+        clipboard.on('error', (e) => {
+          const callback = el._vClipboard_error
+          callback && callback(e)
+        })
+        el._vClipboard = clipboard
+      }
+    },
+    updated(el, binding) {
+      if (binding.arg === 'success') {
+        el._vClipboard_success = binding.value
+      } else if (binding.arg === 'error') {
+        el._vClipboard_error = binding.value
+      } else {
+        el._vClipboard.text = () => {
+          return binding.value
+        }
+        el._vClipboard.action = () => {
+          return binding.arg === 'cut' ? 'cut' : 'copy'
+        }
+      }
+    },
+    unmounted(el, binding) {
+      if (binding.arg === 'success') {
+        delete el._vClipboard_success
+      } else if (binding.arg === 'error') {
+        delete el._vClipboard_error
+      } else {
+        el._vClipboard.destroy()
+        delete el._vClipboard
+      }
+    },
+  })
+}
+
+export { install, Config }

src/types/index.ts

@@ -0,0 +1 @@
+export type Actions = 'copy' | 'cut'