piral-vue-3 0.15.0-alpha.4041 → 0.15.0-alpha.4231

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/convert.d.ts +2 -2
  2. package/convert.js +4 -9
  3. package/esm/extension.js +29 -0
  4. package/esm/extension.js.map +1 -1
  5. package/lib/extension.js +29 -0
  6. package/lib/extension.js.map +1 -1
  7. package/lib/index.js +2 -2
  8. package/lib/index.js.map +1 -1
  9. package/package.json +20 -4
  10. package/src/extension.ts +33 -0
package/convert.d.ts CHANGED
@@ -12,7 +12,7 @@ export interface Vue3Converter {
12
12
  }
13
13
  export declare function createVue3Converter(...params: Parameters<typeof createConverter>): {
14
14
  from: Vue3Converter;
15
- Extension: import("vue").Component<import("piral-core").ExtensionSlotProps<string>, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
15
+ Extension: Component<any, any, any, any, any>;
16
16
  };
17
- declare const fromVue3: Vue3Converter, Vue3Extension: import("vue").Component<import("piral-core").ExtensionSlotProps<string>, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
17
+ declare const fromVue3: Vue3Converter, Vue3Extension: Component<any, any, any, any, any>;
18
18
  export { fromVue3, Vue3Extension };
package/convert.js CHANGED
@@ -1,13 +1,10 @@
1
- "use strict";
2
- exports.__esModule = true;
3
- exports.Vue3Extension = exports.fromVue3 = exports.createVue3Converter = void 0;
4
- var converter_1 = require("./esm/converter");
5
- function createVue3Converter() {
1
+ import { createConverter } from './esm/converter';
2
+ export function createVue3Converter() {
6
3
  var params = [];
7
4
  for (var _i = 0; _i < arguments.length; _i++) {
8
5
  params[_i] = arguments[_i];
9
6
  }
10
- var convert = converter_1.createConverter.apply(void 0, params);
7
+ var convert = createConverter.apply(void 0, params);
11
8
  var Extension = convert.Extension;
12
9
  var from = function (root, captured) { return ({
13
10
  type: 'html',
@@ -15,7 +12,5 @@ function createVue3Converter() {
15
12
  }); };
16
13
  return { from: from, Extension: Extension };
17
14
  }
18
- exports.createVue3Converter = createVue3Converter;
19
15
  var _a = createVue3Converter(), fromVue3 = _a.from, Vue3Extension = _a.Extension;
20
- exports.fromVue3 = fromVue3;
21
- exports.Vue3Extension = Vue3Extension;
16
+ export { fromVue3, Vue3Extension };
package/esm/extension.js CHANGED
@@ -7,6 +7,35 @@ export function createExtension(rootName) {
7
7
  render() {
8
8
  return h(rootName);
9
9
  },
10
+ watch: {
11
+ params(newValue, oldValue) {
12
+ if (newValue !== oldValue) {
13
+ const newKeys = Object.keys(newValue);
14
+ const oldKeys = Object.keys(oldValue);
15
+ if (newKeys.length === oldKeys.length) {
16
+ let changed = false;
17
+ for (const key of newKeys) {
18
+ if (!oldKeys.includes(key) || newValue[key] !== oldValue[key]) {
19
+ changed = true;
20
+ break;
21
+ }
22
+ }
23
+ if (!changed) {
24
+ return;
25
+ }
26
+ }
27
+ const ev = new CustomEvent('extension-props-changed', {
28
+ detail: {
29
+ empty: this.empty,
30
+ params: newValue,
31
+ render: this.render,
32
+ name: this.name,
33
+ },
34
+ });
35
+ this.$el.dispatchEvent(ev);
36
+ }
37
+ },
38
+ },
10
39
  mounted() {
11
40
  this.piral.renderHtmlExtension(this.$el, {
12
41
  empty: this.empty,
package/esm/extension.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"extension.js","sourceRoot":"","sources":["../src/extension.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,CAAC,EAAE,MAAM,KAAK,CAAC;AAEnC,MAAM,UAAU,eAAe,CAAC,QAAgB;IAC9C,MAAM,aAAa,GAAkC;QACnD,UAAU,EAAE,KAAK;QACjB,KAAK,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,CAAC;QAC5C,MAAM,EAAE,CAAC,OAAO,CAAC;QACjB,MAAM;YACJ,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC;QACrB,CAAC;QACD,OAAO;YACL,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,IAAI,CAAC,GAAG,EAAE;gBACvC,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,MAAM,EAAE,IAAI,CAAC,MAAM;gBACnB,MAAM,EAAE,IAAI,CAAC,MAAM;gBACnB,IAAI,EAAE,IAAI,CAAC,IAAI;aAChB,CAAC,CAAC;QACL,CAAC;KACF,CAAC;IAEF,OAAO,aAAa,CAAC;AACvB,CAAC"}
1
+ {"version":3,"file":"extension.js","sourceRoot":"","sources":["../src/extension.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,CAAC,EAAE,MAAM,KAAK,CAAC;AAEnC,MAAM,UAAU,eAAe,CAAC,QAAgB;IAC9C,MAAM,aAAa,GAAkC;QACnD,UAAU,EAAE,KAAK;QACjB,KAAK,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,CAAC;QAC5C,MAAM,EAAE,CAAC,OAAO,CAAC;QACjB,MAAM;YACJ,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC;QACrB,CAAC;QACD,KAAK,EAAE;YACL,MAAM,CAAC,QAAQ,EAAE,QAAQ;gBACvB,IAAI,QAAQ,KAAK,QAAQ,EAAE;oBACzB,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;oBACtC,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;oBAEtC,IAAI,OAAO,CAAC,MAAM,KAAK,OAAO,CAAC,MAAM,EAAE;wBACrC,IAAI,OAAO,GAAG,KAAK,CAAC;wBAEpB,KAAK,MAAM,GAAG,IAAI,OAAO,EAAE;4BACzB,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,QAAQ,CAAC,GAAG,CAAC,KAAK,QAAQ,CAAC,GAAG,CAAC,EAAE;gCAC7D,OAAO,GAAG,IAAI,CAAC;gCACf,MAAM;6BACP;yBACF;wBAED,IAAI,CAAC,OAAO,EAAE;4BACZ,OAAO;yBACR;qBACF;oBAED,MAAM,EAAE,GAAG,IAAI,WAAW,CAAC,yBAAyB,EAAE;wBACpD,MAAM,EAAE;4BACN,KAAK,EAAE,IAAI,CAAC,KAAK;4BACjB,MAAM,EAAE,QAAQ;4BAChB,MAAM,EAAE,IAAI,CAAC,MAAM;4BACnB,IAAI,EAAE,IAAI,CAAC,IAAI;yBAChB;qBACF,CAAC,CAAC;oBACH,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC;iBAC5B;YACH,CAAC;SACF;QACD,OAAO;YACL,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,IAAI,CAAC,GAAG,EAAE;gBACvC,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,MAAM,EAAE,IAAI,CAAC,MAAM;gBACnB,MAAM,EAAE,IAAI,CAAC,MAAM;gBACnB,IAAI,EAAE,IAAI,CAAC,IAAI;aAChB,CAAC,CAAC;QACL,CAAC;KACF,CAAC;IAEF,OAAO,aAAa,CAAC;AACvB,CAAC"}
package/lib/extension.js CHANGED
@@ -10,6 +10,35 @@ function createExtension(rootName) {
10
10
  render() {
11
11
  return (0, vue_1.h)(rootName);
12
12
  },
13
+ watch: {
14
+ params(newValue, oldValue) {
15
+ if (newValue !== oldValue) {
16
+ const newKeys = Object.keys(newValue);
17
+ const oldKeys = Object.keys(oldValue);
18
+ if (newKeys.length === oldKeys.length) {
19
+ let changed = false;
20
+ for (const key of newKeys) {
21
+ if (!oldKeys.includes(key) || newValue[key] !== oldValue[key]) {
22
+ changed = true;
23
+ break;
24
+ }
25
+ }
26
+ if (!changed) {
27
+ return;
28
+ }
29
+ }
30
+ const ev = new CustomEvent('extension-props-changed', {
31
+ detail: {
32
+ empty: this.empty,
33
+ params: newValue,
34
+ render: this.render,
35
+ name: this.name,
36
+ },
37
+ });
38
+ this.$el.dispatchEvent(ev);
39
+ }
40
+ },
41
+ },
13
42
  mounted() {
14
43
  this.piral.renderHtmlExtension(this.$el, {
15
44
  empty: this.empty,
package/lib/extension.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"extension.js","sourceRoot":"","sources":["../src/extension.ts"],"names":[],"mappings":";;;AACA,6BAAmC;AAEnC,SAAgB,eAAe,CAAC,QAAgB;IAC9C,MAAM,aAAa,GAAkC;QACnD,UAAU,EAAE,KAAK;QACjB,KAAK,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,CAAC;QAC5C,MAAM,EAAE,CAAC,OAAO,CAAC;QACjB,MAAM;YACJ,OAAO,IAAA,OAAC,EAAC,QAAQ,CAAC,CAAC;QACrB,CAAC;QACD,OAAO;YACL,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,IAAI,CAAC,GAAG,EAAE;gBACvC,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,MAAM,EAAE,IAAI,CAAC,MAAM;gBACnB,MAAM,EAAE,IAAI,CAAC,MAAM;gBACnB,IAAI,EAAE,IAAI,CAAC,IAAI;aAChB,CAAC,CAAC;QACL,CAAC;KACF,CAAC;IAEF,OAAO,aAAa,CAAC;AACvB,CAAC;AAnBD,0CAmBC"}
1
+ {"version":3,"file":"extension.js","sourceRoot":"","sources":["../src/extension.ts"],"names":[],"mappings":";;;AACA,6BAAmC;AAEnC,SAAgB,eAAe,CAAC,QAAgB;IAC9C,MAAM,aAAa,GAAkC;QACnD,UAAU,EAAE,KAAK;QACjB,KAAK,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,CAAC;QAC5C,MAAM,EAAE,CAAC,OAAO,CAAC;QACjB,MAAM;YACJ,OAAO,IAAA,OAAC,EAAC,QAAQ,CAAC,CAAC;QACrB,CAAC;QACD,KAAK,EAAE;YACL,MAAM,CAAC,QAAQ,EAAE,QAAQ;gBACvB,IAAI,QAAQ,KAAK,QAAQ,EAAE;oBACzB,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;oBACtC,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;oBAEtC,IAAI,OAAO,CAAC,MAAM,KAAK,OAAO,CAAC,MAAM,EAAE;wBACrC,IAAI,OAAO,GAAG,KAAK,CAAC;wBAEpB,KAAK,MAAM,GAAG,IAAI,OAAO,EAAE;4BACzB,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,QAAQ,CAAC,GAAG,CAAC,KAAK,QAAQ,CAAC,GAAG,CAAC,EAAE;gCAC7D,OAAO,GAAG,IAAI,CAAC;gCACf,MAAM;6BACP;yBACF;wBAED,IAAI,CAAC,OAAO,EAAE;4BACZ,OAAO;yBACR;qBACF;oBAED,MAAM,EAAE,GAAG,IAAI,WAAW,CAAC,yBAAyB,EAAE;wBACpD,MAAM,EAAE;4BACN,KAAK,EAAE,IAAI,CAAC,KAAK;4BACjB,MAAM,EAAE,QAAQ;4BAChB,MAAM,EAAE,IAAI,CAAC,MAAM;4BACnB,IAAI,EAAE,IAAI,CAAC,IAAI;yBAChB;qBACF,CAAC,CAAC;oBACH,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC;iBAC5B;YACH,CAAC;SACF;QACD,OAAO;YACL,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,IAAI,CAAC,GAAG,EAAE;gBACvC,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,MAAM,EAAE,IAAI,CAAC,MAAM;gBACnB,MAAM,EAAE,IAAI,CAAC,MAAM;gBACnB,IAAI,EAAE,IAAI,CAAC,IAAI;aAChB,CAAC,CAAC;QACL,CAAC;KACF,CAAC;IAEF,OAAO,aAAa,CAAC;AACvB,CAAC;AApDD,0CAoDC"}
package/lib/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const tslib_1 = require("tslib");
4
- (0, tslib_1.__exportStar)(require("./create"), exports);
5
- (0, tslib_1.__exportStar)(require("./types"), exports);
4
+ tslib_1.__exportStar(require("./create"), exports);
5
+ tslib_1.__exportStar(require("./types"), exports);
6
6
  //# sourceMappingURL=index.js.map
package/lib/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,wDAAyB;AACzB,uDAAwB"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,mDAAyB;AACzB,kDAAwB"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "piral-vue-3",
3
- "version": "0.15.0-alpha.4041",
3
+ "version": "0.15.0-alpha.4231",
4
4
  "description": "Plugin for integrating Vue@3 components in Piral.",
5
5
  "keywords": [
6
6
  "piral",
@@ -20,6 +20,22 @@
20
20
  "module": "esm/index.js",
21
21
  "main": "lib/index.js",
22
22
  "typings": "lib/index.d.ts",
23
+ "exports": {
24
+ ".": {
25
+ "import": "./esm/index.js",
26
+ "require": "./lib/index.js"
27
+ },
28
+ "./convert": {
29
+ "import": "./convert.js"
30
+ },
31
+ "./esm/*": {
32
+ "import": "./esm/*"
33
+ },
34
+ "./lib/*": {
35
+ "require": "./lib/*"
36
+ },
37
+ "./package.json": "./package.json"
38
+ },
23
39
  "sideEffects": false,
24
40
  "files": [
25
41
  "esm",
@@ -38,18 +54,18 @@
38
54
  "scripts": {
39
55
  "cleanup": "rimraf esm lib convert.d.ts convert.js",
40
56
  "build": "yarn build:commonjs && yarn build:esnext && yarn build:convert",
41
- "build:convert": "tsc convert.ts --skipLibCheck --declaration",
57
+ "build:convert": "tsc convert.ts --skipLibCheck --declaration --module esnext",
42
58
  "build:commonjs": "tsc --project tsconfig.json --outDir lib --module commonjs",
43
59
  "build:esnext": "tsc --project tsconfig.json --outDir esm --module esnext",
44
60
  "typedoc": "typedoc --json ../../../docs/types/piral-vue.json src --exclude \"src/**/*.test.*\"",
45
61
  "test": "echo \"Error: run tests from root\" && exit 1"
46
62
  },
47
63
  "devDependencies": {
48
- "piral-core": "0.15.0-alpha.4041",
64
+ "piral-core": "0.15.0-alpha.4231",
49
65
  "vue": "^3.0.0"
50
66
  },
51
67
  "peerDependencies": {
52
68
  "vue": "^3.0.0"
53
69
  },
54
- "gitHead": "3d305d88c72e3e05a44acbf240a38f6ad7b03959"
70
+ "gitHead": "4e7f158bd276d82c5bf2c19d47ccfb3604f38e38"
55
71
  }
package/src/extension.ts CHANGED
@@ -9,6 +9,39 @@ export function createExtension(rootName: string): Component<ExtensionSlotProps>
9
9
  render() {
10
10
  return h(rootName);
11
11
  },
12
+ watch: {
13
+ params(newValue, oldValue) {
14
+ if (newValue !== oldValue) {
15
+ const newKeys = Object.keys(newValue);
16
+ const oldKeys = Object.keys(oldValue);
17
+
18
+ if (newKeys.length === oldKeys.length) {
19
+ let changed = false;
20
+
21
+ for (const key of newKeys) {
22
+ if (!oldKeys.includes(key) || newValue[key] !== oldValue[key]) {
23
+ changed = true;
24
+ break;
25
+ }
26
+ }
27
+
28
+ if (!changed) {
29
+ return;
30
+ }
31
+ }
32
+
33
+ const ev = new CustomEvent('extension-props-changed', {
34
+ detail: {
35
+ empty: this.empty,
36
+ params: newValue,
37
+ render: this.render,
38
+ name: this.name,
39
+ },
40
+ });
41
+ this.$el.dispatchEvent(ev);
42
+ }
43
+ },
44
+ },
12
45
  mounted() {
13
46
  this.piral.renderHtmlExtension(this.$el, {
14
47
  empty: this.empty,