sample-piral 0.14.1-beta.3256 → 0.14.3-beta.3296

package/app/{index.f71419.js → index.b159b3.js}

@@ -1377,7 +1377,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "blazingStrategy": () => (/* binding */ blazingStrategy),
 /* harmony export */   "asyncStrategy": () => (/* binding */ asyncStrategy),
 /* harmony export */   "standardStrategy": () => (/* binding */ standardStrategy),
-/* harmony export */   "syncStrategy": () => (/* binding */ syncStrategy)
+/* harmony export */   "syncStrategy": () => (/* binding */ syncStrategy),
+/* harmony export */   "createDeferredStrategy": () => (/* binding */ createDeferredStrategy)
 /* harmony export */ });
 /* harmony import */ var _loader__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./loader */ "../../framework/piral-base/esm/loader.js");
 /* harmony import */ var _load__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./load */ "../../framework/piral-base/esm/load.js");
@@ -1572,6 +1573,24 @@ function syncStrategy(options, cb) {
     });
   });
 }
+/**
+ * Creates a strategy that deferres the actual loading until a trigger promise resolves.
+ * The loading spinner is not shown during this time and pilets are supposed to appear directly.
+ * @param trigger The trigger resolving when the strategy should be applied.
+ * @param strategy The strategy to apply. Falls back to the standard strategy.
+ * @returns A pilet loading strategy.
+ */
+
+function createDeferredStrategy(trigger) {
+  var strategy = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : standardStrategy;
+  return function (options, cb) {
+    cb(undefined, []);
+    trigger.then(function () {
+      return strategy(options, cb);
+    });
+    return Promise.resolve();
+  };
+}
 
 /***/ }),
 
@@ -3167,7 +3186,7 @@ function createInstance() {
   var createApi = apiFactory(context, usedPlugins);
   var root = createApi({
     name: 'root',
-    version: "0.14.1-beta.3256" || 0,
+    version: "0.14.3-beta.3296" || 0,
     spec: ''
   });
   var options = (0,_helpers__WEBPACK_IMPORTED_MODULE_5__.createPiletOptions)({
@@ -3265,9 +3284,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "useAction": () => (/* binding */ useAction)
 /* harmony export */ });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "../../../node_modules/react/index.js");
-/* harmony import */ var _state_stateContext__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../state/stateContext */ "../../framework/piral-core/esm/state/stateContext.js");
-
+/* harmony import */ var _globalState__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./globalState */ "../../framework/piral-core/esm/hooks/globalState.js");
 
 /**
  * Hook that gets an action for manipulating the global state.
@@ -3275,7 +3292,7 @@ __webpack_require__.r(__webpack_exports__);
  */
 
 function useAction(action) {
-  var ctx = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_state_stateContext__WEBPACK_IMPORTED_MODULE_1__.StateContext);
+  var ctx = (0,_globalState__WEBPACK_IMPORTED_MODULE_0__.useGlobalStateContext)();
   return ctx[action];
 }
 
@@ -3321,6 +3338,7 @@ function useActions() {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "useGlobalStateContext": () => (/* binding */ useGlobalStateContext),
 /* harmony export */   "useGlobalState": () => (/* binding */ useGlobalState)
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "../../../node_modules/react/index.js");
@@ -3337,10 +3355,20 @@ function useDirectAtom(atom, opts) {
   var select = opts && opts.select;
   return typeof select === 'function' ? select(state) : state;
 }
+/**
+ * Hook to obtain the global state context, which gives you directly
+ * all actions, state, and more of the Piral instance.
+ * If you are only interested in reading out the state, use the
+ * `useGlobalState` hook instead.
+ */
+
 
+function useGlobalStateContext() {
+  return (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_state_stateContext__WEBPACK_IMPORTED_MODULE_2__.StateContext);
+}
 function useGlobalState(select) {
-  var _useContext = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_state_stateContext__WEBPACK_IMPORTED_MODULE_2__.StateContext),
-      state = _useContext.state;
+  var _useGlobalStateContex = useGlobalStateContext(),
+      state = _useGlobalStateContex.state;
 
   return useGlobalAtom(state, select && {
     select: select
@@ -3361,6 +3389,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "useAction": () => (/* reexport safe */ _action__WEBPACK_IMPORTED_MODULE_0__.useAction),
 /* harmony export */   "useActions": () => (/* reexport safe */ _actions__WEBPACK_IMPORTED_MODULE_1__.useActions),
 /* harmony export */   "useGlobalState": () => (/* reexport safe */ _globalState__WEBPACK_IMPORTED_MODULE_2__.useGlobalState),
+/* harmony export */   "useGlobalStateContext": () => (/* reexport safe */ _globalState__WEBPACK_IMPORTED_MODULE_2__.useGlobalStateContext),
 /* harmony export */   "useMedia": () => (/* reexport safe */ _media__WEBPACK_IMPORTED_MODULE_3__.useMedia),
 /* harmony export */   "useSetter": () => (/* reexport safe */ _setter__WEBPACK_IMPORTED_MODULE_4__.useSetter),
 /* harmony export */   "useSharedData": () => (/* reexport safe */ _sharedData__WEBPACK_IMPORTED_MODULE_5__.useSharedData)
@@ -3539,6 +3568,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "useAction": () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_4__.useAction),
 /* harmony export */   "useActions": () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_4__.useActions),
 /* harmony export */   "useGlobalState": () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_4__.useGlobalState),
