piral-core 1.0.0-pre.2296 → 1.0.1-beta.5640

package/lib/modules/element.js

@@ -0,0 +1,173 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderElement = void 0;
+const components_1 = require("../components");
+const utils_1 = require("../utils");
+if (typeof window !== 'undefined' && 'customElements' in window) {
+    /**
+     * This is a nice abstraction allowing anyone to actually use the extension system
+     * brought by Piral. Not all props of the extension system are actually exposed.
+     *
+     * Usage:
+     *
+     * ```
+     * <piral-extension name="my-ext-name"></piral-extension>
+     * ```
+     */
+    class PiralExtension extends HTMLElement {
+        constructor() {
+            super(...arguments);
+            this.dispose = utils_1.noop;
+            this.update = utils_1.noop;
+            this.props = {
+                name: this.getAttribute('name'),
+                emptySkipsRender: typeof this.getAttribute('empty-skips-render') === 'string',
+                params: (0, utils_1.tryParseJson)(this.getAttribute('params')),
+                empty: undefined,
+                order: undefined,
+                render: undefined,
+                children: (0, utils_1.reactifyContent)(this.childNodes),
+            };
+        }
+        get params() {
+            return this.props.params;
+        }
+        set params(value) {
+            if (!(0, utils_1.isSame)(this.props.params, value)) {
+                this.props.params = value;
+                this.update(this.props);
+            }
+        }
+        get name() {
+            return this.props.name;
+        }
+        set name(value) {
+            if (this.props.name !== value) {
+                this.props.name = value;
+                this.update(this.props);
+            }
+        }
+        get order() {
+            return this.props.order;
+        }
+        set order(value) {
+            if (this.props.order !== value) {
+                this.props.order = value;
+                this.update(this.props);
+            }
+        }
+        get render() {
+            return this.props.render;
+        }
+        set render(value) {
+            if (this.props.render !== value) {
+                this.props.render = value;
+                this.update(this.props);
+            }
+        }
+        get empty() {
+            return this.props.empty;
+        }
+        set empty(value) {
+            if (this.props.empty !== value) {
+                this.props.empty = value;
+                this.update(this.props);
+            }
+        }
+        get emptySkipsRender() {
+            return this.props.emptySkipsRender;
+        }
+        set emptySkipsRender(value) {
+            if (this.props.emptySkipsRender !== value) {
+                this.props.emptySkipsRender = value;
+                this.update(this.props);
+            }
+        }
+        connectedCallback() {
+            this.style.display = 'contents';
+            if (this.isConnected) {
+                this.dispatchEvent(new CustomEvent('render-html', {
+                    bubbles: true,
+                    detail: {
+                        target: this,
+                        props: this.props,
+                    },
+                }));
+            }
+        }
+        disconnectedCallback() {
+            this.dispose();
+            this.dispose = utils_1.noop;
+            this.update = utils_1.noop;
+        }
+        attributeChangedCallback(name, _, newValue) {
+            switch (name) {
+                case 'name':
+                    this.name = newValue;
+                    break;
+                case 'params':
+                    this.params = (0, utils_1.tryParseJson)(newValue);
+                    break;
+                case 'empty-skips-render':
+                    this.emptySkipsRender = typeof newValue === 'string';
+                    break;
+            }
+        }
+        static get observedAttributes() {
+            return ['name', 'params', 'empty-skips-render'];
+        }
+    }
+    customElements.define(utils_1.extensionName, PiralExtension);
+    /**
+     * This is a boundary to host elements from other frameworks - effectively vanishing
+     * at runtime.
+     *
+     * Usage:
+     *
+     * ```
+     * <piral-portal pid="host-1234"></piral-portal>
+     * ```
+     */
+    class PiralPortal extends HTMLElement {
+        connectedCallback() {
+            this.style.display = 'contents';
+        }
+    }
+    customElements.define(utils_1.portalName, PiralPortal);
+    /**
+     * This is a virtual element to aggregate rendering from other frameworks, mostly
+     * used like piral-portal, but without context-hosting capabilities. This would
+     * be used exclusively within a foreign framework, not from Piral to initiate.
+     *
+     * Usage:
+     *
+     * ```
+     * <piral-slot></piral-slot>
+     * ```
+     */
+    class PiralSlot extends HTMLElement {
+        connectedCallback() {
+            this.style.display = 'contents';
+        }
+    }
+    customElements.define(utils_1.slotName, PiralSlot);
+}
+function renderElement(context, element, props) {
+    if (typeof window !== 'undefined') {
+        let [id, portal] = (0, utils_1.renderInDom)(context, element, components_1.ExtensionSlot, props);
+        const evName = 'extension-props-changed';
+        const handler = (ev) => update(ev.detail);
+        const dispose = () => {
+            context.hidePortal(id, portal);
+            element.removeEventListener(evName, handler);
+        };
+        const update = (newProps) => {
+            [id, portal] = (0, utils_1.changeDomPortal)(id, portal, context, element, components_1.ExtensionSlot, newProps);
+        };
+        element.addEventListener(evName, handler);
+        return [dispose, update];
+    }
+    return [utils_1.noop, utils_1.noop];
+}
+exports.renderElement = renderElement;
+//# sourceMappingURL=element.js.map

