piral-core 1.0.0-pre.2217 → 1.0.0

package/esm/utils/media.js

@@ -1,12 +1,12 @@
 import { isfunc } from 'piral-base';
-export var defaultLayouts = ['desktop', 'tablet', 'mobile'];
-export var defaultBreakpoints = ['(min-width: 991px)', '(min-width: 481px)', '(max-width: 480px)'];
-var mm = typeof window === 'undefined' || !isfunc(window.matchMedia)
-    ? function () { return ({ matches: [] }); }
-    : function (q) { return window.matchMedia(q); };
-export function getCurrentLayout(breakpoints, layouts, defaultLayout) {
-    var query = breakpoints.findIndex(function (q) { return mm(q).matches; });
-    var layout = layouts[query];
+export const defaultLayouts = ['desktop', 'tablet', 'mobile'];
+export const defaultBreakpoints = ['(min-width: 991px)', '(min-width: 481px)', '(max-width: 480px)'];
+const mm = typeof window === 'undefined' || !isfunc(window.matchMedia)
+    ? () => ({ matches: undefined })
+    : (q) => window.matchMedia(q);
+export function getCurrentLayout(breakpoints = defaultBreakpoints, layouts, defaultLayout) {
+    const query = breakpoints.findIndex((q) => mm(q).matches);
+    const layout = layouts[query];
     return layout !== undefined ? layout : defaultLayout;
 }
 //# sourceMappingURL=media.js.map

package/esm/utils/media.js.map

@@ -1 +1 @@
-{"version":3,"file":"media.js","sourceRoot":"","sources":["../../src/utils/media.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAGpC,MAAM,CAAC,IAAM,cAAc,GAAgB,CAAC,SAAS,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;AAE3E,MAAM,CAAC,IAAM,kBAAkB,GAAsB,CAAC,oBAAoB,EAAE,oBAAoB,EAAE,oBAAoB,CAAC,CAAC;AAExH,IAAM,EAAE,GACN,OAAO,MAAM,KAAK,WAAW,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC;IACzD,CAAC,CAAC,cAAM,OAAA,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,EAAjB,CAAiB;IACzB,CAAC,CAAC,UAAC,CAAS,IAAK,OAAA,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,EAApB,CAAoB,CAAC;AAE1C,MAAM,UAAU,gBAAgB,CAAI,WAA0B,EAAE,OAAiB,EAAE,aAAgB;IACjG,IAAM,KAAK,GAAG,WAAW,CAAC,SAAS,CAAC,UAAC,CAAC,IAAK,OAAA,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,EAAb,CAAa,CAAC,CAAC;IAC1D,IAAM,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;IAC9B,OAAO,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC;AACvD,CAAC"}
+{"version":3,"file":"media.js","sourceRoot":"","sources":["../../src/utils/media.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAGpC,MAAM,CAAC,MAAM,cAAc,GAAgB,CAAC,SAAS,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;AAE3E,MAAM,CAAC,MAAM,kBAAkB,GAAsB,CAAC,oBAAoB,EAAE,oBAAoB,EAAE,oBAAoB,CAAC,CAAC;AAExH,MAAM,EAAE,GACN,OAAO,MAAM,KAAK,WAAW,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC;IACzD,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC,CAAS,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;AAE1C,MAAM,UAAU,gBAAgB,CAAI,cAA6B,kBAAkB,EAAE,OAAiB,EAAE,aAAgB;IACtH,MAAM,KAAK,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IAC1D,MAAM,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;IAC9B,OAAO,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC;AACvD,CAAC"}

package/esm/utils/state.d.ts

@@ -0,0 +1,57 @@
+import { ComponentType } from 'react';
+import { RouteComponentProps } from 'react-router';
+import { GlobalState, PageRegistration, ExtensionRegistration } from '../types';
+/**
+ * Returns a dispatcher that includes all mentioned dispatchers.
+ * @param dispatchers The dispatchers to include.
+ */
+export declare function withAll(...dispatchers: Array<(state: GlobalState) => GlobalState>): (state: GlobalState) => GlobalState;
+/**
+ * Returns a dispatcher that adds a page registration.
+ * @param name The path of the page to register.
+ * @param value The value of the page to register.
+ * @returns The dispatcher.
+ */
+export declare function withPage(name: string, value: PageRegistration): (state: GlobalState) => GlobalState;
+/**
+ * Returns a dispatcher that removes a page registration.
+ * @param name The path of the page to unregister.
+ * @returns The dispatcher.
+ */
+export declare function withoutPage(name: string): (state: GlobalState) => GlobalState;
+/**
+ * Returns a dispatcher that adds an extension registration.
+ * @param name The name of the extension to register.
+ * @param value The value of the extension to register.
+ * @returns The dispatcher.
+ */
+export declare function withExtension(name: string, value: ExtensionRegistration): (state: GlobalState) => GlobalState;
+/**
+ * Returns a dispatcher that removes an extension registration.
+ * @param name The name of the extension to unregister.
+ * @param reference The reference for the extension.
+ * @returns The dispatcher.
+ */
+export declare function withoutExtension(name: string, reference: any): (state: GlobalState) => GlobalState;
+/**
+ * Returns a dispatcher that adds an extension registration from the root (no Pilet API).
+ * @param name The name of the extension to register.
+ * @param component The extension's component to use.
+ * @returns The dispatcher.
+ */
+export declare function withRootExtension<T>(name: string, component: ComponentType<T>): (state: GlobalState) => GlobalState;
+/**
+ * Returns a dispatcher that adds another provider.
+ * @param provider The provider to include.
+ * @returns The dispatcher.
+ */
+export declare function withProvider(provider: JSX.Element): (state: GlobalState) => GlobalState;
+/**
+ * Returns a dispatcher that registers another route.
+ * @param path The path of the route to register.
+ * @param component The component representing the route.
+ * @returns The dispatcher.
+ */
+export declare function withRoute<T extends {
+    [K in keyof T]?: string;
+} = {}>(path: string, component: ComponentType<RouteComponentProps<T>>): (state: GlobalState) => GlobalState;

package/esm/utils/state.js

@@ -0,0 +1,83 @@
+import { cloneElement, createElement } from 'react';
+import { toExtension } from './extension';
+import { withKey, withoutKey, appendItem, excludeOn } from './helpers';
+/**
+ * Returns a dispatcher that includes all mentioned dispatchers.
+ * @param dispatchers The dispatchers to include.
+ */
+export function withAll(...dispatchers) {
+    return (state) => {
+        for (const dispatcher of dispatchers) {
+            state = dispatcher(state);
+        }
+        return state;
+    };
+}
+/**
+ * Returns a dispatcher that adds a page registration.
+ * @param name The path of the page to register.
+ * @param value The value of the page to register.
+ * @returns The dispatcher.
+ */
+export function withPage(name, value) {
+    return (state) => (Object.assign(Object.assign({}, state), { registry: Object.assign(Object.assign({}, state.registry), { pages: withKey(state.registry.pages, name, value) }) }));
+}
+/**
+ * Returns a dispatcher that removes a page registration.
+ * @param name The path of the page to unregister.
+ * @returns The dispatcher.
+ */
+export function withoutPage(name) {
+    return (state) => (Object.assign(Object.assign({}, state), { registry: Object.assign(Object.assign({}, state.registry), { pages: withoutKey(state.registry.pages, name) }) }));
+}
+/**
+ * Returns a dispatcher that adds an extension registration.
+ * @param name The name of the extension to register.
+ * @param value The value of the extension to register.
+ * @returns The dispatcher.
+ */
+export function withExtension(name, value) {
+    return (state) => (Object.assign(Object.assign({}, state), { registry: Object.assign(Object.assign({}, state.registry), { extensions: withKey(state.registry.extensions, name, appendItem(state.registry.extensions[name], value)) }) }));
+}
+/**
+ * Returns a dispatcher that removes an extension registration.
+ * @param name The name of the extension to unregister.
+ * @param reference The reference for the extension.
+ * @returns The dispatcher.
+ */
+export function withoutExtension(name, reference) {
+    return (state) => (Object.assign(Object.assign({}, state), { registry: Object.assign(Object.assign({}, state.registry), { extensions: withKey(state.registry.extensions, name, excludeOn(state.registry.extensions[name], (m) => m.reference === reference)) }) }));
+}
+/**
+ * Returns a dispatcher that adds an extension registration from the root (no Pilet API).
+ * @param name The name of the extension to register.
+ * @param component The extension's component to use.
+ * @returns The dispatcher.
+ */
+export function withRootExtension(name, component) {
+    return withExtension(name, {
+        component: toExtension(component),
+        defaults: {},
+        pilet: '',
+        reference: component,
+    });
+}
+/**
+ * Returns a dispatcher that adds another provider.
+ * @param provider The provider to include.
+ * @returns The dispatcher.
+ */
+export function withProvider(provider) {
+    const wrapper = (props) => cloneElement(provider, props);
+    return (state) => (Object.assign(Object.assign({}, state), { provider: !state.provider ? wrapper : (props) => createElement(state.provider, undefined, wrapper(props)) }));
+}
+/**
+ * Returns a dispatcher that registers another route.
+ * @param path The path of the route to register.
+ * @param component The component representing the route.
+ * @returns The dispatcher.
+ */
+export function withRoute(path, component) {
+    return (state) => (Object.assign(Object.assign({}, state), { routes: withKey(state.routes, path, component) }));
+}
+//# sourceMappingURL=state.js.map

package/esm/utils/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../src/utils/state.ts"],"names":[],"mappings":"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"}

package/esm/utils/storage.js

@@ -1,26 +1,25 @@
-var crx = /\s*(.*?)=(.*?)($|;|,(?! ))/g;
-export var storage = {
-    setItem: function (name, data) {
+const crx = /\s*(.*?)=(.*?)($|;|,(?! ))/g;
+export const storage = {
+    setItem(name, data) {
         return localStorage.setItem(name, data);
     },
-    getItem: function (name) {
+    getItem(name) {
         return localStorage.getItem(name);
     },
-    removeItem: function (name) {
+    removeItem(name) {
         return localStorage.removeItem(name);
     },
 };
-export var cookie = {
-    setItem: function (name, data, expires) {
-        if (expires === void 0) { expires = ''; }
-        var domain = location.hostname;
-        var domainPart = domain ? "domain=." + domain + ";" : '';
-        document.cookie = name + "=" + encodeURIComponent(data) + ";expires=\"" + expires + "\";path=/;" + domainPart;
+export const cookie = {
+    setItem(name, data, expires = '') {
+        const domain = location.hostname;
+        const domainPart = domain ? `domain=.${domain};` : '';
+        document.cookie = `${name}=${encodeURIComponent(data)};expires="${expires}";path=/;${domainPart}`;
     },
-    getItem: function (name) {
-        return document.cookie.replace(crx, function (_m, p1, p2) { return (name === p1 ? p2 : ''); });
+    getItem(name) {
+        return document.cookie.replace(crx, (_m, p1, p2) => (name === p1 ? p2 : ''));
     },
-    removeItem: function (name) {
+    removeItem(name) {
         this.setItem(name, '', '-1');
     },
 };

package/esm/utils/storage.js.map

@@ -1 +1 @@
-{"version":3,"file":"storage.js","sourceRoot":"","sources":["../../src/utils/storage.ts"],"names":[],"mappings":"AAEA,IAAM,GAAG,GAAG,6BAA6B,CAAC;AAE1C,MAAM,CAAC,IAAM,OAAO,GAAiB;IACnC,OAAO,EAAP,UAAQ,IAAY,EAAE,IAAY;QAChC,OAAO,YAAY,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAC1C,CAAC;IACD,OAAO,EAAP,UAAQ,IAAY;QAClB,OAAO,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IACpC,CAAC;IACD,UAAU,EAAV,UAAW,IAAY;QACrB,OAAO,YAAY,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;IACvC,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,MAAM,GAAiB;IAClC,OAAO,EAAP,UAAQ,IAAY,EAAE,IAAY,EAAE,OAAY;QAAZ,wBAAA,EAAA,YAAY;QAC9C,IAAM,MAAM,GAAG,QAAQ,CAAC,QAAQ,CAAC;QACjC,IAAM,UAAU,GAAG,MAAM,CAAC,CAAC,CAAC,aAAW,MAAM,MAAG,CAAC,CAAC,CAAC,EAAE,CAAC;QACtD,QAAQ,CAAC,MAAM,GAAM,IAAI,SAAI,kBAAkB,CAAC,IAAI,CAAC,mBAAa,OAAO,kBAAY,UAAY,CAAC;IACpG,CAAC;IACD,OAAO,EAAP,UAAQ,IAAY;QAClB,OAAO,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,EAAE,UAAC,EAAO,EAAE,EAAU,EAAE,EAAU,IAAK,OAAA,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAvB,CAAuB,CAAC,CAAC;IACpG,CAAC;IACD,UAAU,EAAV,UAAW,IAAY;QACrB,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,EAAE,IAAI,CAAC,CAAC;IAC/B,CAAC;CACF,CAAC"}
+{"version":3,"file":"storage.js","sourceRoot":"","sources":["../../src/utils/storage.ts"],"names":[],"mappings":"AAEA,MAAM,GAAG,GAAG,6BAA6B,CAAC;AAE1C,MAAM,CAAC,MAAM,OAAO,GAAiB;IACnC,OAAO,CAAC,IAAY,EAAE,IAAY;QAChC,OAAO,YAAY,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAC1C,CAAC;IACD,OAAO,CAAC,IAAY;QAClB,OAAO,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IACpC,CAAC;IACD,UAAU,CAAC,IAAY;QACrB,OAAO,YAAY,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;IACvC,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAiB;IAClC,OAAO,CAAC,IAAY,EAAE,IAAY,EAAE,OAAO,GAAG,EAAE;QAC9C,MAAM,MAAM,GAAG,QAAQ,CAAC,QAAQ,CAAC;QACjC,MAAM,UAAU,GAAG,MAAM,CAAC,CAAC,CAAC,WAAW,MAAM,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;QACtD,QAAQ,CAAC,MAAM,GAAG,GAAG,IAAI,IAAI,kBAAkB,CAAC,IAAI,CAAC,aAAa,OAAO,YAAY,UAAU,EAAE,CAAC;IACpG,CAAC;IACD,OAAO,CAAC,IAAY;QAClB,OAAO,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,EAAO,EAAE,EAAU,EAAE,EAAU,EAAE,EAAE,CAAC,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACpG,CAAC;IACD,UAAU,CAAC,IAAY;QACrB,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,EAAE,IAAI,CAAC,CAAC;IAC/B,CAAC;CACF,CAAC"}

package/lib/Piral.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import type { PortalProps } from './types';
+import type { PiralProps } from './types';
 /**
  * Represents the Piral app shell frame. Use this component together
  * with an existing instance to render the app shell.
- * Includes layout and routing handling. Wires the state container
- * to the generated views.
+ * Includes layout and routing handling. Connects the Piral context
+ * and the React router to the generated views.
  *
  * @example
 ```jsx
@@ -15,4 +15,4 @@ const app = (
 );
 ```
  */
-export declare const Piral: React.FC<PortalProps>;
+export declare const Piral: React.FC<PiralProps>;

package/lib/Piral.js

@@ -1,15 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Piral = void 0;
-var React = require("react");
-var state_1 = require("./state");
-var createInstance_1 = require("./createInstance");
-var components_1 = require("./components");
+const React = require("react");
+const createInstance_1 = require("./createInstance");
+const components_1 = require("./components");
+const PiralContext_1 = require("./PiralContext");
+const app_codegen_1 = require("../app.codegen");
 /**
  * Represents the Piral app shell frame. Use this component together
  * with an existing instance to render the app shell.
- * Includes layout and routing handling. Wires the state container
- * to the generated views.
+ * Includes layout and routing handling. Connects the Piral context
+ * and the React router to the generated views.
  *
  * @example
 ```jsx
@@ -20,12 +21,9 @@ const app = (
 );
 ```
  */
-exports.Piral = function (_a) {
-    var _b = _a.instance, instance = _b === void 0 ? createInstance_1.createInstance() : _b, breakpoints = _a.breakpoints, children = _a.children;
-    return (React.createElement(state_1.StateContext.Provider, { value: instance.context },
-        React.createElement(components_1.ResponsiveLayout, { breakpoints: breakpoints }),
-        React.createElement(components_1.Mediator, { options: instance.options }),
-        React.createElement(components_1.PiralView, null, children)));
-};
+const Piral = ({ instance = (0, createInstance_1.createInstance)(), breakpoints, children }) => (React.createElement(PiralContext_1.PiralContext, { instance: instance },
+    React.createElement(components_1.RegisteredRouter, { publicPath: app_codegen_1.publicPath },
+        React.createElement(components_1.PiralView, { breakpoints: breakpoints }, children))));
+exports.Piral = Piral;
 exports.Piral.displayName = 'Piral';
 //# sourceMappingURL=Piral.js.map

package/lib/Piral.js.map

@@ -1 +1 @@
-{"version":3,"file":"Piral.js","sourceRoot":"","sources":["../src/Piral.tsx"],"names":[],"mappings":";;;AAAA,6BAA+B;AAC/B,iCAAuC;AACvC,mDAAkD;AAClD,2CAAqE;AAGrE;;;;;;;;;;;;;;GAcG;AACU,QAAA,KAAK,GAA0B,UAAC,EAAsD;QAApD,gBAA2B,EAA3B,QAAQ,mBAAG,+BAAc,EAAE,KAAA,EAAE,WAAW,iBAAA,EAAE,QAAQ,cAAA;IAAO,OAAA,CACtG,oBAAC,oBAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,CAAC,OAAO;QAC5C,oBAAC,6BAAgB,IAAC,WAAW,EAAE,WAAW,GAAI;QAC9C,oBAAC,qBAAQ,IAAC,OAAO,EAAE,QAAQ,CAAC,OAAO,GAAI;QACvC,oBAAC,sBAAS,QAAE,QAAQ,CAAa,CACX,CACzB;AANuG,CAMvG,CAAC;AACF,aAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}
+{"version":3,"file":"Piral.js","sourceRoot":"","sources":["../src/Piral.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAC/B,qDAAkD;AAClD,6CAA2D;AAC3D,iDAA8C;AAC9C,gDAA4C;AAG5C;;;;;;;;;;;;;;GAcG;AACI,MAAM,KAAK,GAAyB,CAAC,EAAE,QAAQ,GAAG,IAAA,+BAAc,GAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACrG,oBAAC,2BAAY,IAAC,QAAQ,EAAE,QAAQ;IAC9B,oBAAC,6BAAgB,IAAC,UAAU,EAAE,wBAAU;QACtC,oBAAC,sBAAS,IAAC,WAAW,EAAE,WAAW,IAAG,QAAQ,CAAa,CAC1C,CACN,CAChB,CAAC;AANW,QAAA,KAAK,SAMhB;AACF,aAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}

package/lib/PiralContext.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import type { PiralContextProps } from './types';
+/**
+ * Represents the Piral app shell frame. Use this component together
+ * with an existing instance to render components from micro frontends
+ * in your app.
+ * Wires the state container together with the global providers.
+ *
+ * @example
+```jsx
+const app = (
+  <MyRouter>
+    <PiralContext instance={yourPiralInstance}>
+      <PiralGlobals />
+      <MyAppContent />
+    </PiralContext>
+  </MyRouter>
+);
+```
+ */
+export declare const PiralContext: React.FC<PiralContextProps>;

package/lib/PiralContext.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PiralContext = void 0;
+const React = require("react");
+const state_1 = require("./state");
+const createInstance_1 = require("./createInstance");
+const components_1 = require("./components");
+const hooks_1 = require("./hooks");
+const RootListener_1 = require("./RootListener");
+const PiralProvider = ({ children }) => {
+    const Provider = (0, hooks_1.useGlobalState)((m) => m.provider || React.Fragment);
+    return React.createElement(Provider, null, children);
+};
+/**
+ * Represents the Piral app shell frame. Use this component together
+ * with an existing instance to render components from micro frontends
+ * in your app.
+ * Wires the state container together with the global providers.
+ *
+ * @example
+```jsx
+const app = (
+  <MyRouter>
+    <PiralContext instance={yourPiralInstance}>
+      <PiralGlobals />
+      <MyAppContent />
+    </PiralContext>
+  </MyRouter>
+);
+```
+ */
+const PiralContext = ({ instance = (0, createInstance_1.createInstance)(), children }) => (React.createElement(state_1.StateContext.Provider, { value: instance.context },
+    React.createElement(components_1.Mediator, { options: instance.options, key: instance.id }),
+    React.createElement(RootListener_1.RootListener, null),
+    React.createElement(PiralProvider, null, children)));
+exports.PiralContext = PiralContext;
+exports.PiralContext.displayName = 'PiralContext';
+//# sourceMappingURL=PiralContext.js.map

package/lib/PiralContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PiralContext.js","sourceRoot":"","sources":["../src/PiralContext.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAC/B,mCAAuC;AACvC,qDAAkD;AAClD,6CAAwC;AACxC,mCAAyC;AACzC,iDAA8C;AAO9C,MAAM,aAAa,GAAiC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACnE,MAAM,QAAQ,GAAG,IAAA,sBAAc,EAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC;IACrE,OAAO,oBAAC,QAAQ,QAAE,QAAQ,CAAY,CAAC;AACzC,CAAC,CAAC;AAEF;;;;;;;;;;;;;;;;;GAiBG;AACI,MAAM,YAAY,GAAgC,CAAC,EAAE,QAAQ,GAAG,IAAA,+BAAc,GAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACtG,oBAAC,oBAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,CAAC,OAAO;IAC5C,oBAAC,qBAAQ,IAAC,OAAO,EAAE,QAAQ,CAAC,OAAO,EAAE,GAAG,EAAE,QAAQ,CAAC,EAAE,GAAI;IACzD,oBAAC,2BAAY,OAAG;IAChB,oBAAC,aAAa,QAAE,QAAQ,CAAiB,CACnB,CACzB,CAAC;AANW,QAAA,YAAY,gBAMvB;AACF,oBAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}

package/lib/RootListener.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare const RootListener: React.FC;

package/lib/RootListener.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RootListener = void 0;
+const React = require("react");
+const hooks_1 = require("./hooks");
+const modules_1 = require("./modules");
+const RootListener = () => {
+    const context = (0, hooks_1.useGlobalStateContext)();
+    React.useLayoutEffect(() => {
+        if (typeof document !== 'undefined') {
+            const handler = (ev) => {
+                ev.stopPropagation();
+                const { target, props } = ev.detail;
+                const [dispose, update] = (0, modules_1.renderElement)(context, target, props);
+                target.dispose = dispose;
+                target.update = update;
+            };
+            document.body.addEventListener('render-html', handler, false);
+            return () => {
+                document.body.removeEventListener('render-html', handler, false);
+            };
+        }
+    }, [context]);
+    return null;
+};
+exports.RootListener = RootListener;
+//# sourceMappingURL=RootListener.js.map

package/lib/RootListener.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RootListener.js","sourceRoot":"","sources":["../src/RootListener.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAC/B,mCAAgD;AAChD,uCAA0C;AAEnC,MAAM,YAAY,GAAa,GAAG,EAAE;IACzC,MAAM,OAAO,GAAG,IAAA,6BAAqB,GAAE,CAAC;IAExC,KAAK,CAAC,eAAe,CAAC,GAAG,EAAE;QACzB,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE;YACnC,MAAM,OAAO,GAAG,CAAC,EAAe,EAAE,EAAE;gBAClC,EAAE,CAAC,eAAe,EAAE,CAAC;gBACrB,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC;gBACpC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,GAAG,IAAA,uBAAa,EAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;gBAChE,MAAM,CAAC,OAAO,GAAG,OAAO,CAAC;gBACzB,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC;YACzB,CAAC,CAAC;YACF,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,aAAa,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;YAE9D,OAAO,GAAG,EAAE;gBACV,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,aAAa,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;YACnE,CAAC,CAAC;SACH;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AArBW,QAAA,YAAY,gBAqBvB"}

package/lib/actions/app.d.ts

@@ -1,10 +1,13 @@
 import { ComponentType } from 'react';
 import { RouteComponentProps } from 'react-router';
-import { LayoutType, ComponentsState, ErrorComponentsState, GlobalStateContext, Pilet } from '../types';
-export declare function changeLayout(ctx: GlobalStateContext, current: LayoutType): void;
+import { ComponentsState, ErrorComponentsState, GlobalStateContext, Pilet, PiletEntry } from '../types';
 export declare function initialize(ctx: GlobalStateContext, loading: boolean, error: Error | undefined, modules: Array<Pilet>): void;
-export declare function injectPilet(ctx: GlobalStateContext, pilet: Pilet): void;
+export declare function addPilet(ctx: GlobalStateContext, meta: PiletEntry): Promise<void>;
+export declare function removePilet(ctx: GlobalStateContext, name: string): Promise<void>;
+export declare function injectPilet(ctx: GlobalStateContext, pilet: Pilet): Pilet;
 export declare function setComponent<TKey extends keyof ComponentsState>(ctx: GlobalStateContext, name: TKey, component: ComponentsState[TKey]): void;
 export declare function setErrorComponent<TKey extends keyof ErrorComponentsState>(ctx: GlobalStateContext, type: TKey, component: ErrorComponentsState[TKey]): void;
-export declare function setRoute<T = {}>(ctx: GlobalStateContext, path: string, component: ComponentType<RouteComponentProps<T>>): void;
+export declare function setRoute<T extends {
+    [K in keyof T]?: string;
+} = {}>(ctx: GlobalStateContext, path: string, component: ComponentType<RouteComponentProps<T>>): void;
 export declare function includeProvider(ctx: GlobalStateContext, provider: JSX.Element): void;

package/lib/actions/app.js

@@ -1,40 +1,51 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.includeProvider = exports.setRoute = exports.setErrorComponent = exports.setComponent = exports.injectPilet = exports.initialize = exports.changeLayout = void 0;
-var tslib_1 = require("tslib");
-var react_1 = require("react");
-var utils_1 = require("../utils");
-function changeLayout(ctx, current) {
-    ctx.dispatch(function (state) { return (tslib_1.__assign(tslib_1.__assign({}, state), { app: utils_1.withKey(state.app, 'layout', current) })); });
-}
-exports.changeLayout = changeLayout;
+exports.includeProvider = exports.setRoute = exports.setErrorComponent = exports.setComponent = exports.injectPilet = exports.removePilet = exports.addPilet = exports.initialize = void 0;
+const piral_base_1 = require("piral-base");
+const utils_1 = require("../utils");
 function initialize(ctx, loading, error, modules) {
-    ctx.dispatch(function (state) { return (tslib_1.__assign(tslib_1.__assign({}, state), { app: tslib_1.__assign(tslib_1.__assign({}, state.app), { error: error,
-            loading: loading }), modules: modules })); });
+    ctx.dispatch((state) => (Object.assign(Object.assign({}, state), { app: Object.assign(Object.assign({}, state.app), { error,
+            loading }), modules })));
 }
 exports.initialize = initialize;
+function addPilet(ctx, meta) {
+    return ctx.options
+        .loadPilet(meta)
+        .then((pilet) => ctx.injectPilet(pilet))
+        .then((pilet) => (0, piral_base_1.runPilet)(ctx.options.createApi, pilet, ctx.options.hooks))
+        .then(utils_1.noop);
+}
+exports.addPilet = addPilet;
+function removePilet(ctx, name) {
+    ctx.dispatch((state) => (Object.assign(Object.assign({}, state), { modules: state.modules.filter((m) => m.name !== name), registry: (0, utils_1.removeNested)(state.registry, (m) => m.pilet === name) })));
+    ctx.emit('unload-pilet', {
+        name,
+    });
+    return Promise.resolve();
+}
+exports.removePilet = removePilet;
 function injectPilet(ctx, pilet) {
-    ctx.dispatch(function (state) { return (tslib_1.__assign(tslib_1.__assign({}, state), { modules: utils_1.replaceOrAddItem(state.modules, pilet, function (m) { return m.name === pilet.name; }), registry: utils_1.removeNested(state.registry, function (m) { return m.pilet === pilet.name; }) })); });
+    ctx.dispatch((state) => (Object.assign(Object.assign({}, state), { modules: (0, utils_1.replaceOrAddItem)(state.modules, pilet, (m) => m.name === pilet.name), registry: (0, utils_1.removeNested)(state.registry, (m) => m.pilet === pilet.name) })));
     ctx.emit('unload-pilet', {
         name: pilet.name,
     });
+    return pilet;
 }
 exports.injectPilet = injectPilet;
 function setComponent(ctx, name, component) {
-    ctx.dispatch(function (state) { return (tslib_1.__assign(tslib_1.__assign({}, state), { components: utils_1.withKey(state.components, name, component) })); });
+    ctx.dispatch((state) => (Object.assign(Object.assign({}, state), { components: (0, utils_1.withKey)(state.components, name, component) })));
 }
 exports.setComponent = setComponent;
 function setErrorComponent(ctx, type, component) {
-    ctx.dispatch(function (state) { return (tslib_1.__assign(tslib_1.__assign({}, state), { errorComponents: utils_1.withKey(state.errorComponents, type, component) })); });
+    ctx.dispatch((state) => (Object.assign(Object.assign({}, state), { errorComponents: (0, utils_1.withKey)(state.errorComponents, type, component) })));
 }
 exports.setErrorComponent = setErrorComponent;
 function setRoute(ctx, path, component) {
-    ctx.dispatch(function (state) { return (tslib_1.__assign(tslib_1.__assign({}, state), { routes: utils_1.withKey(state.routes, path, component) })); });
+    ctx.dispatch((0, utils_1.withRoute)(path, component));
 }
 exports.setRoute = setRoute;
 function includeProvider(ctx, provider) {
-    var wrapper = function (props) { return react_1.cloneElement(provider, props); };
-    ctx.dispatch(function (state) { return (tslib_1.__assign(tslib_1.__assign({}, state), { provider: !state.provider ? wrapper : function (props) { return react_1.createElement(state.provider, undefined, wrapper(props)); } })); });
+    ctx.dispatch((0, utils_1.withProvider)(provider));
 }
 exports.includeProvider = includeProvider;
 //# sourceMappingURL=app.js.map

package/lib/actions/app.js.map

@@ -1 +1 @@
-{"version":3,"file":"app.js","sourceRoot":"","sources":["../../src/actions/app.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"app.js","sourceRoot":"","sources":["../../src/actions/app.ts"],"names":[],"mappings":"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"}

package/lib/actions/components.js

@@ -1,22 +1,21 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.unregisterExtension = exports.registerExtension = exports.unregisterPage = exports.registerPage = void 0;
-var tslib_1 = require("tslib");
-var utils_1 = require("../utils");
+const utils_1 = require("../utils");
 function registerPage(ctx, name, value) {
-    ctx.dispatch(function (state) { return (tslib_1.__assign(tslib_1.__assign({}, state), { registry: tslib_1.__assign(tslib_1.__assign({}, state.registry), { pages: utils_1.withKey(state.registry.pages, name, value) }) })); });
+    ctx.dispatch((0, utils_1.withPage)(name, value));
 }
 exports.registerPage = registerPage;
 function unregisterPage(ctx, name) {
-    ctx.dispatch(function (state) { return (tslib_1.__assign(tslib_1.__assign({}, state), { registry: tslib_1.__assign(tslib_1.__assign({}, state.registry), { pages: utils_1.withoutKey(state.registry.pages, name) }) })); });
+    ctx.dispatch((0, utils_1.withoutPage)(name));
 }
 exports.unregisterPage = unregisterPage;
 function registerExtension(ctx, name, value) {
-    ctx.dispatch(function (state) { return (tslib_1.__assign(tslib_1.__assign({}, state), { registry: tslib_1.__assign(tslib_1.__assign({}, state.registry), { extensions: utils_1.withKey(state.registry.extensions, name, utils_1.appendItem(state.registry.extensions[name], value)) }) })); });
+    ctx.dispatch((0, utils_1.withExtension)(name, value));
 }
 exports.registerExtension = registerExtension;
 function unregisterExtension(ctx, name, reference) {
-    ctx.dispatch(function (state) { return (tslib_1.__assign(tslib_1.__assign({}, state), { registry: tslib_1.__assign(tslib_1.__assign({}, state.registry), { extensions: utils_1.withKey(state.registry.extensions, name, utils_1.excludeOn(state.registry.extensions[name], function (m) { return m.reference === reference; })) }) })); });
+    ctx.dispatch((0, utils_1.withoutExtension)(name, reference));
 }
 exports.unregisterExtension = unregisterExtension;
 //# sourceMappingURL=components.js.map

package/lib/actions/components.js.map

@@ -1 +1 @@
-{"version":3,"file":"components.js","sourceRoot":"","sources":["../../src/actions/components.ts"],"names":[],"mappings":";;;;AAAA,kCAAsE;AAGtE,SAAgB,YAAY,CAAC,GAAuB,EAAE,IAAY,EAAE,KAAuB;IACzF,GAAG,CAAC,QAAQ,CAAC,UAAC,KAAK,IAAK,OAAA,uCACnB,KAAK,KACR,QAAQ,wCACH,KAAK,CAAC,QAAQ,KACjB,KAAK,EAAE,eAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,OAEnD,EANsB,CAMtB,CAAC,CAAC;AACN,CAAC;AARD,oCAQC;AAED,SAAgB,cAAc,CAAC,GAAuB,EAAE,IAAY;IAClE,GAAG,CAAC,QAAQ,CAAC,UAAC,KAAK,IAAK,OAAA,uCACnB,KAAK,KACR,QAAQ,wCACH,KAAK,CAAC,QAAQ,KACjB,KAAK,EAAE,kBAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,EAAE,IAAI,CAAC,OAE/C,EANsB,CAMtB,CAAC,CAAC;AACN,CAAC;AARD,wCAQC;AAED,SAAgB,iBAAiB,CAAC,GAAuB,EAAE,IAAY,EAAE,KAA4B;IACnG,GAAG,CAAC,QAAQ,CAAC,UAAC,KAAK,IAAK,OAAA,uCACnB,KAAK,KACR,QAAQ,wCACH,KAAK,CAAC,QAAQ,KACjB,UAAU,EAAE,eAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,UAAU,EAAE,IAAI,EAAE,kBAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,CAAC,OAE1G,EANsB,CAMtB,CAAC,CAAC;AACN,CAAC;AARD,8CAQC;AAED,SAAgB,mBAAmB,CAAC,GAAuB,EAAE,IAAY,EAAE,SAAc;IACvF,GAAG,CAAC,QAAQ,CAAC,UAAC,KAAK,IAAK,OAAA,uCACnB,KAAK,KACR,QAAQ,wCACH,KAAK,CAAC,QAAQ,KACjB,UAAU,EAAE,eAAO,CACjB,KAAK,CAAC,QAAQ,CAAC,UAAU,EACzB,IAAI,EACJ,iBAAS,CAAC,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,SAAS,KAAK,SAAS,EAAzB,CAAyB,CAAC,CAC7E,OAEH,EAVsB,CAUtB,CAAC,CAAC;AACN,CAAC;AAZD,kDAYC"}
+{"version":3,"file":"components.js","sourceRoot":"","sources":["../../src/actions/components.ts"],"names":[],"mappings":";;;AAAA,oCAAkF;AAGlF,SAAgB,YAAY,CAAC,GAAuB,EAAE,IAAY,EAAE,KAAuB;IACzF,GAAG,CAAC,QAAQ,CAAC,IAAA,gBAAQ,EAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;AACtC,CAAC;AAFD,oCAEC;AAED,SAAgB,cAAc,CAAC,GAAuB,EAAE,IAAY;IAClE,GAAG,CAAC,QAAQ,CAAC,IAAA,mBAAW,EAAC,IAAI,CAAC,CAAC,CAAC;AAClC,CAAC;AAFD,wCAEC;AAED,SAAgB,iBAAiB,CAAC,GAAuB,EAAE,IAAY,EAAE,KAA4B;IACnG,GAAG,CAAC,QAAQ,CAAC,IAAA,qBAAa,EAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;AAC3C,CAAC;AAFD,8CAEC;AAED,SAAgB,mBAAmB,CAAC,GAAuB,EAAE,IAAY,EAAE,SAAc;IACvF,GAAG,CAAC,QAAQ,CAAC,IAAA,wBAAgB,EAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC;AAClD,CAAC;AAFD,kDAEC"}

package/lib/actions/data.js

@@ -1,45 +1,44 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.tryWriteDataItem = exports.writeDataItem = exports.readDataValue = exports.readDataItem = exports.resetData = void 0;
-var tslib_1 = require("tslib");
-var utils_1 = require("../utils");
+const utils_1 = require("../utils");
 function resetData(ctx) {
-    ctx.dispatch(function (state) { return (tslib_1.__assign(tslib_1.__assign({}, state), { data: {} })); });
+    ctx.dispatch((state) => (Object.assign(Object.assign({}, state), { data: {} })));
 }
 exports.resetData = resetData;
 function readDataItem(ctx, key) {
-    return ctx.readState(function (state) { return state.data[key]; });
+    return ctx.readState((state) => state.data[key]);
 }
 exports.readDataItem = readDataItem;
 function readDataValue(ctx, key) {
-    var item = readDataItem(ctx, key);
+    const item = readDataItem(ctx, key);
     return item && item.value;
 }
 exports.readDataValue = readDataValue;
 function writeDataItem(ctx, key, value, owner, target, expires) {
-    var isNull = !value && typeof value === 'object';
-    var data = isNull
+    const isNull = !value && typeof value === 'object';
+    const data = isNull
         ? value
         : {
-            value: value,
-            owner: owner,
-            target: target,
-            expires: expires,
+            value,
+            owner,
+            target,
+            expires,
         };
-    ctx.dispatch(function (state) { return (tslib_1.__assign(tslib_1.__assign({}, state), { data: utils_1.updateKey(state.data, key, data) })); });
+    ctx.dispatch((state) => (Object.assign(Object.assign({}, state), { data: (0, utils_1.updateKey)(state.data, key, data) })));
     ctx.emit('store-data', {
         name: key,
-        target: target,
-        value: value,
-        owner: owner,
-        expires: expires,
+        target,
+        value,
+        owner,
+        expires,
     });
 }
 exports.writeDataItem = writeDataItem;
 function tryWriteDataItem(ctx, key, value, owner, target, expires) {
-    var item = readDataItem(ctx, key);
+    const item = readDataItem(ctx, key);
     if (item && item.owner !== owner) {
-        console.error("Invalid data write to '" + key + "'. This item currently belongs to '" + item.owner + "' (write attempted from '" + owner + "'). The action has been ignored.");
+        console.error(`Invalid data write to '${key}'. This item currently belongs to '${item.owner}' (write attempted from '${owner}'). The action has been ignored.`);
         return false;
     }
     writeDataItem(ctx, key, value, owner, target, expires);

package/lib/actions/data.js.map

@@ -1 +1 @@
-{"version":3,"file":"data.js","sourceRoot":"","sources":["../../src/actions/data.ts"],"names":[],"mappings":";;;;AAAA,kCAAqC;AAGrC,SAAgB,SAAS,CAAC,GAAuB;IAC/C,GAAG,CAAC,QAAQ,CAAC,UAAC,KAAK,IAAK,OAAA,uCACnB,KAAK,KACR,IAAI,EAAE,EAAE,IACR,EAHsB,CAGtB,CAAC,CAAC;AACN,CAAC;AALD,8BAKC;AAED,SAAgB,YAAY,CAAC,GAAuB,EAAE,GAAW;IAC/D,OAAO,GAAG,CAAC,SAAS,CAAC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,EAAf,CAAe,CAAC,CAAC;AACnD,CAAC;AAFD,oCAEC;AAED,SAAgB,aAAa,CAAC,GAAuB,EAAE,GAAW;IAChE,IAAM,IAAI,GAAG,YAAY,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;IACpC,OAAO,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC;AAC5B,CAAC;AAHD,sCAGC;AAED,SAAgB,aAAa,CAC3B,GAAuB,EACvB,GAAW,EACX,KAAU,EACV,KAAa,EACb,MAAuB,EACvB,OAAe;IAEf,IAAM,MAAM,GAAG,CAAC,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,CAAC;IACnD,IAAM,IAAI,GAAG,MAAM;QACjB,CAAC,CAAC,KAAK;QACP,CAAC,CAAC;YACE,KAAK,OAAA;YACL,KAAK,OAAA;YACL,MAAM,QAAA;YACN,OAAO,SAAA;SACR,CAAC;IACN,GAAG,CAAC,QAAQ,CAAC,UAAC,KAAK,IAAK,OAAA,uCACnB,KAAK,KACR,IAAI,EAAE,iBAAS,CAAC,KAAK,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,CAAC,IACtC,EAHsB,CAGtB,CAAC,CAAC;IAEJ,GAAG,CAAC,IAAI,CAAC,YAAY,EAAE;QACrB,IAAI,EAAE,GAAG;QACT,MAAM,QAAA;QACN,KAAK,OAAA;QACL,KAAK,OAAA;QACL,OAAO,SAAA;KACR,CAAC,CAAC;AACL,CAAC;AA7BD,sCA6BC;AAED,SAAgB,gBAAgB,CAC9B,GAAuB,EACvB,GAAW,EACX,KAAU,EACV,KAAa,EACb,MAAuB,EACvB,OAAe;IAEf,IAAM,IAAI,GAAG,YAAY,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;IAEpC,IAAI,IAAI,IAAI,IAAI,CAAC,KAAK,KAAK,KAAK,EAAE;QAChC,OAAO,CAAC,KAAK,CACX,4BAA0B,GAAG,2CAAsC,IAAI,CAAC,KAAK,iCAA4B,KAAK,qCAAkC,CACjJ,CAAC;QACF,OAAO,KAAK,CAAC;KACd;IAED,aAAa,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;IACvD,OAAO,IAAI,CAAC;AACd,CAAC;AAnBD,4CAmBC"}
+{"version":3,"file":"data.js","sourceRoot":"","sources":["../../src/actions/data.ts"],"names":[],"mappings":";;;AAAA,oCAAqC;AAGrC,SAAgB,SAAS,CAAC,GAAuB;IAC/C,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,iCACnB,KAAK,KACR,IAAI,EAAE,EAAE,IACR,CAAC,CAAC;AACN,CAAC;AALD,8BAKC;AAED,SAAgB,YAAY,CAAC,GAAuB,EAAE,GAAW;IAC/D,OAAO,GAAG,CAAC,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;AACnD,CAAC;AAFD,oCAEC;AAED,SAAgB,aAAa,CAAC,GAAuB,EAAE,GAAW;IAChE,MAAM,IAAI,GAAG,YAAY,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;IACpC,OAAO,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC;AAC5B,CAAC;AAHD,sCAGC;AAED,SAAgB,aAAa,CAC3B,GAAuB,EACvB,GAAW,EACX,KAAU,EACV,KAAa,EACb,MAAuB,EACvB,OAAe;IAEf,MAAM,MAAM,GAAG,CAAC,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,CAAC;IACnD,MAAM,IAAI,GAAG,MAAM;QACjB,CAAC,CAAC,KAAK;QACP,CAAC,CAAC;YACE,KAAK;YACL,KAAK;YACL,MAAM;YACN,OAAO;SACR,CAAC;IACN,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,iCACnB,KAAK,KACR,IAAI,EAAE,IAAA,iBAAS,EAAC,KAAK,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,CAAC,IACtC,CAAC,CAAC;IAEJ,GAAG,CAAC,IAAI,CAAC,YAAY,EAAE;QACrB,IAAI,EAAE,GAAG;QACT,MAAM;QACN,KAAK;QACL,KAAK;QACL,OAAO;KACR,CAAC,CAAC;AACL,CAAC;AA7BD,sCA6BC;AAED,SAAgB,gBAAgB,CAC9B,GAAuB,EACvB,GAAW,EACX,KAAU,EACV,KAAa,EACb,MAAuB,EACvB,OAAe;IAEf,MAAM,IAAI,GAAG,YAAY,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;IAEpC,IAAI,IAAI,IAAI,IAAI,CAAC,KAAK,KAAK,KAAK,EAAE;QAChC,OAAO,CAAC,KAAK,CACX,0BAA0B,GAAG,sCAAsC,IAAI,CAAC,KAAK,4BAA4B,KAAK,kCAAkC,CACjJ,CAAC;QACF,OAAO,KAAK,CAAC;KACd;IAED,aAAa,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;IACvD,OAAO,IAAI,CAAC;AACd,CAAC;AAnBD,4CAmBC"}