copy_tuner_client 0.12.0 → 0.13.0

data/rollup.config.js

@@ -1,16 +0,0 @@
-import babel from 'rollup-plugin-babel';
-import resolve from 'rollup-plugin-node-resolve';
-import commonjs from 'rollup-plugin-commonjs';
-
-export default {
-  input: 'src/main.js',
-  output: {
-    file: 'app/assets/javascripts/copyray.js',
-    format: 'iife',
-  },
-  plugins: [
-    resolve({ jsnext: true, main: true }),
-    commonjs(),
-    babel({ exclude: 'node_modules/**' }),
-  ],
-};

data/src/copyray.js

@@ -1,112 +0,0 @@
-import Specimen from './specimen';
-import CopyTunerBar from './copytuner_bar';
-
-const findBlurbs = () => {
-  const filterNone = () => NodeFilter.FILTER_ACCEPT;
-
-  const iterator = document.createNodeIterator(
-    document.body,
-    NodeFilter.SHOW_COMMENT,
-    filterNone,
-    false,
-  );
-
-  const comments = [];
-  let curNode;
-  // eslint-disable-next-line no-cond-assign
-  while ((curNode = iterator.nextNode())) {
-    comments.push(curNode);
-  }
-
-  return comments.filter(comment => comment.nodeValue.startsWith('COPYRAY')).map((comment) => {
-    const [, key] = comment.nodeValue.match(/^COPYRAY (\S*)$/);
-    const element = comment.parentNode;
-    return { key, element };
-  });
-};
-
-export default class Copyray {
-  constructor(baseUrl, data) {
-    this.baseUrl = baseUrl;
-    this.data = data;
-    this.isShowing = false;
-    this.specimens = [];
-    this.overlay = this.makeOverlay();
-    this.toggleButton = this.makeToggleButton();
-    this.boundOpen = this.open.bind(this);
-
-    this.copyTunerBar = new CopyTunerBar(
-      document.getElementById('copy-tuner-bar'),
-      this.data,
-      this.boundOpen,
-    );
-  }
-
-  show() {
-    this.reset();
-
-    document.body.appendChild(this.overlay);
-    this.makeSpecimens();
-
-    this.specimens.forEach((specimen) => {
-      specimen.show();
-    });
-
-    this.copyTunerBar.show();
-    this.isShowing = true;
-  }
-
-  hide() {
-    this.overlay.remove();
-    this.reset();
-    this.copyTunerBar.hide();
-    this.isShowing = false;
-  }
-
-  toggle() {
-    if (this.isShowing) {
-      this.hide();
-    } else {
-      this.show();
-    }
-  }
-
-  open(key) {
-    const url = `${this.baseUrl}/blurbs/${key}/edit`;
-    window.open(url, null, 'width=700, height=600');
-  }
-
-  makeSpecimens() {
-    findBlurbs().forEach(({ element, key }) => {
-      this.specimens.push(new Specimen(element, key, this.boundOpen));
-    });
-  }
-
-  makeToggleButton() {
-    const element = document.createElement('a');
-
-    element.addEventListener('click', () => {
-      this.show();
-    });
-
-    element.classList.add('copyray-toggle-button');
-    element.classList.add('hidden-on-mobile');
-    element.textContent = 'Open CopyTuner';
-    document.body.appendChild(element);
-
-    return element;
-  }
-
-  makeOverlay() {
-    const div = document.createElement('div');
-    div.setAttribute('id', 'copyray-overlay');
-    div.addEventListener('click', () => this.hide());
-    return div;
-  }
-
-  reset() {
-    this.specimens.forEach((specimen) => {
-      specimen.remove();
-    });
-  }
-}

data/src/copytuner_bar.js

