Updates sample to new API

assets/scripts/clipboard.js

@@ -0,0 +1,14 @@
+var clipboard = new Clipboard('.btn');
+
+clipboard.on('success', function(e) {
+    e.clearSelection();
+
+    console.info('Action:', e.action);
+    console.info('Text:', e.text);
+
+    showTooltip(e.trigger, 'Copied!');
+});
+
+clipboard.on('error', function(e) {
+    showTooltip(e.trigger, fallbackMessage(e.action));
+});

assets/scripts/main.js

@@ -0,0 +1,33 @@
+var btns = document.querySelectorAll('.btn');
+
+for (var i = 0; i < btns.length; i++) {
+    btns[i].addEventListener('mouseleave', function(e) {
+        e.currentTarget.setAttribute('class', 'btn');
+        e.currentTarget.removeAttribute('aria-label');
+    });
+}
+
+function showTooltip(elem, msg) {
+    elem.setAttribute('class', 'btn tooltipped tooltipped-s');
+    elem.setAttribute('aria-label', msg);
+}
+
+// Simplistic detection, do not use it in production
+function fallbackMessage(action) {
+    var actionMsg = '';
+    var actionKey = (action === 'cut' ? 'X' : 'C');
+
+    if(/iPhone|iPad/i.test(navigator.userAgent)) {
+        actionMsg = 'No support :(';
+    }
+    else if (/Mac/i.test(navigator.userAgent)) {
+        actionMsg = 'Press ⌘-' + actionKey + ' to ' + action;
+    }
+    else {
+        actionMsg = 'Press Ctrl-' + actionKey + ' to ' + action;
+    }
+
+    return actionMsg;
+}
+
+hljs.initHighlightingOnLoad();