piral-vue 0.15.0-alpha.3804 → 0.15.0-alpha.3905

package/README.md

@@ -2,7 +2,7 @@
 
 # [Piral Vue](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-vue.svg?style=flat)](https://www.npmjs.com/package/piral-vue) [![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-vue` 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 `vue`. What `piral-vue` brings to the table is a set of Pilet API extensions that can be used with `piral` or `piral-core`.
 
 The set includes a Vue@2 converter for any component registration, as well as a `fromVue` shortcut and a `VueExtension` component.
 

package/esm/converter.js

@@ -3,25 +3,22 @@ import { createExtension } from './extension';
 export function createConverter(config = {}) {
     const { rootName = 'slot', selector = 'extension-component' } = config;
     const Extension = createExtension(rootName, selector);
-    const convert = (root, captured) => {
-        let instance = undefined;
-        return {
-            mount(parent, data, ctx) {
-                const el = parent.appendChild(document.createElement(rootName));
-                instance = mountVue(el, root, data, ctx, captured);
-            },
-            update(_, data) {
-                for (const prop in data) {
-                    instance[prop] = data[prop];
-                }
-            },
-            unmount(el) {
-                instance.$destroy();
-                el.innerHTML = '';
-                instance = undefined;
-            },
-        };
-    };
+    const convert = (root, captured) => ({
+        mount(parent, data, ctx, locals) {
+            const el = parent.appendChild(document.createElement(rootName));
+            locals.instance = mountVue(el, root, data, ctx, captured);
+        },
+        update(parent, data, ctx, locals) {
+            for (const prop in data) {
+                locals.instance[prop] = data[prop];
+            }
+        },
+        unmount(parent, locals) {
+            locals.instance.$destroy();
+            parent.innerHTML = '';
+            locals.instance = undefined;
+        },
+    });
     convert.Extension = Extension;
     return convert;
 }

package/esm/converter.js.map

