piral-riot 0.13.6 → 0.14.0-alpha.3152

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>(component: import("riot").RiotComponentShell<TProps, object>, captured?: Record<string, any>) => import("piral-core").ForeignComponent<TProps>;
+import { createConverter } from './lib/converter';
 export interface RiotConverter {
-    (...params: Parameters<typeof convert>): HtmlComponent<any>;
+    (...params: Parameters<ReturnType<typeof createConverter>>): HtmlComponent<any>;
 }
-export declare const fromRiot: RiotConverter;
-export declare const createRiotExtension: typeof createExtension;
-export {};
+export declare function createRiotConverter(...params: Parameters<typeof createConverter>): {
+    from: RiotConverter;
+    Extension: import("riot").RiotComponentShell<import("piral-core").ExtensionSlotProps<string>, object>;
+};
+declare const fromRiot: RiotConverter, RiotExtension: import("riot").RiotComponentShell<import("piral-core").ExtensionSlotProps<string>, object>;
+export { fromRiot, RiotExtension };

package/convert.js

@@ -1,12 +1,21 @@
 "use strict";
 exports.__esModule = true;
-exports.createRiotExtension = exports.fromRiot = void 0;
+exports.RiotExtension = exports.fromRiot = exports.createRiotConverter = void 0;
 var converter_1 = require("./lib/converter");
-var extension_1 = require("./lib/extension");
-var convert = converter_1.createConverter();
-var fromRiot = function (component, captured) { return ({
-    type: 'html',
-    component: convert(component, captured)
-}); };
+function createRiotConverter() {
+    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 (component, captured) { return ({
+        type: 'html',
+        component: convert(component, captured)
+    }); };
+    return { from: from, Extension: Extension };
+}
+exports.createRiotConverter = createRiotConverter;
+var _a = createRiotConverter(), fromRiot = _a.from, RiotExtension = _a.Extension;
 exports.fromRiot = fromRiot;
-exports.createRiotExtension = extension_1.createExtension;
+exports.RiotExtension = RiotExtension;

package/esm/converter.d.ts

@@ -1,3 +1,13 @@
 import * as Riot from 'riot';
-import { ForeignComponent, BaseComponentProps } from 'piral-core';
-export declare function createConverter(): <TProps extends BaseComponentProps>(component: Riot.RiotComponentShell<TProps, object>, captured?: Record<string, any>) => ForeignComponent<TProps>;
+import type { ForeignComponent, BaseComponentProps } from 'piral-core';
+export interface RiotConverterOptions {
+    /**
+     * Defines the name of the Riot extension element.
+     * @default riot-extension
+     */
+    extensionName?: string;
+}
+export declare function createConverter(config?: RiotConverterOptions): {
+    <TProps extends BaseComponentProps>(component: Riot.RiotComponentShell<TProps, object>, captured?: Record<string, any>): ForeignComponent<TProps>;
+    Extension: Riot.RiotComponentShell<import("piral-core").ExtensionSlotProps<string>, object>;
+};

package/esm/converter.js

@@ -1,19 +1,23 @@
-import { __assign } from "tslib";
 import * as Riot from 'riot';
