sanitizer moved from addons

Author: neSpecc

example/index.html

@@ -223,9 +223,10 @@ <h2>Test Vue integration: &lt;test-component&gt;</h2>
       })
     </script>
 </section>
-<script src="assets/hawk.js"></script>
 <script src="sample-errors.js"></script>
-<script>
+<script type="module">
+  import HawkCatcher from '../src';
+
   window.hawk = new HawkCatcher({
     token: 'eyJpbnRlZ3JhdGlvbklkIjoiNWU5OTE1MzItZTdiYy00ZjA0LTliY2UtYmIzZmE5ZTUwMTg3Iiwic2VjcmV0IjoiMTBlMTA4MjQtZTcyNC00YWFkLTkwMDQtMzExYTU1OWMzZTIxIn0=',
     // collectorEndpoint: 'ws://localhost:3000/ws',

src/catcher.ts

@@ -261,8 +261,9 @@ export default class Catcher {
       const isAlreadySentError = isErrorProcessed(error);
 
       if (isAlreadySentError) {
-        log('Error already sent', 'warn');
-
+        /**
+         * @todo add debug build and log this case
+         */
         return;
       } else {
         markErrorAsProcessed(error);
@@ -274,7 +275,7 @@ export default class Catcher {
        * If this event caught by integration (Vue or other), it can pass extra addons
        */
       if (integrationAddons) {
-        this.appendIntegrationAddons(errorFormatted, integrationAddons);
+        this.appendIntegrationAddons(errorFormatted, Sanitizer.sanitize(integrationAddons));
       }
 
       this.sendErrorFormatted(errorFormatted);
@@ -286,7 +287,7 @@ export default class Catcher {
         return;
       }
 
-      log('Internal error ლ(´ڡ`ლ)', 'error', e);
+      log('Unable to send error. Seems like it is Hawk internal bug. Please, report it here: https://github.com/codex-team/hawk.javascript/issues/new', 'warn', e);
     }
   }
 

src/integrations/vue.ts

@@ -1,5 +1,4 @@
-import Sanitizer from './../modules/sanitizer';
-import type { VueIntegrationAddons } from '@hawk.so/types';
+import type { JsonNode, VueIntegrationAddons } from '@hawk.so/types';
 
 interface VueIntegrationOptions {
   /**
@@ -102,7 +101,7 @@ export class VueIntegration {
      * Fill props
      */
     if (vm.$options && vm.$options.propsData) {
-      addons.props = Sanitizer.sanitize(vm.$options.propsData);
+      addons.props = vm.$options.propsData;
     }
 
     /**
@@ -112,7 +111,7 @@ export class VueIntegration {
       addons.data = {};
 
       Object.entries(vm._data).forEach(([key, value]) => {
-        addons.data![key] = Sanitizer.sanitize(value);
+        addons.data![key] = value as JsonNode;
       });
     }
 
@@ -124,7 +123,7 @@ export class VueIntegration {
 
       Object.entries(vm._computedWatchers).forEach(([key, watcher]) => {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        addons.computed![key] = Sanitizer.sanitize((watcher as {[key: string]: any}).value);
+        addons.computed![key] = (watcher as {[key: string]: any}).value;
       });
     }
 

src/utils/log.ts

@@ -24,17 +24,15 @@ export default function log(msg: string, type = 'log', args?: any, style = 'colo
     return;
   }
 
-  const editorLabelText = `Hawk JavaScript.js ${VERSION}`;
+  const editorLabelText = `Hawk (${VERSION})`;
   const editorLabelStyle = `line-height: 1em;
-            color: #006FEA;
+            color: #fff;
             display: inline-block;
-            font-size: 11px;
             line-height: 1em;
-            background-color: #fff;
-            padding: 4px 9px;
-            border-radius: 30px;
-            border: 1px solid rgba(56, 138, 229, 0.16);
-            margin: 4px 5px 4px 0;`;
+            background-color: rgba(0,0,0,.7);
+            padding: 3px 5px;
+            border-radius: 3px;
+            margin-right: 2px`;
 
   try {
     if (['time', 'timeEnd'].includes(type)) {