+/* harmony export */   "useGlobalStateContext": () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_4__.useGlobalStateContext),
 /* harmony export */   "useMedia": () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_4__.useMedia),
 /* harmony export */   "useSetter": () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_4__.useSetter),
 /* harmony export */   "useSharedData": () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_4__.useSharedData),
@@ -4098,11 +4128,11 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "../../../node_modules/react/index.js");
 /* harmony import */ var piral_base__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! piral-base */ "../../framework/piral-base/esm/utils.js");
 /* harmony import */ var react_router__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! react-router */ "../../../node_modules/react-router/esm/react-router.js");
-/* harmony import */ var _stateContext__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./stateContext */ "../../framework/piral-core/esm/state/stateContext.js");
 /* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../components */ "../../framework/piral-core/esm/components/ErrorBoundary.js");
 /* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../components */ "../../framework/piral-core/esm/components/PortalRenderer.js");
 /* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../components */ "../../framework/piral-core/esm/components/components.js");
 /* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../hooks */ "../../framework/piral-core/esm/hooks/actions.js");
+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../hooks */ "../../framework/piral-core/esm/hooks/globalState.js");
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../utils */ "../../framework/piral-core/esm/utils/react.js");
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../utils */ "../../framework/piral-core/esm/utils/helpers.js");
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../utils */ "../../framework/piral-core/esm/utils/foreign.js");
@@ -4133,7 +4163,6 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 
 
 
-
  // this is an arbitrary start number to have 6 digits
 
 var portalIdBase = 123456;
@@ -4247,8 +4276,8 @@ function wrapForeignComponent(component, stasisOptions, piral, Wrapper) {
     var _useActions = (0,_hooks__WEBPACK_IMPORTED_MODULE_4__.useActions)(),
         destroyPortal = _useActions.destroyPortal;
 
-    var _React$useContext = react__WEBPACK_IMPORTED_MODULE_0__.useContext(_stateContext__WEBPACK_IMPORTED_MODULE_5__.StateContext),
-        state = _React$useContext.state;
+    var _useGlobalStateContex = (0,_hooks__WEBPACK_IMPORTED_MODULE_5__.useGlobalStateContext)(),
+        state = _useGlobalStateContex.state;
 
     var router = react__WEBPACK_IMPORTED_MODULE_0__.useContext(react_router__WEBPACK_IMPORTED_MODULE_6__.__RouterContext);
     var id = react__WEBPACK_IMPORTED_MODULE_0__.useMemo(function () {
@@ -5175,6 +5204,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "useAction": () => (/* reexport safe */ piral_core__WEBPACK_IMPORTED_MODULE_0__.useAction),
 /* harmony export */   "useActions": () => (/* reexport safe */ piral_core__WEBPACK_IMPORTED_MODULE_0__.useActions),
 /* harmony export */   "useGlobalState": () => (/* reexport safe */ piral_core__WEBPACK_IMPORTED_MODULE_0__.useGlobalState),
+/* harmony export */   "useGlobalStateContext": () => (/* reexport safe */ piral_core__WEBPACK_IMPORTED_MODULE_0__.useGlobalStateContext),
 /* harmony export */   "useMedia": () => (/* reexport safe */ piral_core__WEBPACK_IMPORTED_MODULE_0__.useMedia),
 /* harmony export */   "useSetter": () => (/* reexport safe */ piral_core__WEBPACK_IMPORTED_MODULE_0__.useSetter),
 /* harmony export */   "useSharedData": () => (/* reexport safe */ piral_core__WEBPACK_IMPORTED_MODULE_0__.useSharedData),
@@ -8689,12 +8719,12 @@ function installPiralDebug(options) {
     debug: debugApiVersion,
     instance: {
       name: "sample-piral",
-      version: "0.14.1-beta.3256",
+      version: "0.14.3-beta.3296",
       dependencies: "reactstrap,react,react-dom,react-router,react-router-dom,history,tslib,path-to-regexp,@libre/atom,@dbeining/react-atom"
     },
     build: {
-      date: "2021-11-16T14:02:08.912Z",
-      cli: "0.14.0",
+      date: "2021-11-24T14:30:26.764Z",
+      cli: "0.14.2",
       compat: "0.14"
     },
     pilets: {
@@ -79992,4 +80022,4 @@ var layout_1 = __webpack_require__(/*! ./layout */ "./src/layout.tsx");
 
 /******/ })()
 ;
-//# sourceMappingURL=index.f71419.js.map
+//# sourceMappingURL=index.b159b3.js.map