package/lib/modules/element.js.map

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

package/lib/modules/index.d.ts

@@ -1,2 +1,3 @@
 export * from './api';
 export * from './dependencies';
+export * from './element';

package/lib/modules/index.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
+const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./api"), exports);
 tslib_1.__exportStar(require("./dependencies"), exports);
+tslib_1.__exportStar(require("./element"), exports);
 //# sourceMappingURL=index.js.map

package/lib/modules/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/modules/index.ts"],"names":[],"mappings":";;;AAAA,gDAAsB;AACtB,yDAA+B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/modules/index.ts"],"names":[],"mappings":";;;AAAA,gDAAsB;AACtB,yDAA+B;AAC/B,oDAA0B"}

package/lib/setters/SetComponent.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SetComponent = void 0;
+const hooks_1 = require("../hooks");
+/**
+ * The component capable of setting a layout component at mounting.
+ */
+function SetComponent({ name, component, }) {
+    const { setComponent } = (0, hooks_1.useGlobalStateContext)();
+    (0, hooks_1.useSetter)(() => component && setComponent(name, component));
+    // tslint:disable-next-line:no-null-keyword
+    return null;
+}
+exports.SetComponent = SetComponent;
+//# sourceMappingURL=SetComponent.js.map

package/lib/setters/SetComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SetComponent.js","sourceRoot":"","sources":["../../src/setters/SetComponent.tsx"],"names":[],"mappings":";;;AACA,oCAA4D;AAiB5D;;GAEG;AACH,SAAgB,YAAY,CAAqC,EAC/D,IAAI,EACJ,SAAS,GACe;IACxB,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,6BAAqB,GAAE,CAAC;IACjD,IAAA,iBAAS,EAAC,GAAG,EAAE,CAAC,SAAS,IAAI,YAAY,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC;IAC5D,2CAA2C;IAC3C,OAAO,IAAI,CAAC;AACd,CAAC;AARD,oCAQC"}

package/lib/setters/SetError.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SetError = void 0;
+const hooks_1 = require("../hooks");
+/**
+ * The component capable of setting a globally defined error handler component at mounting.
+ */
+function SetError({ type, component, }) {
+    const { setErrorComponent } = (0, hooks_1.useGlobalStateContext)();
+    (0, hooks_1.useSetter)(() => component && setErrorComponent(type, component));
+    // tslint:disable-next-line:no-null-keyword
+    return null;
+}
+exports.SetError = SetError;
+//# sourceMappingURL=SetError.js.map

package/lib/setters/SetError.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SetError.js","sourceRoot":"","sources":["../../src/setters/SetError.tsx"],"names":[],"mappings":";;;AACA,oCAA4D;AAiB5D;;GAEG;AACH,SAAgB,QAAQ,CAA0C,EAChE,IAAI,EACJ,SAAS,GACW;IACpB,MAAM,EAAE,iBAAiB,EAAE,GAAG,IAAA,6BAAqB,GAAE,CAAC;IACtD,IAAA,iBAAS,EAAC,GAAG,EAAE,CAAC,SAAS,IAAI,iBAAiB,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC;IACjE,2CAA2C;IAC3C,OAAO,IAAI,CAAC;AACd,CAAC;AARD,4BAQC"}

