piral-mithril 1.0.0-pre.2104 → 1.0.0

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2019 - 2021 smapiot
+Copyright (c) 2019 - 2023 smapiot
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -1,8 +1,8 @@
-[![Piral Logo](https://github.com/smapiot/piral/raw/master/docs/assets/logo.png)](https://piral.io)
+[![Piral Logo](https://github.com/smapiot/piral/raw/main/docs/assets/logo.png)](https://piral.io)
 
-# [Piral Mithril](https://piral.io) · [![GitHub License](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/smapiot/piral/blob/master/LICENSE) [![npm version](https://img.shields.io/npm/v/piral-mithril.svg?style=flat)](https://www.npmjs.com/package/piral-mithril) [![tested with jest](https://img.shields.io/badge/tested_with-jest-99424f.svg)](https://jestjs.io) [![Gitter Chat](https://badges.gitter.im/gitterHQ/gitter.png)](https://gitter.im/piral-io/community)
+# [Piral Mithril](https://piral.io) · [![GitHub License](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/smapiot/piral/blob/main/LICENSE) [![npm version](https://img.shields.io/npm/v/piral-mithril.svg?style=flat)](https://www.npmjs.com/package/piral-mithril) [![tested with jest](https://img.shields.io/badge/tested_with-jest-99424f.svg)](https://jestjs.io) [![Gitter Chat](https://badges.gitter.im/gitterHQ/gitter.png)](https://gitter.im/piral-io/community)
 
-This is a plugin that only has a peer dependency to `piral-core`. What `piral-mithril` brings to the table is a set of Pilet API extensions that can be used with `piral` or `piral-core`.
+This is a plugin that only has a peer dependency to `mithril`. What `piral-mithril` brings to the table is a set of Pilet API extensions that can be used with `piral` or `piral-core`.
 
 The set includes a Mithril.js converter for any component registration, as well as a `fromMithril` shortcut and a `MithrilExtension` component.
 
@@ -47,7 +47,7 @@ Alternatively, if `piral-mithril` has not been added to the Piral instance you c
 
 ```ts
 import { PiletApi } from '<name-of-piral-instance>';
-import { fromMithril } from 'piral-mithril';
+import { fromMithril } from 'piral-mithril/convert';
 import { MithrilPage } from './MithrilPage';
 
 export function setup(piral: PiletApi) {
@@ -62,7 +62,6 @@ export function setup(piral: PiletApi) {
 Using Mithril.js with Piral is as simple as installing `piral-mithril` and `mithril`.
 
 ```ts
-import 'mithril';
 import { createMithrilApi } from 'piral-mithril';
 ```
 
@@ -80,10 +79,10 @@ The `mithril` package should be shared with the pilets via the *package.json*:
 
 ```json
 {
-  "pilets": {
-    "externals": [
-      "mithril"
-    ]
+  "importmap": {
+    "imports": {
+      "mithril": ""
+    }
   }
 }
 ```

package/convert.d.ts

@@ -1,9 +1,24 @@
-import type { HtmlComponent } from 'piral-core';
-import { createExtension } from './lib/extension';
-declare const convert: <TProps extends import("piral-core").BaseComponentProps>(component: import("./lib/types").Component<TProps>, captured?: Record<string, any>) => import("piral-core").ForeignComponent<TProps>;
+import { createConverter } from './esm/converter';
+export interface HtmlComponent<TProps> {
+    component: {
+        mount(element: HTMLElement, props: TProps, ctx: any, locals: any): void;
+        update?(element: HTMLElement, props: TProps, ctx: any, locals: any): void;
+        unmount?(element: HTMLElement, locals: any): void;
+    };
+    type: 'html';
+}
 export interface MithrilConverter {
-    (...params: Parameters<typeof convert>): HtmlComponent<any>;
+    (...params: Parameters<ReturnType<typeof createConverter>>): HtmlComponent<any>;
 }
-export declare const fromMithril: MithrilConverter;
-export declare const createMithrilExtension: typeof createExtension;
-export {};
+export declare function createMithrilConverter(...params: Parameters<typeof createConverter>): {
+    from: MithrilConverter;
+    Extension: {
+        oncreate(vnode: any): void;
+        view(): any;
+    };
+};
+declare const fromMithril: MithrilConverter, MithrilExtension: {
+    oncreate(vnode: any): void;
+    view(): any;
+};
+export { fromMithril, MithrilExtension };

package/convert.js

@@ -1,11 +1,16 @@
-"use strict";
-exports.__esModule = true;
-exports.createMithrilExtension = exports.fromMithril = void 0;
-var converter_1 = require("./lib/converter");
-var extension_1 = require("./lib/extension");
-var convert = converter_1.createConverter();
-exports.fromMithril = function (component, captured) { return ({
-    type: 'html',
-    component: convert(component, captured)
-}); };
-exports.createMithrilExtension = extension_1.createExtension;
+import { createConverter } from './esm/converter';
+export function createMithrilConverter() {
+    var params = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        params[_i] = arguments[_i];
+    }
+    var convert = 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 };
+}
+var _a = createMithrilConverter(), fromMithril = _a.from, MithrilExtension = _a.Extension;
+export { fromMithril, MithrilExtension };

package/esm/converter.d.ts

@@ -0,0 +1,16 @@
+import type { ForeignComponent, BaseComponentProps } from 'piral-core';
+import type { Component } from './types';
+export interface MithrilConverterOptions {
+    /**
+     * Defines the name of the root element.
+     * @default piral-slot
+     */
+    rootName?: string;
+}
+export declare function createConverter(config?: MithrilConverterOptions): {
+    <TProps extends BaseComponentProps>(component: Component<TProps>, captured?: Record<string, any>): ForeignComponent<TProps>;
+    Extension: {
+        oncreate(vnode: any): void;
+        view(): any;
+    };
+};

package/esm/converter.js

@@ -0,0 +1,25 @@
+import * as mithril from 'mithril';
+import { createExtension } from './extension';
+export function createConverter(config = {}) {
+    const { rootName = 'piral-slot' } = config;
+    const Extension = createExtension(rootName);
+    const convert = (component, captured) => ({
+        mount(el, props, ctx) {
+            mithril.mount(el, {
+                view: () => mithril.m(component, Object.assign(Object.assign(Object.assign({}, captured), ctx), props)),
+            });
+        },
+        update(el, props, ctx) {
+            mithril.mount(el, {
+                view: () => mithril.m(component, Object.assign(Object.assign(Object.assign({}, captured), ctx), props)),
+            });
+        },
+        unmount(el) {
+            // tslint:disable-next-line:no-null-keyword
+            mithril.mount(el, null);
+        },
+    });
+    convert.Extension = Extension;
+    return convert;
+}
+//# sourceMappingURL=converter.js.map

package/esm/converter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"converter.js","sourceRoot":"","sources":["../src/converter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,SAAS,CAAC;AAEnC,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAW9C,MAAM,UAAU,eAAe,CAAC,SAAkC,EAAE;IAClE,MAAM,EAAE,QAAQ,GAAG,YAAY,EAAE,GAAG,MAAM,CAAC;IAC3C,MAAM,SAAS,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC;IAC5C,MAAM,OAAO,GAAG,CACd,SAA4B,EAC5B,QAA8B,EACJ,EAAE,CAAC,CAAC;QAC9B,KAAK,CAAC,EAAE,EAAE,KAAK,EAAE,GAAG;YAClB,OAAO,CAAC,KAAK,CAAC,EAAE,EAAE;gBAChB,IAAI,EAAE,GAAG,EAAE,CACT,OAAO,CAAC,CAAC,CAAC,SAAS,gDACd,QAAQ,GACR,GAAG,GACH,KAAK,EACR;aACL,CAAC,CAAC;QACL,CAAC;QACD,MAAM,CAAC,EAAE,EAAE,KAAK,EAAE,GAAG;YACnB,OAAO,CAAC,KAAK,CAAC,EAAE,EAAE;gBAChB,IAAI,EAAE,GAAG,EAAE,CACT,OAAO,CAAC,CAAC,CAAC,SAAS,gDACd,QAAQ,GACR,GAAG,GACH,KAAK,EACR;aACL,CAAC,CAAC;QACL,CAAC;QACD,OAAO,CAAC,EAAE;YACR,2CAA2C;YAC3C,OAAO,CAAC,KAAK,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;QAC1B,CAAC;KACF,CAAC,CAAC;IACH,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC;IAC9B,OAAO,OAAO,CAAC;AACjB,CAAC"}

package/esm/create.d.ts

@@ -0,0 +1,11 @@
+import type { PiralPlugin } from 'piral-core';
+import type { PiletMithrilApi } from './types';
+/**
+ * Available configuration options for the Mithril.js plugin.
+ */
+export interface MithrilConfig {
+}
+/**
+ * Creates new Pilet API extensions for integrating Mithril.js.
+ */
+export declare function createMithrilApi(config?: MithrilConfig): PiralPlugin<PiletMithrilApi>;

package/esm/create.js

@@ -0,0 +1,21 @@
+import { createConverter } from './converter';
+/**
+ * Creates new Pilet API extensions for integrating Mithril.js.
+ */
+export function createMithrilApi(config = {}) {
+    return (context) => {
+        const convert = createConverter(config);
+        context.converters.mithril = ({ component, captured }) => convert(component, captured);
+        return {
+            fromMithril(component, captured) {
+                return {
+                    type: 'mithril',
+                    component,
+                    captured,
+                };
+            },
+            MithrilExtension: convert.Extension,
+        };
+    };
+}
+//# sourceMappingURL=create.js.map

package/esm/create.js.map

@@ -0,0 +1 @@
+{"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,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,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;QAEvF,OAAO;YACL,WAAW,CAAC,SAAS,EAAE,QAAQ;gBAC7B,OAAO;oBACL,IAAI,EAAE,SAAS;oBACf,SAAS;oBACT,QAAQ;iBACT,CAAC;YACJ,CAAC;YACD,gBAAgB,EAAE,OAAO,CAAC,SAAS;SACpC,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC"}

package/esm/extension.d.ts

@@ -0,0 +1,4 @@
+export declare function createExtension(rootName: string): {
+    oncreate(vnode: any): void;
+    view(): any;
+};

package/esm/extension.js

@@ -0,0 +1,18 @@
+import { m } from 'mithril';
+export function createExtension(rootName) {
+    return {
+        oncreate(vnode) {
+            vnode.dom.dispatchEvent(new CustomEvent('render-html', {
+                bubbles: true,
+                detail: {
+                    target: vnode.dom,
+                    props: vnode.attrs,
+                },
+            }));
+        },
+        view() {
+            return m(rootName);
+        },
+    };
+}
+//# sourceMappingURL=extension.js.map

package/esm/extension.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"extension.js","sourceRoot":"","sources":["../src/extension.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,SAAS,CAAC;AAE5B,MAAM,UAAU,eAAe,CAAC,QAAgB;IAC9C,OAAO;QACL,QAAQ,CAAC,KAAK;YACZ,KAAK,CAAC,GAAG,CAAC,aAAa,CACrB,IAAI,WAAW,CAAC,aAAa,EAAE;gBAC7B,OAAO,EAAE,IAAI;gBACb,MAAM,EAAE;oBACN,MAAM,EAAE,KAAK,CAAC,GAAG;oBACjB,KAAK,EAAE,KAAK,CAAC,KAAK;iBACnB;aACF,CAAC,CACH,CAAC;QACJ,CAAC;QACD,IAAI;YACF,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC;QACrB,CAAC;KACF,CAAC;AACJ,CAAC"}

package/esm/index.d.ts

@@ -0,0 +1,2 @@
+export * from './create';
+export * from './types';

package/esm/index.js

@@ -0,0 +1,3 @@
+export * from './create';
+export * from './types';
+//# sourceMappingURL=index.js.map

package/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC"}

package/esm/types.d.ts

@@ -0,0 +1,44 @@
+import type { ForeignComponent, ExtensionSlotProps } from 'piral-core';
+declare module 'piral-core/lib/types/custom' {
+    interface PiletCustomApi extends PiletMithrilApi {
+    }
+    interface PiralCustomComponentConverters<TProps> {
+        mithril(component: MithrilComponent<TProps>): ForeignComponent<TProps>;
+    }
+}
+export interface ComponentProps<TProps> {
+    attrs: TProps;
+}
+export interface Component<TProps> {
+    view(vnode: ComponentProps<TProps>): any;
+}
+export interface MithrilComponent<TProps> {
+    /**
+     * The component.
+     */
+    component: Component<TProps>;
+    /**
+     * Captures props for transport into the Mithril.js component.
+     */
+    captured?: Record<string, any>;
+    /**
+     * The type of the Mithril.js component.
+     */
+    type: 'mithril';
+}
+/**
+ * Defines the provided set of Mithril.js Pilet API extensions.
+ */
+export interface PiletMithrilApi {
+    /**
+     * Wraps an Mithril.js component for use in Piral.
+     * @param component The component root.
+     * @param captured The optionally captured props.
+     * @returns The Piral Mithril.js component.
+     */
+    fromMithril<TProps>(component: Component<TProps>, captured?: Record<string, any>): MithrilComponent<TProps>;
+    /**
+     * Mithril.js component for displaying extensions of the given name.
+     */
+    MithrilExtension: Component<ExtensionSlotProps>;
+}

package/esm/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/esm/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}

package/lib/converter.d.ts

@@ -1,3 +1,16 @@
-import { ForeignComponent, BaseComponentProps } from 'piral-core';
-import { Component } from './types';
-export declare function createConverter(): <TProps extends BaseComponentProps>(component: Component<TProps>, captured?: Record<string, any>) => ForeignComponent<TProps>;
+import type { ForeignComponent, BaseComponentProps } from 'piral-core';
+import type { Component } from './types';
+export interface MithrilConverterOptions {
+    /**
+     * Defines the name of the root element.
+     * @default piral-slot
+     */
+    rootName?: string;
+}
+export declare function createConverter(config?: MithrilConverterOptions): {
+    <TProps extends BaseComponentProps>(component: Component<TProps>, captured?: Record<string, any>): ForeignComponent<TProps>;
+    Extension: {
+        oncreate(vnode: any): void;
+        view(): any;
+    };
+};

package/lib/converter.js

@@ -1,31 +1,28 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createConverter = void 0;
-var tslib_1 = require("tslib");
-var m = require("mithril");
-function createConverter() {
-    var convert = function (component, captured) {
-        return {
-            mount: function (el, props, ctx) {
-                m.mount(el, {
-                    view: function () {
-                        return m(component, tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, captured), ctx), props));
-                    },
-                });
-            },
-            update: function (el, props, ctx) {
-                m.mount(el, {
-                    view: function () {
-                        return m(component, tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, captured), ctx), props));
-                    },
-                });
-            },
-            unmount: function (el) {
-                // tslint:disable-next-line:no-null-keyword
-                m.mount(el, null);
-            },
-        };
-    };
+const mithril = require("mithril");
+const extension_1 = require("./extension");
+function createConverter(config = {}) {
+    const { rootName = 'piral-slot' } = config;
+    const Extension = (0, extension_1.createExtension)(rootName);
+    const convert = (component, captured) => ({
+        mount(el, props, ctx) {
+            mithril.mount(el, {
+                view: () => mithril.m(component, Object.assign(Object.assign(Object.assign({}, captured), ctx), props)),
+            });
+        },
+        update(el, props, ctx) {
+            mithril.mount(el, {
+                view: () => mithril.m(component, Object.assign(Object.assign(Object.assign({}, captured), ctx), props)),
+            });
+        },
+        unmount(el) {
+            // tslint:disable-next-line:no-null-keyword
+            mithril.mount(el, null);
+        },
+    });
+    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;AAI7B,SAAgB,eAAe;IAC7B,IAAM,OAAO,GAAG,UACd,SAA4B,EAC5B,QAA8B;QAE9B,OAAO;YACL,KAAK,YAAC,EAAE,EAAE,KAAK,EAAE,GAAG;gBAClB,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE;oBACV,IAAI,EAAE;wBACJ,OAAA,CAAC,CAAC,SAAS,yDACN,QAAQ,GACR,GAAG,GACH,KAAK,EACR;oBAJF,CAIE;iBACL,CAAC,CAAC;YACL,CAAC;YACD,MAAM,YAAC,EAAE,EAAE,KAAK,EAAE,GAAG;gBACnB,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE;oBACV,IAAI,EAAE;wBACJ,OAAA,CAAC,CAAC,SAAS,yDACN,QAAQ,GACR,GAAG,GACH,KAAK,EACR;oBAJF,CAIE;iBACL,CAAC,CAAC;YACL,CAAC;YACD,OAAO,YAAC,EAAE;gBACR,2CAA2C;gBAC3C,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;YACpB,CAAC;SACF,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,OAAO,CAAC;AACjB,CAAC;AAlCD,0CAkCC"}
+{"version":3,"file":"converter.js","sourceRoot":"","sources":["../src/converter.ts"],"names":[],"mappings":";;;AAAA,mCAAmC;AAEnC,2CAA8C;AAW9C,SAAgB,eAAe,CAAC,SAAkC,EAAE;IAClE,MAAM,EAAE,QAAQ,GAAG,YAAY,EAAE,GAAG,MAAM,CAAC;IAC3C,MAAM,SAAS,GAAG,IAAA,2BAAe,EAAC,QAAQ,CAAC,CAAC;IAC5C,MAAM,OAAO,GAAG,CACd,SAA4B,EAC5B,QAA8B,EACJ,EAAE,CAAC,CAAC;QAC9B,KAAK,CAAC,EAAE,EAAE,KAAK,EAAE,GAAG;YAClB,OAAO,CAAC,KAAK,CAAC,EAAE,EAAE;gBAChB,IAAI,EAAE,GAAG,EAAE,CACT,OAAO,CAAC,CAAC,CAAC,SAAS,gDACd,QAAQ,GACR,GAAG,GACH,KAAK,EACR;aACL,CAAC,CAAC;QACL,CAAC;QACD,MAAM,CAAC,EAAE,EAAE,KAAK,EAAE,GAAG;YACnB,OAAO,CAAC,KAAK,CAAC,EAAE,EAAE;gBAChB,IAAI,EAAE,GAAG,EAAE,CACT,OAAO,CAAC,CAAC,CAAC,SAAS,gDACd,QAAQ,GACR,GAAG,GACH,KAAK,EACR;aACL,CAAC,CAAC;QACL,CAAC;QACD,OAAO,CAAC,EAAE;YACR,2CAA2C;YAC3C,OAAO,CAAC,KAAK,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;QAC1B,CAAC;KACF,CAAC,CAAC;IACH,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC;IAC9B,OAAO,OAAO,CAAC;AACjB,CAAC;AAlCD,0CAkCC"}

package/lib/create.d.ts

@@ -4,11 +4,6 @@ import type { PiletMithrilApi } from './types';
  * Available configuration options for the Mithril.js plugin.
  */
 export interface MithrilConfig {
-    /**
-     * Defines the name of the root element.
-     * @default slot
-     */
-    rootName?: string;
 }
 /**
  * Creates new Pilet API extensions for integrating Mithril.js.

package/lib/create.js

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

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,EAAuB;gBAArB,SAAS,eAAA,EAAE,QAAQ,cAAA;YAAO,OAAA,OAAO,CAAC,SAAS,EAAE,QAAQ,CAAC;QAA5B,CAA4B,CAAC;QAEvF,OAAO,UAAC,GAAG,IAAK,OAAA,CAAC;YACf,WAAW,YAAC,SAAS,EAAE,QAAQ;gBAC7B,OAAO;oBACL,IAAI,EAAE,SAAS;oBACf,SAAS,WAAA;oBACT,QAAQ,UAAA;iBACT,CAAC;YACJ,CAAC;YACD,gBAAgB,EAAE,2BAAe,CAAC,GAAG,EAAE,QAAQ,CAAC;SACjD,CAAC,EATc,CASd,CAAC;IACL,CAAC,CAAC;AACJ,CAAC;AAlBD,4CAkBC"}
+{"version":3,"file":"create.js","sourceRoot":"","sources":["../src/create.ts"],"names":[],"mappings":";;;AACA,2CAA8C;AAQ9C;;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,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;QAEvF,OAAO;YACL,WAAW,CAAC,SAAS,EAAE,QAAQ;gBAC7B,OAAO;oBACL,IAAI,EAAE,SAAS;oBACf,SAAS;oBACT,QAAQ;iBACT,CAAC;YACJ,CAAC;YACD,gBAAgB,EAAE,OAAO,CAAC,SAAS;SACpC,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC;AAhBD,4CAgBC"}

package/lib/extension.d.ts

@@ -1,5 +1,4 @@
-import type { PiletApi } from 'piral-core';
-export declare function createExtension(api: PiletApi, rootName?: string): {
+export declare function createExtension(rootName: string): {
     oncreate(vnode: any): void;
     view(): any;
 };

package/lib/extension.js

@@ -1,15 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createExtension = void 0;
-var m = require("mithril");
-function createExtension(api, rootName) {
-    if (rootName === void 0) { rootName = 'slot'; }
+const mithril_1 = require("mithril");
+function createExtension(rootName) {
     return {
-        oncreate: function (vnode) {
-            api.renderHtmlExtension(vnode.dom, vnode.attrs);
+        oncreate(vnode) {
+            vnode.dom.dispatchEvent(new CustomEvent('render-html', {
+                bubbles: true,
+                detail: {
+                    target: vnode.dom,
+                    props: vnode.attrs,
+                },
+            }));
         },
-        view: function () {
-            return m(rootName);
+        view() {
+            return (0, mithril_1.m)(rootName);
         },
     };
 }

package/lib/extension.js.map

@@ -1 +1 @@
-{"version":3,"file":"extension.js","sourceRoot":"","sources":["../src/extension.ts"],"names":[],"mappings":";;;AAAA,2BAA6B;AAG7B,SAAgB,eAAe,CAAC,GAAa,EAAE,QAAiB;IAAjB,yBAAA,EAAA,iBAAiB;IAC9D,OAAO;QACL,QAAQ,YAAC,KAAK;YACZ,GAAG,CAAC,mBAAmB,CAAC,KAAK,CAAC,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;QAClD,CAAC;QACD,IAAI;YACF,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC;QACrB,CAAC;KACF,CAAC;AACJ,CAAC;AATD,0CASC"}
+{"version":3,"file":"extension.js","sourceRoot":"","sources":["../src/extension.ts"],"names":[],"mappings":";;;AAAA,qCAA4B;AAE5B,SAAgB,eAAe,CAAC,QAAgB;IAC9C,OAAO;QACL,QAAQ,CAAC,KAAK;YACZ,KAAK,CAAC,GAAG,CAAC,aAAa,CACrB,IAAI,WAAW,CAAC,aAAa,EAAE;gBAC7B,OAAO,EAAE,IAAI;gBACb,MAAM,EAAE;oBACN,MAAM,EAAE,KAAK,CAAC,GAAG;oBACjB,KAAK,EAAE,KAAK,CAAC,KAAK;iBACnB;aACF,CAAC,CACH,CAAC;QACJ,CAAC;QACD,IAAI;YACF,OAAO,IAAA,WAAC,EAAC,QAAQ,CAAC,CAAC;QACrB,CAAC;KACF,CAAC;AACJ,CAAC;AAjBD,0CAiBC"}

package/lib/index.js

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

package/lib/types.d.ts

@@ -1,4 +1,4 @@
-import { ForeignComponent, ExtensionSlotProps } from 'piral-core';
+import type { ForeignComponent, ExtensionSlotProps } from 'piral-core';
 declare module 'piral-core/lib/types/custom' {
     interface PiletCustomApi extends PiletMithrilApi {
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "piral-mithril",
-  "version": "1.0.0-pre.2104",
+  "version": "1.0.0",
   "description": "Plugin for integrating Mithril.js components in Piral.",
   "keywords": [
     "piral",
@@ -16,14 +16,35 @@
   "author": "smapiot",
   "homepage": "https://piral.io",
   "license": "MIT",
+  "module": "esm/index.js",
   "main": "lib/index.js",
   "typings": "lib/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./esm/index.js",
+      "require": "./lib/index.js"
+    },
+    "./convert": {
+      "import": "./convert.js"
+    },
+    "./esm/*": {
+      "import": "./esm/*"
+    },
+    "./lib/*": {
+      "require": "./lib/*"
+    },
+    "./_/*": {
+      "import": "./esm/*.js",
+      "require": "./lib/*.js"
+    },
+    "./package.json": "./package.json"
+  },
   "sideEffects": false,
   "files": [
+    "esm",
     "lib",
     "src",
     "convert.d.ts",
-    "convert.ts",
     "convert.js"
   ],
   "repository": {
@@ -34,17 +55,20 @@
     "url": "https://github.com/smapiot/piral/issues"
   },
   "scripts": {
-    "build": "tsc && tsc convert.ts --skipLibCheck --declaration",
+    "cleanup": "rimraf esm lib convert.d.ts convert.js",
+    "build": "yarn build:commonjs && yarn build:esnext && yarn build:convert",
+    "build:convert": "tsc convert.ts --skipLibCheck --declaration --module esnext",
+    "build:commonjs": "tsc --project tsconfig.json --outDir lib --module commonjs",
+    "build:esnext": "tsc --project tsconfig.json --outDir esm --module esnext",
     "typedoc": "typedoc --json ../../../docs/types/piral-mithril.json src --exclude \"src/**/*.test.*\"",
     "test": "echo \"Error: run tests from root\" && exit 1"
   },
   "devDependencies": {
     "mithril": "2.0.4",
-    "piral-core": "^1.0.0-pre.2104"
+    "piral-core": "^1.0.0"
   },
   "peerDependencies": {
-    "mithril": "^2.0.0",
-    "piral-core": "1.x"
+    "mithril": "^2.0.0"
   },
-  "gitHead": "75ba892e60a4f8a027cb8fc6fb9df941a18a9962"
+  "gitHead": "67d9a2920bd5231baf10bc87ae8985666b18fa3a"
 }

package/src/converter.ts

@@ -1,39 +1,48 @@
-import * as m from 'mithril';
-import { ForeignComponent, BaseComponentProps } from 'piral-core';
-import { Component } from './types';
+import * as mithril from 'mithril';
+import type { ForeignComponent, BaseComponentProps } from 'piral-core';
+import { createExtension } from './extension';
+import type { Component } from './types';
 
-export function createConverter() {
+export interface MithrilConverterOptions {
+  /**
+   * Defines the name of the root element.
+   * @default piral-slot
+   */
+  rootName?: string;
+}
+
+export function createConverter(config: MithrilConverterOptions = {}) {
+  const { rootName = 'piral-slot' } = config;
+  const Extension = createExtension(rootName);
   const convert = <TProps extends BaseComponentProps>(
     component: Component<TProps>,
     captured?: Record<string, any>,
-  ): ForeignComponent<TProps> => {
-    return {
-      mount(el, props, ctx) {
-        m.mount(el, {
-          view: () =>
-            m(component, {
-              ...captured,
-              ...ctx,
-              ...props,
-            }),
-        });
-      },
-      update(el, props, ctx) {
-        m.mount(el, {
-          view: () =>
-            m(component, {
-              ...captured,
-              ...ctx,
-              ...props,
-            }),
-        });
-      },
-      unmount(el) {
-        // tslint:disable-next-line:no-null-keyword
-        m.mount(el, null);
-      },
-    };
-  };
-
+  ): ForeignComponent<TProps> => ({
+    mount(el, props, ctx) {
+      mithril.mount(el, {
+        view: () =>
+          mithril.m(component, {
+            ...captured,
+            ...ctx,
+            ...props,
+          }),
+      });
+    },
+    update(el, props, ctx) {
+      mithril.mount(el, {
+        view: () =>
+          mithril.m(component, {
+            ...captured,
+            ...ctx,
+            ...props,
+          }),
+      });
+    },
+    unmount(el) {
+      // tslint:disable-next-line:no-null-keyword
+      mithril.mount(el, null);
+    },
+  });
+  convert.Extension = Extension;
   return convert;
 }

package/src/create.ts

@@ -1,30 +1,21 @@
 import type { PiralPlugin } from 'piral-core';
 import { createConverter } from './converter';
-import { createExtension } from './extension';
 import type { PiletMithrilApi } from './types';
 
 /**
  * Available configuration options for the Mithril.js plugin.
  */
-export interface MithrilConfig {
-  /**
-   * Defines the name of the root element.
-   * @default slot
-   */
-  rootName?: string;
-}
+export interface MithrilConfig {}
 
 /**
  * Creates new Pilet API extensions for integrating Mithril.js.
  */
 export function createMithrilApi(config: MithrilConfig = {}): PiralPlugin<PiletMithrilApi> {
-  const { rootName } = config;
-
   return (context) => {
-    const convert = createConverter();
+    const convert = createConverter(config);
     context.converters.mithril = ({ component, captured }) => convert(component, captured);
 
-    return (api) => ({
+    return {
       fromMithril(component, captured) {
         return {
           type: 'mithril',
@@ -32,7 +23,7 @@ export function createMithrilApi(config: MithrilConfig = {}): PiralPlugin<PiletM
           captured,
         };
       },
-      MithrilExtension: createExtension(api, rootName),
-    });
+      MithrilExtension: convert.Extension,
+    };
   };
 }

package/src/extension.ts

@@ -1,10 +1,17 @@
-import * as m from 'mithril';
-import type { PiletApi } from 'piral-core';
+import { m } from 'mithril';
 
-export function createExtension(api: PiletApi, rootName = 'slot') {
+export function createExtension(rootName: string) {
   return {
     oncreate(vnode) {
-      api.renderHtmlExtension(vnode.dom, vnode.attrs);
+      vnode.dom.dispatchEvent(
+        new CustomEvent('render-html', {
+          bubbles: true,
+          detail: {
+            target: vnode.dom,
+            props: vnode.attrs,
+          },
+        }),
+      );
     },
     view() {
       return m(rootName);

package/src/types.ts

@@ -1,4 +1,4 @@
-import { ForeignComponent, ExtensionSlotProps } from 'piral-core';
+import type { ForeignComponent, ExtensionSlotProps } from 'piral-core';
 
 declare module 'piral-core/lib/types/custom' {
   interface PiletCustomApi extends PiletMithrilApi {}

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