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

package/esm/modules/dependencies.d.ts

@@ -1,15 +1,14 @@
-import { PiletMetadata, AvailableDependencies } from 'piral-base';
+import type { AvailableDependencies, PiletEntries } from '../types';
 /**
  * The global dependencies, which represent the dependencies
- * already used by piral-core itself.
+ * shared from the app shell itself.
  */
 export declare const globalDependencies: AvailableDependencies;
 /**
- * Gets the local dependencies for the app shell, which
- * are the global dependencies and the implicitly shared
+ * The default dependency selector, which just returns the provided
  * dependencies.
  */
-export declare function getLocalDependencies(): AvailableDependencies;
+export declare function defaultDependencySelector(dependencies: AvailableDependencies): AvailableDependencies;
 /**
  * The default pilet requester, which just returns an empty array.
  * Use your own code to connect to the feed service.
@@ -21,4 +20,4 @@ return fetch('https://feed.piral.cloud/api/v1/pilet/sample')
   .then(res => res.items);
 ```
  */
-export declare function defaultModuleRequester(): Promise<Array<PiletMetadata>>;
+export declare function defaultModuleRequester(): Promise<PiletEntries>;

package/esm/modules/dependencies.js

@@ -1,34 +1,19 @@
-import { __assign } from "tslib";
 import { isfunc } from 'piral-base';
-var sharedDependencies = {};
-if (process.env.SHARED_DEPENDENCIES) {
-    var fillDependencies = require('../../dependencies.codegen');
-    if (isfunc(fillDependencies)) {
-        fillDependencies(sharedDependencies);
-    }
-}
+import { fillDependencies } from '../../app.codegen';
 /**
  * The global dependencies, which represent the dependencies
- * already used by piral-core itself.
+ * shared from the app shell itself.
  */
-export var globalDependencies = {
-    react: require('react'),
-    'react-dom': require('react-dom'),
-    'react-router': require('react-router'),
-    'react-router-dom': require('react-router-dom'),
-    history: require('history'),
-    tslib: require('tslib'),
-    'path-to-regexp': require('path-to-regexp'),
-    '@libre/atom': require('@libre/atom'),
-    '@dbeining/react-atom': require('@dbeining/react-atom'),
-};
+export const globalDependencies = {};
+if (isfunc(fillDependencies)) {
+    fillDependencies(globalDependencies);
+}
 /**
- * Gets the local dependencies for the app shell, which
- * are the global dependencies and the implicitly shared
+ * The default dependency selector, which just returns the provided
  * dependencies.
  */
