@pod-os/elements 0.2.1-e5ac107.0 → 0.3.1-ecc3b86.0

package/dist/collection/components/pos-resource/pos-resource.js

@@ -1,13 +1,17 @@
-import { Component, Event, h, Prop, State, Watch, Listen, Method } from '@stencil/core';
+import { h } from '@stencil/core';
 import session from '../../store/session';
 export class PosResource {
   constructor() {
-    this.consumers = [];
-    this.lazy = false;
-    this.loading = true;
     this.setOs = async (os) => {
       this.os = os;
     };
+    this.os = undefined;
+    this.resource = undefined;
+    this.consumers = [];
+    this.uri = undefined;
+    this.lazy = false;
+    this.error = undefined;
+    this.loading = true;
   }
   componentWillLoad() {
     session.onChange('isLoggedIn', () => this.loadResource());
@@ -56,96 +60,108 @@ export class PosResource {
   }
   static get is() { return "pos-resource"; }
   static get encapsulation() { return "shadow"; }
-  static get properties() { return {
-    "uri": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "uri",
-      "reflect": false
-    },
-    "lazy": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "lazy",
-      "reflect": false,
-      "defaultValue": "false"
-    }
-  }; }
-  static get states() { return {
-    "os": {},
-    "resource": {},
-    "consumers": {},
-    "error": {},
-    "loading": {}
-  }; }
-  static get events() { return [{
-      "method": "initializeOsEmitter",
-      "name": "pod-os:init",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+  static get properties() {
+    return {
+      "uri": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "uri",
+        "reflect": false
       },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
+      "lazy": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "lazy",
+        "reflect": false,
+        "defaultValue": "false"
       }
-    }]; }
-  static get methods() { return {
-    "fetch": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+    };
+  }
+  static get states() {
+    return {
+      "os": {},
+      "resource": {},
+      "consumers": {},
+      "error": {},
+      "loading": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "initializeOsEmitter",
+        "name": "pod-os:init",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
         },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "",
-        "tags": []
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }];
+  }
+  static get methods() {
+    return {
+      "fetch": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
       }
-    }
-  }; }
-  static get watchers() { return [{
-      "propName": "os",
-      "methodName": "loadResource"
-    }, {
-      "propName": "uri",
-      "methodName": "loadResource"
-    }]; }
-  static get listeners() { return [{
-      "name": "pod-os:resource",
-      "method": "provideResource",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }]; }
+    };
+  }
+  static get watchers() {
+    return [{
+        "propName": "os",
+        "methodName": "loadResource"
+      }, {
+        "propName": "uri",
+        "methodName": "loadResource"
+      }];
+  }
+  static get listeners() {
+    return [{
+        "name": "pod-os:resource",
+        "method": "provideResource",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }];
+  }
 }

package/dist/collection/components/pos-reverse-relations/pos-reverse-relations.js

@@ -1,43 +1,41 @@
-import { Component, h, Event, State } from '@stencil/core';
+import { h } from '@stencil/core';
 export class PosReverseRelations {
   constructor() {
-    this.data = [];
     this.setResource = async (resource) => {
       this.data = resource.reverseRelations();
     };
+    this.data = [];
   }
   componentWillLoad() {
     this.getResource.emit(this.setResource);
   }
   render() {
-    const items = this.data.map(it => (h("ion-item-group", null,
-      h("ion-item-divider", null,
-        h("ion-label", null,
-          "is ",
-          it.predicate,
-          " of")),
-      it.uris.map(uri => (h("pos-rich-link", { uri: uri }))))));
+    const items = this.data.map(it => (h("ion-item-group", null, h("ion-item-divider", null, h("ion-label", null, "is ", it.predicate, " of")), it.uris.map(uri => (h("pos-rich-link", { uri: uri }))))));
     return this.data.length > 0 ? h("ion-list", null, items) : null;
   }
   static get is() { return "pos-reverse-relations"; }
   static get encapsulation() { return "shadow"; }
-  static get states() { return {
-    "data": {}
-  }; }
-  static get events() { return [{
-      "method": "getResource",
-      "name": "pod-os:resource",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }]; }
+  static get states() {
+    return {
+      "data": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "getResource",
+        "name": "pod-os:resource",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }];
+  }
 }

