piral-core 0.13.9 → 0.14.0-beta.3157

package/lib/modules/api.js

@@ -1,49 +1,100 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.defaultApiFactory = exports.createExtenders = exports.createCoreApi = void 0;
-var tslib_1 = require("tslib");
-var piral_base_1 = require("piral-base");
-var state_1 = require("../state");
-var components_1 = require("../components");
-var utils_1 = require("../utils");
+const piral_base_1 = require("piral-base");
+const state_1 = require("../state");
+const components_1 = require("../components");
+const utils_1 = require("../utils");
+if ('customElements' in window) {
+    class PiralExtension extends HTMLElement {
+        constructor() {
+            super(...arguments);
+            this.dispose = utils_1.noop;
+            this.update = utils_1.noop;
+        }
+        getProps() {
+            const name = this.getAttribute('name');
+            const params = (0, utils_1.tryParseJson)(this.getAttribute('params'));
+            return { name, params };
+        }
+        connectedCallback() {
+            if (this.isConnected) {
+                this.dispatchEvent(new CustomEvent('render-html', {
+                    bubbles: true,
+                    detail: {
+                        target: this,
+                        props: this.getProps(),
+                    },
+                }));
+            }
+        }
+        disconnectedCallback() {
+            this.dispose();
+            this.dispose = utils_1.noop;
+            this.update = utils_1.noop;
+        }
+        attributeChangedCallback() {
+            this.update(this.getProps());
+        }
+        static get observedAttributes() {
+            return ['name', 'params'];
+        }
+    }
+    customElements.define('piral-extension', PiralExtension);
+}
+function render(context, element, props) {
+    let [id, portal] = (0, utils_1.renderInDom)(context, element, components_1.ExtensionSlot, props);
+    const dispose = () => context.hidePortal(id, portal);
+    const update = (newProps) => {
+        [id, portal] = (0, utils_1.changeDomPortal)(id, portal, context, element, components_1.ExtensionSlot, newProps);
+    };
+    return [dispose, update];
+}
 function createCoreApi(context) {
-    return function (api, target) {
-        var pilet = target.name;
+    document.body.addEventListener('render-html', (ev) => {
+        ev.stopPropagation();
+        const container = ev.detail.target;
+        const [dispose, update] = render(context, container, ev.detail.props);
+        container.dispose = dispose;
+        container.update = update;
+    }, false);
+    return (api, target) => {
+        const pilet = target.name;
         return {
-            getData: function (name) {
+            getData(name) {
                 return context.readDataValue(name);
             },
-            setData: function (name, value, options) {
-                var _a = utils_1.createDataOptions(options), _b = _a.target, target = _b === void 0 ? 'memory' : _b, expires = _a.expires;
-                var expiration = utils_1.getDataExpiration(expires);
+            setData(name, value, options) {
+                const { target = 'memory', expires } = (0, utils_1.createDataOptions)(options);
+                const expiration = (0, utils_1.getDataExpiration)(expires);
                 return context.tryWriteDataItem(name, value, pilet, target, expiration);
             },
-            registerPage: function (route, arg, meta) {
+            registerPage(route, arg, meta) {
                 context.registerPage(route, {
-                    pilet: pilet,
-                    meta: meta,
-                    component: state_1.withApi(context, arg, api, 'page'),
+                    pilet,
+                    meta,
+                    component: (0, state_1.withApi)(context, arg, api, 'page'),
                 });
-                return function () { return api.unregisterPage(route); };
+                return () => api.unregisterPage(route);
             },
-            unregisterPage: function (route) {
+            unregisterPage(route) {
                 context.unregisterPage(route);
             },
-            registerExtension: function (name, arg, defaults) {
+            registerExtension(name, arg, defaults) {
                 context.registerExtension(name, {
-                    pilet: pilet,
-                    component: state_1.withApi(context, arg, api, 'extension'),
+                    pilet,
+                    component: (0, state_1.withApi)(context, arg, api, 'extension'),
                     reference: arg,
-                    defaults: defaults,
+                    defaults,
                 });
-                return function () { return api.unregisterExtension(name, arg); };
+                return () => api.unregisterExtension(name, arg);
             },
-            unregisterExtension: function (name, arg) {
+            unregisterExtension(name, arg) {
                 context.unregisterExtension(name, arg);
             },
-            renderHtmlExtension: function (element, props) {
-                var id = utils_1.renderInDom(context, element, components_1.ExtensionSlot, props);
-                return function () { return context.destroyPortal(id); };
+            renderHtmlExtension(element, props) {
+                const [dispose] = render(context, element, props);
+                return dispose;
             },
             Extension: components_1.ExtensionSlot,
         };
@@ -51,24 +102,24 @@ function createCoreApi(context) {
 }
 exports.createCoreApi = createCoreApi;
 function createExtenders(context, apis) {
-    var creators = tslib_1.__spreadArray([createCoreApi], apis.filter(piral_base_1.isfunc));
-    return creators.map(function (c) {
-        var ctx = c(context);
-        if (piral_base_1.isfunc(ctx)) {
+    const creators = [createCoreApi, ...apis.filter(piral_base_1.isfunc)];
+    return creators.map((c) => {
+        const ctx = c(context);
+        if ((0, piral_base_1.isfunc)(ctx)) {
             return ctx;
         }
         else {
-            return function () { return (tslib_1.__assign({}, ctx)); };
+            return () => (Object.assign({}, ctx));
         }
     });
 }
 exports.createExtenders = createExtenders;
 function defaultApiFactory(context, apis) {
-    var extenders = createExtenders(context, apis);
-    return function (target) {
-        var api = piral_base_1.initializeApi(target, context);
+    const extenders = createExtenders(context, apis);
+    return (target) => {
+        const api = (0, piral_base_1.initializeApi)(target, context);
         context.apis[target.name] = api;
-        return piral_base_1.mergeApis(api, extenders, target);
+        return (0, piral_base_1.mergeApis)(api, extenders, target);
     };
 }
 exports.defaultApiFactory = defaultApiFactory;

package/lib/modules/api.js.map

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

package/lib/modules/dependencies.d.ts

@@ -1,15 +1,14 @@
 import { PiletMetadata, AvailableDependencies } from 'piral-base';
 /**
  * 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.

package/lib/modules/dependencies.js

@@ -1,18 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.defaultModuleRequester = exports.getLocalDependencies = exports.globalDependencies = void 0;
-var tslib_1 = require("tslib");
-var piral_base_1 = require("piral-base");
-var sharedDependencies = {};
-if (process.env.SHARED_DEPENDENCIES) {
-    var fillDependencies = require('../../dependencies.codegen');
-    if (piral_base_1.isfunc(fillDependencies)) {
-        fillDependencies(sharedDependencies);
-    }
-}
+exports.defaultModuleRequester = exports.defaultDependencySelector = exports.globalDependencies = void 0;
+const piral_base_1 = require("piral-base");
 /**
  * The global dependencies, which represent the dependencies
- * already used by piral-core itself.
+ * shared from the app shell itself.
  */
 exports.globalDependencies = {
     react: require('react'),
@@ -25,15 +17,20 @@ exports.globalDependencies = {
     '@libre/atom': require('@libre/atom'),
     '@dbeining/react-atom': require('@dbeining/react-atom'),
 };
+if (process.env.SHARED_DEPENDENCIES) {
+    const fillDependencies = require('../../dependencies.codegen');
+    if ((0, piral_base_1.isfunc)(fillDependencies)) {
+        fillDependencies(exports.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.
  */
-function getLocalDependencies() {
-    return tslib_1.__assign(tslib_1.__assign({}, exports.globalDependencies), sharedDependencies);
+function defaultDependencySelector(dependencies) {
+    return dependencies;
 }
-exports.getLocalDependencies = getLocalDependencies;
+exports.defaultDependencySelector = defaultDependencySelector;
 /**
  * The default pilet requester, which just returns an empty array.
  * Use your own code to connect to the feed service.

package/lib/modules/dependencies.js.map

@@ -1 +1 @@
-{"version":3,"file":"dependencies.js","sourceRoot":"","sources":["../../src/modules/dependencies.ts"],"names":[],"mappings":";;;;AAAA,yCAA0E;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,mBAAM,CAAC,gBAAgB,CAAC,EAAE;QAC5B,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;KACtC;CACF;AAED;;;GAGG;AACU,QAAA,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,SAAgB,oBAAoB;IAClC,6CACK,0BAAkB,GAClB,kBAAkB,EACrB;AACJ,CAAC;AALD,oDAKC;AAED;;;;;;;;;;GAUG;AACH,SAAgB,sBAAsB;IACpC,OAAO,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;AAC7B,CAAC;AAFD,wDAEC"}
+{"version":3,"file":"dependencies.js","sourceRoot":"","sources":["../../src/modules/dependencies.ts"],"names":[],"mappings":";;;AAAA,2CAA0E;AAE1E;;;GAGG;AACU,QAAA,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,IAAI,OAAO,CAAC,GAAG,CAAC,mBAAmB,EAAE;IACnC,MAAM,gBAAgB,GAAG,OAAO,CAAC,4BAA4B,CAAC,CAAC;IAE/D,IAAI,IAAA,mBAAM,EAAC,gBAAgB,CAAC,EAAE;QAC5B,gBAAgB,CAAC,0BAAkB,CAAC,CAAC;KACtC;CACF;AAED;;;GAGG;AACH,SAAgB,yBAAyB,CAAC,YAAmC;IAC3E,OAAO,YAAY,CAAC;AACtB,CAAC;AAFD,8DAEC;AAED;;;;;;;;;;GAUG;AACH,SAAgB,sBAAsB;IACpC,OAAO,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;AAC7B,CAAC;AAFD,wDAEC"}

package/lib/modules/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./api"), exports);
-tslib_1.__exportStar(require("./dependencies"), exports);
+const tslib_1 = require("tslib");
+(0, tslib_1.__exportStar)(require("./api"), exports);
+(0, tslib_1.__exportStar)(require("./dependencies"), 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,qDAAsB;AACtB,8DAA+B"}

package/lib/state/createActions.js

@@ -1,28 +1,23 @@
 "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");
 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,
+        }, 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;AAItC,SAAS,aAAa,CAAC,KAAwB,EAAE,MAAoB;IACnE,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,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,KAAwB,EAAE,MAAoB;IAC1E,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.js

@@ -1,25 +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 react_atom_1 = require("@dbeining/react-atom");
+const react_router_dom_1 = require("react-router-dom");
+const components_1 = require("../components");
 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 = {
+function createGlobalState(customState = {}) {
+    const defaultState = {
         app: {
             error: undefined,
             loading: typeof window !== 'undefined',

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,qDAA4C;AAC5C,uDAAiD;AACjD,8CAAyF;AAGzF,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;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"}

package/lib/state/index.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./createActions"), exports);
-tslib_1.__exportStar(require("./createGlobalState"), exports);
-tslib_1.__exportStar(require("./stateContext"), exports);
-tslib_1.__exportStar(require("./withApi"), exports);
+const tslib_1 = require("tslib");
+(0, tslib_1.__exportStar)(require("./createActions"), exports);
+(0, tslib_1.__exportStar)(require("./createGlobalState"), exports);
+(0, tslib_1.__exportStar)(require("./stateContext"), exports);
+(0, tslib_1.__exportStar)(require("./withApi"), exports);
 //# sourceMappingURL=index.js.map

package/lib/state/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/state/index.ts"],"names":[],"mappings":";;;AAAA,0DAAgC;AAChC,8DAAoC;AACpC,yDAA+B;AAC/B,oDAA0B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/state/index.ts"],"names":[],"mappings":";;;AAAA,+DAAgC;AAChC,mEAAoC;AACpC,8DAA+B;AAC/B,yDAA0B"}

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.js

@@ -1,84 +1,82 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.withApi = void 0;
-var tslib_1 = require("tslib");
-var React = require("react");
-var piral_base_1 = require("piral-base");
-var react_router_1 = require("react-router");
-var stateContext_1 = require("./stateContext");
-var components_1 = require("../components");
-var hooks_1 = require("../hooks");
-var utils_1 = require("../utils");
-var portalIdBase = 123456;
-var none = [];
-var PortalRenderer = function (_a) {
-    var id = _a.id;
-    var children = hooks_1.useGlobalState(function (m) { return m.portals[id]; }) || none;
-    return utils_1.defaultRender(children);
-};
-var DefaultWrapper = function (props) { return React.createElement(React.Fragment, null, props.children); };
-var ForeignComponentContainer = /** @class */ (function (_super) {
-    tslib_1.__extends(ForeignComponentContainer, _super);
-    function ForeignComponentContainer() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.setNode = function (node) {
-            _this.current = node;
+const React = require("react");
+const piral_base_1 = require("piral-base");
+const react_router_1 = require("react-router");
+const stateContext_1 = require("./stateContext");
+const components_1 = require("../components");
+const hooks_1 = require("../hooks");
+const utils_1 = require("../utils");
+// this is an arbitrary start number to have 6 digits
+let portalIdBase = 123456;
+const DefaultWrapper = (props) => (0, utils_1.defaultRender)(props.children);
+class ForeignComponentContainer extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.handler = (ev) => {
+            const { innerProps } = this.props;
+            ev.stopPropagation();
+            innerProps.piral.renderHtmlExtension(ev.detail.target, ev.detail.props);
+        };
+        this.setNode = (node) => {
+            this.current = node;
         };
-        return _this;
     }
-    ForeignComponentContainer.prototype.componentDidMount = function () {
-        var node = this.current;
-        var _a = this.props, $component = _a.$component, $context = _a.$context, innerProps = _a.innerProps;
-        var mount = $component.mount;
-        if (node && piral_base_1.isfunc(mount)) {
+    componentDidMount() {
+        const node = this.current;
+        const { $component, $context, innerProps } = this.props;
+        const { mount } = $component;
+        if (node && (0, piral_base_1.isfunc)(mount)) {
             mount(node, innerProps, $context);
+            node.addEventListener('render-html', this.handler, false);
         }
         this.previous = node;
-    };
-    ForeignComponentContainer.prototype.componentDidUpdate = function () {
-        var _a = this, current = _a.current, previous = _a.previous;
-        var _b = this.props, $component = _b.$component, $context = _b.$context, innerProps = _b.innerProps;
-        var update = $component.update;
+    }
+    componentDidUpdate() {
+        const { current, previous } = this;
+        const { $component, $context, innerProps } = this.props;
+        const { update } = $component;
         if (current !== previous) {
             previous && this.componentWillUnmount();
             current && this.componentDidMount();
         }
-        else if (piral_base_1.isfunc(update)) {
+        else if ((0, piral_base_1.isfunc)(update)) {
             update(current, innerProps, $context);
         }
-    };
-    ForeignComponentContainer.prototype.componentWillUnmount = function () {
-        var node = this.previous;
-        var $component = this.props.$component;
-        var unmount = $component.unmount;
-        if (node && piral_base_1.isfunc(unmount)) {
+    }
+    componentWillUnmount() {
+        const node = this.previous;
+        const { $component } = this.props;
+        const { unmount } = $component;
+        if (node && (0, piral_base_1.isfunc)(unmount)) {
             unmount(node);
+            node.removeEventListener('render-html', this.handler, false);
         }
         this.previous = undefined;
-    };
-    ForeignComponentContainer.prototype.render = function () {
-        var $portalId = this.props.$portalId;
+    }
+    render() {
+        const { $portalId } = this.props;
         return React.createElement("div", { "data-portal-id": $portalId, ref: this.setNode });
-    };
-    return ForeignComponentContainer;
-}(React.Component));
+    }
+}
 function wrapReactComponent(Component, stasisOptions, piral, Wrapper) {
-    return function (props) { return (React.createElement(Wrapper, tslib_1.__assign({}, props, { piral: piral }),
-        React.createElement(components_1.ErrorBoundary, tslib_1.__assign({}, stasisOptions, { renderProps: props }),
-            React.createElement(Component, tslib_1.__assign({}, props, { piral: piral }))))); };
+    return (props) => (React.createElement(Wrapper, Object.assign({}, props, { piral: piral }),
+        React.createElement(components_1.ErrorBoundary, Object.assign({}, stasisOptions, { renderProps: props }),
+            React.createElement(Component, Object.assign({}, props, { piral: piral })))));
 }
 function wrapForeignComponent(component, stasisOptions, piral, Wrapper) {
-    return React.memo(function (props) {
-        var destroyPortal = hooks_1.useActions().destroyPortal;
-        var state = React.useContext(stateContext_1.StateContext).state;
-        var router = React.useContext(react_router_1.__RouterContext);
-        var id = React.useMemo(function () { return (portalIdBase++).toString(26); }, none);
-        var context = React.useMemo(function () { return ({ router: router, state: state }); }, [router, state]);
-        var innerProps = React.useMemo(function () { return (tslib_1.__assign(tslib_1.__assign({}, props), { piral: piral })); }, [props]);
-        React.useEffect(function () { return function () { return destroyPortal(id); }; }, none);
-        return (React.createElement(Wrapper, tslib_1.__assign({}, innerProps),
-            React.createElement(components_1.ErrorBoundary, tslib_1.__assign({}, stasisOptions, { renderProps: props }),
-                React.createElement(PortalRenderer, { id: id }),
+    return React.memo((props) => {
+        const { destroyPortal } = (0, hooks_1.useActions)();
+        const { state } = React.useContext(stateContext_1.StateContext);
+        const router = React.useContext(react_router_1.__RouterContext);
+        const id = React.useMemo(() => (portalIdBase++).toString(26), utils_1.none);
+        const context = React.useMemo(() => ({ router, state }), [router, state]);
+        const innerProps = React.useMemo(() => (Object.assign(Object.assign({}, props), { piral })), [props]);
+        React.useEffect(() => () => destroyPortal(id), utils_1.none);
+        return (React.createElement(Wrapper, Object.assign({}, innerProps),
+            React.createElement(components_1.ErrorBoundary, Object.assign({}, stasisOptions, { renderProps: props }),
+                React.createElement(components_1.PortalRenderer, { id: id }),
                 React.createElement(ForeignComponentContainer, { innerProps: innerProps, "$portalId": id, "$component": component, "$context": context }))));
     });
 }
@@ -89,10 +87,10 @@ function wrapComponent(converters, component, piral, Wrapper, stasisOptions) {
     if (!component) {
         console.error('The given value is not a valid component.');
         // tslint:disable-next-line:no-null-keyword
-        component = function () { return null; };
+        component = () => null;
     }
     if (typeof component === 'object' && isNotExotic(component)) {
-        var result = utils_1.convertComponent(converters[component.type], component);
+        const result = (0, utils_1.convertComponent)(converters[component.type], component);
         return wrapForeignComponent(result, stasisOptions, piral, Wrapper);
     }
     return wrapReactComponent(component, stasisOptions, piral, Wrapper);
@@ -100,19 +98,18 @@ function wrapComponent(converters, component, piral, Wrapper, stasisOptions) {
 function getWrapper(wrappers, wrapperType) {
     return wrappers[wrapperType] || wrappers['*'] || DefaultWrapper;
 }
-function withApi(context, component, piral, errorType, wrapperType) {
-    if (wrapperType === void 0) { wrapperType = errorType; }
-    var converters = context.converters;
-    var Wrapper = context.readState(function (m) { return getWrapper(m.registry.wrappers, wrapperType); });
+function withApi(context, component, piral, errorType, wrapperType = errorType) {
+    const converters = context.converters;
+    const Wrapper = context.readState((m) => getWrapper(m.registry.wrappers, wrapperType));
     return wrapComponent(converters, component, piral, Wrapper, {
-        onError: function (error) {
+        onError(error) {
             console.error(piral, error);
         },
-        renderChild: function (child) {
+        renderChild(child) {
             return React.createElement(React.Suspense, { fallback: React.createElement(components_1.PiralLoadingIndicator, null) }, child);
         },
-        renderError: function (error, props) {
-            return React.createElement(components_1.PiralError, tslib_1.__assign({ type: errorType, error: error }, props));
+        renderError(error, props) {
+            return React.createElement(components_1.PiralError, Object.assign({ type: errorType, error: error }, props));
         },
     });
 }

package/lib/state/withApi.js.map

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