-export function getLocalDependencies() {
-    return __assign(__assign({}, globalDependencies), sharedDependencies);
+export function defaultDependencySelector(dependencies) {
+    return dependencies;
 }
 /**
  * The default pilet requester, which just returns an empty array.

package/esm/modules/dependencies.js.map

@@ -1 +1 @@
-{"version":3,"file":"dependencies.js","sourceRoot":"","sources":["../../src/modules/dependencies.ts"],"names":[],"mappings":";AAAA,OAAO,EAAwC,MAAM,EAAE,MAAM,YAAY,CAAC;AAE1E,IAAM,kBAAkB,GAA0B,EAAE,CAAC;AAErD,IAAI,OAAO,CAAC,GAAG,CAAC,mBAAmB,EAAE;IACnC,IAAM,gBAAgB,GAAG,OAAO,CAAC,4BAA4B,CAAC,CAAC;IAE/D,IAAI,MAAM,CAAC,gBAAgB,CAAC,EAAE;QAC5B,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;KACtC;CACF;AAED;;;GAGG;AACH,MAAM,CAAC,IAAM,kBAAkB,GAA0B;IACvD,KAAK,EAAE,OAAO,CAAC,OAAO,CAAC;IACvB,WAAW,EAAE,OAAO,CAAC,WAAW,CAAC;IACjC,cAAc,EAAE,OAAO,CAAC,cAAc,CAAC;IACvC,kBAAkB,EAAE,OAAO,CAAC,kBAAkB,CAAC;IAC/C,OAAO,EAAE,OAAO,CAAC,SAAS,CAAC;IAC3B,KAAK,EAAE,OAAO,CAAC,OAAO,CAAC;IACvB,gBAAgB,EAAE,OAAO,CAAC,gBAAgB,CAAC;IAC3C,aAAa,EAAE,OAAO,CAAC,aAAa,CAAC;IACrC,sBAAsB,EAAE,OAAO,CAAC,sBAAsB,CAAC;CACxD,CAAC;AAEF;;;;GAIG;AACH,MAAM,UAAU,oBAAoB;IAClC,6BACK,kBAAkB,GAClB,kBAAkB,EACrB;AACJ,CAAC;AAED;;;;;;;;;;GAUG;AACH,MAAM,UAAU,sBAAsB;IACpC,OAAO,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;AAC7B,CAAC"}
+{"version":3,"file":"dependencies.js","sourceRoot":"","sources":["../../src/modules/dependencies.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAErD;;;GAGG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAA0B,EAAE,CAAC;AAE5D,IAAI,MAAM,CAAC,gBAAgB,CAAC,EAAE;IAC5B,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;CACtC;AAED;;;GAGG;AACH,MAAM,UAAU,yBAAyB,CAAC,YAAmC;IAC3E,OAAO,YAAY,CAAC;AACtB,CAAC;AAED;;;;;;;;;;GAUG;AACH,MAAM,UAAU,sBAAsB;IACpC,OAAO,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;AAC7B,CAAC"}

package/esm/modules/element.d.ts

@@ -0,0 +1,5 @@
+import { Disposable, GlobalStateContext } from '../types';
+export interface Updatable {
+    (newProps: any): void;
+}
+export declare function renderElement(context: GlobalStateContext, element: HTMLElement | ShadowRoot, props: any): [Disposable, Updatable];

package/esm/modules/element.js

@@ -0,0 +1,169 @@
+import { ExtensionSlot } from '../components';
+import { tryParseJson, noop, reactifyContent, renderInDom, changeDomPortal, portalName, extensionName, slotName, isSame, } from '../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 = noop;
+            this.update = noop;
+            this.props = {
+                name: this.getAttribute('name'),
+                emptySkipsRender: typeof this.getAttribute('empty-skips-render') === 'string',
+                params: tryParseJson(this.getAttribute('params')),
+                empty: undefined,
+                order: undefined,
+                render: undefined,
+                children: reactifyContent(this.childNodes),
+            };
+        }
+        get params() {
+            return this.props.params;
+        }
+        set params(value) {
+            if (!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 = noop;
+            this.update = noop;
+        }
+        attributeChangedCallback(name, _, newValue) {
+            switch (name) {
+                case 'name':
+                    this.name = newValue;
+                    break;
+                case 'params':
+                    this.params = tryParseJson(newValue);
+                    break;
+                case 'empty-skips-render':
+                    this.emptySkipsRender = typeof newValue === 'string';
+                    break;
+            }
+        }
+        static get observedAttributes() {
+            return ['name', 'params', 'empty-skips-render'];
+        }
+    }
+    customElements.define(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(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(slotName, PiralSlot);
+}
+export function renderElement(context, element, props) {
+    if (typeof window !== 'undefined') {
+        let [id, portal] = renderInDom(context, element, 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] = changeDomPortal(id, portal, context, element, ExtensionSlot, newProps);
+        };
+        element.addEventListener(evName, handler);
+        return [dispose, update];
+    }
+    return [noop, noop];
+}
+//# sourceMappingURL=element.js.map

package/esm/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/esm/modules/index.d.ts

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

package/esm/modules/index.js

@@ -1,3 +1,4 @@
 export * from './api';
 export * from './dependencies';
+export * from './element';
 //# sourceMappingURL=index.js.map

package/esm/modules/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/modules/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC;AACtB,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/modules/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC;AACtB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC"}

package/esm/setters/SetComponent.js

@@ -0,0 +1,11 @@
+import { useGlobalStateContext, useSetter } from '../hooks';
+/**
+ * The component capable of setting a layout component at mounting.
+ */
+export function SetComponent({ name, component, }) {
+    const { setComponent } = useGlobalStateContext();
+    useSetter(() => component && setComponent(name, component));
+    // tslint:disable-next-line:no-null-keyword
+    return null;
+}
+//# sourceMappingURL=SetComponent.js.map

package/esm/setters/SetComponent.js.map

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

package/esm/setters/SetError.js

@@ -0,0 +1,11 @@
+import { useGlobalStateContext, useSetter } from '../hooks';
+/**
+ * The component capable of setting a globally defined error handler component at mounting.
+ */
+export function SetError({ type, component, }) {
+    const { setErrorComponent } = useGlobalStateContext();
+    useSetter(() => component && setErrorComponent(type, component));
+    // tslint:disable-next-line:no-null-keyword
+    return null;
+}
+//# sourceMappingURL=SetError.js.map

package/esm/setters/SetError.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SetError.js","sourceRoot":"","sources":["../../src/setters/SetError.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAiB5D;;GAEG;AACH,MAAM,UAAU,QAAQ,CAA0C,EAChE,IAAI,EACJ,SAAS,GACW;IACpB,MAAM,EAAE,iBAAiB,EAAE,GAAG,qBAAqB,EAAE,CAAC;IACtD,SAAS,CAAC,GAAG,EAAE,CAAC,SAAS,IAAI,iBAAiB,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC;IACjE,2CAA2C;IAC3C,OAAO,IAAI,CAAC;AACd,CAAC"}

package/esm/setters/SetErrors.js

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { SetError } from './SetError';
+/**
+ * The component capable of batch setting error handling components.
+ */
+export function SetErrors({ errors = {} }) {
+    return (React.createElement(React.Fragment, null, Object.keys(errors).map((key) => (React.createElement(SetError, { type: key, component: errors[key], key: key })))));
+}
+//# sourceMappingURL=SetErrors.js.map

package/esm/setters/SetErrors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SetErrors.js","sourceRoot":"","sources":["../../src/setters/SetErrors.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAatC;;GAEG;AACH,MAAM,UAAU,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,QAAQ,IAAC,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,GAAI,CAC1D,CAAC,CACD,CACJ,CAAC;AACJ,CAAC"}

package/esm/setters/SetLayout.js

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { SetComponent } from './SetComponent';
+/**
+ * The component capable of batch setting layout components.
+ */
+export function SetLayout({ layout = {} }) {
+    return (React.createElement(React.Fragment, null, Object.keys(layout).map((key) => (React.createElement(SetComponent, { name: key, component: layout[key], key: key })))));
+}
+//# sourceMappingURL=SetLayout.js.map

package/esm/setters/SetLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SetLayout.js","sourceRoot":"","sources":["../../src/setters/SetLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAa9C;;GAEG;AACH,MAAM,UAAU,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,YAAY,IAAC,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,GAAI,CAC9D,CAAC,CACD,CACJ,CAAC;AACJ,CAAC"}

package/esm/setters/SetProvider.js

@@ -0,0 +1,11 @@
+import { useGlobalStateContext, useSetter } from '../hooks';
+/**
+ * The component capable of setting a global provider at mounting.
+ */
+export function SetProvider({ provider }) {
+    const { includeProvider } = useGlobalStateContext();
+    useSetter(() => provider && includeProvider(provider));
+    // tslint:disable-next-line:no-null-keyword
+    return null;
+}
+//# sourceMappingURL=SetProvider.js.map

package/esm/setters/SetProvider.js.map

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

package/esm/setters/SetRedirect.js

@@ -0,0 +1,12 @@
+import { useGlobalStateContext, useSetter } from '../hooks';
+import { createRedirect } from '../../app.codegen';
+/**
+ * The component capable of setting a global redirect route at mounting.
+ */
+export function SetRedirect({ from, to }) {
+    const { setRoute } = useGlobalStateContext();
+    useSetter(() => setRoute(from, createRedirect(to)));
+    // tslint:disable-next-line:no-null-keyword
+    return null;
+}
+//# sourceMappingURL=SetRedirect.js.map

package/esm/setters/SetRedirect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SetRedirect.js","sourceRoot":"","sources":["../../src/setters/SetRedirect.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAgBnD;;GAEG;AACH,MAAM,UAAU,WAAW,CAAC,EAAE,IAAI,EAAE,EAAE,EAAoB;IACxD,MAAM,EAAE,QAAQ,EAAE,GAAG,qBAAqB,EAAE,CAAC;IAC7C,SAAS,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,EAAE,cAAc,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IACpD,2CAA2C;IAC3C,OAAO,IAAI,CAAC;AACd,CAAC"}

package/{lib/components → esm/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/esm/setters/SetRoute.js

@@ -0,0 +1,11 @@
+import { useGlobalStateContext, useSetter } from '../hooks';
+/**
+ * The component capable of setting a global route at mounting.
+ */
+export function SetRoute({ path, component, }) {
+    const { setRoute } = useGlobalStateContext();
+    useSetter(() => component && setRoute(path, component));
+    // tslint:disable-next-line:no-null-keyword
+    return null;
+}
+//# sourceMappingURL=SetRoute.js.map

package/esm/setters/SetRoute.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SetRoute.js","sourceRoot":"","sources":["../../src/setters/SetRoute.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAgB5D;;GAEG;AACH,MAAM,UAAU,QAAQ,CAA6C,EACnE,IAAI,EACJ,SAAS,GACQ;IACjB,MAAM,EAAE,QAAQ,EAAE,GAAG,qBAAqB,EAAE,CAAC;IAC7C,SAAS,CAAC,GAAG,EAAE,CAAC,SAAS,IAAI,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC;IACxD,2CAA2C;IAC3C,OAAO,IAAI,CAAC;AACd,CAAC"}

package/esm/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/esm/setters/index.js

@@ -0,0 +1,8 @@
+export * from './SetComponent';
+export * from './SetError';
+export * from './SetErrors';
+export * from './SetLayout';
+export * from './SetProvider';
+export * from './SetRedirect';
+export * from './SetRoute';
+//# sourceMappingURL=index.js.map

package/esm/setters/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/setters/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC"}

package/esm/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/esm/state/createActions.js

@@ -1,24 +1,20 @@
-import { __assign } from "tslib";
 import * as actions from '../actions';
+import { createNavigation } from '../../app.codegen';
 function createContext(state, events) {
-    var ctx = __assign(__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: createNavigation(), state });
     return ctx;
 }
 export 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);
     }
 }
 export function createActions(state, events) {
-    var context = createContext(state, events);
+    const context = createContext(state, events);
     includeActions(context, actions);
     return context;
 }

