piral-debug-utils - npm Package Compare versions

Comparing version 1.6.0-beta.7193 to 1.6.0-beta.7199

esm/debug.js

 import { ExtensionCatalogue } from './ExtensionCatalogue';
 import { decycle } from './decycle';
+import { overlayId } from './overlay';
 import { createVisualizer, destroyVisualizer, toggleVisualizer } from './visualizer';
@@ -59,2 +60,11 @@ import { getInitialSettings, initialSetter, enablePersistance, disablePersistance, settingsKeys } from './state';
         },
+        errorOverlay: {
+            value: initialSettings.errorOverlay,
+            type: 'boolean',
+            label: 'Show error overlay',
+            group: 'extensions',
+            onChange(value) {
+                setValue(settingsKeys.errorOverlay, value ? 'on' : 'off');
+            },
+        },
         extensionCatalogue: {
@@ -303,8 +313,17 @@ value: initialSettings.extensionCatalogue,
         if (ev.type.startsWith('piral-')) {
+            const name = ev.type.replace('piral-', '');
+            const args = ev.detail.arg;
             events.unshift({
                 id: events.length.toString(),
-                name: ev.type.replace('piral-', ''),
-                args: decycle(ev.detail.arg),
+                name,
+                args: decycle(args),
                 time: Date.now(),
             });
+            if (name === 'unhandled-error' &&
+                args.errorType &&
+                typeof customElements !== 'undefined' &&
+                sessionStorage.getItem(settingsKeys.errorOverlay) !== 'off') {
+                const ErrorOverlay = customElements.get(overlayId);
+                document.body.appendChild(new ErrorOverlay(args));
+            }
             sendMessage({
@@ -327,2 +346,3 @@ events,
                 clearConsole: sessionStorage.getItem(settingsKeys.clearConsole) === 'on',
+                errorOverlay: sessionStorage.getItem(settingsKeys.errorOverlay) !== 'off',
             });
@@ -329,0 +349,0 @@ }

esm/state.d.ts

@@ -10,2 +10,3 @@ import { DefaultDebugSettings } from './types';
     persistSettings: string;
+    errorOverlay: string;
 };
@@ -22,4 +23,5 @@ export declare function enablePersistance(): (name: string, value: string) => void;
     clearConsole: boolean;
+    errorOverlay: boolean;
     persistSettings: boolean;
     cataloguePath: string;
 };

esm/state.js

@@ -9,2 +9,3 @@ export const settingsKeys = {
     persistSettings: 'dbg:persist-settings-data',
+    errorOverlay: 'dbg:error-overlay',
 };
@@ -73,2 +74,3 @@ const persistKey = settingsKeys.persistSettings;
         clearConsole: getValue(settingsKeys.clearConsole, defaultValues.clearConsole, false),
+        errorOverlay: getValue(settingsKeys.errorOverlay, defaultValues.errorOverlay, true),
         persistSettings,
@@ -75,0 +77,0 @@ cataloguePath: '/$debug-extension-catalogue',

esm/types.d.ts

@@ -13,2 +13,3 @@ import type { FC } from 'react';
     clearConsole?: boolean;
+    errorOverlay?: boolean;
 }
@@ -15,0 +16,0 @@ export interface EmulatorBaseOptions {

lib/debug.js

@@ -6,2 +6,3 @@ "use strict";
 const decycle_1 = require("./decycle");
+const overlay_1 = require("./overlay");
 const visualizer_1 = require("./visualizer");
@@ -63,2 +64,11 @@ const state_1 = require("./state");
         },
+        errorOverlay: {
+            value: initialSettings.errorOverlay,
+            type: 'boolean',
+            label: 'Show error overlay',
+            group: 'extensions',
+            onChange(value) {
+                setValue(state_1.settingsKeys.errorOverlay, value ? 'on' : 'off');
+            },
+        },
         extensionCatalogue: {
@@ -307,8 +317,17 @@ value: initialSettings.extensionCatalogue,
         if (ev.type.startsWith('piral-')) {
+            const name = ev.type.replace('piral-', '');
+            const args = ev.detail.arg;
             events.unshift({
                 id: events.length.toString(),
-                name: ev.type.replace('piral-', ''),
-                args: (0, decycle_1.decycle)(ev.detail.arg),
+                name,
+                args: (0, decycle_1.decycle)(args),
                 time: Date.now(),
             });
+            if (name === 'unhandled-error' &&
+                args.errorType &&
+                typeof customElements !== 'undefined' &&
+                sessionStorage.getItem(state_1.settingsKeys.errorOverlay) !== 'off') {
+                const ErrorOverlay = customElements.get(overlay_1.overlayId);
+                document.body.appendChild(new ErrorOverlay(args));
+            }
             sendMessage({
@@ -331,2 +350,3 @@ events,
                 clearConsole: sessionStorage.getItem(state_1.settingsKeys.clearConsole) === 'on',
+                errorOverlay: sessionStorage.getItem(state_1.settingsKeys.errorOverlay) !== 'off',
             });
@@ -333,0 +353,0 @@ }

lib/state.d.ts

@@ -10,2 +10,3 @@ import { DefaultDebugSettings } from './types';
     persistSettings: string;
+    errorOverlay: string;
 };
