From af8ebf3a2bb0ef2cc146cf851c75d18d1faf3ff5 Mon Sep 17 00:00:00 2001
From: Mike Chatsky <mike20016@gmail.com>
Date: Tue, 29 Jan 2019 20:56:22 +0200
Subject: [PATCH] replaces pb namespace with visbug namespace

removes the old pb namespace and introduces a new and accurate visbug namespace
---
 app/components/hotkey-map/hotkeys.element.js       |  2 +-
 app/components/metatip/ally.element.js             |  2 +-
 app/components/metatip/metatip.element.js          |  2 +-
 app/components/selection/gridlines.element.js      |  2 +-
 app/components/selection/handles.element.js        |  4 ++--
 app/components/selection/label.element.js          |  2 +-
 app/components/selection/overlay.element.js        |  4 ++--
 app/components/tool-pallete/toolpallete.element.js |  2 +-
 app/features/accessibility.js                      |  4 ++--
 app/features/guides.js                             |  4 ++--
 app/features/imageswap.js                          |  4 ++--
 app/features/metatip.js                            |  6 +++---
 app/features/search.js                             |  4 ++--
 app/features/selectable.js                         |  8 ++++----
 app/utilities/common.js                            | 14 +++++++-------
 assets/visbug.svg                                  |  6 +++---
 extension/manifest.json                            |  2 +-
 extension/{pixelbug.js => visbug.js}               |  0
 18 files changed, 36 insertions(+), 36 deletions(-)
 rename extension/{pixelbug.js => visbug.js} (100%)

diff --git a/app/components/hotkey-map/hotkeys.element.js b/app/components/hotkey-map/hotkeys.element.js
index 2a54fc05..63b390c3 100644
--- a/app/components/hotkey-map/hotkeys.element.js
+++ b/app/components/hotkey-map/hotkeys.element.js
@@ -64,4 +64,4 @@ export class Hotkeys extends HTMLElement {
   }
 }
 
-customElements.define('pb-hotkeys', Hotkeys)
\ No newline at end of file
+customElements.define('visbug-hotkeys', Hotkeys)
diff --git a/app/components/metatip/ally.element.js b/app/components/metatip/ally.element.js
index ba6933d7..ab80b37c 100644
--- a/app/components/metatip/ally.element.js
+++ b/app/components/metatip/ally.element.js
@@ -23,4 +23,4 @@ export class Ally extends Metatip {
   }
 }
 
-customElements.define('pb-ally', Ally)
\ No newline at end of file
+customElements.define('visbug-ally', Ally)
diff --git a/app/components/metatip/metatip.element.js b/app/components/metatip/metatip.element.js
index 9e45584f..89d63ce1 100644
--- a/app/components/metatip/metatip.element.js
+++ b/app/components/metatip/metatip.element.js
@@ -86,4 +86,4 @@ export class Metatip extends HTMLElement {
   }
 }
 
-customElements.define('pb-metatip', Metatip)
\ No newline at end of file
+customElements.define('visbug-metatip', Metatip)
diff --git a/app/components/selection/gridlines.element.js b/app/components/selection/gridlines.element.js
index f11187ac..9e88ae92 100644
--- a/app/components/selection/gridlines.element.js
+++ b/app/components/selection/gridlines.element.js
@@ -77,4 +77,4 @@ export class Gridlines extends HTMLElement {
   }
 }
 
