piral-react-15 0.13.7 → 0.14.0-alpha.3154

package/convert.d.ts

@@ -1,9 +1,11 @@
 import type { HtmlComponent } from 'piral-core';
-import { createExtension } from './lib/extension';
-declare const convert: <TProps extends import("piral-core").BaseComponentProps>(root: any) => import("piral-core").ForeignComponent<TProps>;
+import { createConverter } from './lib/converter';
 export interface React15Converter {
-    (...params: Parameters<typeof convert>): HtmlComponent<any>;
+    (...params: Parameters<ReturnType<typeof createConverter>>): HtmlComponent<any>;
 }
-export declare const fromReact15: React15Converter;
-export declare const createReact15Extension: typeof createExtension;
-export {};
+export declare function createReact15Converter(...params: Parameters<typeof createConverter>): {
+    from: React15Converter;
+    Extension: any;
+};
+declare const fromReact15: React15Converter, React15Extension: any;
+export { fromReact15, React15Extension };

package/convert.js

@@ -1,12 +1,21 @@
 "use strict";
 exports.__esModule = true;
-exports.createReact15Extension = exports.fromReact15 = void 0;
+exports.React15Extension = exports.fromReact15 = exports.createReact15Converter = void 0;
 var converter_1 = require("./lib/converter");
-var extension_1 = require("./lib/extension");
-var convert = converter_1.createConverter();
-var fromReact15 = function (root) { return ({
-    type: 'html',
-    component: convert(root)
-}); };
+function createReact15Converter() {
+    var params = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        params[_i] = arguments[_i];
+    }
+    var convert = converter_1.createConverter.apply(void 0, params);
+    var Extension = convert.Extension;
+    var from = function (root) { return ({
+        type: 'html',
+        component: convert(root)
+    }); };
+    return { from: from, Extension: Extension };
+}
+exports.createReact15Converter = createReact15Converter;
+var _a = createReact15Converter(), fromReact15 = _a.from, React15Extension = _a.Extension;
 exports.fromReact15 = fromReact15;
-exports.createReact15Extension = extension_1.createExtension;
+exports.React15Extension = React15Extension;

package/esm/converter.d.ts

@@ -1,4 +1,14 @@
 /// <reference types="react" />
-import { ForeignComponent, BaseComponentProps } from 'piral-core';
-import { ComponentType } from 'react-15';
-export declare function createConverter(): <TProps extends BaseComponentProps>(root: ComponentType<TProps>) => ForeignComponent<TProps>;
+import type { ForeignComponent, BaseComponentProps } from 'piral-core';
+import type { ComponentType } from 'react-15';
+export interface React15ConverterOptions {
+    /**
+     * Defines the name of the root element.
+     * @default slot
+     */
+    rootName?: string;
+}
+export declare function createConverter(config?: React15ConverterOptions): {
+    <TProps extends BaseComponentProps>(root: ComponentType<TProps>): ForeignComponent<TProps>;
+    Extension: any;
+};

package/esm/converter.js

@@ -1,18 +1,22 @@
+import { createExtension } from './extension';
 import { mountReact15, unmountReact15 } from './mount';