package/lib/setters/SetErrors.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SetErrors = void 0;
+const React = require("react");
+const SetError_1 = require("./SetError");
+/**
+ * The component capable of batch setting error handling components.
+ */
+function SetErrors({ errors = {} }) {
+    return (React.createElement(React.Fragment, null, Object.keys(errors).map((key) => (React.createElement(SetError_1.SetError, { type: key, component: errors[key], key: key })))));
+}
+exports.SetErrors = SetErrors;
+//# sourceMappingURL=SetErrors.js.map

package/lib/setters/SetErrors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SetErrors.js","sourceRoot":"","sources":["../../src/setters/SetErrors.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAC/B,yCAAsC;AAatC;;GAEG;AACH,SAAgB,SAAS,CAAC,EAAE,MAAM,GAAG,EAAE,EAAkB;IACvD,OAAO,CACL,0CACG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,GAAQ,EAAE,EAAE,CAAC,CACrC,oBAAC,mBAAQ,IAAC,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,GAAI,CAC1D,CAAC,CACD,CACJ,CAAC;AACJ,CAAC;AARD,8BAQC"}

package/lib/setters/SetLayout.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SetLayout = void 0;
+const React = require("react");
+const SetComponent_1 = require("./SetComponent");
+/**
+ * The component capable of batch setting layout components.
+ */
+function SetLayout({ layout = {} }) {
+    return (React.createElement(React.Fragment, null, Object.keys(layout).map((key) => (React.createElement(SetComponent_1.SetComponent, { name: key, component: layout[key], key: key })))));
+}
+exports.SetLayout = SetLayout;
+//# sourceMappingURL=SetLayout.js.map

package/lib/setters/SetLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SetLayout.js","sourceRoot":"","sources":["../../src/setters/SetLayout.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAC/B,iDAA8C;AAa9C;;GAEG;AACH,SAAgB,SAAS,CAAC,EAAE,MAAM,GAAG,EAAE,EAAkB;IACvD,OAAO,CACL,0CACG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,GAAQ,EAAE,EAAE,CAAC,CACrC,oBAAC,2BAAY,IAAC,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,GAAI,CAC9D,CAAC,CACD,CACJ,CAAC;AACJ,CAAC;AARD,8BAQC"}

package/lib/{components → setters}/SetProvider.js

@@ -1,14 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SetProvider = void 0;
-var hooks_1 = require("../hooks");
+const hooks_1 = require("../hooks");
 /**
  * The component capable of setting a global provider at mounting.
  */