-customElements.define('pb-gridlines', Gridlines)
+customElements.define('visbug-gridlines', Gridlines)
diff --git a/app/components/selection/handles.element.js b/app/components/selection/handles.element.js
index 625fcd3e..a6fa4935 100644
--- a/app/components/selection/handles.element.js
+++ b/app/components/selection/handles.element.js
@@ -35,7 +35,7 @@ export class Handles extends HTMLElement {
     return `
       ${this.styles({top,left})}
       <svg 
-        class="pb-handles"
+        class="visbug-handles"
         width="${width}" height="${height}" 
         viewBox="0 0 ${width} ${height}" 
         version="1.1" xmlns="http://www.w3.org/2000/svg"
@@ -69,4 +69,4 @@ export class Handles extends HTMLElement {
   }
 }
 
-customElements.define('pb-handles', Handles)
\ No newline at end of file
+customElements.define('visbug-handles', Handles)
diff --git a/app/components/selection/label.element.js b/app/components/selection/label.element.js
index ef675742..f5010c93 100644
--- a/app/components/selection/label.element.js
+++ b/app/components/selection/label.element.js
@@ -110,4 +110,4 @@ export class Label extends HTMLElement {
   }
 }
 
-customElements.define('pb-label', Label)
\ No newline at end of file
+customElements.define('visbug-label', Label)
diff --git a/app/components/selection/overlay.element.js b/app/components/selection/overlay.element.js
index 6ba8f353..afce5617 100644
--- a/app/components/selection/overlay.element.js
+++ b/app/components/selection/overlay.element.js
@@ -27,7 +27,7 @@ export class Overlay extends HTMLElement {
   render({id, top, left, height, width}) {
     return `
       <svg 
-        class="pb-overlay"
+        class="visbug-overlay"
         overlay-id="${id}"
         style="
           display:none;
@@ -51,4 +51,4 @@ export class Overlay extends HTMLElement {
   }
 }
 
-customElements.define('pb-overlay', Overlay)
\ No newline at end of file
+customElements.define('visbug-overlay', Overlay)
diff --git a/app/components/tool-pallete/toolpallete.element.js b/app/components/tool-pallete/toolpallete.element.js
index 95f0160a..b8687375 100644
--- a/app/components/tool-pallete/toolpallete.element.js
+++ b/app/components/tool-pallete/toolpallete.element.js
@@ -88,7 +88,7 @@ export default class ToolPallete extends HTMLElement {
   render() {
     return `
       ${this.styles()}
-      <pb-hotkeys></pb-hotkeys>
+      <visbug-hotkeys></visbug-hotkeys>
       <ol>
         ${Object.entries(this.toolbar_model).reduce((list, [key, tool]) => `
           ${list}
diff --git a/app/features/accessibility.js b/app/features/accessibility.js
index 98a60929..138433c7 100644
--- a/app/features/accessibility.js
+++ b/app/features/accessibility.js
@@ -7,7 +7,7 @@ const tip_map = new Map()
 
 export function Accessibility() {
   const template = ({target: el}) => {
-    let tip = document.createElement('pb-ally')
+    let tip = document.createElement('visbug-ally')
 
     const contrast_results = determineColorContrast(el)
     const ally_attributes = getA11ys(el)
@@ -181,4 +181,4 @@ export function Accessibility() {
     hotkeys.unbind('esc')
     hideAll()
   }
-}
\ No newline at end of file
+}
diff --git a/app/features/guides.js b/app/features/guides.js
index dfa8d0f4..cb724a20 100644
--- a/app/features/guides.js
+++ b/app/features/guides.js
@@ -80,7 +80,7 @@ const showGridlines = node => {
     gridlines.update = node.getBoundingClientRect()
   }
   else {
-    gridlines = document.createElement('pb-gridlines')
+    gridlines = document.createElement('visbug-gridlines')
     gridlines.position = node.getBoundingClientRect()
 
     document.body.appendChild(gridlines)
@@ -90,4 +90,4 @@ const showGridlines = node => {
 const hideGridlines = node => {
   if (!gridlines) return
   gridlines.style.display = 'none'
-}
\ No newline at end of file
+}
diff --git a/app/features/imageswap.js b/app/features/imageswap.js
index 87b9911d..540522e8 100644
--- a/app/features/imageswap.js
+++ b/app/features/imageswap.js
@@ -91,7 +91,7 @@ const showOverlay = (node, i) => {
     overlay.update = rect
   }
   else {
-    overlays[i] = document.createElement('pb-overlay')
+    overlays[i] = document.createElement('visbug-overlay')
     overlays[i].position = rect
     document.body.appendChild(overlays[i])
   }
@@ -115,4 +115,4 @@ const findBackgroundImages = el => {
 
     return collection
   }, [])
-}
\ No newline at end of file
+}
diff --git a/app/features/metatip.js b/app/features/metatip.js
index 6ce68122..0215570a 100644
--- a/app/features/metatip.js
+++ b/app/features/metatip.js
@@ -47,8 +47,8 @@ export function MetaTip(selectorEngine) {
       el.getAttribute('style') && el.getAttribute('style').includes(style.prop)
         ? 0
         : 1)