-export function createConverter() {
-    var convert = function (component, captured) {
-        var mountApp = Riot.component(component);
-        var app = undefined;
+import { createExtension } from './extension';
+export function createConverter(config = {}) {
+    const { extensionName = 'riot-extension' } = config;
+    const Extension = createExtension(extensionName);
+    const convert = (component, captured) => {
+        const mountApp = Riot.component(component);
+        let app = undefined;
         return {
-            mount: function (el, props, ctx) {
-                app = mountApp(el, __assign(__assign(__assign({}, captured), ctx), props));
+            mount(el, props, ctx) {
+                app = mountApp(el, Object.assign(Object.assign(Object.assign({}, captured), ctx), props));
             },
-            unmount: function (el) {
+            unmount(el) {
                 app.unmount(true);
                 el.innerHTML = '';
+                app = undefined;
             },
         };
     };
+    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":";AAAA,OAAO,KAAK,IAAI,MAAM,MAAM,CAAC;AAG7B,MAAM,UAAU,eAAe;IAC7B,IAAM,OAAO,GAAG,UACd,SAA0C,EAC1C,QAA8B;QAE9B,IAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;QAC3C,IAAI,GAAG,GAA+B,SAAS,CAAC;QAEhD,OAAO;YACL,KAAK,YAAC,EAAE,EAAE,KAAK,EAAE,GAAG;gBAClB,GAAG,GAAG,QAAQ,CAAC,EAAE,iCACZ,QAAQ,GACR,GAAG,GACH,KAAK,EACR,CAAC;YACL,CAAC;YACD,OAAO,YAAC,EAAE;gBACR,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;gBAClB,EAAE,CAAC,SAAS,GAAG,EAAE,CAAC;YACpB,CAAC;SACF,CAAC;IACJ,CAAC,CAAC;IACF,OAAO,OAAO,CAAC;AACjB,CAAC"}
+{"version":3,"file":"converter.js","sourceRoot":"","sources":["../src/converter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,IAAI,MAAM,MAAM,CAAC;AAE7B,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAU9C,MAAM,UAAU,eAAe,CAAC,SAA+B,EAAE;IAC/D,MAAM,EAAE,aAAa,GAAG,gBAAgB,EAAE,GAAG,MAAM,CAAC;IACpD,MAAM,SAAS,GAAG,eAAe,CAAC,aAAa,CAAC,CAAC;IACjD,MAAM,OAAO,GAAG,CACd,SAA0C,EAC1C,QAA8B,EACJ,EAAE;QAC5B,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;QAC3C,IAAI,GAAG,GAA+B,SAAS,CAAC;QAEhD,OAAO;YACL,KAAK,CAAC,EAAE,EAAE,KAAK,EAAE,GAAG;gBAClB,GAAG,GAAG,QAAQ,CAAC,EAAE,gDACZ,QAAQ,GACR,GAAG,GACH,KAAK,EACR,CAAC;YACL,CAAC;YACD,OAAO,CAAC,EAAE;gBACR,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;gBAClB,EAAE,CAAC,SAAS,GAAG,EAAE,CAAC;gBAClB,GAAG,GAAG,SAAS,CAAC;YAClB,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,9 @@
-import { PiralPlugin } from 'piral-core';
-import { PiletRiotApi } from './types';
+import type { PiralPlugin } from 'piral-core';
+import type { PiletRiotApi } from './types';
 /**
  * Available configuration options for the Riot.js plugin.
  */
 export interface RiotConfig {
-    /**
-     * Defines the name of the Riot extension element.
-     * @default riot-extension
-     */
-    extensionName?: string;
 }
 /**
  * Creates new Pilet API extensions for integrating Riot.js.

package/esm/create.js

@@ -1,27 +1,21 @@
 import { createConverter } from './converter';
-import { createExtension } from './extension';
 /**
  * Creates new Pilet API extensions for integrating Riot.js.
  */
-export function createRiotApi(config) {
-    if (config === void 0) { config = {}; }
-    var extensionName = config.extensionName;
-    return function (context) {
-        var convert = createConverter();
-        context.converters.riot = function (_a) {
-            var component = _a.component, captured = _a.captured;
-            return convert(component, captured);
-        };
-        return function (api) { return ({
-            fromRiot: function (component, captured) {
+export function createRiotApi(config = {}) {
+    return (context) => {
+        const convert = createConverter(config);
+        context.converters.riot = ({ component, captured }) => convert(component, captured);
+        return {
+            fromRiot(component, captured) {
                 return {
                     type: 'riot',
-                    component: component,
-                    captured: captured,
+                    component,
+                    captured,
                 };
             },
-            RiotExtension: createExtension(api, extensionName),
-        }); };
+            RiotExtension: convert.Extension,
+        };
     };
 }
 //# sourceMappingURL=create.js.map

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;AAE9C,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAa9C;;GAEG;AACH,MAAM,UAAU,aAAa,CAAC,MAAuB;IAAvB,uBAAA,EAAA,WAAuB;IAC3C,IAAA,aAAa,GAAK,MAAM,cAAX,CAAY;IAEjC,OAAO,UAAC,OAAO;QACb,IAAM,OAAO,GAAG,eAAe,EAAE,CAAC;QAClC,OAAO,CAAC,UAAU,CAAC,IAAI,GAAG,UAAC,EAAuB;gBAArB,SAAS,eAAA,EAAE,QAAQ,cAAA;YAAO,OAAA,OAAO,CAAC,SAAS,EAAE,QAAQ,CAAC;QAA5B,CAA4B,CAAC;QAEpF,OAAO,UAAC,GAAG,IAAK,OAAA,CAAC;YACf,QAAQ,YAAC,SAAS,EAAE,QAAQ;gBAC1B,OAAO;oBACL,IAAI,EAAE,MAAM;oBACZ,SAAS,WAAA;oBACT,QAAQ,UAAA;iBACT,CAAC;YACJ,CAAC;YACD,aAAa,EAAE,eAAe,CAAC,GAAG,EAAE,aAAa,CAAC;SACnD,CAAC,EATc,CASd,CAAC;IACL,CAAC,CAAC;AACJ,CAAC"}
+{"version":3,"file":"create.js","sourceRoot":"","sources":["../src/create.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAQ9C;;GAEG;AACH,MAAM,UAAU,aAAa,CAAC,SAAqB,EAAE;IACnD,OAAO,CAAC,OAAO,EAAE,EAAE;QACjB,MAAM,OAAO,GAAG,eAAe,CAAC,MAAM,CAAC,CAAC;QACxC,OAAO,CAAC,UAAU,CAAC,IAAI,GAAG,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;QAEpF,OAAO;YACL,QAAQ,CAAC,SAAS,EAAE,QAAQ;gBAC1B,OAAO;oBACL,IAAI,EAAE,MAAM;oBACZ,SAAS;oBACT,QAAQ;iBACT,CAAC;YACJ,CAAC;YACD,aAAa,EAAE,OAAO,CAAC,SAAS;SACjC,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC"}

package/esm/extension.d.ts

@@ -1,3 +1,3 @@
-import type { PiletApi, ExtensionSlotProps } from 'piral-core';
+import type { ExtensionSlotProps } from 'piral-core';
 import type { RiotComponentShell } from 'riot';
-export declare function createExtension(api: PiletApi, extensionName?: string): RiotComponentShell<ExtensionSlotProps>;
+export declare function createExtension(extensionName: string): RiotComponentShell<ExtensionSlotProps>;

package/esm/extension.js

@@ -1,23 +1,28 @@
-export function createExtension(api, extensionName) {
-    if (extensionName === void 0) { extensionName = 'riot-extension'; }
+export function createExtension(extensionName) {
     return {
         name: extensionName,
-        template: function () {
-            var templateChunk = {
-                mount: function (element, scope) {
-                    api.renderHtmlExtension(element, scope.props);
+        template() {
+            const templateChunk = {
+                mount(element, scope) {
+                    element.dispatchEvent(new CustomEvent('render-html', {
+                        bubbles: true,
+                        detail: {
+                            target: element,
+                            props: scope.props,
+                        },
+                    }));
                     return templateChunk;
                 },
-                update: function () {
+                update() {
                     return templateChunk;
                 },
-                unmount: function () {
+                unmount() {
                     return templateChunk;
                 },
-                createDOM: function () {
+                createDOM() {
                     return templateChunk;
                 },
-                clone: function () {
+                clone() {
                     return templateChunk;
                 },
             };

package/esm/extension.js.map

@@ -1 +1 @@
-{"version":3,"file":"extension.js","sourceRoot":"","sources":["../src/extension.ts"],"names":[],"mappings":"AAIA,MAAM,UAAU,eAAe,CAC7B,GAAa,EACb,aAAgC;IAAhC,8BAAA,EAAA,gCAAgC;IAEhC,OAAO;QACL,IAAI,EAAE,aAAa;QACnB,QAAQ,EAAR;YACE,IAAM,aAAa,GAAkB;gBACnC,KAAK,YAAC,OAAO,EAAE,KAAK;oBAClB,GAAG,CAAC,mBAAmB,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;oBAC9C,OAAO,aAAa,CAAC;gBACvB,CAAC;gBACD,MAAM;oBACJ,OAAO,aAAa,CAAC;gBACvB,CAAC;gBACD,OAAO;oBACL,OAAO,aAAa,CAAC;gBACvB,CAAC;gBACD,SAAS;oBACP,OAAO,aAAa,CAAC;gBACvB,CAAC;gBACD,KAAK;oBACH,OAAO,aAAa,CAAC;gBACvB,CAAC;aACF,CAAC;YACF,OAAO,aAAa,CAAC;QACvB,CAAC;KACF,CAAC;AACJ,CAAC"}
+{"version":3,"file":"extension.js","sourceRoot":"","sources":["../src/extension.ts"],"names":[],"mappings":"AAIA,MAAM,UAAU,eAAe,CAAC,aAAqB;IACnD,OAAO;QACL,IAAI,EAAE,aAAa;QACnB,QAAQ;YACN,MAAM,aAAa,GAAkB;gBACnC,KAAK,CAAC,OAAO,EAAE,KAAK;oBAClB,OAAO,CAAC,aAAa,CACnB,IAAI,WAAW,CAAC,aAAa,EAAE;wBAC7B,OAAO,EAAE,IAAI;wBACb,MAAM,EAAE;4BACN,MAAM,EAAE,OAAO;4BACf,KAAK,EAAE,KAAK,CAAC,KAAK;yBACnB;qBACF,CAAC,CACH,CAAC;oBACF,OAAO,aAAa,CAAC;gBACvB,CAAC;gBACD,MAAM;oBACJ,OAAO,aAAa,CAAC;gBACvB,CAAC;gBACD,OAAO;oBACL,OAAO,aAAa,CAAC;gBACvB,CAAC;gBACD,SAAS;oBACP,OAAO,aAAa,CAAC;gBACvB,CAAC;gBACD,KAAK;oBACH,OAAO,aAAa,CAAC;gBACvB,CAAC;aACF,CAAC;YACF,OAAO,aAAa,CAAC;QACvB,CAAC;KACF,CAAC;AACJ,CAAC"}

package/lib/converter.d.ts

@@ -1,3 +1,13 @@
 import * as Riot from 'riot';
-import { ForeignComponent, BaseComponentProps } from 'piral-core';
-export declare function createConverter(): <TProps extends BaseComponentProps>(component: Riot.RiotComponentShell<TProps, object>, captured?: Record<string, any>) => ForeignComponent<TProps>;
+import type { ForeignComponent, BaseComponentProps } from 'piral-core';
+export interface RiotConverterOptions {
+    /**
+     * Defines the name of the Riot extension element.
+     * @default riot-extension
+     */
+    extensionName?: string;
+}
+export declare function createConverter(config?: RiotConverterOptions): {
+    <TProps extends BaseComponentProps>(component: Riot.RiotComponentShell<TProps, object>, captured?: Record<string, any>): ForeignComponent<TProps>;
+    Extension: Riot.RiotComponentShell<import("piral-core").ExtensionSlotProps<string>, object>;
+};

package/lib/converter.js

@@ -1,22 +1,26 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createConverter = void 0;
-var tslib_1 = require("tslib");
-var Riot = require("riot");
-function createConverter() {
-    var convert = function (component, captured) {
-        var mountApp = Riot.component(component);
-        var app = undefined;
+const Riot = require("riot");
+const extension_1 = require("./extension");
+function createConverter(config = {}) {
+    const { extensionName = 'riot-extension' } = config;
+    const Extension = (0, extension_1.createExtension)(extensionName);
+    const convert = (component, captured) => {
+        const mountApp = Riot.component(component);
+        let app = undefined;
         return {
-            mount: function (el, props, ctx) {
-                app = mountApp(el, tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, captured), ctx), props));
+            mount(el, props, ctx) {
+                app = mountApp(el, Object.assign(Object.assign(Object.assign({}, captured), ctx), props));
             },
-            unmount: function (el) {
+            unmount(el) {
                 app.unmount(true);
                 el.innerHTML = '';
+                app = undefined;
             },
         };
     };
+    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":";;;;AAAA,2BAA6B;AAG7B,SAAgB,eAAe;IAC7B,IAAM,OAAO,GAAG,UACd,SAA0C,EAC1C,QAA8B;QAE9B,IAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;QAC3C,IAAI,GAAG,GAA+B,SAAS,CAAC;QAEhD,OAAO;YACL,KAAK,YAAC,EAAE,EAAE,KAAK,EAAE,GAAG;gBAClB,GAAG,GAAG,QAAQ,CAAC,EAAE,yDACZ,QAAQ,GACR,GAAG,GACH,KAAK,EACR,CAAC;YACL,CAAC;YACD,OAAO,YAAC,EAAE;gBACR,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;gBAClB,EAAE,CAAC,SAAS,GAAG,EAAE,CAAC;YACpB,CAAC;SACF,CAAC;IACJ,CAAC,CAAC;IACF,OAAO,OAAO,CAAC;AACjB,CAAC;AAvBD,0CAuBC"}
+{"version":3,"file":"converter.js","sourceRoot":"","sources":["../src/converter.ts"],"names":[],"mappings":";;;AAAA,6BAA6B;AAE7B,2CAA8C;AAU9C,SAAgB,eAAe,CAAC,SAA+B,EAAE;IAC/D,MAAM,EAAE,aAAa,GAAG,gBAAgB,EAAE,GAAG,MAAM,CAAC;IACpD,MAAM,SAAS,GAAG,IAAA,2BAAe,EAAC,aAAa,CAAC,CAAC;IACjD,MAAM,OAAO,GAAG,CACd,SAA0C,EAC1C,QAA8B,EACJ,EAAE;QAC5B,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;QAC3C,IAAI,GAAG,GAA+B,SAAS,CAAC;QAEhD,OAAO;YACL,KAAK,CAAC,EAAE,EAAE,KAAK,EAAE,GAAG;gBAClB,GAAG,GAAG,QAAQ,CAAC,EAAE,gDACZ,QAAQ,GACR,GAAG,GACH,KAAK,EACR,CAAC;YACL,CAAC;YACD,OAAO,CAAC,EAAE;gBACR,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;gBAClB,EAAE,CAAC,SAAS,GAAG,EAAE,CAAC;gBAClB,GAAG,GAAG,SAAS,CAAC;YAClB,CAAC;SACF,CAAC;IACJ,CAAC,CAAC;IACF,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC;IAC9B,OAAO,OAAO,CAAC;AACjB,CAAC;AA3BD,0CA2BC"}

package/lib/create.d.ts

@@ -1,14 +1,9 @@
-import { PiralPlugin } from 'piral-core';
-import { PiletRiotApi } from './types';
+import type { PiralPlugin } from 'piral-core';
+import type { PiletRiotApi } from './types';
 /**
  * Available configuration options for the Riot.js plugin.
  */
 export interface RiotConfig {
-    /**
-     * Defines the name of the Riot extension element.
-     * @default riot-extension
-     */
-    extensionName?: string;
 }
 /**
  * Creates new Pilet API extensions for integrating Riot.js.

package/lib/create.js

@@ -1,30 +1,24 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createRiotApi = void 0;
-var converter_1 = require("./converter");
-var extension_1 = require("./extension");
+const converter_1 = require("./converter");
 /**
  * Creates new Pilet API extensions for integrating Riot.js.
  */
-function createRiotApi(config) {
-    if (config === void 0) { config = {}; }
-    var extensionName = config.extensionName;
-    return function (context) {
-        var convert = converter_1.createConverter();
-        context.converters.riot = function (_a) {
-            var component = _a.component, captured = _a.captured;
-            return convert(component, captured);
-        };
-        return function (api) { return ({
-            fromRiot: function (component, captured) {
+function createRiotApi(config = {}) {
+    return (context) => {
+        const convert = (0, converter_1.createConverter)(config);
+        context.converters.riot = ({ component, captured }) => convert(component, captured);
+        return {
+            fromRiot(component, captured) {
                 return {
                     type: 'riot',
-                    component: component,
-                    captured: captured,
+                    component,
+                    captured,
                 };
             },
-            RiotExtension: extension_1.createExtension(api, extensionName),
-        }); };
+            RiotExtension: convert.Extension,
+        };
     };
 }
 exports.createRiotApi = createRiotApi;

package/lib/create.js.map

@@ -1 +1 @@
-{"version":3,"file":"create.js","sourceRoot":"","sources":["../src/create.ts"],"names":[],"mappings":";;;AACA,yCAA8C;AAE9C,yCAA8C;AAa9C;;GAEG;AACH,SAAgB,aAAa,CAAC,MAAuB;IAAvB,uBAAA,EAAA,WAAuB;IAC3C,IAAA,aAAa,GAAK,MAAM,cAAX,CAAY;IAEjC,OAAO,UAAC,OAAO;QACb,IAAM,OAAO,GAAG,2BAAe,EAAE,CAAC;QAClC,OAAO,CAAC,UAAU,CAAC,IAAI,GAAG,UAAC,EAAuB;gBAArB,SAAS,eAAA,EAAE,QAAQ,cAAA;YAAO,OAAA,OAAO,CAAC,SAAS,EAAE,QAAQ,CAAC;QAA5B,CAA4B,CAAC;QAEpF,OAAO,UAAC,GAAG,IAAK,OAAA,CAAC;YACf,QAAQ,YAAC,SAAS,EAAE,QAAQ;gBAC1B,OAAO;oBACL,IAAI,EAAE,MAAM;oBACZ,SAAS,WAAA;oBACT,QAAQ,UAAA;iBACT,CAAC;YACJ,CAAC;YACD,aAAa,EAAE,2BAAe,CAAC,GAAG,EAAE,aAAa,CAAC;SACnD,CAAC,EATc,CASd,CAAC;IACL,CAAC,CAAC;AACJ,CAAC;AAlBD,sCAkBC"}
+{"version":3,"file":"create.js","sourceRoot":"","sources":["../src/create.ts"],"names":[],"mappings":";;;AACA,2CAA8C;AAQ9C;;GAEG;AACH,SAAgB,aAAa,CAAC,SAAqB,EAAE;IACnD,OAAO,CAAC,OAAO,EAAE,EAAE;QACjB,MAAM,OAAO,GAAG,IAAA,2BAAe,EAAC,MAAM,CAAC,CAAC;QACxC,OAAO,CAAC,UAAU,CAAC,IAAI,GAAG,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;QAEpF,OAAO;YACL,QAAQ,CAAC,SAAS,EAAE,QAAQ;gBAC1B,OAAO;oBACL,IAAI,EAAE,MAAM;oBACZ,SAAS;oBACT,QAAQ;iBACT,CAAC;YACJ,CAAC;YACD,aAAa,EAAE,OAAO,CAAC,SAAS;SACjC,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC;AAhBD,sCAgBC"}

package/lib/extension.d.ts

@@ -1,3 +1,3 @@
-import type { PiletApi, ExtensionSlotProps } from 'piral-core';
+import type { ExtensionSlotProps } from 'piral-core';
 import type { RiotComponentShell } from 'riot';
-export declare function createExtension(api: PiletApi, extensionName?: string): RiotComponentShell<ExtensionSlotProps>;
+export declare function createExtension(extensionName: string): RiotComponentShell<ExtensionSlotProps>;

package/lib/extension.js

@@ -1,26 +1,31 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createExtension = void 0;
-function createExtension(api, extensionName) {
-    if (extensionName === void 0) { extensionName = 'riot-extension'; }
+function createExtension(extensionName) {
     return {
         name: extensionName,
-        template: function () {
-            var templateChunk = {
-                mount: function (element, scope) {
-                    api.renderHtmlExtension(element, scope.props);
+        template() {
+            const templateChunk = {
+                mount(element, scope) {
+                    element.dispatchEvent(new CustomEvent('render-html', {
+                        bubbles: true,
+                        detail: {
+                            target: element,
+                            props: scope.props,
+                        },
+                    }));
                     return templateChunk;
                 },
-                update: function () {
+                update() {
                     return templateChunk;
                 },
-                unmount: function () {
+                unmount() {
                     return templateChunk;
                 },
-                createDOM: function () {
+                createDOM() {
                     return templateChunk;
                 },
-                clone: function () {
+                clone() {
                     return templateChunk;
                 },
             };

package/lib/extension.js.map

@@ -1 +1 @@
-{"version":3,"file":"extension.js","sourceRoot":"","sources":["../src/extension.ts"],"names":[],"mappings":";;;AAIA,SAAgB,eAAe,CAC7B,GAAa,EACb,aAAgC;IAAhC,8BAAA,EAAA,gCAAgC;IAEhC,OAAO;QACL,IAAI,EAAE,aAAa;QACnB,QAAQ,EAAR;YACE,IAAM,aAAa,GAAkB;gBACnC,KAAK,YAAC,OAAO,EAAE,KAAK;oBAClB,GAAG,CAAC,mBAAmB,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;oBAC9C,OAAO,aAAa,CAAC;gBACvB,CAAC;gBACD,MAAM;oBACJ,OAAO,aAAa,CAAC;gBACvB,CAAC;gBACD,OAAO;oBACL,OAAO,aAAa,CAAC;gBACvB,CAAC;gBACD,SAAS;oBACP,OAAO,aAAa,CAAC;gBACvB,CAAC;gBACD,KAAK;oBACH,OAAO,aAAa,CAAC;gBACvB,CAAC;aACF,CAAC;YACF,OAAO,aAAa,CAAC;QACvB,CAAC;KACF,CAAC;AACJ,CAAC;AA5BD,0CA4BC"}
+{"version":3,"file":"extension.js","sourceRoot":"","sources":["../src/extension.ts"],"names":[],"mappings":";;;AAIA,SAAgB,eAAe,CAAC,aAAqB;IACnD,OAAO;QACL,IAAI,EAAE,aAAa;QACnB,QAAQ;YACN,MAAM,aAAa,GAAkB;gBACnC,KAAK,CAAC,OAAO,EAAE,KAAK;oBAClB,OAAO,CAAC,aAAa,CACnB,IAAI,WAAW,CAAC,aAAa,EAAE;wBAC7B,OAAO,EAAE,IAAI;wBACb,MAAM,EAAE;4BACN,MAAM,EAAE,OAAO;4BACf,KAAK,EAAE,KAAK,CAAC,KAAK;yBACnB;qBACF,CAAC,CACH,CAAC;oBACF,OAAO,aAAa,CAAC;gBACvB,CAAC;gBACD,MAAM;oBACJ,OAAO,aAAa,CAAC;gBACvB,CAAC;gBACD,OAAO;oBACL,OAAO,aAAa,CAAC;gBACvB,CAAC;gBACD,SAAS;oBACP,OAAO,aAAa,CAAC;gBACvB,CAAC;gBACD,KAAK;oBACH,OAAO,aAAa,CAAC;gBACvB,CAAC;aACF,CAAC;YACF,OAAO,aAAa,CAAC;QACvB,CAAC;KACF,CAAC;AACJ,CAAC;AAjCD,0CAiCC"}

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "piral-riot",
-  "version": "0.13.6",
+  "version": "0.14.0-alpha.3152",
   "description": "Plugin for integrating Riot.js components in Piral.",
   "keywords": [
     "piral",
@@ -25,7 +25,6 @@
     "lib",
     "src",
     "convert.d.ts",
-    "convert.ts",
     "convert.js"
   ],
   "repository": {
@@ -44,12 +43,12 @@
     "test": "echo \"Error: run tests from root\" && exit 1"
   },
   "devDependencies": {
-    "piral-core": "^0.13.6",
+    "piral-core": "^0.14.0-alpha.3152",
     "riot": "^4.7.2"
   },
   "peerDependencies": {
-    "piral-core": "0.13.x",
+    "piral-core": "0.14.x",
     "riot": "^4.0.0"
   },
-  "gitHead": "11c066bb86dcf097171236030d5aa1431588f537"
+  "gitHead": "4ad88a8b8bcdee17f22e7e1e2e8feb41df6210e5"
 }

package/src/converter.ts

@@ -1,7 +1,18 @@
 import * as Riot from 'riot';
-import { ForeignComponent, BaseComponentProps } from 'piral-core';
+import type { ForeignComponent, BaseComponentProps } from 'piral-core';
+import { createExtension } from './extension';
 
-export function createConverter() {
+export interface RiotConverterOptions {
+  /**
+   * Defines the name of the Riot extension element.
+   * @default riot-extension
+   */
+  extensionName?: string;
+}
+
+export function createConverter(config: RiotConverterOptions = {}) {
+  const { extensionName = 'riot-extension' } = config;
+  const Extension = createExtension(extensionName);
   const convert = <TProps extends BaseComponentProps>(
     component: Riot.RiotComponentShell<TProps>,
     captured?: Record<string, any>,
@@ -20,8 +31,10 @@ export function createConverter() {
       unmount(el) {
         app.unmount(true);
         el.innerHTML = '';
+        app = undefined;
       },
     };
   };
+  convert.Extension = Extension;
   return convert;
 }

package/src/create.ts

@@ -1,30 +1,21 @@
-import { PiralPlugin } from 'piral-core';
+import type { PiralPlugin } from 'piral-core';
 import { createConverter } from './converter';
-import { PiletRiotApi } from './types';
-import { createExtension } from './extension';
+import type { PiletRiotApi } from './types';
 
 /**
  * Available configuration options for the Riot.js plugin.
  */
-export interface RiotConfig {
-  /**
-   * Defines the name of the Riot extension element.
-   * @default riot-extension
-   */
-  extensionName?: string;
-}
+export interface RiotConfig {}
 
 /**
  * Creates new Pilet API extensions for integrating Riot.js.
  */
 export function createRiotApi(config: RiotConfig = {}): PiralPlugin<PiletRiotApi> {
-  const { extensionName } = config;
-
   return (context) => {
-    const convert = createConverter();
+    const convert = createConverter(config);
     context.converters.riot = ({ component, captured }) => convert(component, captured);
 
-    return (api) => ({
+    return {
       fromRiot(component, captured) {
         return {
           type: 'riot',
@@ -32,7 +23,7 @@ export function createRiotApi(config: RiotConfig = {}): PiralPlugin<PiletRiotApi
           captured,
         };
       },
-      RiotExtension: createExtension(api, extensionName),
-    });
+      RiotExtension: convert.Extension,
+    };
   };
 }

package/src/extension.ts

@@ -1,17 +1,22 @@
-import type { PiletApi, ExtensionSlotProps } from 'piral-core';
+import type { ExtensionSlotProps } from 'piral-core';
 import type { RiotComponentShell } from 'riot';
 import type { TemplateChunk } from '@riotjs/dom-bindings';
 
-export function createExtension(
-  api: PiletApi,
-  extensionName = 'riot-extension',
-): RiotComponentShell<ExtensionSlotProps> {
+export function createExtension(extensionName: string): RiotComponentShell<ExtensionSlotProps> {
   return {
     name: extensionName,
     template() {
       const templateChunk: TemplateChunk = {
         mount(element, scope) {
-          api.renderHtmlExtension(element, scope.props);
+          element.dispatchEvent(
+            new CustomEvent('render-html', {
+              bubbles: true,
+              detail: {
+                target: element,
+                props: scope.props,
+              },
+            }),
+          );
           return templateChunk;
         },
         update() {

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 RiotConverter {
-  (...params: Parameters<typeof convert>): HtmlComponent<any>;
-}
-
-export const fromRiot: RiotConverter = (component, captured) => ({
-  type: 'html',
-  component: convert(component, captured),
-});
-
-export const createRiotExtension = createExtension;