@@ -22,4 +23,5 @@ export declare function enablePersistance(): (name: string, value: string) => void;
     clearConsole: boolean;
+    errorOverlay: boolean;
     persistSettings: boolean;
     cataloguePath: string;
 };

lib/state.js

@@ -12,2 +12,3 @@ "use strict";
     persistSettings: 'dbg:persist-settings-data',
+    errorOverlay: 'dbg:error-overlay',
 };
@@ -78,2 +79,3 @@ const persistKey = exports.settingsKeys.persistSettings;
         clearConsole: getValue(exports.settingsKeys.clearConsole, defaultValues.clearConsole, false),
+        errorOverlay: getValue(exports.settingsKeys.errorOverlay, defaultValues.errorOverlay, true),
         persistSettings,
@@ -80,0 +82,0 @@ cataloguePath: '/$debug-extension-catalogue',

lib/types.d.ts

@@ -13,2 +13,3 @@ import type { FC } from 'react';
     clearConsole?: boolean;
+    errorOverlay?: boolean;
 }
@@ -15,0 +16,0 @@ export interface EmulatorBaseOptions {

package.json

 {
   "name": "piral-debug-utils",
-  "version": "1.6.0-beta.7193",
+  "version": "1.6.0-beta.7199",
   "description": "Utilities for debugging Piral instances.",
@@ -71,5 +71,5 @@ "keywords": [
   "devDependencies": {
-    "piral-base": "1.6.0-beta.7193"
+    "piral-base": "1.6.0-beta.7199"
   },
-  "gitHead": "39928a37da09bee3c2403a791cb7d912f3a97977"
+  "gitHead": "de50a2e3e7bd3478bbc35cfffdc5dd7bdbbb4045"
 }

src/debug.ts

 import { ExtensionCatalogue } from './ExtensionCatalogue';
 import { decycle } from './decycle';
+import { overlayId } from './overlay';
 import { createVisualizer, destroyVisualizer, toggleVisualizer } from './visualizer';
@@ -80,2 +81,11 @@ import { getInitialSettings, initialSetter, enablePersistance, disablePersistance, settingsKeys } from './state';
     },
+    errorOverlay: {
+      value: initialSettings.errorOverlay,
+      type: 'boolean',
+      label: 'Show error overlay',
+      group: 'extensions',
+      onChange(value) {
+        setValue(settingsKeys.errorOverlay, value ? 'on' : 'off');
+      },
+    },
     extensionCatalogue: {
@@ -357,9 +367,22 @@ value: initialSettings.extensionCatalogue,
     if (ev.type.startsWith('piral-')) {
+      const name = ev.type.replace('piral-', '');
+      const args = ev.detail.arg;
+
       events.unshift({
         id: events.length.toString(),
-        name: ev.type.replace('piral-', ''),
-        args: decycle(ev.detail.arg),
+        name,
+        args: decycle(args),
         time: Date.now(),
       });
 
+      if (
+        name === 'unhandled-error' &&
+        args.errorType &&
+        typeof customElements !== 'undefined' &&
+        sessionStorage.getItem(settingsKeys.errorOverlay) !== 'off'
+      ) {
+        const ErrorOverlay = customElements.get(overlayId);
+        document.body.appendChild(new ErrorOverlay(args));
+      }
+
       sendMessage({
@@ -384,2 +407,3 @@ events,
         clearConsole: sessionStorage.getItem(settingsKeys.clearConsole) === 'on',
+        errorOverlay: sessionStorage.getItem(settingsKeys.errorOverlay) !== 'off',
       });
@@ -386,0 +410,0 @@ }

src/state.ts

@@ -11,2 +11,3 @@ import { DefaultDebugSettings } from './types';
   persistSettings: 'dbg:persist-settings-data',
+  errorOverlay: 'dbg:error-overlay',
 };
@@ -91,2 +92,3 @@
     clearConsole: getValue(settingsKeys.clearConsole, defaultValues.clearConsole, false),
+    errorOverlay: getValue(settingsKeys.errorOverlay, defaultValues.errorOverlay, true),
     persistSettings,
@@ -93,0 +95,0 @@ cataloguePath: '/$debug-extension-catalogue',

src/types.ts

@@ -15,2 +15,3 @@ import type { FC } from 'react';
   clearConsole?: boolean;
+  errorOverlay?: boolean;
 }
@@ -17,0 +18,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

196266

increased by21.58%

Number of package files

82

increased by9.33%

Lines of code

3581

increased by27.17%

No dependency changes