@@ -1 +1 @@
-{"version":3,"file":"converter.js","sourceRoot":"","sources":["../src/converter.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAe9C,MAAM,UAAU,eAAe,CAAC,SAA8B,EAAE;IAC9D,MAAM,EAAE,QAAQ,GAAG,MAAM,EAAE,QAAQ,GAAG,qBAAqB,EAAE,GAAG,MAAM,CAAC;IACvE,MAAM,SAAS,GAAG,eAAe,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IACtD,MAAM,OAAO,GAAG,CACd,IAAuB,EACvB,QAA8B,EACJ,EAAE;QAC5B,IAAI,QAAQ,GAAQ,SAAS,CAAC;QAE9B,OAAO;YACL,KAAK,CAAC,MAAM,EAAE,IAAI,EAAE,GAAG;gBACrB,MAAM,EAAE,GAAG,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC;gBAChE,QAAQ,GAAG,QAAQ,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,CAAC,CAAC;YACrD,CAAC;YACD,MAAM,CAAC,CAAC,EAAE,IAAI;gBACZ,KAAK,MAAM,IAAI,IAAI,IAAI,EAAE;oBACvB,QAAQ,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC;iBAC7B;YACH,CAAC;YACD,OAAO,CAAC,EAAE;gBACR,QAAQ,CAAC,QAAQ,EAAE,CAAC;gBACpB,EAAE,CAAC,SAAS,GAAG,EAAE,CAAC;gBAClB,QAAQ,GAAG,SAAS,CAAC;YACvB,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":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAmB9C,MAAM,UAAU,eAAe,CAAC,SAA8B,EAAE;IAC9D,MAAM,EAAE,QAAQ,GAAG,MAAM,EAAE,QAAQ,GAAG,qBAAqB,EAAE,GAAG,MAAM,CAAC;IACvE,MAAM,SAAS,GAAG,eAAe,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IACtD,MAAM,OAAO,GAAG,CACd,IAAuB,EACvB,QAA8B,EACJ,EAAE,CAAC,CAAC;QAC9B,KAAK,CAAC,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,MAAgB;YACvC,MAAM,EAAE,GAAG,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC;YAChE,MAAM,CAAC,QAAQ,GAAG,QAAQ,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,CAAC,CAAC;QAC5D,CAAC;QACD,MAAM,CAAC,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,MAAgB;YACxC,KAAK,MAAM,IAAI,IAAI,IAAI,EAAE;gBACvB,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC;aACpC;QACH,CAAC;QACD,OAAO,CAAC,MAAM,EAAE,MAAgB;YAC9B,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC;YAC3B,MAAM,CAAC,SAAS,GAAG,EAAE,CAAC;YACtB,MAAM,CAAC,QAAQ,GAAG,SAAS,CAAC;QAC9B,CAAC;KACF,CAAC,CAAC;IACH,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC;IAC9B,OAAO,OAAO,CAAC;AACjB,CAAC"}

package/esm/types.d.ts

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

package/lib/converter.js

@@ -6,25 +6,22 @@ const extension_1 = require("./extension");
 function createConverter(config = {}) {
     const { rootName = 'slot', selector = 'extension-component' } = config;
     const Extension = (0, extension_1.createExtension)(rootName, selector);
-    const convert = (root, captured) => {
-        let instance = undefined;
-        return {
-            mount(parent, data, ctx) {
-                const el = parent.appendChild(document.createElement(rootName));
-                instance = (0, mount_1.mountVue)(el, root, data, ctx, captured);
-            },
-            update(_, data) {
-                for (const prop in data) {
-                    instance[prop] = data[prop];
-                }
-            },
-            unmount(el) {
-                instance.$destroy();
-                el.innerHTML = '';
-                instance = undefined;
-            },
-        };
-    };
+    const convert = (root, captured) => ({
+        mount(parent, data, ctx, locals) {
+            const el = parent.appendChild(document.createElement(rootName));
+            locals.instance = (0, mount_1.mountVue)(el, root, data, ctx, captured);
+        },
+        update(parent, data, ctx, locals) {
+            for (const prop in data) {
+                locals.instance[prop] = data[prop];
+            }
+        },
+        unmount(parent, locals) {
+            locals.instance.$destroy();
+            parent.innerHTML = '';
+            locals.instance = undefined;
+        },
+    });
     convert.Extension = Extension;
     return convert;
 }

package/lib/converter.js.map

@@ -1 +1 @@
-{"version":3,"file":"converter.js","sourceRoot":"","sources":["../src/converter.ts"],"names":[],"mappings":";;;AAEA,mCAAmC;AACnC,2CAA8C;AAe9C,SAAgB,eAAe,CAAC,SAA8B,EAAE;IAC9D,MAAM,EAAE,QAAQ,GAAG,MAAM,EAAE,QAAQ,GAAG,qBAAqB,EAAE,GAAG,MAAM,CAAC;IACvE,MAAM,SAAS,GAAG,IAAA,2BAAe,EAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IACtD,MAAM,OAAO,GAAG,CACd,IAAuB,EACvB,QAA8B,EACJ,EAAE;QAC5B,IAAI,QAAQ,GAAQ,SAAS,CAAC;QAE9B,OAAO;YACL,KAAK,CAAC,MAAM,EAAE,IAAI,EAAE,GAAG;gBACrB,MAAM,EAAE,GAAG,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC;gBAChE,QAAQ,GAAG,IAAA,gBAAQ,EAAC,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,CAAC,CAAC;YACrD,CAAC;YACD,MAAM,CAAC,CAAC,EAAE,IAAI;gBACZ,KAAK,MAAM,IAAI,IAAI,IAAI,EAAE;oBACvB,QAAQ,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC;iBAC7B;YACH,CAAC;YACD,OAAO,CAAC,EAAE;gBACR,QAAQ,CAAC,QAAQ,EAAE,CAAC;gBACpB,EAAE,CAAC,SAAS,GAAG,EAAE,CAAC;gBAClB,QAAQ,GAAG,SAAS,CAAC;YACvB,CAAC;SACF,CAAC;IACJ,CAAC,CAAC;IACF,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC;IAC9B,OAAO,OAAO,CAAC;AACjB,CAAC;AA5BD,0CA4BC"}
+{"version":3,"file":"converter.js","sourceRoot":"","sources":["../src/converter.ts"],"names":[],"mappings":";;;AAEA,mCAAmC;AACnC,2CAA8C;AAmB9C,SAAgB,eAAe,CAAC,SAA8B,EAAE;IAC9D,MAAM,EAAE,QAAQ,GAAG,MAAM,EAAE,QAAQ,GAAG,qBAAqB,EAAE,GAAG,MAAM,CAAC;IACvE,MAAM,SAAS,GAAG,IAAA,2BAAe,EAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IACtD,MAAM,OAAO,GAAG,CACd,IAAuB,EACvB,QAA8B,EACJ,EAAE,CAAC,CAAC;QAC9B,KAAK,CAAC,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,MAAgB;YACvC,MAAM,EAAE,GAAG,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC;YAChE,MAAM,CAAC,QAAQ,GAAG,IAAA,gBAAQ,EAAC,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,CAAC,CAAC;QAC5D,CAAC;QACD,MAAM,CAAC,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,MAAgB;YACxC,KAAK,MAAM,IAAI,IAAI,IAAI,EAAE;gBACvB,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC;aACpC;QACH,CAAC;QACD,OAAO,CAAC,MAAM,EAAE,MAAgB;YAC9B,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC;YAC3B,MAAM,CAAC,SAAS,GAAG,EAAE,CAAC;YACtB,MAAM,CAAC,QAAQ,GAAG,SAAS,CAAC;QAC9B,CAAC;KACF,CAAC,CAAC;IACH,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC;IAC9B,OAAO,OAAO,CAAC;AACjB,CAAC;AAxBD,0CAwBC"}

package/lib/types.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "piral-vue",
-  "version": "0.15.0-alpha.3804",
+  "version": "0.15.0-alpha.3905",
   "description": "Plugin for integrating Vue@2 components in Piral.",
   "keywords": [
     "piral",
@@ -45,12 +45,11 @@
     "test": "echo \"Error: run tests from root\" && exit 1"
   },
   "devDependencies": {
-    "piral-core": "0.15.0-alpha.3804",
+    "piral-core": "0.15.0-alpha.3905",
     "vue": "^2.6.10"
   },
   "peerDependencies": {
-    "piral-core": "0.14.x",
     "vue": "^2.0.0"
   },
-  "gitHead": "a053a21f6195fe292edd35301ea19d5602129c79"
+  "gitHead": "533d09963cfd8c901df797958ca386dbae0286e1"
 }

package/src/converter.ts

@@ -16,32 +16,32 @@ export interface VueConverterOptions {
   rootName?: string;
 }
 
+interface VueState {
+  instance: any;
+}
+
 export function createConverter(config: VueConverterOptions = {}) {
   const { rootName = 'slot', selector = 'extension-component' } = config;
   const Extension = createExtension(rootName, selector);
   const convert = <TProps extends BaseComponentProps>(
     root: Component<TProps>,
     captured?: Record<string, any>,
-  ): ForeignComponent<TProps> => {
-    let instance: any = undefined;
-
-    return {
-      mount(parent, data, ctx) {
-        const el = parent.appendChild(document.createElement(rootName));
-        instance = mountVue(el, root, data, ctx, captured);
-      },
-      update(_, data) {
-        for (const prop in data) {
-          instance[prop] = data[prop];
-        }
-      },
-      unmount(el) {
-        instance.$destroy();
-        el.innerHTML = '';
-        instance = undefined;
-      },
-    };
-  };
+  ): ForeignComponent<TProps> => ({
+    mount(parent, data, ctx, locals: VueState) {
+      const el = parent.appendChild(document.createElement(rootName));
+      locals.instance = mountVue(el, root, data, ctx, captured);
+    },
+    update(parent, data, ctx, locals: VueState) {
+      for (const prop in data) {
+        locals.instance[prop] = data[prop];
+      }
+    },
+    unmount(parent, locals: VueState) {
+      locals.instance.$destroy();
+      parent.innerHTML = '';
+      locals.instance = undefined;
+    },
+  });
   convert.Extension = Extension;
   return convert;
 }

package/src/types.ts

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