-export function createConverter() {
-    var convert = function (root) {
+export function createConverter(config = {}) {
+    const { rootName = 'slot' } = config;
+    const Extension = createExtension(rootName);
+    const convert = (root) => {
         return {
-            mount: function (el, props, ctx) {
+            mount(el, props, ctx) {
                 mountReact15(el, root, props, ctx);
             },
-            update: function (el, props, ctx) {
+            update(el, props, ctx) {
                 mountReact15(el, root, props, ctx);
             },
-            unmount: function (el) {
+            unmount(el) {
                 unmountReact15(el);
             },
         };
     };
+    convert.Extension = Extension;
     return convert;
 }
 //# sourceMappingURL=converter.js.map

package/esm/converter.js.map

@@ -1 +1 @@
-{"version":3,"file":"converter.js","sourceRoot":"","sources":["../src/converter.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEvD,MAAM,UAAU,eAAe;IAC7B,IAAM,OAAO,GAAG,UAAoC,IAA2B;QAC7E,OAAO;YACL,KAAK,YAAC,EAAE,EAAE,KAAK,EAAE,GAAG;gBAClB,YAAY,CAAC,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;YACrC,CAAC;YACD,MAAM,YAAC,EAAE,EAAE,KAAK,EAAE,GAAG;gBACnB,YAAY,CAAC,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;YACrC,CAAC;YACD,OAAO,YAAC,EAAE;gBACR,cAAc,CAAC,EAAE,CAAC,CAAC;YACrB,CAAC;SACF,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,OAAO,CAAC;AACjB,CAAC"}
+{"version":3,"file":"converter.js","sourceRoot":"","sources":["../src/converter.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAUvD,MAAM,UAAU,eAAe,CAAC,SAAkC,EAAE;IAClE,MAAM,EAAE,QAAQ,GAAG,MAAM,EAAE,GAAG,MAAM,CAAC;IACrC,MAAM,SAAS,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC;IAC5C,MAAM,OAAO,GAAG,CAAoC,IAA2B,EAA4B,EAAE;QAC3G,OAAO;YACL,KAAK,CAAC,EAAE,EAAE,KAAK,EAAE,GAAG;gBAClB,YAAY,CAAC,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;YACrC,CAAC;YACD,MAAM,CAAC,EAAE,EAAE,KAAK,EAAE,GAAG;gBACnB,YAAY,CAAC,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;YACrC,CAAC;YACD,OAAO,CAAC,EAAE;gBACR,cAAc,CAAC,EAAE,CAAC,CAAC;YACrB,CAAC;SACF,CAAC;IACJ,CAAC,CAAC;IACF,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC;IAC9B,OAAO,OAAO,CAAC;AACjB,CAAC"}

package/esm/create.d.ts

@@ -1,14 +1,10 @@
 import type { PiralPlugin } from 'piral-core';
+import { React15ConverterOptions } from './converter';
 import type { PiletReact15Api } from './types';
 /**
  * Available configuration options for the React 15.x plugin.
  */
-export interface React15Config {
-    /**
-     * Defines the name of the root element.
-     * @default slot
-     */
-    rootName?: string;
+export interface React15Config extends React15ConverterOptions {
 }
 /**
  * Creates Pilet API extensions for integrating React 15.x.

package/esm/create.js

@@ -1,25 +1,19 @@
 import { createConverter } from './converter';
-import { createExtension } from './extension';
 /**
  * Creates Pilet API extensions for integrating React 15.x.
  */
-export function createReact15Api(config) {
-    if (config === void 0) { config = {}; }
-    var rootName = config.rootName;
-    return function (context) {
-        var convert = createConverter();
-        context.converters.react15 = function (_a) {
-            var root = _a.root;
-            return convert(root);
-        };
+export function createReact15Api(config = {}) {
+    return (context) => {
+        const convert = createConverter(config);
+        context.converters.react15 = ({ root }) => convert(root);
         return {
-            fromReact15: function (root) {
+            fromReact15(root) {
                 return {
                     type: 'react15',
-                    root: root,
+                    root,
                 };
             },
-            React15Extension: createExtension(rootName),
+            React15Extension: convert.Extension,
         };
     };
 }

package/esm/create.js.map

@@ -1 +1 @@
-{"version":3,"file":"create.js","sourceRoot":"","sources":["../src/create.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAc9C;;GAEG;AACH,MAAM,UAAU,gBAAgB,CAAC,MAA0B;IAA1B,uBAAA,EAAA,WAA0B;IACjD,IAAA,QAAQ,GAAK,MAAM,SAAX,CAAY;IAE5B,OAAO,UAAC,OAAO;QACb,IAAM,OAAO,GAAG,eAAe,EAAE,CAAC;QAClC,OAAO,CAAC,UAAU,CAAC,OAAO,GAAG,UAAC,EAAQ;gBAAN,IAAI,UAAA;YAAO,OAAA,OAAO,CAAC,IAAI,CAAC;QAAb,CAAa,CAAC;QAEzD,OAAO;YACL,WAAW,YAAC,IAAI;gBACd,OAAO;oBACL,IAAI,EAAE,SAAS;oBACf,IAAI,MAAA;iBACL,CAAC;YACJ,CAAC;YACD,gBAAgB,EAAE,eAAe,CAAC,QAAQ,CAAC;SAC5C,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC"}
+{"version":3,"file":"create.js","sourceRoot":"","sources":["../src/create.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAA2B,MAAM,aAAa,CAAC;AAQvE;;GAEG;AACH,MAAM,UAAU,gBAAgB,CAAC,SAAwB,EAAE;IACzD,OAAO,CAAC,OAAO,EAAE,EAAE;QACjB,MAAM,OAAO,GAAG,eAAe,CAAC,MAAM,CAAC,CAAC;QACxC,OAAO,CAAC,UAAU,CAAC,OAAO,GAAG,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QAEzD,OAAO;YACL,WAAW,CAAC,IAAI;gBACd,OAAO;oBACL,IAAI,EAAE,SAAS;oBACf,IAAI;iBACL,CAAC;YACJ,CAAC;YACD,gBAAgB,EAAE,OAAO,CAAC,SAAS;SACpC,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC"}

package/esm/extension.d.ts

@@ -1 +1 @@
-export declare function createExtension(rootName?: string): any;
+export declare function createExtension(rootName: string): any;

package/esm/extension.js

@@ -1,33 +1,51 @@
-import { __extends } from "tslib";
-import { compare } from 'piral-core';
 import { createElement, Component } from 'react-15';
 import { anyPropType } from './mount';
+function compareObjects(a, b) {
+    for (const i in a) {
+        if (!(i in b)) {
+            return false;
+        }
+    }
+    for (const i in b) {
+        if (!compare(a[i], b[i])) {
+            return false;
+        }
+    }
+    return true;
+}
+function compare(a, b) {
+    if (a !== b) {
+        const ta = typeof a;
+        const tb = typeof b;
+        if (ta === tb && ta === 'object' && a && b) {
+            return compareObjects(a, b);
+        }
+        return false;
+    }
+    return true;
+}
 export function createExtension(rootName) {
     var _a;
-    if (rootName === void 0) { rootName = 'slot'; }
-    var React15Extension = (_a = /** @class */ (function (_super) {
-            __extends(class_1, _super);
-            function class_1() {
-                var _this = _super !== null && _super.apply(this, arguments) || this;
-                _this.onRefChange = function (element) {
+    const React15Extension = (_a = class extends Component {
+            constructor() {
+                super(...arguments);
+                this.onRefChange = (element) => {
                     if (element) {
-                        var piral = _this.context.piral;
+                        const { piral } = this.context;
                         element.innerHTML = '';
-                        piral.renderHtmlExtension(element, _this.props);
+                        piral.renderHtmlExtension(element, this.props);
                     }
                 };
-                return _this;
             }
-            class_1.prototype.shouldComponentUpdate = function (nextProps) {
+            shouldComponentUpdate(nextProps) {
                 return !compare(this.props, nextProps);
-            };
-            class_1.prototype.render = function () {
+            }
+            render() {
                 return createElement(rootName, {
                     ref: this.onRefChange,
                 });
-            };
-            return class_1;
-        }(Component)),
+            }
+        },
         _a.contextTypes = {
             piral: anyPropType,
         },

package/esm/extension.js.map

@@ -1 +1 @@
-{"version":3,"file":"extension.js","sourceRoot":"","sources":["../src/extension.ts"],"names":[],"mappings":";AAAA,OAAO,EAAsB,OAAO,EAAE,MAAM,YAAY,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,MAAM,UAAU,eAAe,CAAC,QAAiB;;IAAjB,yBAAA,EAAA,iBAAiB;IAC/C,IAAM,gBAAgB;YAAsB,2BAA6B;YAA3C;gBAAA,qEAsB7B;gBAjBS,iBAAW,GAAG,UAAC,OAAoB;oBACzC,IAAI,OAAO,EAAE;wBACH,IAAA,KAAK,GAAK,KAAI,CAAC,OAAO,MAAjB,CAAkB;wBAC/B,OAAO,CAAC,SAAS,GAAG,EAAE,CAAC;wBACvB,KAAK,CAAC,mBAAmB,CAAC,OAAO,EAAE,KAAI,CAAC,KAAK,CAAC,CAAC;qBAChD;gBACH,CAAC,CAAC;;YAWJ,CAAC;YATC,uCAAqB,GAArB,UAAsB,SAA6B;gBACjD,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;YACzC,CAAC;YAED,wBAAM,GAAN;gBACE,OAAO,aAAa,CAAC,QAAQ,EAAE;oBAC7B,GAAG,EAAE,IAAI,CAAC,WAAW;iBACtB,CAAC,CAAC;YACL,CAAC;YACH,cAAC;QAAD,CAAC,AAtB6B,CAAc,SAAS;QAC5C,eAAY,GAAG;YACpB,KAAK,EAAE,WAAW;SAClB;WAmBH,CAAC;IAEF,OAAO,gBAAgB,CAAC;AAC1B,CAAC"}
+{"version":3,"file":"extension.js","sourceRoot":"","sources":["../src/extension.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,SAAS,cAAc,CAAC,CAAM,EAAE,CAAM;IACpC,KAAK,MAAM,CAAC,IAAI,CAAC,EAAE;QACjB,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE;YACb,OAAO,KAAK,CAAC;SACd;KACF;IAED,KAAK,MAAM,CAAC,IAAI,CAAC,EAAE;QACjB,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;YACxB,OAAO,KAAK,CAAC;SACd;KACF;IAED,OAAO,IAAI,CAAC;AACd,CAAC;AAED,SAAS,OAAO,CAAI,CAAI,EAAE,CAAI;IAC5B,IAAI,CAAC,KAAK,CAAC,EAAE;QACX,MAAM,EAAE,GAAG,OAAO,CAAC,CAAC;QACpB,MAAM,EAAE,GAAG,OAAO,CAAC,CAAC;QAEpB,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,QAAQ,IAAI,CAAC,IAAI,CAAC,EAAE;YAC1C,OAAO,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;SAC7B;QAED,OAAO,KAAK,CAAC;KACd;IAED,OAAO,IAAI,CAAC;AACd,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,QAAgB;;IAC9C,MAAM,gBAAgB,SAAQ,KAAM,SAAQ,SAA6B;YAA3C;;gBAKpB,gBAAW,GAAG,CAAC,OAAoB,EAAE,EAAE;oBAC7C,IAAI,OAAO,EAAE;wBACX,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC;wBAC/B,OAAO,CAAC,SAAS,GAAG,EAAE,CAAC;wBACvB,KAAK,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;qBAChD;gBACH,CAAC,CAAC;YAWJ,CAAC;YATC,qBAAqB,CAAC,SAA6B;gBACjD,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;YACzC,CAAC;YAED,MAAM;gBACJ,OAAO,aAAa,CAAC,QAAQ,EAAE;oBAC7B,GAAG,EAAE,IAAI,CAAC,WAAW;iBACtB,CAAC,CAAC;YACL,CAAC;SACF;QArBQ,eAAY,GAAG;YACpB,KAAK,EAAE,WAAW;SAClB;WAmBH,CAAC;IAEF,OAAO,gBAAgB,CAAC;AAC1B,CAAC"}

package/esm/mount.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
+import type { BaseComponentProps } from 'piral-core';
 import { ComponentType } from 'react-15';
-import { BaseComponentProps } from 'piral-core';
 export declare const anyPropType: () => any;
 export declare function mountReact15<T extends BaseComponentProps>(el: HTMLElement, root: ComponentType<T>, props: T, ctx?: any): void;
 export declare function unmountReact15(el: HTMLElement): void;

package/esm/mount.js

@@ -1,28 +1,21 @@
-import { __assign, __extends, __spreadArray } from "tslib";
 import { render } from 'react-dom-15';
 import { createElement, Component } from 'react-15';
 // tslint:disable-next-line:no-null-keyword
-export var anyPropType = function () { return null; };
-export function mountReact15(el, root, props, ctx) {
-    if (ctx === void 0) { ctx = {}; }
-    var contextTypes = {};
-    __spreadArray(['piral'], Object.keys(ctx)).forEach(function (key) {
+export const anyPropType = () => null;
+export function mountReact15(el, root, props, ctx = {}) {
+    const contextTypes = {};
+    ['piral', ...Object.keys(ctx)].forEach((key) => {
         contextTypes[key] = anyPropType;
     });
-    var Provider = /** @class */ (function (_super) {
-        __extends(Provider, _super);
-        function Provider() {
-            return _super !== null && _super.apply(this, arguments) || this;
+    class Provider extends Component {
+        getChildContext() {
+            return Object.assign({ piral: props.piral }, ctx);
         }
-        Provider.prototype.getChildContext = function () {
-            return __assign({ piral: props.piral }, ctx);
-        };
-        Provider.prototype.render = function () {
+        render() {
             return this.props.children;
-        };
-        Provider.childContextTypes = contextTypes;
-        return Provider;
-    }(Component));
+        }
+    }
+    Provider.childContextTypes = contextTypes;
     render(createElement(Provider, {}, createElement(root, props)), el);
 }
 export function unmountReact15(el) {

package/esm/mount.js.map

@@ -1 +1 @@
-{"version":3,"file":"mount.js","sourceRoot":"","sources":["../src/mount.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,aAAa,EAAiB,SAAS,EAAE,MAAM,UAAU,CAAC;AAGnE,2CAA2C;AAC3C,MAAM,CAAC,IAAM,WAAW,GAAG,cAAM,OAAA,IAAI,EAAJ,CAAI,CAAC;AAEtC,MAAM,UAAU,YAAY,CAC1B,EAAe,EACf,IAAsB,EACtB,KAAQ,EACR,GAAa;IAAb,oBAAA,EAAA,QAAa;IAEb,IAAM,YAAY,GAAG,EAAE,CAAC;IAExB,eAAC,OAAO,GAAK,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC,UAAC,GAAG;QACzC,YAAY,CAAC,GAAG,CAAC,GAAG,WAAW,CAAC;IAClC,CAAC,CAAC,CAAC;IAEH;QAAuB,4BAAS;QAAhC;;QAaA,CAAC;QAVC,kCAAe,GAAf;YACE,kBACE,KAAK,EAAE,KAAK,CAAC,KAAK,IACf,GAAG,EACN;QACJ,CAAC;QAED,yBAAM,GAAN;YACE,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;QAC7B,CAAC;QAXM,0BAAiB,GAAG,YAAY,CAAC;QAY1C,eAAC;KAAA,AAbD,CAAuB,SAAS,GAa/B;IAED,MAAM,CAAC,aAAa,CAAC,QAAQ,EAAE,EAAE,EAAE,aAAa,CAAC,IAAW,EAAE,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;AAC7E,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,EAAe;IAC5C,2CAA2C;IAC3C,MAAM,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;AACnB,CAAC"}
+{"version":3,"file":"mount.js","sourceRoot":"","sources":["../src/mount.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,aAAa,EAAiB,SAAS,EAAE,MAAM,UAAU,CAAC;AAEnE,2CAA2C;AAC3C,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC;AAEtC,MAAM,UAAU,YAAY,CAC1B,EAAe,EACf,IAAsB,EACtB,KAAQ,EACR,MAAW,EAAE;IAEb,MAAM,YAAY,GAAG,EAAE,CAAC;IAExB,CAAC,OAAO,EAAE,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;QAC7C,YAAY,CAAC,GAAG,CAAC,GAAG,WAAW,CAAC;IAClC,CAAC,CAAC,CAAC;IAEH,MAAM,QAAS,SAAQ,SAAS;QAG9B,eAAe;YACb,uBACE,KAAK,EAAE,KAAK,CAAC,KAAK,IACf,GAAG,EACN;QACJ,CAAC;QAED,MAAM;YACJ,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;QAC7B,CAAC;;IAXM,0BAAiB,GAAG,YAAY,CAAC;IAc1C,MAAM,CAAC,aAAa,CAAC,QAAQ,EAAE,EAAE,EAAE,aAAa,CAAC,IAAW,EAAE,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;AAC7E,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,EAAe;IAC5C,2CAA2C;IAC3C,MAAM,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;AACnB,CAAC"}

package/lib/converter.d.ts

@@ -1,4 +1,14 @@
 /// <reference types="react" />
-import { ForeignComponent, BaseComponentProps } from 'piral-core';
-import { ComponentType } from 'react-15';
-export declare function createConverter(): <TProps extends BaseComponentProps>(root: ComponentType<TProps>) => ForeignComponent<TProps>;
+import type { ForeignComponent, BaseComponentProps } from 'piral-core';
+import type { ComponentType } from 'react-15';
+export interface React15ConverterOptions {
+    /**
+     * Defines the name of the root element.
+     * @default slot
+     */
+    rootName?: string;
+}
+export declare function createConverter(config?: React15ConverterOptions): {
+    <TProps extends BaseComponentProps>(root: ComponentType<TProps>): ForeignComponent<TProps>;
+    Extension: any;
+};

package/lib/converter.js

@@ -1,21 +1,25 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createConverter = void 0;
-var mount_1 = require("./mount");
-function createConverter() {
-    var convert = function (root) {
+const extension_1 = require("./extension");
+const mount_1 = require("./mount");
+function createConverter(config = {}) {
+    const { rootName = 'slot' } = config;
+    const Extension = (0, extension_1.createExtension)(rootName);
+    const convert = (root) => {
         return {
-            mount: function (el, props, ctx) {
-                mount_1.mountReact15(el, root, props, ctx);
+            mount(el, props, ctx) {
+                (0, mount_1.mountReact15)(el, root, props, ctx);
             },
-            update: function (el, props, ctx) {
-                mount_1.mountReact15(el, root, props, ctx);
+            update(el, props, ctx) {
+                (0, mount_1.mountReact15)(el, root, props, ctx);
             },
-            unmount: function (el) {
-                mount_1.unmountReact15(el);
+            unmount(el) {
+                (0, mount_1.unmountReact15)(el);
             },
         };
     };
+    convert.Extension = Extension;
     return convert;
 }
 exports.createConverter = createConverter;

package/lib/converter.js.map

@@ -1 +1 @@
-{"version":3,"file":"converter.js","sourceRoot":"","sources":["../src/converter.ts"],"names":[],"mappings":";;;AAEA,iCAAuD;AAEvD,SAAgB,eAAe;IAC7B,IAAM,OAAO,GAAG,UAAoC,IAA2B;QAC7E,OAAO;YACL,KAAK,YAAC,EAAE,EAAE,KAAK,EAAE,GAAG;gBAClB,oBAAY,CAAC,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;YACrC,CAAC;YACD,MAAM,YAAC,EAAE,EAAE,KAAK,EAAE,GAAG;gBACnB,oBAAY,CAAC,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;YACrC,CAAC;YACD,OAAO,YAAC,EAAE;gBACR,sBAAc,CAAC,EAAE,CAAC,CAAC;YACrB,CAAC;SACF,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,OAAO,CAAC;AACjB,CAAC;AAhBD,0CAgBC"}
+{"version":3,"file":"converter.js","sourceRoot":"","sources":["../src/converter.ts"],"names":[],"mappings":";;;AAEA,2CAA8C;AAC9C,mCAAuD;AAUvD,SAAgB,eAAe,CAAC,SAAkC,EAAE;IAClE,MAAM,EAAE,QAAQ,GAAG,MAAM,EAAE,GAAG,MAAM,CAAC;IACrC,MAAM,SAAS,GAAG,IAAA,2BAAe,EAAC,QAAQ,CAAC,CAAC;IAC5C,MAAM,OAAO,GAAG,CAAoC,IAA2B,EAA4B,EAAE;QAC3G,OAAO;YACL,KAAK,CAAC,EAAE,EAAE,KAAK,EAAE,GAAG;gBAClB,IAAA,oBAAY,EAAC,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;YACrC,CAAC;YACD,MAAM,CAAC,EAAE,EAAE,KAAK,EAAE,GAAG;gBACnB,IAAA,oBAAY,EAAC,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;YACrC,CAAC;YACD,OAAO,CAAC,EAAE;gBACR,IAAA,sBAAc,EAAC,EAAE,CAAC,CAAC;YACrB,CAAC;SACF,CAAC;IACJ,CAAC,CAAC;IACF,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC;IAC9B,OAAO,OAAO,CAAC;AACjB,CAAC;AAlBD,0CAkBC"}

package/lib/create.d.ts

@@ -1,14 +1,10 @@
 import type { PiralPlugin } from 'piral-core';
+import { React15ConverterOptions } from './converter';
 import type { PiletReact15Api } from './types';
 /**
  * Available configuration options for the React 15.x plugin.
  */
-export interface React15Config {
-    /**
-     * Defines the name of the root element.
-     * @default slot
-     */
-    rootName?: string;
+export interface React15Config extends React15ConverterOptions {
 }
 /**
  * Creates Pilet API extensions for integrating React 15.x.

package/lib/create.js

@@ -1,28 +1,22 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createReact15Api = void 0;
-var converter_1 = require("./converter");
-var extension_1 = require("./extension");
+const converter_1 = require("./converter");
 /**
  * Creates Pilet API extensions for integrating React 15.x.
  */
-function createReact15Api(config) {
-    if (config === void 0) { config = {}; }
-    var rootName = config.rootName;
-    return function (context) {
-        var convert = converter_1.createConverter();
-        context.converters.react15 = function (_a) {
-            var root = _a.root;
-            return convert(root);
-        };
+function createReact15Api(config = {}) {
+    return (context) => {
+        const convert = (0, converter_1.createConverter)(config);
+        context.converters.react15 = ({ root }) => convert(root);
         return {
-            fromReact15: function (root) {
+            fromReact15(root) {
                 return {
                     type: 'react15',
-                    root: root,
+                    root,
                 };
             },
-            React15Extension: extension_1.createExtension(rootName),
+            React15Extension: convert.Extension,
         };
     };
 }

package/lib/create.js.map

@@ -1 +1 @@
-{"version":3,"file":"create.js","sourceRoot":"","sources":["../src/create.ts"],"names":[],"mappings":";;;AACA,yCAA8C;AAC9C,yCAA8C;AAc9C;;GAEG;AACH,SAAgB,gBAAgB,CAAC,MAA0B;IAA1B,uBAAA,EAAA,WAA0B;IACjD,IAAA,QAAQ,GAAK,MAAM,SAAX,CAAY;IAE5B,OAAO,UAAC,OAAO;QACb,IAAM,OAAO,GAAG,2BAAe,EAAE,CAAC;QAClC,OAAO,CAAC,UAAU,CAAC,OAAO,GAAG,UAAC,EAAQ;gBAAN,IAAI,UAAA;YAAO,OAAA,OAAO,CAAC,IAAI,CAAC;QAAb,CAAa,CAAC;QAEzD,OAAO;YACL,WAAW,YAAC,IAAI;gBACd,OAAO;oBACL,IAAI,EAAE,SAAS;oBACf,IAAI,MAAA;iBACL,CAAC;YACJ,CAAC;YACD,gBAAgB,EAAE,2BAAe,CAAC,QAAQ,CAAC;SAC5C,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC;AAjBD,4CAiBC"}
+{"version":3,"file":"create.js","sourceRoot":"","sources":["../src/create.ts"],"names":[],"mappings":";;;AACA,2CAAuE;AAQvE;;GAEG;AACH,SAAgB,gBAAgB,CAAC,SAAwB,EAAE;IACzD,OAAO,CAAC,OAAO,EAAE,EAAE;QACjB,MAAM,OAAO,GAAG,IAAA,2BAAe,EAAC,MAAM,CAAC,CAAC;QACxC,OAAO,CAAC,UAAU,CAAC,OAAO,GAAG,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QAEzD,OAAO;YACL,WAAW,CAAC,IAAI;gBACd,OAAO;oBACL,IAAI,EAAE,SAAS;oBACf,IAAI;iBACL,CAAC;YACJ,CAAC;YACD,gBAAgB,EAAE,OAAO,CAAC,SAAS;SACpC,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC;AAfD,4CAeC"}

package/lib/extension.d.ts

@@ -1 +1 @@
-export declare function createExtension(rootName?: string): any;
+export declare function createExtension(rootName: string): any;

package/lib/extension.js

@@ -1,36 +1,54 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createExtension = void 0;
-var tslib_1 = require("tslib");
-var piral_core_1 = require("piral-core");
-var react_15_1 = require("react-15");
-var mount_1 = require("./mount");
+const react_15_1 = require("react-15");
+const mount_1 = require("./mount");
+function compareObjects(a, b) {
+    for (const i in a) {
+        if (!(i in b)) {
+            return false;
+        }
+    }
+    for (const i in b) {
+        if (!compare(a[i], b[i])) {
+            return false;
+        }
+    }
+    return true;
+}
+function compare(a, b) {
+    if (a !== b) {
+        const ta = typeof a;
+        const tb = typeof b;
+        if (ta === tb && ta === 'object' && a && b) {
+            return compareObjects(a, b);
+        }
+        return false;
+    }
+    return true;
+}
 function createExtension(rootName) {
     var _a;
-    if (rootName === void 0) { rootName = 'slot'; }
-    var React15Extension = (_a = /** @class */ (function (_super) {
-            tslib_1.__extends(class_1, _super);
-            function class_1() {
-                var _this = _super !== null && _super.apply(this, arguments) || this;
-                _this.onRefChange = function (element) {
+    const React15Extension = (_a = class extends react_15_1.Component {
+            constructor() {
+                super(...arguments);
+                this.onRefChange = (element) => {
                     if (element) {
-                        var piral = _this.context.piral;
+                        const { piral } = this.context;
                         element.innerHTML = '';
-                        piral.renderHtmlExtension(element, _this.props);
+                        piral.renderHtmlExtension(element, this.props);
                     }
                 };
-                return _this;
             }
-            class_1.prototype.shouldComponentUpdate = function (nextProps) {
-                return !piral_core_1.compare(this.props, nextProps);
-            };
-            class_1.prototype.render = function () {
-                return react_15_1.createElement(rootName, {
+            shouldComponentUpdate(nextProps) {
+                return !compare(this.props, nextProps);
+            }
+            render() {
+                return (0, react_15_1.createElement)(rootName, {
                     ref: this.onRefChange,
                 });
-            };
-            return class_1;
-        }(react_15_1.Component)),
+            }
+        },
         _a.contextTypes = {
             piral: mount_1.anyPropType,
         },

package/lib/extension.js.map

@@ -1 +1 @@
-{"version":3,"file":"extension.js","sourceRoot":"","sources":["../src/extension.ts"],"names":[],"mappings":";;;;AAAA,yCAAyD;AACzD,qCAAoD;AACpD,iCAAsC;AAEtC,SAAgB,eAAe,CAAC,QAAiB;;IAAjB,yBAAA,EAAA,iBAAiB;IAC/C,IAAM,gBAAgB;YAAsB,mCAA6B;YAA3C;gBAAA,qEAsB7B;gBAjBS,iBAAW,GAAG,UAAC,OAAoB;oBACzC,IAAI,OAAO,EAAE;wBACH,IAAA,KAAK,GAAK,KAAI,CAAC,OAAO,MAAjB,CAAkB;wBAC/B,OAAO,CAAC,SAAS,GAAG,EAAE,CAAC;wBACvB,KAAK,CAAC,mBAAmB,CAAC,OAAO,EAAE,KAAI,CAAC,KAAK,CAAC,CAAC;qBAChD;gBACH,CAAC,CAAC;;YAWJ,CAAC;YATC,uCAAqB,GAArB,UAAsB,SAA6B;gBACjD,OAAO,CAAC,oBAAO,CAAC,IAAI,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;YACzC,CAAC;YAED,wBAAM,GAAN;gBACE,OAAO,wBAAa,CAAC,QAAQ,EAAE;oBAC7B,GAAG,EAAE,IAAI,CAAC,WAAW;iBACtB,CAAC,CAAC;YACL,CAAC;YACH,cAAC;QAAD,CAAC,AAtB6B,CAAc,oBAAS;QAC5C,eAAY,GAAG;YACpB,KAAK,EAAE,mBAAW;SAClB;WAmBH,CAAC;IAEF,OAAO,gBAAgB,CAAC;AAC1B,CAAC;AA1BD,0CA0BC"}
+{"version":3,"file":"extension.js","sourceRoot":"","sources":["../src/extension.ts"],"names":[],"mappings":";;;AACA,uCAAoD;AACpD,mCAAsC;AAEtC,SAAS,cAAc,CAAC,CAAM,EAAE,CAAM;IACpC,KAAK,MAAM,CAAC,IAAI,CAAC,EAAE;QACjB,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE;YACb,OAAO,KAAK,CAAC;SACd;KACF;IAED,KAAK,MAAM,CAAC,IAAI,CAAC,EAAE;QACjB,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;YACxB,OAAO,KAAK,CAAC;SACd;KACF;IAED,OAAO,IAAI,CAAC;AACd,CAAC;AAED,SAAS,OAAO,CAAI,CAAI,EAAE,CAAI;IAC5B,IAAI,CAAC,KAAK,CAAC,EAAE;QACX,MAAM,EAAE,GAAG,OAAO,CAAC,CAAC;QACpB,MAAM,EAAE,GAAG,OAAO,CAAC,CAAC;QAEpB,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,QAAQ,IAAI,CAAC,IAAI,CAAC,EAAE;YAC1C,OAAO,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;SAC7B;QAED,OAAO,KAAK,CAAC;KACd;IAED,OAAO,IAAI,CAAC;AACd,CAAC;AAED,SAAgB,eAAe,CAAC,QAAgB;;IAC9C,MAAM,gBAAgB,SAAQ,KAAM,SAAQ,oBAA6B;YAA3C;;gBAKpB,gBAAW,GAAG,CAAC,OAAoB,EAAE,EAAE;oBAC7C,IAAI,OAAO,EAAE;wBACX,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC;wBAC/B,OAAO,CAAC,SAAS,GAAG,EAAE,CAAC;wBACvB,KAAK,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;qBAChD;gBACH,CAAC,CAAC;YAWJ,CAAC;YATC,qBAAqB,CAAC,SAA6B;gBACjD,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;YACzC,CAAC;YAED,MAAM;gBACJ,OAAO,IAAA,wBAAa,EAAC,QAAQ,EAAE;oBAC7B,GAAG,EAAE,IAAI,CAAC,WAAW;iBACtB,CAAC,CAAC;YACL,CAAC;SACF;QArBQ,eAAY,GAAG;YACpB,KAAK,EAAE,mBAAW;SAClB;WAmBH,CAAC;IAEF,OAAO,gBAAgB,CAAC;AAC1B,CAAC;AA1BD,0CA0BC"}

package/lib/index.js

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

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,mDAAyB;AACzB,kDAAwB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,wDAAyB;AACzB,uDAAwB"}

package/lib/mount.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
+import type { BaseComponentProps } from 'piral-core';
 import { ComponentType } from 'react-15';
-import { BaseComponentProps } from 'piral-core';
 export declare const anyPropType: () => any;
 export declare function mountReact15<T extends BaseComponentProps>(el: HTMLElement, root: ComponentType<T>, props: T, ctx?: any): void;
 export declare function unmountReact15(el: HTMLElement): void;

package/lib/mount.js

@@ -1,38 +1,31 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.unmountReact15 = exports.mountReact15 = exports.anyPropType = void 0;
-var tslib_1 = require("tslib");
-var react_dom_15_1 = require("react-dom-15");
-var react_15_1 = require("react-15");
+const react_dom_15_1 = require("react-dom-15");
+const react_15_1 = require("react-15");
 // tslint:disable-next-line:no-null-keyword
-var anyPropType = function () { return null; };
+const anyPropType = () => null;
 exports.anyPropType = anyPropType;
-function mountReact15(el, root, props, ctx) {
-    if (ctx === void 0) { ctx = {}; }
-    var contextTypes = {};
-    tslib_1.__spreadArray(['piral'], Object.keys(ctx)).forEach(function (key) {
+function mountReact15(el, root, props, ctx = {}) {
+    const contextTypes = {};
+    ['piral', ...Object.keys(ctx)].forEach((key) => {
         contextTypes[key] = exports.anyPropType;
     });
-    var Provider = /** @class */ (function (_super) {
-        tslib_1.__extends(Provider, _super);
-        function Provider() {
-            return _super !== null && _super.apply(this, arguments) || this;
+    class Provider extends react_15_1.Component {
+        getChildContext() {
+            return Object.assign({ piral: props.piral }, ctx);
         }
-        Provider.prototype.getChildContext = function () {
-            return tslib_1.__assign({ piral: props.piral }, ctx);
-        };
-        Provider.prototype.render = function () {
+        render() {
             return this.props.children;
-        };
-        Provider.childContextTypes = contextTypes;
-        return Provider;
-    }(react_15_1.Component));
-    react_dom_15_1.render(react_15_1.createElement(Provider, {}, react_15_1.createElement(root, props)), el);
+        }
+    }
+    Provider.childContextTypes = contextTypes;
+    (0, react_dom_15_1.render)((0, react_15_1.createElement)(Provider, {}, (0, react_15_1.createElement)(root, props)), el);
 }
 exports.mountReact15 = mountReact15;
 function unmountReact15(el) {
     // tslint:disable-next-line:no-null-keyword
-    react_dom_15_1.render(null, el);
+    (0, react_dom_15_1.render)(null, el);
 }
 exports.unmountReact15 = unmountReact15;
 //# sourceMappingURL=mount.js.map

package/lib/mount.js.map

@@ -1 +1 @@
-{"version":3,"file":"mount.js","sourceRoot":"","sources":["../src/mount.ts"],"names":[],"mappings":";;;;AAAA,6CAAsC;AACtC,qCAAmE;AAGnE,2CAA2C;AACpC,IAAM,WAAW,GAAG,cAAM,OAAA,IAAI,EAAJ,CAAI,CAAC;AAAzB,QAAA,WAAW,eAAc;AAEtC,SAAgB,YAAY,CAC1B,EAAe,EACf,IAAsB,EACtB,KAAQ,EACR,GAAa;IAAb,oBAAA,EAAA,QAAa;IAEb,IAAM,YAAY,GAAG,EAAE,CAAC;IAExB,uBAAC,OAAO,GAAK,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC,UAAC,GAAG;QACzC,YAAY,CAAC,GAAG,CAAC,GAAG,mBAAW,CAAC;IAClC,CAAC,CAAC,CAAC;IAEH;QAAuB,oCAAS;QAAhC;;QAaA,CAAC;QAVC,kCAAe,GAAf;YACE,0BACE,KAAK,EAAE,KAAK,CAAC,KAAK,IACf,GAAG,EACN;QACJ,CAAC;QAED,yBAAM,GAAN;YACE,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;QAC7B,CAAC;QAXM,0BAAiB,GAAG,YAAY,CAAC;QAY1C,eAAC;KAAA,AAbD,CAAuB,oBAAS,GAa/B;IAED,qBAAM,CAAC,wBAAa,CAAC,QAAQ,EAAE,EAAE,EAAE,wBAAa,CAAC,IAAW,EAAE,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;AAC7E,CAAC;AA5BD,oCA4BC;AAED,SAAgB,cAAc,CAAC,EAAe;IAC5C,2CAA2C;IAC3C,qBAAM,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;AACnB,CAAC;AAHD,wCAGC"}
+{"version":3,"file":"mount.js","sourceRoot":"","sources":["../src/mount.ts"],"names":[],"mappings":";;;AACA,+CAAsC;AACtC,uCAAmE;AAEnE,2CAA2C;AACpC,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC;AAAzB,QAAA,WAAW,eAAc;AAEtC,SAAgB,YAAY,CAC1B,EAAe,EACf,IAAsB,EACtB,KAAQ,EACR,MAAW,EAAE;IAEb,MAAM,YAAY,GAAG,EAAE,CAAC;IAExB,CAAC,OAAO,EAAE,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;QAC7C,YAAY,CAAC,GAAG,CAAC,GAAG,mBAAW,CAAC;IAClC,CAAC,CAAC,CAAC;IAEH,MAAM,QAAS,SAAQ,oBAAS;QAG9B,eAAe;YACb,uBACE,KAAK,EAAE,KAAK,CAAC,KAAK,IACf,GAAG,EACN;QACJ,CAAC;QAED,MAAM;YACJ,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;QAC7B,CAAC;;IAXM,0BAAiB,GAAG,YAAY,CAAC;IAc1C,IAAA,qBAAM,EAAC,IAAA,wBAAa,EAAC,QAAQ,EAAE,EAAE,EAAE,IAAA,wBAAa,EAAC,IAAW,EAAE,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;AAC7E,CAAC;AA5BD,oCA4BC;AAED,SAAgB,cAAc,CAAC,EAAe;IAC5C,2CAA2C;IAC3C,IAAA,qBAAM,EAAC,IAAI,EAAE,EAAE,CAAC,CAAC;AACnB,CAAC;AAHD,wCAGC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "piral-react-15",
-  "version": "0.13.7",
+  "version": "0.14.0-alpha.3154",
   "description": "Plugin for integrating React v15 components in Piral.",
   "keywords": [
     "piral",
@@ -25,7 +25,6 @@
     "lib",
     "src",
     "convert.d.ts",
-    "convert.ts",
     "convert.js"
   ],
   "repository": {
@@ -44,14 +43,14 @@
     "test": "echo \"Error: run tests from root\" && exit 1"
   },
   "devDependencies": {
-    "piral-core": "^0.13.7",
+    "piral-core": "^0.14.0-alpha.3154",
     "react-15": "npm:react@15",
     "react-dom-15": "npm:react-dom@15"
   },
   "peerDependencies": {
-    "piral-core": "0.13.x",
+    "piral-core": "0.14.x",
     "react-15": "*",
     "react-dom-15": "*"
   },
-  "gitHead": "201de6c1cddaacb1e5f9646bdd17dc43acf09e8e"
+  "gitHead": "bc6cc60a59e6a8b1a154d187883cb794e8609939"
 }

package/src/converter.ts

@@ -1,8 +1,19 @@
-import { ForeignComponent, BaseComponentProps } from 'piral-core';
-import { ComponentType } from 'react-15';
+import type { ForeignComponent, BaseComponentProps } from 'piral-core';
+import type { ComponentType } from 'react-15';
+import { createExtension } from './extension';
 import { mountReact15, unmountReact15 } from './mount';
 
-export function createConverter() {
+export interface React15ConverterOptions {
+  /**
+   * Defines the name of the root element.
+   * @default slot
+   */
+  rootName?: string;
+}
+
+export function createConverter(config: React15ConverterOptions = {}) {
+  const { rootName = 'slot' } = config;
+  const Extension = createExtension(rootName);
   const convert = <TProps extends BaseComponentProps>(root: ComponentType<TProps>): ForeignComponent<TProps> => {
     return {
       mount(el, props, ctx) {
@@ -16,6 +27,6 @@ export function createConverter() {
       },
     };
   };
-
+  convert.Extension = Extension;
   return convert;
 }

package/src/create.ts

@@ -1,27 +1,18 @@
 import type { PiralPlugin } from 'piral-core';
-import { createConverter } from './converter';
-import { createExtension } from './extension';
+import { createConverter, React15ConverterOptions } from './converter';
 import type { PiletReact15Api } from './types';
 
 /**
  * Available configuration options for the React 15.x plugin.
  */
-export interface React15Config {
-  /**
-   * Defines the name of the root element.
-   * @default slot
-   */
-  rootName?: string;
-}
+export interface React15Config extends React15ConverterOptions {}
 
 /**
  * Creates Pilet API extensions for integrating React 15.x.
  */
 export function createReact15Api(config: React15Config = {}): PiralPlugin<PiletReact15Api> {
-  const { rootName } = config;
-
   return (context) => {
-    const convert = createConverter();
+    const convert = createConverter(config);
     context.converters.react15 = ({ root }) => convert(root);
 
     return {
@@ -31,7 +22,7 @@ export function createReact15Api(config: React15Config = {}): PiralPlugin<PiletR
           root,
         };
       },
-      React15Extension: createExtension(rootName),
+      React15Extension: convert.Extension,
     };
   };
 }

package/src/extension.ts

@@ -1,8 +1,39 @@
-import { ExtensionSlotProps, compare } from 'piral-core';
+import type { ExtensionSlotProps } from 'piral-core';
 import { createElement, Component } from 'react-15';
 import { anyPropType } from './mount';
 
-export function createExtension(rootName = 'slot') {
+function compareObjects(a: any, b: any) {
+  for (const i in a) {
+    if (!(i in b)) {
+      return false;
+    }
+  }
+
+  for (const i in b) {
+    if (!compare(a[i], b[i])) {
+      return false;
+    }
+  }
+
+  return true;
+}
+
+function compare<T>(a: T, b: T) {
+  if (a !== b) {
+    const ta = typeof a;
+    const tb = typeof b;
+
+    if (ta === tb && ta === 'object' && a && b) {
+      return compareObjects(a, b);
+    }
+
+    return false;
+  }
+
+  return true;
+}
+
+export function createExtension(rootName: string) {
   const React15Extension: any = class extends Component<ExtensionSlotProps> {
     static contextTypes = {
       piral: anyPropType,

package/src/mount.ts

@@ -1,6 +1,6 @@
+import type { BaseComponentProps } from 'piral-core';
 import { render } from 'react-dom-15';
 import { createElement, ComponentType, Component } from 'react-15';
-import { BaseComponentProps } from 'piral-core';
 
 // tslint:disable-next-line:no-null-keyword
 export const anyPropType = () => null;

package/convert.ts

@@ -1,16 +0,0 @@
-import type { HtmlComponent } from 'piral-core';
-import { createConverter } from './lib/converter';
-import { createExtension } from './lib/extension';
-
-const convert = createConverter();
-
-export interface React15Converter {
-  (...params: Parameters<typeof convert>): HtmlComponent<any>;
-}
-
-export const fromReact15: React15Converter = (root) => ({
-  type: 'html',
-  component: convert(root),
-});
-
-export const createReact15Extension = createExtension;