piral-million 0.15.0-beta.4579 → 0.15.0-beta.4607

package/README.md

@@ -62,7 +62,6 @@ export function setup(piral: PiletApi) {
 Using Million with Piral is as simple as installing `piral-million` and `million`.
 
 ```ts
-import 'million';
 import { createMillionApi } from 'piral-million';
 ```
 
@@ -76,13 +75,14 @@ const instance = createInstance({
 });
 ```
 
-The `million` package should be shared with the pilets via the *package.json*:
+The `million` package and its `million/react` module should be shared with the pilets via the *package.json*:
 
 ```json
 {
   "pilets": {
     "externals": [
-      "million"
+      "million",
+      "million/react"
     ]
   }
 }

package/convert.d.ts

@@ -12,7 +12,7 @@ export interface MillionConverter {
 }
 export declare function createMillionConverter(...params: Parameters<typeof createConverter>): {
     from: MillionConverter;
-    Extension: (props: any) => VNode;
+    Extension: (props: any) => any;
 };
-declare const fromMillion: MillionConverter, MillionExtension: (props: any) => VNode;
+declare const fromMillion: MillionConverter, MillionExtension: (props: any) => any;
 export { fromMillion, MillionExtension };

package/esm/converter.d.ts

@@ -1,5 +1,4 @@
 import type { ForeignComponent, BaseComponentProps } from 'piral-core';
-import type { VNode } from 'million';
 export interface MillionConverterOptions {
     /**
      * Defines the name of the root element.
@@ -8,6 +7,6 @@ export interface MillionConverterOptions {
     rootName?: string;
 }
 export declare function createConverter(config?: MillionConverterOptions): {
-    <TProps extends BaseComponentProps>(root: (props: TProps) => VNode): ForeignComponent<TProps>;
-    Extension: (props: import("piral-core").ExtensionSlotProps<string>) => VNode;
+    <TProps extends BaseComponentProps>(root: any): ForeignComponent<TProps>;
+    Extension: (props: import("piral-core").ExtensionSlotProps<string>) => any;
 };

package/esm/converter.js

@@ -1,17 +1,17 @@
-import { mountMillion, updateMillion, unmountMillion } from './mount';
+import { mountMillion, unmountMillion } from './mount';
 import { createExtension } from './extension';
 export function createConverter(config = {}) {
     const { rootName = 'slot' } = config;
     const Extension = createExtension(rootName);
     const convert = (root) => ({
-        mount(el, props, ctx, locals) {
-            locals.node = mountMillion(el, root, props);
+        mount(el, props, ctx) {
+            mountMillion(el, root, props, ctx);
         },
-        update(el, props, ctx, locals) {
-            locals.node = updateMillion(el, root, props, locals.node);
+        update(el, props, ctx) {
+            mountMillion(el, root, props, ctx);
         },
-        unmount(el, locals) {
-            unmountMillion(el, locals.node);
+        unmount(el) {
+            unmountMillion(el);
         },
     });
     convert.Extension = Extension;

package/esm/converter.js.map

@@ -1 +1 @@
-{"version":3,"file":"converter.js","sourceRoot":"","sources":["../src/converter.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAU9C,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,IAA8B,EAA4B,EAAE,CAAC,CAAC;QAChH,KAAK,CAAC,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM;YAC1B,MAAM,CAAC,IAAI,GAAG,YAAY,CAAC,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;QAC9C,CAAC;QACD,MAAM,CAAC,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM;YAC3B,MAAM,CAAC,IAAI,GAAG,aAAa,CAAC,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC;QAC5D,CAAC;QACD,OAAO,CAAC,EAAE,EAAE,MAAM;YAChB,cAAc,CAAC,EAAE,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC;QAClC,CAAC;KACF,CAAC,CAAC;IACH,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,YAAY,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAU9C,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,IAAS,EAA4B,EAAE,CAAC,CAAC;QAC3F,KAAK,CAAC,EAAE,EAAE,KAAK,EAAE,GAAG;YAClB,YAAY,CAAC,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;QACrC,CAAC;QACD,MAAM,CAAC,EAAE,EAAE,KAAK,EAAE,GAAG;YACnB,YAAY,CAAC,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;QACrC,CAAC;QACD,OAAO,CAAC,EAAE;YACR,cAAc,CAAC,EAAE,CAAC,CAAC;QACrB,CAAC;KACF,CAAC,CAAC;IACH,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC;IAC9B,OAAO,OAAO,CAAC;AACjB,CAAC"}

package/esm/extension.d.ts

@@ -1,3 +1,2 @@
-import { VNode } from 'million';
 import type { ExtensionSlotProps } from 'piral-core';
-export declare function createExtension(rootName: string): (props: ExtensionSlotProps) => VNode;
+export declare function createExtension(rootName: string): (props: ExtensionSlotProps<string>) => any;

package/esm/extension.js

@@ -1,45 +1,11 @@
-import { m, _ } from 'million';
-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;
-}
+import { createElement, useContext } from 'million/react';
+import { piralContext } from './mount';
 export function createExtension(rootName) {
     return (props) => {
-        return m(rootName, props, _, _, _, {
-            create(node) {
-                const { piral } = props;
-                node.textContent = '';
-                node.childNodes.forEach((n) => node.removeChild(n));
-                piral.renderHtmlExtension(node, this.props);
-                return true;
-            },
-            update(node, newNode, oldNode) {
-                if (!compare(newNode.props, oldNode.props)) {
-                    //TODO render extension
-                }
-                return true;
-            },
-        });
+        const { piral } = useContext(piralContext);
+        const m = createElement;
+        //TODO
+        return m(rootName);
     };
 }
 //# sourceMappingURL=extension.js.map

package/esm/extension.js.map

@@ -1 +1 @@
-{"version":3,"file":"extension.js","sourceRoot":"","sources":["../src/extension.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAS,CAAC,EAAE,MAAM,SAAS,CAAC;AAGtC,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,OAAO,CAAC,KAAK,EAAE,EAAE;QACf,OAAO,CAAC,CAAC,QAAQ,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;YACjC,MAAM,CAAC,IAAI;gBACT,MAAM,EAAE,KAAK,EAAE,GAAG,KAAY,CAAC;gBAC/B,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;gBACtB,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;gBACpD,KAAK,CAAC,mBAAmB,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;gBAC5C,OAAO,IAAI,CAAC;YACd,CAAC;YACD,MAAM,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO;gBAC3B,IAAI,CAAC,OAAO,CAAE,OAAe,CAAC,KAAK,EAAG,OAAe,CAAC,KAAK,CAAC,EAAE;oBAC5D,uBAAuB;iBACxB;gBACD,OAAO,IAAI,CAAC;YACd,CAAC;SACF,CAAC,CAAC;IACL,CAAC,CAAC;AACJ,CAAC"}
+{"version":3,"file":"extension.js","sourceRoot":"","sources":["../src/extension.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,MAAM,UAAU,eAAe,CAAC,QAAgB;IAC9C,OAAO,CAAC,KAAyB,EAAE,EAAE;QACnC,MAAM,EAAE,KAAK,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;QAC3C,MAAM,CAAC,GAAG,aAAoB,CAAC;QAC/B,MAAM;QACN,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC;IACrB,CAAC,CAAC;AACJ,CAAC"}

package/esm/mount.d.ts

@@ -1,5 +1,10 @@
-import { VNode } from 'million';
-import type { BaseComponentProps } from 'piral-core';
-export declare function mountMillion<T extends BaseComponentProps>(el: HTMLElement, root: (props: T) => VNode, props: T): import("million/dist/types-1b5601ee").a;
-export declare function updateMillion<T extends BaseComponentProps>(el: HTMLElement, root: (props: T) => VNode, props: T, oldNode: VNode): import("million/dist/types-1b5601ee").a;
-export declare function unmountMillion(el: HTMLElement, oldNode: VNode): void;
+import type { BaseComponentProps, ComponentContext } from 'piral-core';
+export declare const piralContext: {
+    value: any;
+    Provider: ({ value }: {
+        value: any;
+    }) => any;
+    Consumer: () => any;
+};
+export declare function mountMillion<T extends BaseComponentProps>(el: HTMLElement, root: any, props: T, ctx: ComponentContext): any;
+export declare function unmountMillion(el: HTMLElement): void;

package/esm/mount.js

@@ -1,15 +1,13 @@
-import { render, m } from 'million';
-export function mountMillion(el, root, props) {
-    const node = m(root, props);
-    render(el, node);
+import { render, createElement, createContext } from 'million/react';
+export const piralContext = createContext({});
+export function mountMillion(el, root, props, ctx) {
+    const value = Object.assign(Object.assign({}, ctx), { piral: props.piral });
+    const m = createElement;
+    const node = m(piralContext.Provider, { value }, m(root, props));
+    render(node, el);
     return node;
 }
-export function updateMillion(el, root, props, oldNode) {
-    const newNode = m(root, props);
-    render(el, newNode, oldNode);
-    return newNode;
-}
-export function unmountMillion(el, oldNode) {
-    render(el, '', oldNode);
+export function unmountMillion(el) {
+    render('', el);
 }
 //# sourceMappingURL=mount.js.map

package/esm/mount.js.map

@@ -1 +1 @@
-{"version":3,"file":"mount.js","sourceRoot":"","sources":["../src/mount.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,CAAC,EAAS,MAAM,SAAS,CAAC;AAG3C,MAAM,UAAU,YAAY,CAA+B,EAAe,EAAE,IAAyB,EAAE,KAAQ;IAC7G,MAAM,IAAI,GAAG,CAAC,CAAC,IAAW,EAAE,KAAK,CAAC,CAAC;IACnC,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;IACjB,OAAO,IAAI,CAAC;AACd,CAAC;AAED,MAAM,UAAU,aAAa,CAC3B,EAAe,EACf,IAAyB,EACzB,KAAQ,EACR,OAAc;IAEd,MAAM,OAAO,GAAG,CAAC,CAAC,IAAW,EAAE,KAAK,CAAC,CAAC;IACtC,MAAM,CAAC,EAAE,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;IAC7B,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,EAAe,EAAE,OAAc;IAC5D,MAAM,CAAC,EAAE,EAAE,EAAE,EAAE,OAAO,CAAC,CAAC;AAC1B,CAAC"}
+{"version":3,"file":"mount.js","sourceRoot":"","sources":["../src/mount.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAErE,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CAAC,EAAE,CAAC,CAAC;AAE9C,MAAM,UAAU,YAAY,CAA+B,EAAe,EAAE,IAAS,EAAE,KAAQ,EAAE,GAAqB;IACpH,MAAM,KAAK,mCAAQ,GAAG,KAAE,KAAK,EAAE,KAAK,CAAC,KAAK,GAAE,CAAC;IAC7C,MAAM,CAAC,GAAG,aAAoB,CAAC;IAC/B,MAAM,IAAI,GAAG,CAAC,CAAC,YAAY,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;IACjE,MAAM,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;IACjB,OAAO,IAAI,CAAC;AACd,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,EAAe;IAC5C,MAAM,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;AACjB,CAAC"}

package/lib/converter.d.ts

@@ -1,5 +1,4 @@
 import type { ForeignComponent, BaseComponentProps } from 'piral-core';
-import type { VNode } from 'million';
 export interface MillionConverterOptions {
     /**
      * Defines the name of the root element.
@@ -8,6 +7,6 @@ export interface MillionConverterOptions {
     rootName?: string;
 }
 export declare function createConverter(config?: MillionConverterOptions): {
-    <TProps extends BaseComponentProps>(root: (props: TProps) => VNode): ForeignComponent<TProps>;
-    Extension: (props: import("piral-core").ExtensionSlotProps<string>) => VNode;
+    <TProps extends BaseComponentProps>(root: any): ForeignComponent<TProps>;
+    Extension: (props: import("piral-core").ExtensionSlotProps<string>) => any;
 };

package/lib/converter.js

@@ -7,14 +7,14 @@ function createConverter(config = {}) {
     const { rootName = 'slot' } = config;
     const Extension = (0, extension_1.createExtension)(rootName);
     const convert = (root) => ({
-        mount(el, props, ctx, locals) {
-            locals.node = (0, mount_1.mountMillion)(el, root, props);
+        mount(el, props, ctx) {
+            (0, mount_1.mountMillion)(el, root, props, ctx);
         },
-        update(el, props, ctx, locals) {
-            locals.node = (0, mount_1.updateMillion)(el, root, props, locals.node);
+        update(el, props, ctx) {
+            (0, mount_1.mountMillion)(el, root, props, ctx);
         },
-        unmount(el, locals) {
-            (0, mount_1.unmountMillion)(el, locals.node);
+        unmount(el) {
+            (0, mount_1.unmountMillion)(el);
         },
     });
     convert.Extension = Extension;

package/lib/converter.js.map

@@ -1 +1 @@
-{"version":3,"file":"converter.js","sourceRoot":"","sources":["../src/converter.ts"],"names":[],"mappings":";;;AAEA,mCAAsE;AACtE,2CAA8C;AAU9C,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,IAA8B,EAA4B,EAAE,CAAC,CAAC;QAChH,KAAK,CAAC,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM;YAC1B,MAAM,CAAC,IAAI,GAAG,IAAA,oBAAY,EAAC,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;QAC9C,CAAC;QACD,MAAM,CAAC,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM;YAC3B,MAAM,CAAC,IAAI,GAAG,IAAA,qBAAa,EAAC,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC;QAC5D,CAAC;QACD,OAAO,CAAC,EAAE,EAAE,MAAM;YAChB,IAAA,sBAAc,EAAC,EAAE,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC;QAClC,CAAC;KACF,CAAC,CAAC;IACH,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC;IAC9B,OAAO,OAAO,CAAC;AACjB,CAAC;AAhBD,0CAgBC"}
+{"version":3,"file":"converter.js","sourceRoot":"","sources":["../src/converter.ts"],"names":[],"mappings":";;;AACA,mCAAuD;AACvD,2CAA8C;AAU9C,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,IAAS,EAA4B,EAAE,CAAC,CAAC;QAC3F,KAAK,CAAC,EAAE,EAAE,KAAK,EAAE,GAAG;YAClB,IAAA,oBAAY,EAAC,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;QACrC,CAAC;QACD,MAAM,CAAC,EAAE,EAAE,KAAK,EAAE,GAAG;YACnB,IAAA,oBAAY,EAAC,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;QACrC,CAAC;QACD,OAAO,CAAC,EAAE;YACR,IAAA,sBAAc,EAAC,EAAE,CAAC,CAAC;QACrB,CAAC;KACF,CAAC,CAAC;IACH,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC;IAC9B,OAAO,OAAO,CAAC;AACjB,CAAC;AAhBD,0CAgBC"}

package/lib/extension.d.ts

@@ -1,3 +1,2 @@
-import { VNode } from 'million';
 import type { ExtensionSlotProps } from 'piral-core';
-export declare function createExtension(rootName: string): (props: ExtensionSlotProps) => VNode;
+export declare function createExtension(rootName: string): (props: ExtensionSlotProps<string>) => any;

package/lib/extension.js

@@ -1,48 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createExtension = void 0;
-const million_1 = require("million");
-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;
-}
+const react_1 = require("million/react");
+const mount_1 = require("./mount");
 function createExtension(rootName) {
     return (props) => {
-        return (0, million_1.m)(rootName, props, million_1._, million_1._, million_1._, {
-            create(node) {
-                const { piral } = props;
-                node.textContent = '';
-                node.childNodes.forEach((n) => node.removeChild(n));
-                piral.renderHtmlExtension(node, this.props);
-                return true;
-            },
-            update(node, newNode, oldNode) {
-                if (!compare(newNode.props, oldNode.props)) {
-                    //TODO render extension
-                }
-                return true;
-            },
-        });
+        const { piral } = (0, react_1.useContext)(mount_1.piralContext);
+        const m = react_1.createElement;
+        //TODO
+        return m(rootName);
     };
 }
 exports.createExtension = createExtension;

package/lib/extension.js.map

@@ -1 +1 @@
-{"version":3,"file":"extension.js","sourceRoot":"","sources":["../src/extension.ts"],"names":[],"mappings":";;;AAAA,qCAAsC;AAGtC,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,OAAO,CAAC,KAAK,EAAE,EAAE;QACf,OAAO,IAAA,WAAC,EAAC,QAAQ,EAAE,KAAK,EAAE,WAAC,EAAE,WAAC,EAAE,WAAC,EAAE;YACjC,MAAM,CAAC,IAAI;gBACT,MAAM,EAAE,KAAK,EAAE,GAAG,KAAY,CAAC;gBAC/B,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;gBACtB,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;gBACpD,KAAK,CAAC,mBAAmB,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;gBAC5C,OAAO,IAAI,CAAC;YACd,CAAC;YACD,MAAM,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO;gBAC3B,IAAI,CAAC,OAAO,CAAE,OAAe,CAAC,KAAK,EAAG,OAAe,CAAC,KAAK,CAAC,EAAE;oBAC5D,uBAAuB;iBACxB;gBACD,OAAO,IAAI,CAAC;YACd,CAAC;SACF,CAAC,CAAC;IACL,CAAC,CAAC;AACJ,CAAC;AAlBD,0CAkBC"}
+{"version":3,"file":"extension.js","sourceRoot":"","sources":["../src/extension.ts"],"names":[],"mappings":";;;AACA,yCAA0D;AAC1D,mCAAuC;AAEvC,SAAgB,eAAe,CAAC,QAAgB;IAC9C,OAAO,CAAC,KAAyB,EAAE,EAAE;QACnC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,kBAAU,EAAC,oBAAY,CAAC,CAAC;QAC3C,MAAM,CAAC,GAAG,qBAAoB,CAAC;QAC/B,MAAM;QACN,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC;IACrB,CAAC,CAAC;AACJ,CAAC;AAPD,0CAOC"}

package/lib/mount.d.ts

@@ -1,5 +1,10 @@
-import { VNode } from 'million';
-import type { BaseComponentProps } from 'piral-core';
-export declare function mountMillion<T extends BaseComponentProps>(el: HTMLElement, root: (props: T) => VNode, props: T): import("million/dist/types-1b5601ee").a;
-export declare function updateMillion<T extends BaseComponentProps>(el: HTMLElement, root: (props: T) => VNode, props: T, oldNode: VNode): import("million/dist/types-1b5601ee").a;
-export declare function unmountMillion(el: HTMLElement, oldNode: VNode): void;
+import type { BaseComponentProps, ComponentContext } from 'piral-core';
+export declare const piralContext: {
+    value: any;
+    Provider: ({ value }: {
+        value: any;
+    }) => any;
+    Consumer: () => any;
+};
+export declare function mountMillion<T extends BaseComponentProps>(el: HTMLElement, root: any, props: T, ctx: ComponentContext): any;
+export declare function unmountMillion(el: HTMLElement): void;

package/lib/mount.js

@@ -1,21 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.unmountMillion = exports.updateMillion = exports.mountMillion = void 0;
-const million_1 = require("million");
-function mountMillion(el, root, props) {
-    const node = (0, million_1.m)(root, props);
-    (0, million_1.render)(el, node);
+exports.unmountMillion = exports.mountMillion = exports.piralContext = void 0;
+const react_1 = require("million/react");
+exports.piralContext = (0, react_1.createContext)({});
+function mountMillion(el, root, props, ctx) {
+    const value = Object.assign(Object.assign({}, ctx), { piral: props.piral });
+    const m = react_1.createElement;
+    const node = m(exports.piralContext.Provider, { value }, m(root, props));
+    (0, react_1.render)(node, el);
     return node;
 }
 exports.mountMillion = mountMillion;
-function updateMillion(el, root, props, oldNode) {
-    const newNode = (0, million_1.m)(root, props);
-    (0, million_1.render)(el, newNode, oldNode);
-    return newNode;
-}
-exports.updateMillion = updateMillion;
-function unmountMillion(el, oldNode) {
-    (0, million_1.render)(el, '', oldNode);
+function unmountMillion(el) {
+    (0, react_1.render)('', el);
 }
 exports.unmountMillion = unmountMillion;
 //# sourceMappingURL=mount.js.map

package/lib/mount.js.map

@@ -1 +1 @@
-{"version":3,"file":"mount.js","sourceRoot":"","sources":["../src/mount.ts"],"names":[],"mappings":";;;AAAA,qCAA2C;AAG3C,SAAgB,YAAY,CAA+B,EAAe,EAAE,IAAyB,EAAE,KAAQ;IAC7G,MAAM,IAAI,GAAG,IAAA,WAAC,EAAC,IAAW,EAAE,KAAK,CAAC,CAAC;IACnC,IAAA,gBAAM,EAAC,EAAE,EAAE,IAAI,CAAC,CAAC;IACjB,OAAO,IAAI,CAAC;AACd,CAAC;AAJD,oCAIC;AAED,SAAgB,aAAa,CAC3B,EAAe,EACf,IAAyB,EACzB,KAAQ,EACR,OAAc;IAEd,MAAM,OAAO,GAAG,IAAA,WAAC,EAAC,IAAW,EAAE,KAAK,CAAC,CAAC;IACtC,IAAA,gBAAM,EAAC,EAAE,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;IAC7B,OAAO,OAAO,CAAC;AACjB,CAAC;AATD,sCASC;AAED,SAAgB,cAAc,CAAC,EAAe,EAAE,OAAc;IAC5D,IAAA,gBAAM,EAAC,EAAE,EAAE,EAAE,EAAE,OAAO,CAAC,CAAC;AAC1B,CAAC;AAFD,wCAEC"}
+{"version":3,"file":"mount.js","sourceRoot":"","sources":["../src/mount.ts"],"names":[],"mappings":";;;AACA,yCAAqE;AAExD,QAAA,YAAY,GAAG,IAAA,qBAAa,EAAC,EAAE,CAAC,CAAC;AAE9C,SAAgB,YAAY,CAA+B,EAAe,EAAE,IAAS,EAAE,KAAQ,EAAE,GAAqB;IACpH,MAAM,KAAK,mCAAQ,GAAG,KAAE,KAAK,EAAE,KAAK,CAAC,KAAK,GAAE,CAAC;IAC7C,MAAM,CAAC,GAAG,qBAAoB,CAAC;IAC/B,MAAM,IAAI,GAAG,CAAC,CAAC,oBAAY,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;IACjE,IAAA,cAAM,EAAC,IAAI,EAAE,EAAE,CAAC,CAAC;IACjB,OAAO,IAAI,CAAC;AACd,CAAC;AAND,oCAMC;AAED,SAAgB,cAAc,CAAC,EAAe;IAC5C,IAAA,cAAM,EAAC,EAAE,EAAE,EAAE,CAAC,CAAC;AACjB,CAAC;AAFD,wCAEC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "piral-million",
-  "version": "0.15.0-beta.4579",
+  "version": "0.15.0-beta.4607",
   "description": "Plugin for integrating Million components in Piral.",
   "keywords": [
     "piral",
@@ -65,10 +65,10 @@
   },
   "devDependencies": {
     "million": "^1.12.0",
-    "piral-core": "0.15.0-beta.4579"
+    "piral-core": "0.15.0-beta.4607"
   },
   "peerDependencies": {
     "million": "^1.0.0"
   },
-  "gitHead": "a7c4837c23014ba2038aadce3045315164a98fc0"
+  "gitHead": "2b1f8f84149c0ddb5020a5df0bb1b94dad56f386"
 }

package/src/converter.ts

@@ -1,6 +1,5 @@
 import type { ForeignComponent, BaseComponentProps } from 'piral-core';
-import type { VNode } from 'million';
-import { mountMillion, updateMillion, unmountMillion } from './mount';
+import { mountMillion, unmountMillion } from './mount';
 import { createExtension } from './extension';
 
 export interface MillionConverterOptions {
@@ -14,15 +13,15 @@ export interface MillionConverterOptions {
 export function createConverter(config: MillionConverterOptions = {}) {
   const { rootName = 'slot' } = config;
   const Extension = createExtension(rootName);
-  const convert = <TProps extends BaseComponentProps>(root: (props: TProps) => VNode): ForeignComponent<TProps> => ({
-    mount(el, props, ctx, locals) {
-      locals.node = mountMillion(el, root, props);
+  const convert = <TProps extends BaseComponentProps>(root: any): ForeignComponent<TProps> => ({
+    mount(el, props, ctx) {
+      mountMillion(el, root, props, ctx);
     },
-    update(el, props, ctx, locals) {
-      locals.node = updateMillion(el, root, props, locals.node);
+    update(el, props, ctx) {
+      mountMillion(el, root, props, ctx);
     },
-    unmount(el, locals) {
-      unmountMillion(el, locals.node);
+    unmount(el) {
+      unmountMillion(el);
     },
   });
   convert.Extension = Extension;

package/src/extension.ts

@@ -1,53 +1,12 @@
-import { m, VNode, _ } from 'million';
 import type { ExtensionSlotProps } from 'piral-core';
-
-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): (props: ExtensionSlotProps) => VNode {
-  return (props) => {
-    return m(rootName, props, _, _, _, {
-      create(node) {
-        const { piral } = props as any;
-        node.textContent = '';
-        node.childNodes.forEach((n) => node.removeChild(n));
-        piral.renderHtmlExtension(node, this.props);
-        return true;
-      },
-      update(node, newNode, oldNode) {
-        if (!compare((newNode as any).props, (oldNode as any).props)) {
-          //TODO render extension
-        }
-        return true;
-      },
-    });
+import { createElement, useContext } from 'million/react';
+import { piralContext } from './mount';
+
+export function createExtension(rootName: string) {
+  return (props: ExtensionSlotProps) => {
+    const { piral } = useContext(piralContext);
+    const m = createElement as any;
+    //TODO
+    return m(rootName);
   };
 }

package/src/mount.ts

@@ -1,23 +1,16 @@
-import { render, m, VNode } from 'million';
-import type { BaseComponentProps } from 'piral-core';
+import type { BaseComponentProps, ComponentContext } from 'piral-core';
+import { render, createElement, createContext } from 'million/react';
 
-export function mountMillion<T extends BaseComponentProps>(el: HTMLElement, root: (props: T) => VNode, props: T) {
-  const node = m(root as any, props);
-  render(el, node);
-  return node;
-}
+export const piralContext = createContext({});
 
-export function updateMillion<T extends BaseComponentProps>(
-  el: HTMLElement,
-  root: (props: T) => VNode,
-  props: T,
-  oldNode: VNode,
-) {
-  const newNode = m(root as any, props);
-  render(el, newNode, oldNode);
-  return newNode;
+export function mountMillion<T extends BaseComponentProps>(el: HTMLElement, root: any, props: T, ctx: ComponentContext) {
+  const value = { ...ctx, piral: props.piral };
+  const m = createElement as any;
+  const node = m(piralContext.Provider, { value }, m(root, props));
+  render(node, el);
+  return node;
 }
 
-export function unmountMillion(el: HTMLElement, oldNode: VNode) {
-  render(el, '', oldNode);
+export function unmountMillion(el: HTMLElement) {
+  render('', el);
 }