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

@@ -64,4 +64,4 @@ export class Hotkeys extends HTMLElement {
   }
 }
 
-customElements.define('pb-hotkeys', Hotkeys)
+customElements.define('visbug-hotkeys', Hotkeys)

app/components/metatip/ally.element.js

@@ -23,4 +23,4 @@ export class Ally extends Metatip {
   }
 }
 
-customElements.define('pb-ally', Ally)
+customElements.define('visbug-ally', Ally)

app/components/metatip/metatip.element.js

@@ -86,4 +86,4 @@ export class Metatip extends HTMLElement {
   }
 }
 
-customElements.define('pb-metatip', Metatip)
+customElements.define('visbug-metatip', Metatip)

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)

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)
+customElements.define('visbug-handles', Handles)

app/components/selection/label.element.js

@@ -110,4 +110,4 @@ export class Label extends HTMLElement {
   }
 }
 
-customElements.define('pb-label', Label)
+customElements.define('visbug-label', Label)

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)
+customElements.define('visbug-overlay', Overlay)

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}

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()
   }
-}
+}

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'
-}
+}

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
   }, [])
-}
+}

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()
   }
-}
+}

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) {}
-}
+}

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(),

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')
   )

extension/manifest.json

@@ -10,7 +10,7 @@
   "background": {
     "persistent": true,
     "scripts": [
-      "pixelbug.js"
+      "visbug.js"
     ]
   },
   "browser_action": {