Merge pull request #935 from sghoweri/feature/uikit-refactor--p4

UIKit Refactor Part 4: JavaScript Cleanup, Consolidation and Refactoring

Author: bmuenzenmeyer

.travis.yml

@@ -4,7 +4,7 @@ before_install:
   - phantomjs --version
 
 before_script:
-  - npm install -g lerna@3.0.0-beta.21
+  - npm install -g lerna@3.2.1
   - npm run bootstrap
   - lerna add @pattern-lab/engine-mustache --scope=@pattern-lab/core
   - lerna add @pattern-lab/engine-handlebars --scope=@pattern-lab/core

lerna.json

@@ -1,5 +1,5 @@
 {
-  "lerna": "3.0.0-rc.0",
+  "lerna": "3.2.1",
   "packages": [
     "packages/*"
   ],

package.json

@@ -1,10 +1,10 @@
 {
   "devDependencies": {
-    "lerna": "3.0.0-rc.0"
+    "lerna": "3.2.1"
   },
   "private": true,
   "scripts": {
-    "bootstrap": "npx lerna bootstrap",
+    "bootstrap": "lerna bootstrap",
     "precommit": "pretty-quick --staged",
     "prettier": "prettier --config .prettierrc --write ./**/*.js",
     "test": "lerna run test",

packages/uikit-workshop/dist/index.html

@@ -61,6 +61,8 @@
     "access": "public"
   },
   "dependencies": {
+    "deepmerge": "^2.1.1",
+    "js-cookie": "^2.2.0",
     "clipboard": "^2.0.1",
     "fg-loadcss": "^2.0.1",
     "fg-loadjs": "^1.0.0",

packages/uikit-workshop/dist/styleguide/css/pattern-lab.042bdcd6.css

@@ -0,0 +1,14 @@
+/**
+ * Copy to clipboard functionality for code snippet examples
+ */
+
+import Clipboard from 'clipboard';
+
+const clipboard = new Clipboard('.pl-js-code-copy-btn');
+clipboard.on('success', function(e) {
+  const copyButton = document.querySelectorAll('.pl-js-code-copy-btn');
+  for (let i = 0; i < copyButton.length; i++) {
+    copyButton[i].innerText = 'Copy';
+  }
+  e.trigger.textContent = 'Copied';
+});