package/dist/collection/components/pos-rich-link/pos-rich-link.js

@@ -1,55 +1,53 @@
-import { Component, Event, h, Prop } from '@stencil/core';
+import { h } from '@stencil/core';
 export class PosRichLink {
+  constructor() {
+    this.uri = undefined;
+  }
   render() {
-    return (h("pos-resource", { lazy: true, uri: this.uri },
-      h("ion-item", { href: this.uri, onClick: e => {
-          e.preventDefault();
-          this.linkEmitter.emit(this.uri);
-        } },
-        h("ion-label", null,
-          h("h2", null,
-            h("pos-label", null)),
-          h("p", null,
-            h("ion-label", { style: { maxWidth: '50rem' } },
-              h("pos-description", null))),
-          h("p", null,
-            h("a", { href: this.uri }, this.uri))))));
+    return (h("pos-resource", { lazy: true, uri: this.uri }, h("ion-item", { href: this.uri, onClick: e => {
+        e.preventDefault();
+        this.linkEmitter.emit(this.uri);
+      } }, h("ion-label", null, h("h2", null, h("pos-label", null)), h("p", null, h("ion-label", { style: { maxWidth: '50rem' } }, h("pos-description", null))), h("p", null, h("a", { href: this.uri }, this.uri))))));
   }
   static get is() { return "pos-rich-link"; }
   static get encapsulation() { return "shadow"; }
-  static get properties() { return {
-    "uri": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "uri",
-      "reflect": false
-    }
-  }; }
-  static get events() { return [{
-      "method": "linkEmitter",
-      "name": "pod-os:link",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
+  static get properties() {
+    return {
+      "uri": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "uri",
+        "reflect": false
       }
-    }]; }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "linkEmitter",
+        "name": "pod-os:link",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }];
+  }
 }

package/dist/collection/components/pos-router/pos-router.js

@@ -1,7 +1,10 @@
-import { Component, h, Listen, State } from '@stencil/core';
+import { h } from '@stencil/core';
 import { createRouter, match, Route } from 'stencil-router-v2';
 const Router = createRouter();
 export class PosRouter {
+  constructor() {
+    this.uri = undefined;
+  }
   linkClicked(e) {
     this.navigate(e.detail);
   }
@@ -19,20 +22,21 @@ export class PosRouter {
   }
   render() {
     console.log('render router', this.uri);
-    return (h(Router.Switch, null,
-      h(Route, { path: match('', { exact: false }) },
-        h("pos-resource", { key: this.uri, uri: this.uri },
-          h("pos-app-generic", null)))));
+    return (h(Router.Switch, null, h(Route, { path: match('', { exact: false }) }, h("pos-resource", { key: this.uri, uri: this.uri }, h("pos-app-generic", null)))));
   }
   static get is() { return "pos-router"; }
-  static get states() { return {
-    "uri": {}
-  }; }
-  static get listeners() { return [{
-      "name": "pod-os:link",
-      "method": "linkClicked",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }]; }
+  static get states() {
+    return {
+      "uri": {}
+    };
+  }
+  static get listeners() {
+    return [{
+        "name": "pod-os:link",
+        "method": "linkClicked",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }];
+  }
 }

package/dist/collection/test/TestComponent.js

@@ -1,4 +1,3 @@
-import { Component } from '@stencil/core';
 export class TestComponent {
   static get is() { return "test-component"; }
 }

package/dist/collection/test/mockPodOS.js

@@ -6,6 +6,7 @@ import { when } from 'jest-when';
 const alice = {
   webId: 'https://pod.example/alice#me',
   name: 'Alice',
+  picture: 'https://pod.example/alice/me.jpg',
 };
 export function mockPodOS() {
   let trackSessionCallback = (_) => null;
@@ -25,6 +26,9 @@ export function mockPodOS() {
     .calledWith(alice.webId)
     .mockReturnValue({
     label: () => alice.name,
+    picture: () => ({
+      url: alice.picture,
+    }),
   });
   createPodOS.mockReturnValue(os);
   return os;