Add Sky-Shop detection

src/drivers/webextension/css/styles.css

@@ -82,6 +82,10 @@ a, a:focus, a:hover {
   width: 100%;
 }
 
+.footer--hidden {
+  display: none;
+}
+
 .footer__heading {
   font-weight: bold;
 }
@@ -124,7 +128,7 @@ a, a:focus, a:hover {
 
 .empty {
   opacity: .8;
-  padding: 5rem 1.5rem 4.5rem 1.5rem;
+  padding: 4.5rem 1.5rem 4.5rem 1.5rem;
   text-align: center;
 }
 
@@ -201,6 +205,7 @@ body.dynamic-icon .category__heading:hover .category__pin {
   display: inline-flex;
   height: 32px;
   margin-right: .5rem;
+  overflow: hidden;
   width: 32px;
 }
 
@@ -238,7 +243,7 @@ body.dynamic-icon .category__heading:hover .category__pin {
   border-radius: 3px;
   font-size: .7rem;
   padding: .2rem .3rem .1rem .3rem;
-  margin-left: .5rem;
+  margin-left: .3rem;
   vertical-align: middle;
 }
 
@@ -247,8 +252,7 @@ body.dynamic-icon .category__heading:hover .category__pin {
   display: flex;
   flex-direction: column;
   justify-content: center;
-  padding: 1.5rem 1.5rem 1rem 1.5rem;
+  height: 16rem;
-  height: 14rem;
   width: 36rem;
 }
 
@@ -274,9 +278,6 @@ body.dynamic-icon .category__heading:hover .category__pin {
   width: 80%;
 }
 
-.terms__buttons {
-}
-
 .terms__button {
   background-color: #4608ad;
   border: none;
@@ -343,4 +344,15 @@ body.dynamic-icon .category__heading:hover .category__pin {
   body.theme-mode .footer__button {
     color: var(--color-text-dark);
   }
+
+  body.theme-mode .terms__button {
+    background-color: white;
+    color: var(--color-primary);
+  }
+
+  body.theme-mode .terms__button--decline {
+    background-color: var(--color-primary-darken);
+    border: 1px solid white;
+    color: white;
+  }
 }

src/drivers/webextension/images/icons/Sky-Shop.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="ostateczna_kopia_1_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32.073px" viewBox="4 4 32 32.073" enable-background="new 4 4 32 32.073" xml:space="preserve">
+<path fill="#E8404E" d="M4.809,6.2V6.158c0-1.114,1.073-2.085,2.291-2.085h2.849c0.042,0,1.176,0.021,2.043,1.198l0.022,0.02  l1.218,2.085h19.056c1.112,0,1.917,0.311,2.414,0.929c0.721,0.909,0.434,2.168,0.434,2.209v0.021l-3.386,8.34  c-0.019,0.042-0.291,1.011-1.113,1.94c-1.054,1.178-2.458,1.756-4.214,1.796c-3.178,0-8.194,0-8.194,0  c-1.507,0-2.436,0.083-2.436,1.425s0.907,1.445,2.436,1.445l10.424,0.021l0,0c1.032,0.186,1.737,0.971,1.737,1.939v0.104  c0,1.156-0.952,2.084-2.108,2.084c0,0-11.127,0-11.23,0c-3.015,0-5.491-2.496-5.491-5.511c0-2.002,0.702-5.451,5.471-5.614h8.239  c1.466,0,1.855-0.104,2.474-1.218l0.024-0.021c0.699-1.031,2.517-5.636,2.517-5.636H14.821l1.569,2.911  c0.268,0.476,0.351,1.013,0.206,1.549c-0.144,0.536-0.475,0.971-0.949,1.238c-0.309,0.187-0.66,0.269-1.032,0.269  c-0.722,0-1.404-0.393-1.775-1.033c0,0-4.418-8.196-4.439-8.257l-0.02-0.062H6.996C5.737,8.285,4.809,7.356,4.809,6.2z   M15.399,31.571c1.238,0,2.25,1.015,2.25,2.251s-1.012,2.251-2.25,2.251c-1.24,0-2.251-1.015-2.251-2.251  C13.128,32.561,14.139,31.571,15.399,31.571z M28.015,31.571c1.236,0,2.247,1.015,2.247,2.251s-1.011,2.251-2.247,2.251  c-1.243,0-2.251-1.015-2.251-2.251C25.742,32.561,26.753,31.571,28.015,31.571z"/>
+</svg>

src/drivers/webextension/js/content.js

@@ -111,7 +111,14 @@ const Content = {
         {
           source: 'content.js',
           func,
-          args: args ? (Array.isArray(args) ? args : [args]) : [],
+          args:
+            args instanceof Error
+              ? [args.toString()]
+              : args
+              ? Array.isArray(args)
+                ? args
+                : [args]
+              : [],
         },
         (response) => {
           chrome.runtime.lastError
@@ -182,8 +189,7 @@ const Content = {
           try {
             nodes = document.querySelectorAll(selector)
           } catch (error) {
-            // eslint-disable-next-line no-console
+            Content.driver('error', error)
-            console.error(error)
           }
 
           if (!nodes.length) {

src/drivers/webextension/js/popup.js

@@ -70,12 +70,14 @@ const Popup = {
     if (termsAccepted) {
       document.querySelector('.terms').classList.add('terms--hidden')
       document.querySelector('.empty').classList.remove('empty--hidden')
+      document.querySelector('.footer').classList.remove('footer--hidden')
 
       Popup.onGetDetections(await Popup.driver('getDetections'))
     } else {
       document.querySelector('.terms').classList.remove('terms--hidden')
       document.querySelector('.detections').classList.add('detections--hidden')
       document.querySelector('.empty').classList.add('empty--hidden')
+      document.querySelector('.footer').classList.add('footer--hidden')
 
       document
         .querySelector('.terms__button--accept')
@@ -85,6 +87,7 @@ const Popup = {
 
           document.querySelector('.terms').classList.add('terms--hidden')
           document.querySelector('.empty').classList.remove('empty--hidden')
+          document.querySelector('.footer').classList.remove('footer--hidden')
 
           Popup.onGetDetections(await Popup.driver('getDetections'))
         })
@@ -97,6 +100,7 @@ const Popup = {
 
           document.querySelector('.terms').classList.add('terms--hidden')
           document.querySelector('.empty').classList.remove('empty--hidden')
+          document.querySelector('.footer').classList.remove('footer--hidden')
 
           Popup.onGetDetections(await Popup.driver('getDetections'))
         })
@@ -202,11 +206,13 @@ const Popup = {
     if (!detections || !detections.length) {
       document.querySelector('.empty').classList.remove('empty--hidden')
       document.querySelector('.detections').classList.add('detections--hidden')
+      document.querySelector('.footer').classList.add('footer--hidden')
 
       return
     }
 
     document.querySelector('.empty').classList.add('empty--hidden')
+    document.querySelector('.footer').classList.remove('footer--hidden')
 
     const el = document.querySelector('.detections')
 

src/technologies.json

@@ -12453,7 +12453,7 @@
       ],
       "description": "New Relic is a SaaS offering that focuses on performance and availability monitoring.",
       "icon": "New Relic.svg",
-      "dom": "link[.newrelic.com']",
+      "dom": "link['.newrelic.com']",
       "js": {
         "NREUM": "",
         "newrelic": ""
@@ -16779,6 +16779,27 @@
       "icon": "Sellacious.png",
       "website": "https://www.sellacious.com"
     },
+    "Sky-Shop": {
+      "cats": [
+        6
+      ],
+      "description": "Sky-Shop.pl is a platform for dropshipping an online sales on Allegro, eBay and Amazon.",
+      "icon": "Sky-Shop.svg",
+      "dom": ".skyshop-container",
+      "meta": {
+        "generator": "Sky-Shop"
+      },
+      "js": {
+        "L.CONTINUE_SHOPPING": ""
+      },
+      "pricing": [
+        "low",
+        "recurring"
+      ],
+      "saas": true,
+      "implies": ["PHP", "Bootstrap", "jQuery"],
+      "website": "https://sky-shop.pl"
+    },
     "Shopify": {
       "cats": [
         6