-    
-    let tip = document.createElement('pb-metatip')
+
+    let tip = document.createElement('visbug-metatip')
 
     tip.meta = {
       el, 
@@ -210,4 +210,4 @@ export function MetaTip(selectorEngine) {
     hotkeys.unbind('esc')
     hideAll()
   }
-}
\ No newline at end of file
+}
diff --git a/app/features/search.js b/app/features/search.js
index f33a5eb8..2f20e5b7 100644
--- a/app/features/search.js
+++ b/app/features/search.js
@@ -62,7 +62,7 @@ export function queryPage(query, fn) {
   if (query == '.' || query == '#' || query.trim().endsWith(',')) return
 
   try {
-    let matches = $(query + ':not(tool-pallete):not(script):not(hotkey-map):not(.pb-metatip):not(pb-label):not(pb-handles)')
+    let matches = $(query + ':not(tool-pallete):not(script):not(hotkey-map):not(.visbug-metatip):not(visbug-label):not(visbug-handles)')
     if (!matches.length) matches = $(query)
     if (!fn) SelectorEngine.unselect_all()
     if (matches.length)
@@ -72,4 +72,4 @@ export function queryPage(query, fn) {
           : SelectorEngine.select(el))
   }
   catch (err) {}
-}
\ No newline at end of file
+}
diff --git a/app/features/selectable.js b/app/features/selectable.js
index fd1756eb..a853ba89 100644
--- a/app/features/selectable.js
+++ b/app/features/selectable.js
@@ -100,7 +100,7 @@ export function Selectable() {
 
     document.onkeydown = function(e) {
       if (hotkeys.ctrl && selected.length) {
-        $('pb-handles, pb-label').forEach(el =>
+        $('visbug-handles, visbug-label').forEach(el =>
           el.style.display = 'none')
 
         did_hide = true
@@ -109,7 +109,7 @@ export function Selectable() {
 
     document.onkeyup = function(e) {
       if (did_hide) {
-        $('pb-handles, pb-label').forEach(el =>
+        $('visbug-handles, visbug-label').forEach(el =>
           el.style.display = null)
 
         did_hide = false
@@ -379,7 +379,7 @@ export function Selectable() {
 
   const createLabel = (el, text) => {
     if (!labels[parseInt(el.getAttribute('data-label-id'))]) {
-      const label = document.createElement('pb-label')
+      const label = document.createElement('visbug-label')
 
       label.text = text
       label.position = {
@@ -417,7 +417,7 @@ export function Selectable() {
 
   const createHandle = el => {
     if (!handles[parseInt(el.getAttribute('data-label-id'))]) {
-      const handle = document.createElement('pb-handles')
+      const handle = document.createElement('visbug-handles')
 
       handle.position = {
         boundingRect:   el.getBoundingClientRect(),
diff --git a/app/utilities/common.js b/app/utilities/common.js
index 51971d53..d2a27c2c 100644
--- a/app/utilities/common.js
+++ b/app/utilities/common.js
@@ -42,8 +42,8 @@ export const showHideNodeLabel = (el, show = false) => {
     return
 
   const nodes = $(`
-    pb-label[data-label-id="${el.getAttribute('data-label-id')}"],
-    pb-handles[data-label-id="${el.getAttribute('data-label-id')}"]
+    visbug-label[data-label-id="${el.getAttribute('data-label-id')}"],
+    visbug-handles[data-label-id="${el.getAttribute('data-label-id')}"]
   `)
 
   nodes.length && show
@@ -61,9 +61,9 @@ export const isOffBounds = node =>
   node.closest &&
   (node.closest('tool-pallete') 
   || node.closest('hotkey-map')
-  || node.closest('pb-metatip')
-  || node.closest('pb-ally')
-  || node.closest('pb-label')
-  || node.closest('pb-handles')
-  || node.closest('pb-gridlines')
+  || node.closest('visbug-metatip')
+  || node.closest('visbug-ally')
+  || node.closest('visbug-label')
+  || node.closest('visbug-handles')
+  || node.closest('visbug-gridlines')
   )
\ No newline at end of file
diff --git a/assets/visbug.svg b/assets/visbug.svg
index f17eba05..cfa94da3 100644
--- a/assets/visbug.svg
+++ b/assets/visbug.svg
@@ -1,7 +1,7 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg width="512px" height="512px" viewBox="0 0 512 512" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch -->
-    <title>PixelBug Copy 2</title>
+    <title>VisBug Copy 2</title>
     <desc>Created with Sketch.</desc>
     <defs>
         <filter x="0.0%" y="0.0%" width="100.0%" height="100.0%" filterUnits="objectBoundingBox" id="filter-1">
@@ -13,7 +13,7 @@
             </feMerge>
         </filter>
     </defs>
-    <g id="PixelBug-Copy-2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+    <g id="VisBug-Copy-2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <path d="M434,144 C469.898509,144 499,114.898509 499,79 C499,43.1014913 469.898509,14 434,14 C398.101491,14 369,43.1014913 369,79 C369,114.898509 398.101491,144 434,144 Z" id="k" fill="#000000" fill-rule="nonzero"></path>
         <g id="multiply-group" filter="url(#filter-1)" transform="translate(-26.000000, -26.000000)" fill-rule="nonzero">
             <path d="M252.849285,316.021385 C384.402163,316.021385 491.046841,224.539715 491.046841,224.539715 C491.046841,224.539715 384.402163,133.058045 252.849285,133.058045 C121.296407,133.058045 14.6517289,224.539715 14.6517289,224.539715 C14.6517289,224.539715 121.296407,316.021385 252.849285,316.021385 Z" id="c" fill="#00FFFF" style="mix-blend-mode: multiply;" transform="translate(252.849285, 224.539715) rotate(-30.000000) translate(-252.849285, -224.539715) "></path>
@@ -21,4 +21,4 @@
             <path d="M340.035642,403.207742 C471.588519,403.207742 578.233198,311.726071 578.233198,311.726071 C578.233198,311.726071 471.588519,220.244401 340.035642,220.244401 C208.482764,220.244401 101.838086,311.726071 101.838086,311.726071 C101.838086,311.726071 208.482764,403.207742 340.035642,403.207742 Z" id="y" fill="#FF00FF" style="mix-blend-mode: multiply;" transform="translate(340.035642, 311.726071) rotate(-60.000000) translate(-340.035642, -311.726071) "></path>
         </g>
     </g>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/extension/manifest.json b/extension/manifest.json
index 13417fe5..001aad48 100644
--- a/extension/manifest.json
+++ b/extension/manifest.json
@@ -10,7 +10,7 @@
   "background": {
     "persistent": true,
     "scripts": [
-      "pixelbug.js"
+      "visbug.js"
     ]
   },
   "browser_action": {
diff --git a/extension/pixelbug.js b/extension/visbug.js
similarity index 100%
rename from extension/pixelbug.js
rename to extension/visbug.js