piral-core 0.15.0-alpha.3809 → 0.15.0-alpha.3933

package/esm/components/ForeignComponentContainer.d.ts

@@ -7,6 +7,7 @@ interface ForeignComponentContainerProps<T> {
     innerProps: T & BaseComponentProps;
 }
 export declare class ForeignComponentContainer<T> extends React.Component<ForeignComponentContainerProps<T>> {
+    private locals?;
     private current?;
     private previous?;
     private handler;

package/esm/components/ForeignComponentContainer.js

@@ -3,6 +3,7 @@ import { isfunc } from 'piral-base';
 export class ForeignComponentContainer extends React.Component {
     constructor() {
         super(...arguments);
+        this.locals = {};
         this.handler = (ev) => {
             const { innerProps } = this.props;
             ev.stopPropagation();
@@ -17,7 +18,7 @@ export class ForeignComponentContainer extends React.Component {
         const { $component, $context, innerProps } = this.props;
         const { mount } = $component;
         if (node && isfunc(mount)) {
-            mount(node, innerProps, $context);
+            mount(node, innerProps, $context, this.locals);
             node.addEventListener('render-html', this.handler, false);
         }
         this.previous = node;
@@ -31,7 +32,7 @@ export class ForeignComponentContainer extends React.Component {
             current && this.componentDidMount();
         }
         else if (isfunc(update)) {
-            update(current, innerProps, $context);
+            update(current, innerProps, $context, this.locals);
         }
     }
     componentWillUnmount() {
@@ -39,7 +40,7 @@ export class ForeignComponentContainer extends React.Component {
         const { $component } = this.props;
         const { unmount } = $component;
         if (node && isfunc(unmount)) {
-            unmount(node);
+            unmount(node, this.locals);
             node.removeEventListener('render-html', this.handler, false);
         }
         this.previous = undefined;

package/esm/components/ForeignComponentContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ForeignComponentContainer.js","sourceRoot":"","sources":["../../src/components/ForeignComponentContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAWpC,MAAM,OAAO,yBAA6B,SAAQ,KAAK,CAAC,SAA4C;IAApG;;QAGU,YAAO,GAAG,CAAC,EAAe,EAAE,EAAE;YACpC,MAAM,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YAClC,EAAE,CAAC,eAAe,EAAE,CAAC;YACrB,UAAU,CAAC,KAAK,CAAC,mBAAmB,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC1E,CAAC,CAAC;QAEM,YAAO,GAAG,CAAC,IAAoB,EAAE,EAAE;YACzC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACtB,CAAC,CAAC;IA6CJ,CAAC;IA3CC,iBAAiB;QACf,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC;QAC1B,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACxD,MAAM,EAAE,KAAK,EAAE,GAAG,UAAU,CAAC;QAE7B,IAAI,IAAI,IAAI,MAAM,CAAC,KAAK,CAAC,EAAE;YACzB,KAAK,CAAC,IAAI,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC;YAClC,IAAI,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;SAC3D;QAED,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;IACvB,CAAC;IAED,kBAAkB;QAChB,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;QACnC,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACxD,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC;QAE9B,IAAI,OAAO,KAAK,QAAQ,EAAE;YACxB,QAAQ,IAAI,IAAI,CAAC,oBAAoB,EAAE,CAAC;YACxC,OAAO,IAAI,IAAI,CAAC,iBAAiB,EAAE,CAAC;SACrC;aAAM,IAAI,MAAM,CAAC,MAAM,CAAC,EAAE;YACzB,MAAM,CAAC,OAAO,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC;SACvC;IACH,CAAC;IAED,oBAAoB;QAClB,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC;QAC3B,MAAM,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAClC,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,CAAC;QAE/B,IAAI,IAAI,IAAI,MAAM,CAAC,OAAO,CAAC,EAAE;YAC3B,OAAO,CAAC,IAAI,CAAC,CAAC;YACd,IAAI,CAAC,mBAAmB,CAAC,aAAa,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;SAC9D;QAED,IAAI,CAAC,QAAQ,GAAG,SAAS,CAAC;IAC5B,CAAC;IAED,MAAM;QACJ,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACjC,OAAO,+CAAqB,SAAS,EAAE,GAAG,EAAE,IAAI,CAAC,OAAO,GAAI,CAAC;IAC/D,CAAC;CACF"}
+{"version":3,"file":"ForeignComponentContainer.js","sourceRoot":"","sources":["../../src/components/ForeignComponentContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAWpC,MAAM,OAAO,yBAA6B,SAAQ,KAAK,CAAC,SAA4C;IAApG;;QACU,WAAM,GAAyB,EAAE,CAAC;QAGlC,YAAO,GAAG,CAAC,EAAe,EAAE,EAAE;YACpC,MAAM,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YAClC,EAAE,CAAC,eAAe,EAAE,CAAC;YACrB,UAAU,CAAC,KAAK,CAAC,mBAAmB,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC1E,CAAC,CAAC;QAEM,YAAO,GAAG,CAAC,IAAoB,EAAE,EAAE;YACzC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACtB,CAAC,CAAC;IA6CJ,CAAC;IA3CC,iBAAiB;QACf,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC;QAC1B,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACxD,MAAM,EAAE,KAAK,EAAE,GAAG,UAAU,CAAC;QAE7B,IAAI,IAAI,IAAI,MAAM,CAAC,KAAK,CAAC,EAAE;YACzB,KAAK,CAAC,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;YAC/C,IAAI,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;SAC3D;QAED,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;IACvB,CAAC;IAED,kBAAkB;QAChB,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;QACnC,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACxD,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC;QAE9B,IAAI,OAAO,KAAK,QAAQ,EAAE;YACxB,QAAQ,IAAI,IAAI,CAAC,oBAAoB,EAAE,CAAC;YACxC,OAAO,IAAI,IAAI,CAAC,iBAAiB,EAAE,CAAC;SACrC;aAAM,IAAI,MAAM,CAAC,MAAM,CAAC,EAAE;YACzB,MAAM,CAAC,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;SACpD;IACH,CAAC;IAED,oBAAoB;QAClB,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC;QAC3B,MAAM,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAClC,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,CAAC;QAE/B,IAAI,IAAI,IAAI,MAAM,CAAC,OAAO,CAAC,EAAE;YAC3B,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;YAC3B,IAAI,CAAC,mBAAmB,CAAC,aAAa,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;SAC9D;QAED,IAAI,CAAC,QAAQ,GAAG,SAAS,CAAC;IAC5B,CAAC;IAED,MAAM;QACJ,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACjC,OAAO,+CAAqB,SAAS,EAAE,GAAG,EAAE,IAAI,CAAC,OAAO,GAAI,CAAC;IAC/D,CAAC;CACF"}

package/esm/types/components.d.ts

@@ -41,20 +41,23 @@ export interface ForeignComponent<TProps> {
      * @param element The container hosting the element.
      * @param props The props to transport.
      * @param ctx The associated context.
+     * @param locals The local state of this component instance.
      */
-    mount(element: HTMLElement, props: TProps, ctx: ComponentContext): void;
+    mount(element: HTMLElement, props: TProps, ctx: ComponentContext, locals: Record<string, any>): void;
     /**
      * Called when the component should be updated.
      * @param element The container hosting the element.
      * @param props The props to transport.
      * @param ctx The associated context.
+     * @param locals The local state of this component instance.
      */
-    update?(element: HTMLElement, props: TProps, ctx: ComponentContext): void;
+    update?(element: HTMLElement, props: TProps, ctx: ComponentContext, locals: Record<string, any>): void;
     /**
      * Called when a component is unmounted.
      * @param element The container that was hosting the element.
+     * @param locals The local state of this component instance.
      */
-    unmount?(element: HTMLElement): void;
+    unmount?(element: HTMLElement, locals: Record<string, any>): void;
 }
 /**
  * Possible shapes for a component.

package/esm/utils/media.js

@@ -1,9 +1,8 @@
 import { isfunc } from 'piral-base';
-import { none } from './helpers';
 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: none })
+    ? () => ({ matches: undefined })
     : (q) => window.matchMedia(q);
 export function getCurrentLayout(breakpoints, layouts, defaultLayout) {
     const query = breakpoints.findIndex((q) => mm(q).matches);

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;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAGjC,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,IAAI,EAAE,CAAC;IAC3B,CAAC,CAAC,CAAC,CAAS,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;AAE1C,MAAM,UAAU,gBAAgB,CAAI,WAA0B,EAAE,OAAiB,EAAE,aAAgB;IACjG,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"}
+{"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,WAA0B,EAAE,OAAiB,EAAE,aAAgB;IACjG,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/lib/components/ForeignComponentContainer.d.ts

@@ -7,6 +7,7 @@ interface ForeignComponentContainerProps<T> {
     innerProps: T & BaseComponentProps;
 }
 export declare class ForeignComponentContainer<T> extends React.Component<ForeignComponentContainerProps<T>> {
+    private locals?;
     private current?;
     private previous?;
     private handler;

package/lib/components/ForeignComponentContainer.js

@@ -6,6 +6,7 @@ const piral_base_1 = require("piral-base");
 class ForeignComponentContainer extends React.Component {
     constructor() {
         super(...arguments);
+        this.locals = {};
         this.handler = (ev) => {
             const { innerProps } = this.props;
             ev.stopPropagation();
@@ -20,7 +21,7 @@ class ForeignComponentContainer extends React.Component {
         const { $component, $context, innerProps } = this.props;
         const { mount } = $component;
         if (node && (0, piral_base_1.isfunc)(mount)) {
-            mount(node, innerProps, $context);
+            mount(node, innerProps, $context, this.locals);
             node.addEventListener('render-html', this.handler, false);
         }
         this.previous = node;
@@ -34,7 +35,7 @@ class ForeignComponentContainer extends React.Component {
             current && this.componentDidMount();
         }
         else if ((0, piral_base_1.isfunc)(update)) {
-            update(current, innerProps, $context);
+            update(current, innerProps, $context, this.locals);
         }
     }
     componentWillUnmount() {
@@ -42,7 +43,7 @@ class ForeignComponentContainer extends React.Component {
         const { $component } = this.props;
         const { unmount } = $component;
         if (node && (0, piral_base_1.isfunc)(unmount)) {
-            unmount(node);
+            unmount(node, this.locals);
             node.removeEventListener('render-html', this.handler, false);
         }
         this.previous = undefined;

package/lib/components/ForeignComponentContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ForeignComponentContainer.js","sourceRoot":"","sources":["../../src/components/ForeignComponentContainer.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAC/B,2CAAoC;AAWpC,MAAa,yBAA6B,SAAQ,KAAK,CAAC,SAA4C;IAApG;;QAGU,YAAO,GAAG,CAAC,EAAe,EAAE,EAAE;YACpC,MAAM,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YAClC,EAAE,CAAC,eAAe,EAAE,CAAC;YACrB,UAAU,CAAC,KAAK,CAAC,mBAAmB,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC1E,CAAC,CAAC;QAEM,YAAO,GAAG,CAAC,IAAoB,EAAE,EAAE;YACzC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACtB,CAAC,CAAC;IA6CJ,CAAC;IA3CC,iBAAiB;QACf,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC;QAC1B,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACxD,MAAM,EAAE,KAAK,EAAE,GAAG,UAAU,CAAC;QAE7B,IAAI,IAAI,IAAI,IAAA,mBAAM,EAAC,KAAK,CAAC,EAAE;YACzB,KAAK,CAAC,IAAI,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC;YAClC,IAAI,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;SAC3D;QAED,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;IACvB,CAAC;IAED,kBAAkB;QAChB,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;QACnC,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACxD,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC;QAE9B,IAAI,OAAO,KAAK,QAAQ,EAAE;YACxB,QAAQ,IAAI,IAAI,CAAC,oBAAoB,EAAE,CAAC;YACxC,OAAO,IAAI,IAAI,CAAC,iBAAiB,EAAE,CAAC;SACrC;aAAM,IAAI,IAAA,mBAAM,EAAC,MAAM,CAAC,EAAE;YACzB,MAAM,CAAC,OAAO,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC;SACvC;IACH,CAAC;IAED,oBAAoB;QAClB,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC;QAC3B,MAAM,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAClC,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,CAAC;QAE/B,IAAI,IAAI,IAAI,IAAA,mBAAM,EAAC,OAAO,CAAC,EAAE;YAC3B,OAAO,CAAC,IAAI,CAAC,CAAC;YACd,IAAI,CAAC,mBAAmB,CAAC,aAAa,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;SAC9D;QAED,IAAI,CAAC,QAAQ,GAAG,SAAS,CAAC;IAC5B,CAAC;IAED,MAAM;QACJ,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACjC,OAAO,+CAAqB,SAAS,EAAE,GAAG,EAAE,IAAI,CAAC,OAAO,GAAI,CAAC;IAC/D,CAAC;CACF;AAxDD,8DAwDC"}
+{"version":3,"file":"ForeignComponentContainer.js","sourceRoot":"","sources":["../../src/components/ForeignComponentContainer.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAC/B,2CAAoC;AAWpC,MAAa,yBAA6B,SAAQ,KAAK,CAAC,SAA4C;IAApG;;QACU,WAAM,GAAyB,EAAE,CAAC;QAGlC,YAAO,GAAG,CAAC,EAAe,EAAE,EAAE;YACpC,MAAM,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YAClC,EAAE,CAAC,eAAe,EAAE,CAAC;YACrB,UAAU,CAAC,KAAK,CAAC,mBAAmB,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC1E,CAAC,CAAC;QAEM,YAAO,GAAG,CAAC,IAAoB,EAAE,EAAE;YACzC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACtB,CAAC,CAAC;IA6CJ,CAAC;IA3CC,iBAAiB;QACf,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC;QAC1B,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACxD,MAAM,EAAE,KAAK,EAAE,GAAG,UAAU,CAAC;QAE7B,IAAI,IAAI,IAAI,IAAA,mBAAM,EAAC,KAAK,CAAC,EAAE;YACzB,KAAK,CAAC,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;YAC/C,IAAI,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;SAC3D;QAED,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;IACvB,CAAC;IAED,kBAAkB;QAChB,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;QACnC,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACxD,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC;QAE9B,IAAI,OAAO,KAAK,QAAQ,EAAE;YACxB,QAAQ,IAAI,IAAI,CAAC,oBAAoB,EAAE,CAAC;YACxC,OAAO,IAAI,IAAI,CAAC,iBAAiB,EAAE,CAAC;SACrC;aAAM,IAAI,IAAA,mBAAM,EAAC,MAAM,CAAC,EAAE;YACzB,MAAM,CAAC,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;SACpD;IACH,CAAC;IAED,oBAAoB;QAClB,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC;QAC3B,MAAM,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAClC,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,CAAC;QAE/B,IAAI,IAAI,IAAI,IAAA,mBAAM,EAAC,OAAO,CAAC,EAAE;YAC3B,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;YAC3B,IAAI,CAAC,mBAAmB,CAAC,aAAa,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;SAC9D;QAED,IAAI,CAAC,QAAQ,GAAG,SAAS,CAAC;IAC5B,CAAC;IAED,MAAM;QACJ,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACjC,OAAO,+CAAqB,SAAS,EAAE,GAAG,EAAE,IAAI,CAAC,OAAO,GAAI,CAAC;IAC/D,CAAC;CACF;AAzDD,8DAyDC"}

package/lib/types/components.d.ts

@@ -41,20 +41,23 @@ export interface ForeignComponent<TProps> {
      * @param element The container hosting the element.
      * @param props The props to transport.
      * @param ctx The associated context.
+     * @param locals The local state of this component instance.
      */
-    mount(element: HTMLElement, props: TProps, ctx: ComponentContext): void;
+    mount(element: HTMLElement, props: TProps, ctx: ComponentContext, locals: Record<string, any>): void;
     /**
      * Called when the component should be updated.
      * @param element The container hosting the element.
      * @param props The props to transport.
      * @param ctx The associated context.
+     * @param locals The local state of this component instance.
      */
-    update?(element: HTMLElement, props: TProps, ctx: ComponentContext): void;
+    update?(element: HTMLElement, props: TProps, ctx: ComponentContext, locals: Record<string, any>): void;
     /**
      * Called when a component is unmounted.
      * @param element The container that was hosting the element.
+     * @param locals The local state of this component instance.
      */
-    unmount?(element: HTMLElement): void;
+    unmount?(element: HTMLElement, locals: Record<string, any>): void;
 }
 /**
  * Possible shapes for a component.

package/lib/utils/media.js

@@ -2,11 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getCurrentLayout = exports.defaultBreakpoints = exports.defaultLayouts = void 0;
 const piral_base_1 = require("piral-base");
-const helpers_1 = require("./helpers");
 exports.defaultLayouts = ['desktop', 'tablet', 'mobile'];
 exports.defaultBreakpoints = ['(min-width: 991px)', '(min-width: 481px)', '(max-width: 480px)'];
 const mm = typeof window === 'undefined' || !(0, piral_base_1.isfunc)(window.matchMedia)
-    ? () => ({ matches: helpers_1.none })
+    ? () => ({ matches: undefined })
     : (q) => window.matchMedia(q);
 function getCurrentLayout(breakpoints, layouts, defaultLayout) {
     const query = breakpoints.findIndex((q) => mm(q).matches);

package/lib/utils/media.js.map

@@ -1 +1 @@
-{"version":3,"file":"media.js","sourceRoot":"","sources":["../../src/utils/media.ts"],"names":[],"mappings":";;;AAAA,2CAAoC;AACpC,uCAAiC;AAGpB,QAAA,cAAc,GAAgB,CAAC,SAAS,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;AAE9D,QAAA,kBAAkB,GAAsB,CAAC,oBAAoB,EAAE,oBAAoB,EAAE,oBAAoB,CAAC,CAAC;AAExH,MAAM,EAAE,GACN,OAAO,MAAM,KAAK,WAAW,IAAI,CAAC,IAAA,mBAAM,EAAC,MAAM,CAAC,UAAU,CAAC;IACzD,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,cAAI,EAAE,CAAC;IAC3B,CAAC,CAAC,CAAC,CAAS,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;AAE1C,SAAgB,gBAAgB,CAAI,WAA0B,EAAE,OAAiB,EAAE,aAAgB;IACjG,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;AAJD,4CAIC"}
+{"version":3,"file":"media.js","sourceRoot":"","sources":["../../src/utils/media.ts"],"names":[],"mappings":";;;AAAA,2CAAoC;AAGvB,QAAA,cAAc,GAAgB,CAAC,SAAS,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;AAE9D,QAAA,kBAAkB,GAAsB,CAAC,oBAAoB,EAAE,oBAAoB,EAAE,oBAAoB,CAAC,CAAC;AAExH,MAAM,EAAE,GACN,OAAO,MAAM,KAAK,WAAW,IAAI,CAAC,IAAA,mBAAM,EAAC,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,SAAgB,gBAAgB,CAAI,WAA0B,EAAE,OAAiB,EAAE,aAAgB;IACjG,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;AAJD,4CAIC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "piral-core",
-  "version": "0.15.0-alpha.3809",
+  "version": "0.15.0-alpha.3933",
   "description": "The core library for creating a Piral instance.",
   "keywords": [
     "portal",
@@ -48,8 +48,8 @@
   },
   "dependencies": {
     "@dbeining/react-atom": "^4.0.0",
-    "piral-base": "0.15.0-alpha.3809",
-    "piral-debug-utils": "0.15.0-alpha.3809"
+    "piral-base": "0.15.0-alpha.3933",
+    "piral-debug-utils": "0.15.0-alpha.3933"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -79,5 +79,5 @@
     "@libre/atom",
     "@dbeining/react-atom"
   ],
-  "gitHead": "e26067cdcbbe90ff72d1d0815929655c05126e3a"
+  "gitHead": "520a272d09f02543153f1d8b2ae23a3ae10acd6f"
 }

package/src/actions/portal.test.ts

@@ -1,9 +1,30 @@
 import * as React from 'react';
 import { Atom, swap, deref } from '@dbeining/react-atom';
-import { showPortal, destroyPortal } from './portal';
+import { showPortal, destroyPortal, hidePortal, updatePortal } from './portal';
 
 describe('Piral-Core portal actions', () => {
-  it('showPortal adds a portal', () => {
+  it('destroyPortal removes a portal', () => {
+    const children = React.createElement('div');
+    const portal: React.ReactPortal = { key: 'test', children: { children }, type: 'div', props: null };
+
+    const state = Atom.of({
+      portals: { test: { portal } },
+    });
+
+    const ctx: any = {
+      state,
+      dispatch(update) {
+        swap(state, update);
+      },
+    };
+
+    destroyPortal(ctx, 'test');
+    const { portals } = deref(ctx.state);
+    expect(portals).not.toBeNull();
+    expect(portals.test).toBeUndefined();
+  });
+
+  it('hidePortal hides a portal', () => {
     const children = React.createElement('div');
     const newPortal: React.ReactPortal = { key: 'test', children: { children }, type: 'div', props: null };
     const portal: React.ReactPortal = { key: 'toast', children: { children }, type: 'div', props: null };
@@ -19,18 +40,20 @@ describe('Piral-Core portal actions', () => {
       },
     };
 
-    showPortal(ctx, 'test', newPortal);
+    hidePortal(ctx, 'test', newPortal);
     const { portals } = deref(ctx.state);
     expect(portals).not.toBeNull();
     expect(portals.test).not.toBeNull();
   });
 
-  it('destroyPortal removes a portal', () => {
+  it('updatePortal updates a portal', () => {
     const children = React.createElement('div');
-    const portal: React.ReactPortal = { key: 'test', children: { children }, type: 'div', props: null };
+    const current: React.ReactPortal = { key: 'current', children: { children }, type: 'div', props: null };
+    const next: React.ReactPortal = { key: 'next', children: { children }, type: 'div', props: null };
+    const portal: React.ReactPortal = { key: 'toast', children: { children }, type: 'div', props: null };
 
     const state = Atom.of({
-      portals: { test: { portal } },
+      portals: { p1: { portal } },
     });
 
     const ctx: any = {
@@ -40,9 +63,31 @@ describe('Piral-Core portal actions', () => {
       },
     };
 
-    destroyPortal(ctx, 'test');
+    updatePortal(ctx, 'test', current, next);
     const { portals } = deref(ctx.state);
     expect(portals).not.toBeNull();
-    expect(portals.test).toBeUndefined();
+    expect(portals.test).not.toBeNull();
+  });
+
+  it('showPortal adds a portal', () => {
+    const children = React.createElement('div');
+    const newPortal: React.ReactPortal = { key: 'test', children: { children }, type: 'div', props: null };
+    const portal: React.ReactPortal = { key: 'toast', children: { children }, type: 'div', props: null };
+
+    const state = Atom.of({
+      portals: { p1: { portal } },
+    });
+
+    const ctx: any = {
+      state,
+      dispatch(update) {
+        swap(state, update);
+      },
+    };
+
+    showPortal(ctx, 'test', newPortal);
+    const { portals } = deref(ctx.state);
+    expect(portals).not.toBeNull();
+    expect(portals.test).not.toBeNull();
   });
 });

package/src/components/ForeignComponentContainer.tsx

@@ -11,6 +11,7 @@ interface ForeignComponentContainerProps<T> {
 }
 
 export class ForeignComponentContainer<T> extends React.Component<ForeignComponentContainerProps<T>> {
+  private locals?: Record<string, any> = {};
   private current?: HTMLElement;
   private previous?: HTMLElement;
   private handler = (ev: CustomEvent) => {
@@ -29,7 +30,7 @@ export class ForeignComponentContainer<T> extends React.Component<ForeignCompone
     const { mount } = $component;
 
     if (node && isfunc(mount)) {
-      mount(node, innerProps, $context);
+      mount(node, innerProps, $context, this.locals);
       node.addEventListener('render-html', this.handler, false);
     }
 
@@ -45,7 +46,7 @@ export class ForeignComponentContainer<T> extends React.Component<ForeignCompone
       previous && this.componentWillUnmount();
       current && this.componentDidMount();
     } else if (isfunc(update)) {
-      update(current, innerProps, $context);
+      update(current, innerProps, $context, this.locals);
     }
   }
 
@@ -55,7 +56,7 @@ export class ForeignComponentContainer<T> extends React.Component<ForeignCompone
     const { unmount } = $component;
 
     if (node && isfunc(unmount)) {
-      unmount(node);
+      unmount(node, this.locals);
       node.removeEventListener('render-html', this.handler, false);
     }
 

package/src/components/PiralView.test.tsx

@@ -43,7 +43,7 @@ const state = {
 
 (hooks as any).useGlobalState = (select: any) => select(state);
 
-(routes as any).PiralRoutes = ({}) => <StubDashboard />;
+(routes as any).PiralRoutes = ({ }) => <StubDashboard />;
 
 describe('Portal Module', () => {
   it('renders the dashboard / content in layout if loaded without error', () => {

package/src/components/PiralView.tsx

@@ -42,7 +42,7 @@ const PiralProvider: React.FC = ({ children }) => {
 /**
  * The props for the PiralView component.
  */
-export interface PiralViewProps {}
+export interface PiralViewProps { }
 
 /**
  * The component responsible for the generic view of the application.

package/src/createInstance.test.tsx

@@ -11,4 +11,9 @@ describe('Piral-Core createInstance module', () => {
     const instance = createInstance({ async: true });
     expect(instance.options.strategy).toBe(blazingStrategy);
   });
+
+  it('createInstance with empty actions uses the standard strategy', () => {
+    const instance = createInstance({ actions: {} });
+    expect(instance.options.strategy).toBe(standardStrategy);
+  })
 });

package/src/hooks/globalState-server.test.ts

@@ -0,0 +1,41 @@
+/**
+ * @jest-environment node
+ */
+import { useGlobalState } from './globalState';
+
+jest.mock('react', () => {
+  const { Atom } = require('@libre/atom');
+  const state = Atom.of({
+    foo: 5,
+    bar: {
+      qxz: 'hello',
+    },
+    list: [1, 2, 3],
+  });
+  return {
+    createContext: jest.fn(),
+    useContext: () => ({ state }),
+    useState: (v) => [v, jest.fn()],
+    useMemo: (f) => f(),
+    useLayoutEffect: (f) => f(),
+  };
+});
+
+describe('Media Module', () => {
+  it('in here window should be undefined', () => {
+    expect(typeof window).toBe('undefined');
+    const result = useGlobalState((m) => (m as any).foo);
+    expect(result).toBe(5);
+  });
+
+  it('gets full state object', () => {
+    const result = useGlobalState();
+    expect(result).toEqual({
+      foo: 5,
+      bar: {
+        qxz: 'hello',
+      },
+      list: [1, 2, 3],
+    });
+  });
+});

package/src/types/components.ts

@@ -45,20 +45,23 @@ export interface ForeignComponent<TProps> {
    * @param element The container hosting the element.
    * @param props The props to transport.
    * @param ctx The associated context.
+   * @param locals The local state of this component instance.
    */
-  mount(element: HTMLElement, props: TProps, ctx: ComponentContext): void;
+  mount(element: HTMLElement, props: TProps, ctx: ComponentContext, locals: Record<string, any>): void;
   /**
    * Called when the component should be updated.
    * @param element The container hosting the element.
    * @param props The props to transport.
    * @param ctx The associated context.
+   * @param locals The local state of this component instance.
    */
-  update?(element: HTMLElement, props: TProps, ctx: ComponentContext): void;
+  update?(element: HTMLElement, props: TProps, ctx: ComponentContext, locals: Record<string, any>): void;
   /**
    * Called when a component is unmounted.
    * @param element The container that was hosting the element.
+   * @param locals The local state of this component instance.
    */
-  unmount?(element: HTMLElement): void;
+  unmount?(element: HTMLElement, locals: Record<string, any>): void;
 }
 
 /**

package/src/utils/extension.test.tsx

@@ -9,4 +9,4 @@ describe('Util Extension.', () => {
     const node = mount(<Extension piral={undefined} params={{ title: 'Foo' }} />);
     expect(node.find('b').length).toBe(1);
   });
-});
+});

package/src/utils/guid.test.ts

@@ -1,6 +1,11 @@
-import { generateId } from './guid';
+import { buildName, generateId } from './guid';
 
 describe('Guid Utility Module', () => {
+  it('buildName returns name with its prefix', () => {
+    const result = buildName('Ma', 'Majd');
+    expect(result).toEqual('Ma://Majd');
+  });
+
   it('Generates two consecutive different guids', () => {
     const guid1 = generateId();
     const guid2 = generateId();

package/src/utils/helpers.test.ts

@@ -8,9 +8,61 @@ import {
   prependItems,
   appendItems,
   updateKey,
+  replaceOrAddItem,
+  includeItem,
+  tryParseJson,
+  removeNested,
 } from './helpers';
 
 describe('Helpers Module', () => {
+  it('removeNested removes keys values', () => {
+    const obj = { d: 'test', z: ['test arr'] };
+    const result = removeNested(obj, () => true);
+    const expectedResult = { d: {}, z: {} };
+    expect(result).toEqual(expectedResult);
+  });
+
+  it('removeNested removes keys values with nested arrays', () => {
+    const obj = { z: [['test arr'], ['test arr2']] };
+    const result = removeNested(obj, () => true);
+    const expectedResult = { z: { '0': [], '1': [] } };
+    expect(result).toEqual(expectedResult);
+  });
+
+  it('removeNested splits keys values', () => {
+    const obj = { d: 'test', z: ['test arr'] };
+    const result = removeNested(obj, () => false);
+    const expectedResult = { d: { '0': 't', '1': 'e', '2': 's', '3': 't' }, z: { '0': 'test arr' } };
+    expect(result).toEqual(expectedResult);
+  });
+
+  it('tryParseJson parses a JSON string', () => {
+    const content = '{"result":true, "count":42}';
+    const result = tryParseJson(content);
+    expect(result).toEqual({ result: true, count: 42 });
+  });
+
+  it('tryParseJson return empty object if the content is not valid', () => {
+    const content = '"result":true, "count":42';
+    const result = tryParseJson(content);
+    expect(result).toEqual({});
+  });
+
+  it('includeItem adds an item to array', () => {
+    const result = includeItem([1, 2, 3], 4);
+    expect(result).toEqual([1, 2, 3, 4]);
+  });
+
+  it('replaceOrAddItem replaces the first item', () => {
+    const result = replaceOrAddItem([1, 2, 3], 4, () => true);
+    expect(result).toEqual([4, 2, 3]);
+  });
+
+  it('replaceOrAddItem adds the item the end', () => {
+    const result = replaceOrAddItem([1, 2, 3], 4, () => false);
+    expect(result).toEqual([1, 2, 3, 4]);
+  });
+
   it('prependItem works with an existing array', () => {
     const result = prependItem([1, 2, 3], 4);
     expect(result).toEqual([4, 1, 2, 3]);

package/src/utils/media-server.test.ts

@@ -0,0 +1,13 @@
+/**
+ * @jest-environment node
+ */
+import { getCurrentLayout } from './media';
+
+describe('Media Module', () => {
+  it('in here window should be undefined', () => {
+    expect(typeof window).toBe('undefined');
+    const breakpoints = ['min-width: 200px', 'max-width: 199px'];
+    const result = getCurrentLayout(breakpoints, ['foo', 'bar'], 'qxz');
+    expect(result).toBe('qxz');
+  });
+});

package/src/utils/media.ts

@@ -1,5 +1,4 @@
 import { isfunc } from 'piral-base';
-import { none } from './helpers';
 import { LayoutTypes, LayoutBreakpoints } from '../types';
 
 export const defaultLayouts: LayoutTypes = ['desktop', 'tablet', 'mobile'];
@@ -8,7 +7,7 @@ export const defaultBreakpoints: LayoutBreakpoints = ['(min-width: 991px)', '(mi
 
 const mm =
   typeof window === 'undefined' || !isfunc(window.matchMedia)
-    ? () => ({ matches: none })
+    ? () => ({ matches: undefined })
     : (q: string) => window.matchMedia(q);
 
 export function getCurrentLayout<T>(breakpoints: Array<string>, layouts: Array<T>, defaultLayout: T) {