v1.2.0

zenorocha · May 9, 2017 · a8ae42b · a8ae42b
1 parent 3c8471b
commit a8ae42b
Show file tree

Hide file tree

Showing 4 changed files with 68 additions and 18 deletions.
diff --git a/dist/manifest.json b/dist/manifest.json
@@ -3,7 +3,7 @@
  "name": "CodeCopy",
  "description": "Because copy to clipboard buttons should exist on every code snippet",
  "homepage_url": "https://github.com/zenorocha/codecopy",
- "version": "1.1.0",
+ "version": "1.2.0",
  "author": "Zeno Rocha",
  "applications": {
  "gecko": {

diff --git a/dist/scripts/main.js b/dist/scripts/main.js
@@ -767,6 +767,32 @@ E.prototype = {
 module.exports = E;
 
 },{}],9:[function(require,module,exports){
+module.exports={
+ "small": [
+ "askubuntu.com",
+ "serverfault.com",
+ "stackexchange.com",
+ "stackoverflow.com",
+ "superuser.com"
+ ],
+ "large": [
+ "github.com",
+ "gist.github.com",
+ "medium.com",
+ "www.npmjs.com",
+ "developer.mozilla.org",
+ "tableless.com.br",
+ "laracasts.com",
+ "docs.rs",
+ "www.digitalocean.com",
+ "developer.github.com"
+ ],
+ "xlarge": [
+ "nodejs.org"
+ ]
+}
+
+},{}],10:[function(require,module,exports){
 'use strict';
 
 var _clipboard = require('clipboard');
@@ -777,6 +803,10 @@ var _util = require('./util');
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+// Get button style based on the current page
+
+var siteStyle = (0, _util.getSiteStyle)();
+
 // Scan for code snippets and append buttons
 
 var snippets = document.querySelectorAll('pre');
@@ -788,12 +818,8 @@ snippets.forEach(function (snippet) {
  parent.replaceChild(wrapper, snippet);
  wrapper.appendChild(snippet);
 
- wrapper.classList.add('codecopy');
+ wrapper.classList.add('codecopy', 'codecopy-' + siteStyle);
  wrapper.firstChild.insertAdjacentHTML('beforebegin', _util.htmlButton);
-
- if ((0, _util.isLargeButton)()) {
- wrapper.classList.add('codecopy-lg');
- }
 });
 
 // Add copy to clipboard functionality and user feedback
@@ -825,17 +851,33 @@ btns.forEach(function (btn) {
  });
 });
 
-},{"./util":10,"clipboard":2}],10:[function(require,module,exports){
-"use strict";
+},{"./util":11,"clipboard":2}],11:[function(require,module,exports){
+'use strict';
 
 Object.defineProperty(exports, "__esModule", {
  value: true
 });
-var htmlButton = exports.htmlButton = "\n <button class=\"codecopy-btn tooltipped tooltipped-s\" aria-label=\"Copy to clipboard\">\n <svg height=\"16\" class=\"codecopy-btn-icon\" viewBox=\"0 0 14 16\" version=\"1.1\" width=\"16\" aria-hidden=\"true\">\n <path fill-rule=\"evenodd\" d=\"M2 13h4v1H2v-1zm5-6H2v1h5V7zm2 3V8l-3 3 3 3v-2h5v-2H9zM4.5 9H2v1h2.5V9zM2 12h2.5v-1H2v1zm9 1h1v2c-.02.28-.11.52-.3.7-.19.18-.42.28-.7.3H1c-.55 0-1-.45-1-1V4c0-.55.45-1 1-1h3c0-1.11.89-2 2-2 1.11 0 2 .89 2 2h3c.55 0 1 .45 1 1v5h-1V6H1v9h10v-2zM2 5h8c0-.55-.45-1-1-1H8c-.55 0-1-.45-1-1s-.45-1-1-1-1 .45-1 1-.45 1-1 1H3c-.55 0-1 .45-1 1z\"></path>\n </svg>\n </button>";
+exports.htmlButton = undefined;
+exports.getSiteStyle = getSiteStyle;
+
+var _styles = require('../data/styles');
+
+var _styles2 = _interopRequireDefault(_styles);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var htmlButton = exports.htmlButton = '\n <button class="codecopy-btn tooltipped tooltipped-s" aria-label="Copy to clipboard">\n <svg height="16" class="codecopy-btn-icon" viewBox="0 0 14 16" version="1.1" width="16" aria-hidden="true">\n <path fill-rule="evenodd" d="M2 13h4v1H2v-1zm5-6H2v1h5V7zm2 3V8l-3 3 3 3v-2h5v-2H9zM4.5 9H2v1h2.5V9zM2 12h2.5v-1H2v1zm9 1h1v2c-.02.28-.11.52-.3.7-.19.18-.42.28-.7.3H1c-.55 0-1-.45-1-1V4c0-.55.45-1 1-1h3c0-1.11.89-2 2-2 1.11 0 2 .89 2 2h3c.55 0 1 .45 1 1v5h-1V6H1v9h10v-2zM2 5h8c0-.55-.45-1-1-1H8c-.55 0-1-.45-1-1s-.45-1-1-1-1 .45-1 1-.45 1-1 1H3c-.55 0-1 .45-1 1z"></path>\n </svg>\n </button>';
+
+function getSiteStyle() {
+ var currentStyle;
+
+ Object.keys(_styles2.default).forEach(function (style) {
+ if (_styles2.default[style].indexOf(document.location.hostname) !== -1) {
+ currentStyle = style;
+ }
+ });
 
-var isLargeButton = exports.isLargeButton = function isLargeButton() {
- var sites = /^(github.com|gist.github.com|medium.com|www.npmjs.com|developer.mozilla.org|tableless.com.br|laracasts.com|docs.rs|www.digitalocean.com)$/;
- return sites.exec(document.location.hostname);
+ return currentStyle || 'small';
 };
 
-},{}]},{},[9]);
+},{"../data/styles":9}]},{},[10]);
diff --git a/dist/styles/main.css b/dist/styles/main.css
@@ -472,11 +472,9 @@
  transition: opacity 0.3s ease-in-out;
  opacity: 0;
  position: absolute;
- padding: 2px 6px;
- right: 0;
- top: 0;
  z-index: 1; }
  .codecopy .codecopy-btn .codecopy-btn-icon {
+ border-radius: 0;
  margin-top: -3px;
  position: relative;
  top: 3px;
@@ -488,7 +486,17 @@
  .codecopy:hover .codecopy-btn {
  opacity: 1; }
 
-.codecopy.codecopy-lg .codecopy-btn {
+.codecopy.codecopy-small .codecopy-btn {
+ padding: 2px 6px;
+ right: 0;
+ top: 0; }
+
+.codecopy.codecopy-large .codecopy-btn {
  padding: 3px 6px;
  right: 5px;
  top: 5px; }
+
+.codecopy.codecopy-xlarge .codecopy-btn {
+ padding: 3px 6px;
+ right: 30px;
+ top: 10px; }
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
  "name": "codecopy",
- "version": "1.1.0",
+ "version": "1.2.0",
  "description": "Because copy to clipboard buttons should exist on every code snippet",
  "main": "src/scripts/main.js",
  "repository": "zenorocha/codecopy",