@@ -1,96 +0,0 @@
-import debounce from 'lodash.debounce';
-
-const HIDDEN_CLASS = 'copy-tuner-hidden';
-
-export default class CopytunerBar {
-  constructor(element, data, callback) {
-    this.element = element;
-    this.data = data;
-    this.callback = callback;
-    this.searchBoxElement = element.querySelector('.js-copy-tuner-bar-search');
-    this.logMenuElement = this.makeLogMenu();
-    this.element.appendChild(this.logMenuElement);
-
-    this.addHandler();
-  }
-
-  addHandler() {
-    const openLogButton = this.element.querySelector('.js-copy-tuner-bar-open-log');
-    openLogButton.addEventListener('click', (event) => {
-      event.preventDefault();
-      this.toggleLogMenu();
-    });
-
-    this.searchBoxElement.addEventListener('input', debounce(this.onKeyup.bind(this), 250));
-  }
-
-  show() {
-    this.element.classList.remove(HIDDEN_CLASS);
-    this.searchBoxElement.focus();
-  }
-
-  hide() {
-    this.element.classList.add(HIDDEN_CLASS);
-  }
-
-  showLogMenu() {
-    this.logMenuElement.classList.remove(HIDDEN_CLASS);
-  }
-
-  toggleLogMenu() {
-    this.logMenuElement.classList.toggle(HIDDEN_CLASS);
-  }
-
-  makeLogMenu() {
-    const div = document.createElement('div');
-    div.setAttribute('id', 'copy-tuner-bar-log-menu');
-    div.classList.add(HIDDEN_CLASS);
-
-    const table = document.createElement('table');
-    const tbody = document.createElement('tbody');
-    tbody.classList.remove('is-not-initialized');
-
-    Object.keys(this.data).sort().forEach((key) => {
-      const value = this.data[key];
-
-      if (value === '') {
-        return;
-      }
-
-      const td1 = document.createElement('td');
-      td1.textContent = key;
-      const td2 = document.createElement('td');
-      td2.textContent = value;
-      const tr = document.createElement('tr');
-      tr.classList.add('copy-tuner-bar-log-menu__row');
-      tr.dataset.key = key;
-
-      tr.addEventListener('click', ({ currentTarget }) => {
-        this.callback(currentTarget.dataset.key);
-      });
-
-      tr.appendChild(td1);
-      tr.appendChild(td2);
-      tbody.appendChild(tr);
-    });
-
-    table.appendChild(tbody);
-    div.appendChild(table);
-
-    return div;
-  }
-
-  onKeyup({ target }) {
-    const keyword = target.value.trim();
-    this.showLogMenu();
-
-    const rows = Array.from(this.logMenuElement.getElementsByTagName('tr'));
-
-    rows.forEach((row) => {
-      const isShow =
-        keyword === '' ||
-        Array.from(row.getElementsByTagName('td')).some(td => td.textContent.includes(keyword));
-      row.classList.toggle(HIDDEN_CLASS, !isShow);
-    });
-  }
-}

data/src/main.js

@@ -1,42 +0,0 @@
-import KeyCode from 'keycode-js';
-import Copyray from './copyray';
-import { isMac } from './util';
-
-const start = () => {
-  const dataElement = document.getElementById('copy-tuner-data');
-  const copyTunerUrl = dataElement.dataset.copyTunerUrl;
-  const data = JSON.parse(
-    document.getElementById('copy-tuner-data').dataset.copyTunerTranslationLog,
-  );
-  const copyray = new Copyray(copyTunerUrl, data);
-
-  document.addEventListener('keydown', (event) => {
-    if (copyray.isShowing && event.keyCode === KeyCode.KEY_ESCAPE) {
-      copyray.hide();
-      return;
-    }
-
-    if (
-      ((isMac && event.metaKey) || (!isMac && event.ctrlKey)) &&
-      event.shiftKey &&
-      event.keyCode === KeyCode.KEY_K
-    ) {
-      copyray.toggle();
-    }
-  });
-
-  if (console) {
-    // eslint-disable-next-line no-console
-    console.log(
-      `Ready to Copyray. Press ${isMac ? 'cmd+shift+k' : 'ctrl+shift+k'} to scan your UI.`,
-    );
-  }
-
-  window.copyray = copyray;
-};
-
-if (document.readyState === 'complete' || document.readyState !== 'loading') {
-  start();
-} else {
-  document.addEventListener('DOMContentLoaded', start);
-}

