sample-piral 0.15.0-beta.4579 → 0.15.0-beta.4633

package/app/index.d.ts

@@ -915,6 +915,10 @@ declare module "sample-piral" {
      * @returns The disposable for stopping the block.
      */
     listen(listener: NavigationListener): Disposable;
+    /**
+     * The original router behind the navigation.
+     */
+    router: any;
   }
 
   export type Without<T, K> = Pick<T, Exclude<keyof T, K>>;

package/app/{index.46df69.js → index.e41fbd.js}

@@ -3408,11 +3408,13 @@ function wrapForeignComponent(component, captured, Wrapper) {
 
     var id = react__WEBPACK_IMPORTED_MODULE_0__.useMemo(function () {
       return (portalIdBase++).toString(26);
-    }, _utils__WEBPACK_IMPORTED_MODULE_2__.none);
+    }, _utils__WEBPACK_IMPORTED_MODULE_2__.none); // router added for backwards compatibility
+
     var context = react__WEBPACK_IMPORTED_MODULE_0__.useMemo(function () {
       return {
         publicPath: _app_codegen__WEBPACK_IMPORTED_MODULE_3__.publicPath,
-        navigation: navigation
+        navigation: navigation,
+        router: navigation.router
       };
     }, []);
     var innerProps = react__WEBPACK_IMPORTED_MODULE_0__.useMemo(function () {
@@ -8299,13 +8301,14 @@ function installPiralDebug(options) {
   var excludedRoutes = [_state__WEBPACK_IMPORTED_MODULE_0__.initialSettings.cataloguePath];
   var selfSource = 'piral-debug-api';
   var debugApiVersion = 'v1';
+  var setValue = _state__WEBPACK_IMPORTED_MODULE_0__.initialSetter;
   var settings = Object.assign(Object.assign({}, customSettings), {
     viewState: {
       value: _state__WEBPACK_IMPORTED_MODULE_0__.initialSettings.viewState,
       type: 'boolean',
       label: 'State container logging',
       onChange: function onChange(value) {
-        sessionStorage.setItem('dbg:view-state', value ? 'on' : 'off');
+        setValue('dbg:view-state', value ? 'on' : 'off');
       }
     },
     loadPilets: {
@@ -8313,7 +8316,7 @@ function installPiralDebug(options) {
       type: 'boolean',
       label: 'Load available pilets',
       onChange: function onChange(value) {
-        sessionStorage.setItem('dbg:load-pilets', value ? 'on' : 'off');
+        setValue('dbg:load-pilets', value ? 'on' : 'off');
       }
     },
     hardRefresh: {
@@ -8321,7 +8324,7 @@ function installPiralDebug(options) {
       type: 'boolean',
       label: 'Full refresh on change',
       onChange: function onChange(value) {
-        sessionStorage.setItem('dbg:hard-refresh', value ? 'on' : 'off');
+        setValue('dbg:hard-refresh', value ? 'on' : 'off');
       }
     },
     viewOrigins: {
@@ -8329,7 +8332,7 @@ function installPiralDebug(options) {
       type: 'boolean',
       label: 'Visualize component origins',
       onChange: function onChange(value, prev) {
-        sessionStorage.setItem('dbg:view-origins', value ? 'on' : 'off');
+        setValue('dbg:view-origins', value ? 'on' : 'off');
 
         if (prev !== value) {
           updateVisualize(value);
@@ -8341,7 +8344,23 @@ function installPiralDebug(options) {
       type: 'boolean',
       label: 'Enable extension catalogue',
       onChange: function onChange(value) {
-        sessionStorage.setItem('dbg:extension-catalogue', value ? 'on' : 'off');
+        setValue('dbg:extension-catalogue', value ? 'on' : 'off');
+      }
+    },
+    clearConsole: {
+      value: _state__WEBPACK_IMPORTED_MODULE_0__.initialSettings.clearConsole,
+      type: 'boolean',
+      label: 'Clear console during HMR',
+      onChange: function onChange(value) {
+        setValue('dbg:clear-console', value ? 'on' : 'off');
+      }
+    },
+    persistSettings: {
+      value: _state__WEBPACK_IMPORTED_MODULE_0__.initialSettings.persistSettings,
+      type: 'boolean',
+      label: 'Persist settings',
+      onChange: function onChange(value) {
+        setValue = value ? (0,_state__WEBPACK_IMPORTED_MODULE_0__.enablePersistance)() : (0,_state__WEBPACK_IMPORTED_MODULE_0__.disablePersistance)();
       }
     }
   });
@@ -8508,12 +8527,12 @@ function installPiralDebug(options) {
     debug: debugApiVersion,
     instance: {
       name: "sample-piral",
-      version: "0.15.0-beta.4579",
+      version: "0.15.0-beta.4633",
       dependencies: "reactstrap,tslib,react,react-dom,react-router,react-router-dom"
     },
     build: {
-      date: "2022-08-16T21:29:09.526Z",
-      cli: "0.14.29",
+      date: "2022-08-30T19:25:48.541Z",
+      cli: "0.14.30",
       compat: "0.14"
     }
   };
@@ -8915,7 +8934,15 @@ function installPiletEmulator(requestPilets, options) {
           // we should make sure to only refresh the page / router if pilets have been loaded
           var unfreeze = (0,_DebugRouteSwitch__WEBPACK_IMPORTED_MODULE_0__.freezeRouteRefresh)(); // tear down pilet
 
-          removePilet(meta.name) // load and evaluate pilet
+          removePilet(meta.name).then(function () {
+            var clearConsole = sessionStorage.getItem('dbg:clear-console') === 'on';
+
+            if (clearConsole) {
+              console.clear();
+            }
+
+            console.log('Updating pilet %c%s ...', 'color: green; background: white; font-weight: bold', name);
+          }) // load and evaluate pilet
           .then(function () {
             return addPilet(meta);
           }) // then disable route cache, should be zero again and lead to route refresh
@@ -8954,7 +8981,10 @@ function installPiletEmulator(requestPilets, options) {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "disablePersistance": () => (/* binding */ disablePersistance),
+/* harmony export */   "enablePersistance": () => (/* binding */ enablePersistance),
 /* harmony export */   "getState": () => (/* binding */ getState),
+/* harmony export */   "initialSetter": () => (/* binding */ initialSetter),
 /* harmony export */   "initialSettings": () => (/* binding */ initialSettings),
 /* harmony export */   "navigate": () => (/* binding */ navigate),
 /* harmony export */   "setNavigate": () => (/* binding */ setNavigate),
@@ -8977,12 +9007,58 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 
+var persistKey = 'dbg:persist-settings-data';
+var persistSettings = !!localStorage.getItem(persistKey);
+
+var defaultSetter = function defaultSetter(name, value) {
+  sessionStorage.setItem(name, value);
+};
+
+var persistentSetter = function persistentSetter(name, value) {
+  defaultSetter(name, value);
+  var data = JSON.parse(localStorage.getItem(persistKey));
+  data[name] = value;
+  localStorage.setItem(persistKey, JSON.stringify(data));
+};
+
+if (persistSettings) {
+  try {
+    var settings = JSON.parse(localStorage.getItem(persistKey));
+    Object.keys(settings).forEach(function (name) {
+      var value = settings[name];
+      sessionStorage.setItem(name, value);
+    });
+  } catch (_a) {
+    // invalid data
+    localStorage.setItem(persistKey, '{}');
+  }
+}
+
+function enablePersistance() {
+  var data = {};
+
+  for (var i = 0; i < sessionStorage.length; i++) {
+    var name = sessionStorage.key(i);
+    var value = sessionStorage.getItem(name);
+    data[name] = value;
+  }
+
+  localStorage.setItem(persistKey, JSON.stringify(data));
+  return persistentSetter;
+}
+function disablePersistance() {
+  localStorage.removeItem(persistKey);
+  return defaultSetter;
+}
+var initialSetter = persistSettings ? persistentSetter : defaultSetter;
 var initialSettings = {
   viewState: sessionStorage.getItem('dbg:view-state') !== 'off',
   loadPilets: sessionStorage.getItem('dbg:load-pilets') === 'on',
   hardRefresh: sessionStorage.getItem('dbg:hard-refresh') === 'on',
   viewOrigins: sessionStorage.getItem('dbg:view-origins') === 'on',
   extensionCatalogue: sessionStorage.getItem('dbg:extension-catalogue') !== 'off',
+  clearConsole: sessionStorage.getItem('dbg:clear-console') === 'on',
+  persistSettings: persistSettings,
   cataloguePath: '/$debug-extension-catalogue'
 };
 var listeners = [];
@@ -13086,6 +13162,9 @@ __webpack_require__.r(__webpack_exports__);
             }
             return _nav.listen((location, action) => listener(enhance({ location, action })));
           },
+          router: {
+            history: _nav,
+          },
         };
       }
     
@@ -66242,4 +66321,4 @@ root.render( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(piral
 
 /******/ })()
 ;
-//# sourceMappingURL=index.46df69.js.map
+//# sourceMappingURL=index.e41fbd.js.map