piral-elm 0.15.0-alpha.3816 → 0.15.0-alpha.3975

package/README.md

@@ -2,7 +2,7 @@
 
 # [Piral Elm](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-elm.svg?style=flat)](https://www.npmjs.com/package/piral-elm) [![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-elm` 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 has no peer dependencies. What `piral-elm` brings to the table is a set of Pilet API extensions that can be used with `piral` or `piral-core`.
 
 The set includes an Elm converter for any component registration, as well as a `fromElm` shortcut together with a `elm-extension` web component.
 

package/convert.d.ts

@@ -1,5 +1,12 @@
-import type { HtmlComponent } from 'piral-core';
-import { createConverter } from './lib/converter';
+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 ElmConverter {
     (...params: Parameters<ReturnType<typeof createConverter>>): HtmlComponent<any>;
 }

package/convert.js

@@ -1,7 +1,7 @@
 "use strict";
 exports.__esModule = true;
 exports.ElmExtension = exports.fromElm = exports.createElmConverter = void 0;
-var converter_1 = require("./lib/converter");
+var converter_1 = require("./esm/converter");
 function createElmConverter() {
     var params = [];
     for (var _i = 0; _i < arguments.length; _i++) {

package/esm/converter.js

@@ -2,20 +2,18 @@ import { createExtension } from './extension';
 export function createConverter(config = {}) {
     const { selector = 'elm-extension' } = config;
     const Extension = createExtension(selector);
-    const convert = (main, captured) => {
-        return {
-            mount(el, props, ctx) {
-                const node = el.appendChild(document.createElement('div'));
-                main.init({
-                    node,
-                    flags: Object.assign(Object.assign(Object.assign({}, captured), ctx), props),
-                });
-            },
-            unmount(el) {
-                el.innerHTML = '';
-            },
-        };
-    };
+    const convert = (main, captured) => ({
+        mount(el, props, ctx) {
+            const node = el.appendChild(document.createElement('div'));
+            main.init({
+                node,
+                flags: Object.assign(Object.assign(Object.assign({}, captured), ctx), props),
+            });
+        },
+        unmount(el) {
+            el.innerHTML = '';
+        },
+    });
     convert.Extension = Extension;
     return convert;
 }

package/esm/converter.js.map

@@ -1 +1 @@
-{"version":3,"file":"converter.js","sourceRoot":"","sources":["../src/converter.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAW9C,MAAM,UAAU,eAAe,CAAC,SAA8B,EAAE;IAC9D,MAAM,EAAE,QAAQ,GAAG,eAAe,EAAE,GAAG,MAAM,CAAC;IAC9C,MAAM,SAAS,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC;IAC5C,MAAM,OAAO,GAAG,CACd,IAAuB,EACvB,QAA8B,EACJ,EAAE;QAC5B,OAAO;YACL,KAAK,CAAC,EAAE,EAAE,KAAK,EAAE,GAAG;gBAClB,MAAM,IAAI,GAAG,EAAE,CAAC,WAAW,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;gBAC3D,IAAI,CAAC,IAAI,CAAC;oBACR,IAAI;oBACJ,KAAK,gDACA,QAAQ,GACR,GAAG,GACH,KAAK,CACT;iBACF,CAAC,CAAC;YACL,CAAC;YACD,OAAO,CAAC,EAAE;gBACR,EAAE,CAAC,SAAS,GAAG,EAAE,CAAC;YACpB,CAAC;SACF,CAAC;IACJ,CAAC,CAAC;IACF,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC;IAC9B,OAAO,OAAO,CAAC;AACjB,CAAC"}
+{"version":3,"file":"converter.js","sourceRoot":"","sources":["../src/converter.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAW9C,MAAM,UAAU,eAAe,CAAC,SAA8B,EAAE;IAC9D,MAAM,EAAE,QAAQ,GAAG,eAAe,EAAE,GAAG,MAAM,CAAC;IAC9C,MAAM,SAAS,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC;IAC5C,MAAM,OAAO,GAAG,CACd,IAAuB,EACvB,QAA8B,EACJ,EAAE,CAAC,CAAC;QAC9B,KAAK,CAAC,EAAE,EAAE,KAAK,EAAE,GAAG;YAClB,MAAM,IAAI,GAAG,EAAE,CAAC,WAAW,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;YAC3D,IAAI,CAAC,IAAI,CAAC;gBACR,IAAI;gBACJ,KAAK,gDACA,QAAQ,GACR,GAAG,GACH,KAAK,CACT;aACF,CAAC,CAAC;QACL,CAAC;QACD,OAAO,CAAC,EAAE;YACR,EAAE,CAAC,SAAS,GAAG,EAAE,CAAC;QACpB,CAAC;KACF,CAAC,CAAC;IACH,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC;IAC9B,OAAO,OAAO,CAAC;AACjB,CAAC"}

package/lib/converter.js

@@ -5,20 +5,18 @@ const extension_1 = require("./extension");
 function createConverter(config = {}) {
     const { selector = 'elm-extension' } = config;
     const Extension = (0, extension_1.createExtension)(selector);
-    const convert = (main, captured) => {
-        return {
-            mount(el, props, ctx) {
-                const node = el.appendChild(document.createElement('div'));
-                main.init({
-                    node,
-                    flags: Object.assign(Object.assign(Object.assign({}, captured), ctx), props),
-                });
-            },
-            unmount(el) {
-                el.innerHTML = '';
-            },
-        };
-    };
+    const convert = (main, captured) => ({
+        mount(el, props, ctx) {
+            const node = el.appendChild(document.createElement('div'));
+            main.init({
+                node,
+                flags: Object.assign(Object.assign(Object.assign({}, captured), ctx), props),
+            });
+        },
+        unmount(el) {
+            el.innerHTML = '';
+        },
+    });
     convert.Extension = Extension;
     return convert;
 }

package/lib/converter.js.map

@@ -1 +1 @@
-{"version":3,"file":"converter.js","sourceRoot":"","sources":["../src/converter.ts"],"names":[],"mappings":";;;AACA,2CAA8C;AAW9C,SAAgB,eAAe,CAAC,SAA8B,EAAE;IAC9D,MAAM,EAAE,QAAQ,GAAG,eAAe,EAAE,GAAG,MAAM,CAAC;IAC9C,MAAM,SAAS,GAAG,IAAA,2BAAe,EAAC,QAAQ,CAAC,CAAC;IAC5C,MAAM,OAAO,GAAG,CACd,IAAuB,EACvB,QAA8B,EACJ,EAAE;QAC5B,OAAO;YACL,KAAK,CAAC,EAAE,EAAE,KAAK,EAAE,GAAG;gBAClB,MAAM,IAAI,GAAG,EAAE,CAAC,WAAW,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;gBAC3D,IAAI,CAAC,IAAI,CAAC;oBACR,IAAI;oBACJ,KAAK,gDACA,QAAQ,GACR,GAAG,GACH,KAAK,CACT;iBACF,CAAC,CAAC;YACL,CAAC;YACD,OAAO,CAAC,EAAE;gBACR,EAAE,CAAC,SAAS,GAAG,EAAE,CAAC;YACpB,CAAC;SACF,CAAC;IACJ,CAAC,CAAC;IACF,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC;IAC9B,OAAO,OAAO,CAAC;AACjB,CAAC;AA1BD,0CA0BC"}
+{"version":3,"file":"converter.js","sourceRoot":"","sources":["../src/converter.ts"],"names":[],"mappings":";;;AACA,2CAA8C;AAW9C,SAAgB,eAAe,CAAC,SAA8B,EAAE;IAC9D,MAAM,EAAE,QAAQ,GAAG,eAAe,EAAE,GAAG,MAAM,CAAC;IAC9C,MAAM,SAAS,GAAG,IAAA,2BAAe,EAAC,QAAQ,CAAC,CAAC;IAC5C,MAAM,OAAO,GAAG,CACd,IAAuB,EACvB,QAA8B,EACJ,EAAE,CAAC,CAAC;QAC9B,KAAK,CAAC,EAAE,EAAE,KAAK,EAAE,GAAG;YAClB,MAAM,IAAI,GAAG,EAAE,CAAC,WAAW,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;YAC3D,IAAI,CAAC,IAAI,CAAC;gBACR,IAAI;gBACJ,KAAK,gDACA,QAAQ,GACR,GAAG,GACH,KAAK,CACT;aACF,CAAC,CAAC;QACL,CAAC;QACD,OAAO,CAAC,EAAE;YACR,EAAE,CAAC,SAAS,GAAG,EAAE,CAAC;QACpB,CAAC;KACF,CAAC,CAAC;IACH,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC;IAC9B,OAAO,OAAO,CAAC;AACjB,CAAC;AAxBD,0CAwBC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "piral-elm",
-  "version": "0.15.0-alpha.3816",
+  "version": "0.15.0-alpha.3975",
   "description": "Plugin for integrating Elm components in Piral.",
   "keywords": [
     "piral",
@@ -44,10 +44,7 @@
     "test": "echo \"Error: run tests from root\" && exit 1"
   },
   "devDependencies": {
-    "piral-core": "0.15.0-alpha.3816"
+    "piral-core": "0.15.0-alpha.3975"
   },
-  "peerDependencies": {
-    "piral-core": "0.14.x"
-  },
-  "gitHead": "cfd7ed44c6b73655be56587aeaf774692e0c94ad"
+  "gitHead": "461d63cd1957359472018b32a56778da716d3406"
 }

package/src/converter.ts

@@ -16,24 +16,22 @@ export function createConverter(config: ElmConverterOptions = {}) {
   const convert = <TProps extends BaseComponentProps>(
     main: ElmModule<TProps>,
     captured?: Record<string, any>,
-  ): ForeignComponent<TProps> => {
-    return {
-      mount(el, props, ctx) {
-        const node = el.appendChild(document.createElement('div'));
-        main.init({
-          node,
-          flags: {
-            ...captured,
-            ...ctx,
-            ...props,
-          },
-        });
-      },
-      unmount(el) {
-        el.innerHTML = '';
-      },
-    };
-  };
+  ): ForeignComponent<TProps> => ({
+    mount(el, props, ctx) {
+      const node = el.appendChild(document.createElement('div'));
+      main.init({
+        node,
+        flags: {
+          ...captured,
+          ...ctx,
+          ...props,
+        },
+      });
+    },
+    unmount(el) {
+      el.innerHTML = '';
+    },
+  });
   convert.Extension = Extension;
   return convert;
 }