Use our own implementation of copyToClipboard.

Author: Nufflee

package.json

@@ -16,7 +16,6 @@
     "@types/moment": "^2.13.0",
     "@types/moment-timezone": "^0.5.6",
     "browserify": "^16.2.2",
-    "clipboard-copy": "^3.0.0",
     "markdown-it": "^8.4.2",
     "moment": "^2.22.2",
     "moment-timezone": "^0.5.20",

ts/CurrentEvent.ts

@@ -1,7 +1,6 @@
 import * as dto from './dto';
 import * as html from './html';
 import * as moment from 'moment';
-import copy = require('clipboard-copy')
 import ComponentsArray from './ComponentsArray';
 import Countdown from './Countdown';
 import UiComponent from './UiComponent';

ts/Timestamp.ts

@@ -1,18 +1,18 @@
 import * as dto from './dto';
 import * as html from './html';
 import * as moment from 'moment';
-import copy = require('clipboard-copy')
 import ComponentsArray from './ComponentsArray';
 import Countdown from './Countdown';
 import UiComponent from './UiComponent';
 import TwitchPlayer from './TwitchPlayer';
+import copyToClipboard from './util/copyToClipboard';
 
 export default class CurrentEvent implements UiComponent {
     constructor(private _timestamp: string) {
     }
 
     onCopyClick = () => {
-        copy(this._timestamp)
+        copyToClipboard(this._timestamp)
     }
 
     appendTo(entry: HTMLElement | null): void {

ts/util/copyToClipboard.ts

@@ -0,0 +1,48 @@
+export default function copyToClipboard(text: string) {
+  // Use the Async Clipboard API when available. Requires a secure browing context (i.e. HTTPS)
+  if ((navigator as any).clipboard) {
+    return (navigator as any).clipboard.writeText(text)
+  }
+
+  // ...Otherwise, use document.execCommand() fallback
+
+  // Put the text to copy into a <span>
+  const span = document.createElement('span')
+  span.textContent = text
+
+  // Preserve consecutive spaces and newlines
+  span.style.whiteSpace = 'pre'
+
+  // Add the <span> to the page
+  document.body.appendChild(span)
+
+  // Make a selection object representing the range of text selected by the user
+  const selection = window.getSelection()
+  const range = window.document.createRange()
+  
+  if (!selection) {
+    return Promise.reject()
+  }
+
+  selection.removeAllRanges()
+  range.selectNode(span)
+  selection.addRange(range)
+
+  // Copy text to the clipboard
+  let success = false
+  try {
+    success = window.document.execCommand('copy')
+  } catch (err) {
+    console.log('Failed to copy text. Error: ', err)
+  }
+
+  // Cleanup
+  selection.removeAllRanges()
+  window.document.body.removeChild(span)
+
+  // The Async Clipboard API returns a promise that may reject with `undefined`
+  // so we match that here for consistency.
+  return success
+    ? Promise.resolve()
+    : Promise.reject()
+}