package/esm/state/createActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"createActions.js","sourceRoot":"","sources":["../../src/state/createActions.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,OAAO,MAAM,YAAY,CAAC;AAItC,SAAS,aAAa,CAAC,KAAwB,EAAE,MAAoB;IACnE,IAAM,GAAG,GAAG,sBACP,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,MAAM,UAAU,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;AAED,MAAM,UAAU,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"}
+{"version":3,"file":"createActions.js","sourceRoot":"","sources":["../../src/state/createActions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;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,gBAAgB,EAAE,EAC9B,KAAK,GACgB,CAAC;IACxB,OAAO,GAAG,CAAC;AACb,CAAC;AAED,MAAM,UAAU,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;AAED,MAAM,UAAU,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"}

package/esm/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/esm/state/createGlobalState.js

@@ -1,44 +1,19 @@
-import { Atom } from '@dbeining/react-atom';
-import { BrowserRouter } from 'react-router-dom';
-import { DefaultErrorInfo, DefaultLoadingIndicator, DefaultLayout } from '../components';
+import create from 'zustand';
+import { createDefaultState } from '../../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;
 }
-export function createGlobalState(customState) {
-    if (customState === void 0) { customState = {}; }
-    var defaultState = {
-        app: {
-            error: undefined,
-            loading: typeof window !== 'undefined',
-            layout: 'desktop',
-        },
-        components: {
-            ErrorInfo: DefaultErrorInfo,
-            LoadingIndicator: DefaultLoadingIndicator,
-            Router: BrowserRouter,
-            Layout: DefaultLayout,
-        },
-        errorComponents: {},
-        registry: {
-            extensions: {},
-            pages: {},
-            wrappers: {},
-        },
-        routes: {},
-        data: {},
-        portals: {},
-        modules: [],
-    };
-    return Atom.of(extend(defaultState, customState));
+export function createGlobalState(customState = {}) {
+    const defaultState = createDefaultState();
+    return create(() => extend(defaultState, customState));
 }
 //# sourceMappingURL=createGlobalState.js.map

package/esm/state/createGlobalState.js.map

@@ -1 +1 @@
-{"version":3,"file":"createGlobalState.js","sourceRoot":"","sources":["../../src/state/createGlobalState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;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,MAAM,UAAU,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,gBAAgB;YAC3B,gBAAgB,EAAE,uBAAuB;YACzC,MAAM,EAAE,aAAa;YACrB,MAAM,EAAE,aAAa;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,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC,CAAC;AACpD,CAAC"}
+{"version":3,"file":"createGlobalState.js","sourceRoot":"","sources":["../../src/state/createGlobalState.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,SAAS,CAAC;AAC7B,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;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,MAAM,UAAU,iBAAiB,CAAC,cAA0C,EAAE;IAC5E,MAAM,YAAY,GAAgB,kBAAkB,EAAE,CAAC;IACvD,OAAO,MAAM,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC,CAAC;AACzD,CAAC"}

package/esm/state/stateContext.js

@@ -1,4 +1,4 @@
 import * as React from 'react';
-export var StateContext = React.createContext(undefined);
+export const StateContext = React.createContext(undefined);
 export default StateContext;
 //# sourceMappingURL=stateContext.js.map

package/esm/state/stateContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"stateContext.js","sourceRoot":"","sources":["../../src/state/stateContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,CAAC,IAAM,YAAY,GAAG,KAAK,CAAC,aAAa,CAAqB,SAAS,CAAC,CAAC;AAE/E,eAAe,YAAY,CAAC"}
+{"version":3,"file":"stateContext.js","sourceRoot":"","sources":["../../src/state/stateContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAC,aAAa,CAAqB,SAAS,CAAC,CAAC;AAE/E,eAAe,YAAY,CAAC"}

package/esm/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>;