data/src/specimen.js

@@ -1,63 +0,0 @@
-import { computeBoundingBox } from './util';
-
-const ZINDEX = 2000000000;
-
-export default class Specimen {
-  constructor(element, key, callback) {
-    this.element = element;
-    this.key = key;
-    this.callback = callback;
-  }
-
-  show() {
-    this.box = this.makeBox();
-    if (this.box === null) return;
-
-    this.box.addEventListener('click', () => {
-      this.callback(this.key);
-    });
-
-    document.body.appendChild(this.box);
-  }
-
-  remove() {
-    if (!this.box) {
-      return;
-    }
-    this.box.remove();
-    this.box = null;
-  }
-
-  makeBox() {
-    const box = document.createElement('div');
-    box.classList.add('copyray-specimen');
-    box.classList.add('Specimen');
-
-    const bounds = computeBoundingBox(this.element);
-    if (bounds === null) return null;
-
-    Object.keys(bounds).forEach((key) => {
-      const value = bounds[key];
-      box.style[key] = `${value}px`;
-    });
-    box.style.zIndex = ZINDEX;
-
-    const { position, top, left } = getComputedStyle(this.element);
-    if (position === 'fixed') {
-      this.box.style.position = 'fixed';
-      this.box.style.top = `${top}px`;
-      this.box.style.left = `${left}px`;
-    }
-
-    box.appendChild(this.makeLabel());
-    return box;
-  }
-
-  makeLabel() {
-    const div = document.createElement('div');
-    div.classList.add('copyray-specimen-handle');
-    div.classList.add('Specimen');
-    div.textContent = this.key;
-    return div;
-  }
-}

data/src/util.js

@@ -1,32 +0,0 @@
-const isMac = navigator.platform.toUpperCase().indexOf('MAC') !== -1;
-
-const isVisible = element =>
-  !!(element.offsetWidth || element.offsetHeight || element.getClientRects().length);
-
-const getOffset = (elment) => {
-  const box = elment.getBoundingClientRect();
-
-  return {
-    top: box.top + (window.pageYOffset - document.documentElement.clientTop),
-    left: box.left + (window.pageXOffset - document.documentElement.clientLeft),
-  };
-};
-
-const computeBoundingBox = (element) => {
-  if (!isVisible(element)) {
-    return null;
-  }
-
-  const boxFrame = getOffset(element);
-  boxFrame.right = boxFrame.left + element.offsetWidth;
-  boxFrame.bottom = boxFrame.top + element.offsetHeight;
-
-  return {
-    left: boxFrame.left,
-    top: boxFrame.top,
-    width: boxFrame.right - boxFrame.left,
-    height: boxFrame.bottom - boxFrame.top,
-  };
-};
-
-export { isMac, isVisible, getOffset, computeBoundingBox };

data/test.sh

@@ -1,6 +0,0 @@
-#!/bin/sh
-
-BUNDLE_GEMFILE=gemfiles/5.2.gemfile bundle install && BUNDLE_GEMFILE=gemfiles/5.2.gemfile bundle exec rspec spec
-BUNDLE_GEMFILE=gemfiles/6.0.gemfile bundle install && BUNDLE_GEMFILE=gemfiles/6.0.gemfile bundle exec rspec spec
-BUNDLE_GEMFILE=gemfiles/6.1.gemfile bundle install && BUNDLE_GEMFILE=gemfiles/6.1.gemfile bundle exec rspec spec
-BUNDLE_GEMFILE=gemfiles/main.gemfile bundle install && BUNDLE_GEMFILE=gemfiles/main.gemfile bundle exec rspec spec