-function SetProvider(_a) {
-    var provider = _a.provider;
-    var includeProvider = hooks_1.useAction('includeProvider');
-    hooks_1.useSetter(function () { return provider && includeProvider(provider); });
+function SetProvider({ provider }) {
+    const { includeProvider } = (0, hooks_1.useGlobalStateContext)();
+    (0, hooks_1.useSetter)(() => provider && includeProvider(provider));
     // tslint:disable-next-line:no-null-keyword
     return null;
 }

package/lib/setters/SetProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SetProvider.js","sourceRoot":"","sources":["../../src/setters/SetProvider.tsx"],"names":[],"mappings":";;;AACA,oCAA4D;AAY5D;;GAEG;AACH,SAAgB,WAAW,CAAC,EAAE,QAAQ,EAAoB;IACxD,MAAM,EAAC,eAAe,EAAC,GAAG,IAAA,6BAAqB,GAAE,CAAC;IAClD,IAAA,iBAAS,EAAC,GAAG,EAAE,CAAC,QAAQ,IAAI,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC;IACvD,2CAA2C;IAC3C,OAAO,IAAI,CAAC;AACd,CAAC;AALD,kCAKC"}

package/lib/setters/SetRedirect.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SetRedirect = void 0;
+const hooks_1 = require("../hooks");
+const app_codegen_1 = require("../../app.codegen");
+/**
+ * The component capable of setting a global redirect route at mounting.
+ */
+function SetRedirect({ from, to }) {
+    const { setRoute } = (0, hooks_1.useGlobalStateContext)();
+    (0, hooks_1.useSetter)(() => setRoute(from, (0, app_codegen_1.createRedirect)(to)));
+    // tslint:disable-next-line:no-null-keyword
+    return null;
+}
+exports.SetRedirect = SetRedirect;
+//# sourceMappingURL=SetRedirect.js.map

package/lib/setters/SetRedirect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SetRedirect.js","sourceRoot":"","sources":["../../src/setters/SetRedirect.tsx"],"names":[],"mappings":";;;AACA,oCAA4D;AAC5D,mDAAmD;AAgBnD;;GAEG;AACH,SAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,EAAE,EAAoB;IACxD,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,6BAAqB,GAAE,CAAC;IAC7C,IAAA,iBAAS,EAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,EAAE,IAAA,4BAAc,EAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IACpD,2CAA2C;IAC3C,OAAO,IAAI,CAAC;AACd,CAAC;AALD,kCAKC"}

package/{esm/components → lib/setters}/SetRoute.d.ts

@@ -3,7 +3,9 @@ import { RouteComponentProps } from 'react-router';
 /**
  * The props for the SetRoute component.
  */
-export interface SetRouteProps<T = {}> {
+export interface SetRouteProps<T extends {
+    [K in keyof T]?: string;
+} = {}> {
     /**
      * The path to the route.
      */
@@ -16,4 +18,6 @@ export interface SetRouteProps<T = {}> {
 /**
  * The component capable of setting a global route at mounting.
  */
-export declare function SetRoute<T = {}>({ path, component }: SetRouteProps<T>): React.ReactElement;
+export declare function SetRoute<T extends {
+    [K in keyof T]?: string;
+} = {}>({ path, component, }: SetRouteProps<T>): React.ReactElement;

package/lib/setters/SetRoute.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SetRoute = void 0;
+const hooks_1 = require("../hooks");
+/**
+ * The component capable of setting a global route at mounting.
+ */
+function SetRoute({ path, component, }) {
+    const { setRoute } = (0, hooks_1.useGlobalStateContext)();
+    (0, hooks_1.useSetter)(() => component && setRoute(path, component));
+    // tslint:disable-next-line:no-null-keyword
+    return null;
+}
+exports.SetRoute = SetRoute;
+//# sourceMappingURL=SetRoute.js.map

package/lib/setters/SetRoute.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SetRoute.js","sourceRoot":"","sources":["../../src/setters/SetRoute.tsx"],"names":[],"mappings":";;;AAEA,oCAA4D;AAgB5D;;GAEG;AACH,SAAgB,QAAQ,CAA6C,EACnE,IAAI,EACJ,SAAS,GACQ;IACjB,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,6BAAqB,GAAE,CAAC;IAC7C,IAAA,iBAAS,EAAC,GAAG,EAAE,CAAC,SAAS,IAAI,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC;IACxD,2CAA2C;IAC3C,OAAO,IAAI,CAAC;AACd,CAAC;AARD,4BAQC"}

package/lib/setters/index.d.ts

@@ -0,0 +1,7 @@
+export * from './SetComponent';
+export * from './SetError';
+export * from './SetErrors';
+export * from './SetLayout';
+export * from './SetProvider';
+export * from './SetRedirect';
+export * from './SetRoute';

package/lib/setters/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./SetComponent"), exports);
+tslib_1.__exportStar(require("./SetError"), exports);
+tslib_1.__exportStar(require("./SetErrors"), exports);
+tslib_1.__exportStar(require("./SetLayout"), exports);
+tslib_1.__exportStar(require("./SetProvider"), exports);
+tslib_1.__exportStar(require("./SetRedirect"), exports);
+tslib_1.__exportStar(require("./SetRoute"), exports);
+//# sourceMappingURL=index.js.map

package/lib/setters/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/setters/index.ts"],"names":[],"mappings":";;;AAAA,yDAA+B;AAC/B,qDAA2B;AAC3B,sDAA4B;AAC5B,sDAA4B;AAC5B,wDAA8B;AAC9B,wDAA8B;AAC9B,qDAA2B"}

package/lib/state/createActions.d.ts

@@ -1,4 +1,4 @@
-import { Atom } from '@dbeining/react-atom';
+import { UseBoundStore } from 'zustand';
 import { EventEmitter, GlobalState, GlobalStateContext, PiralDefineActions } from '../types';
 export declare function includeActions(ctx: GlobalStateContext, actions: PiralDefineActions): void;
-export declare function createActions(state: Atom<GlobalState>, events: EventEmitter): GlobalStateContext;
+export declare function createActions(state: UseBoundStore<GlobalState>, events: EventEmitter): GlobalStateContext;

package/lib/state/createActions.js

@@ -1,28 +1,24 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createActions = exports.includeActions = void 0;
-var tslib_1 = require("tslib");
-var actions = require("../actions");
+const actions = require("../actions");
+const app_codegen_1 = require("../../app.codegen");
 function createContext(state, events) {
-    var ctx = tslib_1.__assign(tslib_1.__assign({}, events), { apis: {}, converters: {
-            html: function (_a) {
-                var component = _a.component;
-                return component;
-            },
-        }, state: state });
+    const ctx = Object.assign(Object.assign({}, events), { apis: {}, converters: {
+            html: ({ component }) => component,
+        }, navigation: (0, app_codegen_1.createNavigation)(), state });
     return ctx;
 }
 function includeActions(ctx, actions) {
-    var actionNames = Object.keys(actions);
-    for (var _i = 0, actionNames_1 = actionNames; _i < actionNames_1.length; _i++) {
-        var actionName = actionNames_1[_i];
-        var action = actions[actionName];
+    const actionNames = Object.keys(actions);
+    for (const actionName of actionNames) {
+        const action = actions[actionName];
         ctx[actionName] = action.bind(ctx, ctx);
     }
 }
 exports.includeActions = includeActions;
 function createActions(state, events) {
-    var context = createContext(state, events);
+    const context = createContext(state, events);
     includeActions(context, actions);
     return context;
 }

package/lib/state/createActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"createActions.js","sourceRoot":"","sources":["../../src/state/createActions.ts"],"names":[],"mappings":";;;;AAAA,oCAAsC;AAItC,SAAS,aAAa,CAAC,KAAwB,EAAE,MAAoB;IACnE,IAAM,GAAG,GAAG,sCACP,MAAM,KACT,IAAI,EAAE,EAAE,EACR,UAAU,EAAE;YACV,IAAI,EAAE,UAAC,EAAa;oBAAX,SAAS,eAAA;gBAAO,OAAA,SAAS;YAAT,CAAS;SACnC,EACD,KAAK,OAAA,GACgB,CAAC;IACxB,OAAO,GAAG,CAAC;AACb,CAAC;AAED,SAAgB,cAAc,CAAC,GAAuB,EAAE,OAA2B;IACjF,IAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAEzC,KAAyB,UAAW,EAAX,2BAAW,EAAX,yBAAW,EAAX,IAAW,EAAE;QAAjC,IAAM,UAAU,oBAAA;QACnB,IAAM,MAAM,GAAG,OAAO,CAAC,UAAU,CAAC,CAAC;QACnC,GAAG,CAAC,UAAU,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;KACzC;AACH,CAAC;AAPD,wCAOC;AAED,SAAgB,aAAa,CAAC,KAAwB,EAAE,MAAoB;IAC1E,IAAM,OAAO,GAAG,aAAa,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IAC7C,cAAc,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IACjC,OAAO,OAAO,CAAC;AACjB,CAAC;AAJD,sCAIC"}
+{"version":3,"file":"createActions.js","sourceRoot":"","sources":["../../src/state/createActions.ts"],"names":[],"mappings":";;;AAAA,sCAAsC;AAEtC,mDAAqD;AAGrD,SAAS,aAAa,CAAC,KAAiC,EAAE,MAAoB;IAC5E,MAAM,GAAG,GAAG,gCACP,MAAM,KACT,IAAI,EAAE,EAAE,EACR,UAAU,EAAE;YACV,IAAI,EAAE,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,SAAS;SACnC,EACD,UAAU,EAAE,IAAA,8BAAgB,GAAE,EAC9B,KAAK,GACgB,CAAC;IACxB,OAAO,GAAG,CAAC;AACb,CAAC;AAED,SAAgB,cAAc,CAAC,GAAuB,EAAE,OAA2B;IACjF,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAEzC,KAAK,MAAM,UAAU,IAAI,WAAW,EAAE;QACpC,MAAM,MAAM,GAAG,OAAO,CAAC,UAAU,CAAC,CAAC;QACnC,GAAG,CAAC,UAAU,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;KACzC;AACH,CAAC;AAPD,wCAOC;AAED,SAAgB,aAAa,CAAC,KAAiC,EAAE,MAAoB;IACnF,MAAM,OAAO,GAAG,aAAa,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IAC7C,cAAc,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IACjC,OAAO,OAAO,CAAC;AACjB,CAAC;AAJD,sCAIC"}

package/lib/state/createGlobalState.d.ts

@@ -1,3 +1,2 @@
-import { Atom } from '@dbeining/react-atom';
 import { GlobalState, NestedPartial } from '../types';
-export declare function createGlobalState(customState?: NestedPartial<GlobalState>): Atom<GlobalState>;
+export declare function createGlobalState(customState?: NestedPartial<GlobalState>): import("zustand").UseBoundStore<GlobalState, import("zustand").StoreApi<GlobalState>>;

package/lib/state/createGlobalState.js

@@ -1,48 +1,23 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createGlobalState = void 0;
-var react_atom_1 = require("@dbeining/react-atom");
-var react_router_dom_1 = require("react-router-dom");
-var components_1 = require("../components");
+const zustand_1 = require("zustand");
+const app_codegen_1 = require("../../app.codegen");
 function extend(defaultState, customState) {
-    for (var _i = 0, _a = Object.keys(customState); _i < _a.length; _i++) {
-        var key = _a[_i];
+    for (const key of Object.keys(customState)) {
         if (key === '__proto__' || key === 'constructor') {
             continue;
         }
-        var value = customState[key];
-        var original = defaultState[key];
-        var nested = typeof original === 'object' && typeof value === 'object';
+        const value = customState[key];
+        const original = defaultState[key];
+        const nested = typeof original === 'object' && typeof value === 'object';
         defaultState[key] = nested ? extend(original, value) : value;
     }
     return defaultState;
 }
-function createGlobalState(customState) {
-    if (customState === void 0) { customState = {}; }
-    var defaultState = {
-        app: {
-            error: undefined,
-            loading: typeof window !== 'undefined',
-            layout: 'desktop',
-        },
-        components: {
-            ErrorInfo: components_1.DefaultErrorInfo,
-            LoadingIndicator: components_1.DefaultLoadingIndicator,
-            Router: react_router_dom_1.BrowserRouter,
-            Layout: components_1.DefaultLayout,
-        },
-        errorComponents: {},
-        registry: {
-            extensions: {},
-            pages: {},
-            wrappers: {},
-        },
-        routes: {},
-        data: {},
-        portals: {},
-        modules: [],
-    };
-    return react_atom_1.Atom.of(extend(defaultState, customState));
+function createGlobalState(customState = {}) {
+    const defaultState = (0, app_codegen_1.createDefaultState)();
+    return (0, zustand_1.default)(() => extend(defaultState, customState));
 }
 exports.createGlobalState = createGlobalState;
 //# sourceMappingURL=createGlobalState.js.map

package/lib/state/createGlobalState.js.map

@@ -1 +1 @@
-{"version":3,"file":"createGlobalState.js","sourceRoot":"","sources":["../../src/state/createGlobalState.ts"],"names":[],"mappings":";;;AAAA,mDAA4C;AAC5C,qDAAiD;AACjD,4CAAyF;AAGzF,SAAS,MAAM,CAAI,YAAe,EAAE,WAA6B;IAC/D,KAAkB,UAAwB,EAAxB,KAAA,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,EAAxB,cAAwB,EAAxB,IAAwB,EAAE;QAAvC,IAAM,GAAG,SAAA;QACZ,IAAI,GAAG,KAAK,WAAW,IAAI,GAAG,KAAK,aAAa,EAAE;YAChD,SAAS;SACV;QAED,IAAM,KAAK,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC;QAC/B,IAAM,QAAQ,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC;QACnC,IAAM,MAAM,GAAG,OAAO,QAAQ,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,CAAC;QACzE,YAAY,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;KAC9D;IAED,OAAO,YAAY,CAAC;AACtB,CAAC;AAED,SAAgB,iBAAiB,CAAC,WAA4C;IAA5C,4BAAA,EAAA,gBAA4C;IAC5E,IAAM,YAAY,GAAgB;QAChC,GAAG,EAAE;YACH,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE,OAAO,MAAM,KAAK,WAAW;YACtC,MAAM,EAAE,SAAS;SAClB;QACD,UAAU,EAAE;YACV,SAAS,EAAE,6BAAgB;YAC3B,gBAAgB,EAAE,oCAAuB;YACzC,MAAM,EAAE,gCAAa;YACrB,MAAM,EAAE,0BAAa;SACtB;QACD,eAAe,EAAE,EAAE;QACnB,QAAQ,EAAE;YACR,UAAU,EAAE,EAAE;YACd,KAAK,EAAE,EAAE;YACT,QAAQ,EAAE,EAAE;SACb;QACD,MAAM,EAAE,EAAE;QACV,IAAI,EAAE,EAAE;QACR,OAAO,EAAE,EAAE;QACX,OAAO,EAAE,EAAE;KACZ,CAAC;IAEF,OAAO,iBAAI,CAAC,EAAE,CAAC,MAAM,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC,CAAC;AACpD,CAAC;AA1BD,8CA0BC"}
+{"version":3,"file":"createGlobalState.js","sourceRoot":"","sources":["../../src/state/createGlobalState.ts"],"names":[],"mappings":";;;AAAA,qCAA6B;AAC7B,mDAAuD;AAGvD,SAAS,MAAM,CAAI,YAAe,EAAE,WAA6B;IAC/D,KAAK,MAAM,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE;QAC1C,IAAI,GAAG,KAAK,WAAW,IAAI,GAAG,KAAK,aAAa,EAAE;YAChD,SAAS;SACV;QAED,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC;QAC/B,MAAM,QAAQ,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC;QACnC,MAAM,MAAM,GAAG,OAAO,QAAQ,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,CAAC;QACzE,YAAY,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;KAC9D;IAED,OAAO,YAAY,CAAC;AACtB,CAAC;AAED,SAAgB,iBAAiB,CAAC,cAA0C,EAAE;IAC5E,MAAM,YAAY,GAAgB,IAAA,gCAAkB,GAAE,CAAC;IACvD,OAAO,IAAA,iBAAM,EAAC,GAAG,EAAE,CAAC,MAAM,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC,CAAC;AACzD,CAAC;AAHD,8CAGC"}

package/lib/state/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
+const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./createActions"), exports);
 tslib_1.__exportStar(require("./createGlobalState"), exports);
 tslib_1.__exportStar(require("./stateContext"), exports);

package/lib/state/stateContext.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StateContext = void 0;
-var React = require("react");
+const React = require("react");
 exports.StateContext = React.createContext(undefined);
 exports.default = exports.StateContext;
 //# sourceMappingURL=stateContext.js.map

package/lib/state/stateContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"stateContext.js","sourceRoot":"","sources":["../../src/state/stateContext.tsx"],"names":[],"mappings":";;;AAAA,6BAA+B;AAGlB,QAAA,YAAY,GAAG,KAAK,CAAC,aAAa,CAAqB,SAAS,CAAC,CAAC;AAE/E,kBAAe,oBAAY,CAAC"}
+{"version":3,"file":"stateContext.js","sourceRoot":"","sources":["../../src/state/stateContext.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAGlB,QAAA,YAAY,GAAG,KAAK,CAAC,aAAa,CAAqB,SAAS,CAAC,CAAC;AAE/E,kBAAe,oBAAY,CAAC"}

package/lib/state/withApi.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
 import { AnyComponent, Errors, PiletApi, BaseComponentProps, GlobalStateContext } from '../types';
-export declare function withApi<TProps>(context: GlobalStateContext, component: AnyComponent<TProps & BaseComponentProps>, piral: PiletApi, errorType: keyof Errors, wrapperType?: string): React.ComponentType<TProps>;
+export declare function withApi<TProps>(context: GlobalStateContext, component: AnyComponent<TProps & BaseComponentProps>, piral: PiletApi, errorType: keyof Errors, wrapperType?: string, captured?: {}): React.MemoExoticComponent<(props: TProps) => JSX.Element> | React.ComponentType<TProps>;