profile-pane 1.2.1-5b4e9ddd → 1.2.1-5f322a8d

package/README.md

@@ -1,8 +1,6 @@
 # profile-pane
 SolidOS pane that displays a personal profile page
 
-This is a re-write that is going to replace the current profile pane
-
 ![CI](https://github.com/solid/profile-pane/workflows/CI/badge.svg)
 
 ## Contribute
@@ -29,10 +27,6 @@ If this is the case, simply run "npm audit fix" and upgrade the repository. It s
 
 Unit tests use `jest` and are placed next to the tested file as `*.spec.ts` files.
 
-#### Integration tests
-
-Integration tests verify the rendering of the whole pane (with mocked HTTP requests) and are placed under `./src/integration-tests`.
-
 ### Dev Server
 
 Start a webpack dev server:
@@ -41,8 +35,7 @@ Start a webpack dev server:
 npm start
 ```
 
-Visit `http://localhost:8080/` to render the pane. Adjust `const webIdToShow` in `./dev/index.ts` to show a
- different profile.
+Visit `http://localhost:8080/` to render the pane. Adjust `const webIdToShow` in `./dev/index.ts` to show a different profile.
  
 ### Build
 
@@ -52,16 +45,3 @@ npm run build
 
 The build is done by `tsc`, webpack is only used as dev server and not for production build.
 
-### Check before committing
-
-```
-npm run check
-```
-
-This does lint, build and test.
-
-### Notes
-
-If suddenly many tests fail, it may be that the installation has ended up with 
-two different instances of solid-logic.  Run `npm list solid-logic` and make sure there is only one. 
-Otherwise `rm -rf node_modules package-lock.json && npm install` should fix it.

package/lib/0SAVED-CVCard.d.ts

@@ -0,0 +1,4 @@
+import { TemplateResult } from 'lit-html';
+import { ProfilePresentation } from './presenter';
+import { CVPresentation } from './CVPresenter';
+export declare const CVCard: (profileBasics: ProfilePresentation, cvData: CVPresentation) => TemplateResult;

package/lib/0SAVED-CVCard.js

@@ -1,23 +1,37 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.CVCard = void 0;
-const lit_html_1 = require("lit-html");
-const baseStyles_1 = require("./baseStyles");
-const style_map_js_1 = require("lit-html/directives/style-map.js");
-const baseStyles_2 = require("./baseStyles");
+var _litHtml = require("lit-html");
+var _baseStyles = require("./baseStyles");
+var _styleMap = require("lit-html/directives/style-map.js");
 const styles = {
-    image: (0, style_map_js_1.styleMap)((0, baseStyles_1.fullWidth)()),
-    intro: (0, style_map_js_1.styleMap)(Object.assign(Object.assign({}, (0, baseStyles_1.textGray)()), (0, baseStyles_1.textCenter)())),
-    card: (0, style_map_js_1.styleMap)((0, baseStyles_2.card)()),
-    info: (0, style_map_js_1.styleMap)(Object.assign(Object.assign({}, (0, baseStyles_1.paddingSmall)()), (0, baseStyles_1.textLeft)())),
+  image: (0, _styleMap.styleMap)((0, _baseStyles.fullWidth)()),
+  intro: (0, _styleMap.styleMap)({
+    ...(0, _baseStyles.textGray)(),
+    ...(0, _baseStyles.textCenter)()
+  }),
+  card: (0, _styleMap.styleMap)((0, _baseStyles.card)()),
+  info: (0, _styleMap.styleMap)({
+    ...(0, _baseStyles.paddingSmall)(),
+    ...(0, _baseStyles.textLeft)()
+  })
 };
 const CVCard = (profileBasics, cvData) => {
-    const { rolesByType, skills, languages } = cvData;
-    const nameStyle = (0, style_map_js_1.styleMap)(Object.assign(Object.assign({}, (0, baseStyles_1.heading)()), { 
-        // "text-decoration": "underline",
-        color: profileBasics.highlightColor }));
-    if (renderRoles(rolesByType['FutureRole']) || renderRoles(rolesByType['CurrentRole']) || renderRoles(rolesByType['PastRole']) || renderSkills(skills) || renderLanguages(languages)) {
-        return (0, lit_html_1.html) `
+  const {
+    rolesByType,
+    skills,
+    languages
+  } = cvData;
+  const nameStyle = (0, _styleMap.styleMap)({
+    ...(0, _baseStyles.heading)(),
+    // "text-decoration": "underline",
+    color: profileBasics.highlightColor // was "text-decoration-color"
+  });
+  if (renderRoles(rolesByType['FutureRole']) || renderRoles(rolesByType['CurrentRole']) || renderRoles(rolesByType['PastRole']) || renderSkills(skills) || renderLanguages(languages)) {
+    return (0, _litHtml.html)`
   <div data-testid="curriculum-vitae" style="${styles.card}">
     <div style=${styles.info}>
       <h3 style=${nameStyle}>Bio</h3>
@@ -34,54 +48,43 @@ const CVCard = (profileBasics, cvData) => {
     </div>
     </div>
   `;
-    }
-    return (0, lit_html_1.html) ``;
+  }
+  return (0, _litHtml.html)``;
 };
 exports.CVCard = CVCard;
 function renderRole(role) {
-    return role
-        ? (0, lit_html_1.html) `<div style="margin-top: 0.3em; margin-bottom: 0.3em;">
+  return role ? (0, _litHtml.html)`<div style="margin-top: 0.3em; margin-bottom: 0.3em;">
         <b>${role.orgName}</b>
         <span>${strToUpperCase(role.roleText)}</span>
         <span>${role.dates}</span>   
-      </div> `
-        : (0, lit_html_1.html) ``;
+      </div> ` : (0, _litHtml.html)``;
 }
 function renderRoles(roles) {
-    if (roles[0] > '')
-        return (0, lit_html_1.html) `${renderRole(roles[0])}${roles.length > 1 ? renderRoles(roles.slice(1)) : (0, lit_html_1.html) ``}`;
+  if (roles[0] > '') return (0, _litHtml.html)`${renderRole(roles[0])}${roles.length > 1 ? renderRoles(roles.slice(1)) : (0, _litHtml.html)``}`;
 }
 function renderSkill(skill) {
-    return skill
-        ? (0, lit_html_1.html) `<div style="margin: 0.5em;">
+  return skill ? (0, _litHtml.html)`<div style="margin: 0.5em;">
         <p style="text-align: center;">${skill}</p>
-      </div> `
-        : (0, lit_html_1.html) ``;
+      </div> ` : (0, _litHtml.html)``;
 }
 function renderSkills(skills) {
-    if (skills[0] > '')
-        return (0, lit_html_1.html) `${renderSkill(strToUpperCase(skills[0]))} ${skills.length > 1 ? renderSkills(skills.slice(1)) : (0, lit_html_1.html) ``}`;
+  if (skills[0] > '') return (0, _litHtml.html)`${renderSkill(strToUpperCase(skills[0]))} ${skills.length > 1 ? renderSkills(skills.slice(1)) : (0, _litHtml.html)``}`;
 }
 function renderLan(language) {
-    return language
-        ? (0, lit_html_1.html) `<div style="margin: 0.5em;">
+  return language ? (0, _litHtml.html)`<div style="margin: 0.5em;">
         <p style="text-align: center;">${language}</p>
-      </div> `
-        : (0, lit_html_1.html) ``;
+      </div> ` : (0, _litHtml.html)``;
 }
 function renderLanguages(languages) {
-    if (languages[0] > '')
-        return (0, lit_html_1.html) `${renderLan(languages[0])}${languages.length > 1 ? renderLanguages(languages.slice(1)) : (0, lit_html_1.html) ``}`;
+  if (languages[0] > '') return (0, _litHtml.html)`${renderLan(languages[0])}${languages.length > 1 ? renderLanguages(languages.slice(1)) : (0, _litHtml.html)``}`;
 }
 function strToUpperCase(str) {
-    if (str && str[0] > '') {
-        const strCase = str.split(' ');
-        for (let i = 0; i < strCase.length; i++) {
-            strCase[i] = strCase[i].charAt(0).toUpperCase() +
-                strCase[i].substring(1);
-        }
-        return strCase.join(' ');
+  if (str && str[0] > '') {
+    const strCase = str.split(' ');
+    for (let i = 0; i < strCase.length; i++) {
+      strCase[i] = strCase[i].charAt(0).toUpperCase() + strCase[i].substring(1);
     }
-    return '';
-}
-//# sourceMappingURL=0SAVED-CVCard.js.map
+    return strCase.join(' ');
+  }
+  return '';
+}

package/lib/CVCard.d.ts

@@ -0,0 +1,4 @@
+import { TemplateResult } from 'lit-html';
+import { ProfilePresentation } from './presenter';
+import { CVPresentation } from './CVPresenter';
+export declare const CVCard: (profileBasics: ProfilePresentation, cvData: CVPresentation) => TemplateResult;

package/lib/CVCard.js

@@ -1,24 +1,41 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.CVCard = void 0;
-const lit_html_1 = require("lit-html");
-const baseStyles_1 = require("./baseStyles");
-const style_map_js_1 = require("lit-html/directives/style-map.js");
-const baseStyles_2 = require("./baseStyles");
+var _litHtml = require("lit-html");
+var _baseStyles = require("./baseStyles");
+var _styleMap = require("lit-html/directives/style-map.js");
 const styles = {
-    image: (0, style_map_js_1.styleMap)((0, baseStyles_1.fullWidth)()),
-    intro: (0, style_map_js_1.styleMap)(Object.assign(Object.assign({}, (0, baseStyles_1.textGray)()), (0, baseStyles_1.textCenter)())),
-    card: (0, style_map_js_1.styleMap)((0, baseStyles_2.card)()),
-    info: (0, style_map_js_1.styleMap)(Object.assign(Object.assign({}, (0, baseStyles_1.paddingSmall)()), (0, baseStyles_1.textLeft)())),
-    tools: (0, style_map_js_1.styleMap)(Object.assign(Object.assign({}, (0, baseStyles_1.paddingSmall)()), (0, baseStyles_1.textRight)())),
+  image: (0, _styleMap.styleMap)((0, _baseStyles.fullWidth)()),
+  intro: (0, _styleMap.styleMap)({
+    ...(0, _baseStyles.textGray)(),
+    ...(0, _baseStyles.textCenter)()
+  }),
+  card: (0, _styleMap.styleMap)((0, _baseStyles.card)()),
+  info: (0, _styleMap.styleMap)({
+    ...(0, _baseStyles.paddingSmall)(),
+    ...(0, _baseStyles.textLeft)()
+  }),
+  tools: (0, _styleMap.styleMap)({
+    ...(0, _baseStyles.paddingSmall)(),
+    ...(0, _baseStyles.textRight)()
+  })
 };
 const CVCard = (profileBasics, cvData) => {
-    const { rolesByType, skills, languages } = cvData;
-    const nameStyle = (0, style_map_js_1.styleMap)(Object.assign(Object.assign({}, (0, baseStyles_1.heading)()), { 
-        // "text-decoration": "underline",
-        color: profileBasics.highlightColor }));
-    if (renderRoles(rolesByType['FutureRole']) || renderRoles(rolesByType['CurrentRole']) || renderRoles(rolesByType['PastRole']) || renderSkills(skills) || renderLanguages(languages)) {
-        return (0, lit_html_1.html) `
+  const {
+    rolesByType,
+    skills,
+    languages
+  } = cvData;
+  const nameStyle = (0, _styleMap.styleMap)({
+    ...(0, _baseStyles.heading)(),
+    // "text-decoration": "underline",
+    color: profileBasics.highlightColor // was "text-decoration-color"
+  });
+  if (renderRoles(rolesByType['FutureRole']) || renderRoles(rolesByType['CurrentRole']) || renderRoles(rolesByType['PastRole']) || renderSkills(skills) || renderLanguages(languages)) {
+    return (0, _litHtml.html)`
   <div>
     <div data-testid="curriculum-vitae" style="${styles.card}">
       <div style=${styles.info}>
@@ -38,55 +55,45 @@ const CVCard = (profileBasics, cvData) => {
       </div>
     </div>
   `;
-    }
-    return (0, lit_html_1.html) ``;
+  }
+  return (0, _litHtml.html)``;
 };
 exports.CVCard = CVCard;
 function renderRole(role) {
-    return role
-        ? (0, lit_html_1.html) `<div style="margin-top: 0.3em; margin-bottom: 0.3em;">
+  return role ? (0, _litHtml.html)`<div style="margin-top: 0.3em; margin-bottom: 0.3em;">
         <b>${role.orgName}</b>
         <span>${strToUpperCase(role.roleText)}</span>
         <span>${role.dates}</span>   
-      </div> `
-        : (0, lit_html_1.html) ``;
+      </div> ` : (0, _litHtml.html)``;
 }
 function renderRoles(roles) {
-    if (roles[0] > '')
-        return (0, lit_html_1.html) `${renderRole(roles[0])}${roles.length > 1 ? renderRoles(roles.slice(1)) : (0, lit_html_1.html) ``}`;
+  if (roles[0] > '') return (0, _litHtml.html)`${renderRole(roles[0])}${roles.length > 1 ? renderRoles(roles.slice(1)) : (0, _litHtml.html)``}`;
 }
 function renderSkill(skill) {
-    return skill
-        ? (0, lit_html_1.html) `<div style="margin: 0.5em;">
+  return skill ? (0, _litHtml.html)`<div style="margin: 0.5em;">
         <p style="text-align: center;">${skill}</p>
-      </div> `
-        : (0, lit_html_1.html) ``;
+      </div> ` : (0, _litHtml.html)``;
 }
 function renderSkills(skills) {
-    if (skills[0] > '')
-        return (0, lit_html_1.html) `${renderSkill(strToUpperCase(skills[0]))} ${skills.length > 1 ? renderSkills(skills.slice(1)) : (0, lit_html_1.html) ``}`;
+  if (skills[0] > '') return (0, _litHtml.html)`${renderSkill(strToUpperCase(skills[0]))} ${skills.length > 1 ? renderSkills(skills.slice(1)) : (0, _litHtml.html)``}`;
 }
 function renderLan(language) {
-    return language
-        ? (0, lit_html_1.html) `<div style="margin: 0.5em;">
+  return language ? (0, _litHtml.html)`<div style="margin: 0.5em;">
         <p style="text-align: center;">${language}</p>
-      </div> `
-        : (0, lit_html_1.html) ``;
+      </div> ` : (0, _litHtml.html)``;
 }
 function renderLanguages(languages) {
-    if (languages[0] > '')
-        return (0, lit_html_1.html) `${renderLan(languages[0])}${languages.length > 1 ? renderLanguages(languages.slice(1)) : (0, lit_html_1.html) ``}`;
+  if (languages[0] > '') return (0, _litHtml.html)`${renderLan(languages[0])}${languages.length > 1 ? renderLanguages(languages.slice(1)) : (0, _litHtml.html)``}`;
 }
 function strToUpperCase(str) {
-    if (str && str[0] > '') {
-        const strCase = str.split(' ');
-        for (let i = 0; i < strCase.length; i++) {
-            strCase[i] = strCase[i].charAt(0).toUpperCase() +
-                strCase[i].substring(1);
-        }
-        return strCase.join(' ');
+  if (str && str[0] > '') {
+    const strCase = str.split(' ');
+    for (let i = 0; i < strCase.length; i++) {
+      strCase[i] = strCase[i].charAt(0).toUpperCase() + strCase[i].substring(1);
     }
-    return '';
+    return strCase.join(' ');
+  }
+  return '';
 }
-// ends
-//# sourceMappingURL=CVCard.js.map
+
+// ends

package/lib/CVPresenter.d.ts

@@ -0,0 +1,24 @@
+import { LiveStore, NamedNode, Literal, Node, Store } from 'rdflib';
+export interface Role {
+    startDate?: Literal;
+    endDate: Literal;
+    dates: string;
+    orgName: string;
+    roleText: string;
+    orgHomePage?: string;
+}
+export interface CVPresentation {
+    rolesByType: RolesByType;
+    skills: string[];
+    languages: string[];
+}
+export interface RolesByType {
+    PastRole: Role[];
+    CurrentRole: Role[];
+    FutureRole: Role[];
+}
+export declare const typesOfRole: string[];
+export declare function skillAsText(store: Store, sk: Node): string;
+export declare function languageAsText(store: Store, lan: Node): string;
+export declare function datesAsText(startDate?: Literal, endDate?: Literal): string;
+export declare function presentCV(subject: NamedNode, store: LiveStore): CVPresentation;

package/lib/CVPresenter.js

@@ -1,94 +1,100 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.typesOfRole = void 0;
-exports.skillAsText = skillAsText;
-exports.languageAsText = languageAsText;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.datesAsText = datesAsText;
+exports.languageAsText = languageAsText;
 exports.presentCV = presentCV;
-const rdflib_1 = require("rdflib");
-const solid_ui_1 = require("solid-ui");
-const ORG = (0, rdflib_1.Namespace)('http://www.w3.org/ns/org#');
-exports.typesOfRole = ['PastRole', 'CurrentRole', 'FutureRole'];
+exports.skillAsText = skillAsText;
+exports.typesOfRole = void 0;
+var _rdflib = require("rdflib");
+var _solidUi = require("solid-ui");
+const ORG = (0, _rdflib.Namespace)('http://www.w3.org/ns/org#');
+const typesOfRole = exports.typesOfRole = ['PastRole', 'CurrentRole', 'FutureRole'];
 function skillAsText(store, sk) {
-    if (sk.termType === 'Literal')
-        return sk.value; // Not normal but allow this
-    const publicId = store.anyJS(sk, solid_ui_1.ns.solid('publicId'));
-    if (publicId) {
-        const name = store.anyJS(publicId, solid_ui_1.ns.schema('name'));
-        if (name)
-            return name; // @@ check language and get name in diff language if necessary
-    }
-    const manual = store.anyJS(sk, solid_ui_1.ns.vcard('role'));
-    if (manual && manual[0] > '')
-        return manual;
-    return '¿¿¿ skill ???';
+  if (sk.termType === 'Literal') return sk.value; // Not normal but allow this
+  const publicId = store.anyJS(sk, _solidUi.ns.solid('publicId'));
+  if (publicId) {
+    const name = store.anyJS(publicId, _solidUi.ns.schema('name'));
+    if (name) return name; // @@ check language and get name in diff language if necessary
+  }
+  const manual = store.anyJS(sk, _solidUi.ns.vcard('role'));
+  if (manual && manual[0] > '') return manual;
+  return '¿¿¿ skill ???';
 }
 function languageAsText(store, lan) {
-    if (lan.termType === 'Literal')
-        return lan.value; // Not normal but allow this
-    const publicId = store.anyJS(lan, solid_ui_1.ns.solid('publicId'));
-    if (publicId)
-        return solid_ui_1.utils.label(publicId, true); // @@ check language and get name in diff language if necessary
-    return '-';
+  if (lan.termType === 'Literal') return lan.value; // Not normal but allow this
+  const publicId = store.anyJS(lan, _solidUi.ns.solid('publicId'));
+  if (publicId) return _solidUi.utils.label(publicId, true); // @@ check language and get name in diff language if necessary
+  return '-';
 }
 function datesAsText(startDate, endDate) {
-    return startDate ? '(' + startDate.value.slice(0, 10) + ' to ' +
-        (endDate ? endDate.value.slice(0, 10) : '') + ')'
-        : '';
+  return startDate ? '(' + startDate.value.slice(0, 10) + ' to ' + (endDate ? endDate.value.slice(0, 10) : '') + ')' : '';
 }
 function getRolesByType(store, subject) {
-    const memberships = store.each(null, ORG('member'), subject, null);
-    const rolesByType = { PastRole: [], CurrentRole: [], FutureRole: [] };
-    for (const membership of memberships) {
-        let orgHomePage, orgNameGiven, publicIdName, roleName, publicId;
-        // Things should have start dates but we will be very lenient in this view
-        const startDate = store.any(membership, solid_ui_1.ns.schema('startDate'));
-        const endDate = store.any(membership, solid_ui_1.ns.schema('endDate'));
-        const dates = datesAsText(startDate, endDate);
-        const organization = store.any(membership, ORG('organization'));
-        if (organization) {
-            orgNameGiven = store.anyJS(organization, solid_ui_1.ns.schema('name'));
-            orgHomePage = store.any(organization, solid_ui_1.ns.schema('uri'));
-            publicId = store.any(organization, solid_ui_1.ns.solid('publicId'));
-        }
-        if (publicId) {
-            publicIdName = store.anyJS(publicId, solid_ui_1.ns.schema('name'));
-        }
-        const orgName = publicIdName || orgNameGiven;
-        const escoRole = store.any(membership, ORG('role'));
-        if (escoRole) {
-            roleName = store.anyJS(escoRole, solid_ui_1.ns.schema('name'));
-        }
-        const roleText0 = store.anyJS(membership, solid_ui_1.ns.vcard('role'));
-        const roleText = (roleText0 && roleName) ? roleName + ' - ' + roleText0
-            : roleText0 || roleName;
-        const item = {
-            startDate: startDate, endDate, orgName, roleText, dates, orgHomePage
-        };
-        for (const t of exports.typesOfRole) {
-            if (store.holds(membership, solid_ui_1.ns.rdf('type'), solid_ui_1.ns.solid(t))) {
-                rolesByType[t].push(item);
-            }
-        }
+  const memberships = store.each(null, ORG('member'), subject, null);
+  const rolesByType = {
+    PastRole: [],
+    CurrentRole: [],
+    FutureRole: []
+  };
+  for (const membership of memberships) {
+    let orgHomePage, orgNameGiven, publicIdName, roleName, publicId;
+    // Things should have start dates but we will be very lenient in this view
+    const startDate = store.any(membership, _solidUi.ns.schema('startDate'));
+    const endDate = store.any(membership, _solidUi.ns.schema('endDate'));
+    const dates = datesAsText(startDate, endDate);
+    const organization = store.any(membership, ORG('organization'));
+    if (organization) {
+      orgNameGiven = store.anyJS(organization, _solidUi.ns.schema('name'));
+      orgHomePage = store.any(organization, _solidUi.ns.schema('uri'));
+      publicId = store.any(organization, _solidUi.ns.solid('publicId'));
     }
-    return rolesByType;
-}
-function presentCV(subject, store) {
-    const rolesByType = getRolesByType(store, subject);
-    // Most recent thing most relevant -> sort by end date
-    for (const t of exports.typesOfRole) {
-        rolesByType[t].sort(function (x, y) {
-            if (x.endDate && y.endDate) {
-                return x.endDate > y.endDate ? -1 : 1;
-            }
-            return x.startDate > y.startDate ? -1 : 1;
-        });
+    if (publicId) {
+      publicIdName = store.anyJS(publicId, _solidUi.ns.schema('name'));
     }
-    const skills = store.each(subject, solid_ui_1.ns.schema('skills')).map(sk => skillAsText(store, sk));
-    const languagesInStore = store.anyJS(subject, solid_ui_1.ns.schema('knowsLanguage'));
-    let languages = [];
-    if (languagesInStore)
-        languages = languagesInStore.map(lan => languageAsText(store, lan));
-    return { rolesByType, skills, languages };
+    const orgName = publicIdName || orgNameGiven;
+    const escoRole = store.any(membership, ORG('role'));
+    if (escoRole) {
+      roleName = store.anyJS(escoRole, _solidUi.ns.schema('name'));
+    }
+    const roleText0 = store.anyJS(membership, _solidUi.ns.vcard('role'));
+    const roleText = roleText0 && roleName ? roleName + ' - ' + roleText0 : roleText0 || roleName;
+    const item = {
+      startDate: startDate,
+      endDate,
+      orgName,
+      roleText,
+      dates,
+      orgHomePage
+    };
+    for (const t of typesOfRole) {
+      if (store.holds(membership, _solidUi.ns.rdf('type'), _solidUi.ns.solid(t))) {
+        rolesByType[t].push(item);
+      }
+    }
+  }
+  return rolesByType;
 }
-//# sourceMappingURL=CVPresenter.js.map
+function presentCV(subject, store) {
+  const rolesByType = getRolesByType(store, subject);
+  // Most recent thing most relevant -> sort by end date
+  for (const t of typesOfRole) {
+    rolesByType[t].sort(function (x, y) {
+      if (x.endDate && y.endDate) {
+        return x.endDate > y.endDate ? -1 : 1;
+      }
+      return x.startDate > y.startDate ? -1 : 1;
+    });
+  }
+  const skills = store.each(subject, _solidUi.ns.schema('skills')).map(sk => skillAsText(store, sk));
+  const languagesInStore = store.anyJS(subject, _solidUi.ns.schema('knowsLanguage'));
+  let languages = [];
+  if (languagesInStore) languages = languagesInStore.map(lan => languageAsText(store, lan));
+  return {
+    rolesByType,
+    skills,
+    languages
+  };
+}

package/lib/ChatWithMe.d.ts

@@ -0,0 +1,4 @@
+import { TemplateResult } from 'lit-html';
+import { DataBrowserContext } from 'pane-registry';
+import { NamedNode } from 'rdflib';
+export declare const ChatWithMe: (subject: NamedNode, context: DataBrowserContext) => TemplateResult;

package/lib/ChatWithMe.js

@@ -1,67 +1,44 @@
 "use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __await = (this && this.__await) || function (v) { return this instanceof __await ? (this.v = v, this) : new __await(v); }
-var __asyncGenerator = (this && this.__asyncGenerator) || function (thisArg, _arguments, generator) {
-    if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
-    var g = generator.apply(thisArg, _arguments || []), i, q = [];
-    return i = Object.create((typeof AsyncIterator === "function" ? AsyncIterator : Object).prototype), verb("next"), verb("throw"), verb("return", awaitReturn), i[Symbol.asyncIterator] = function () { return this; }, i;
-    function awaitReturn(f) { return function (v) { return Promise.resolve(v).then(f, reject); }; }
-    function verb(n, f) { if (g[n]) { i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; if (f) i[n] = f(i[n]); } }
-    function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }
-    function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
-    function fulfill(value) { resume("next", value); }
-    function reject(value) { resume("throw", value); }
-    function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }
-};
-Object.defineProperty(exports, "__esModule", { value: true });
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.ChatWithMe = void 0;
-const lit_html_1 = require("lit-html");
-const solid_ui_1 = require("solid-ui");
-const async_replace_js_1 = require("lit-html/directives/async-replace.js");
-const texts_1 = require("./texts");
+var _litHtml = require("lit-html");
+var _solidUi = require("solid-ui");
+var _asyncReplace = require("lit-html/directives/async-replace.js");
+var _texts = require("./texts");
 const ChatWithMe = (subject, context) => {
-    const logic = context.session.logic;
-    const longChatPane = context.session.paneRegistry.byName('long chat');
-    function chatContainer() {
-        return __asyncGenerator(this, arguments, function* chatContainer_1() {
-            const chatContainer = context.dom.createElement('div');
-            let exists;
-            try {
-                yield yield __await(texts_1.loadingMessage), (exists = yield __await(logic.chat.getChat(subject, false)));
-                // eslint-disable-next-line @typescript-eslint/no-unused-vars
-            }
-            catch (e) {
-                exists = false;
-            }
-            if (exists) {
-                chatContainer.appendChild(longChatPane.render(exists, context, {}));
-                yield yield __await(chatContainer);
-            }
-            else {
-                const button = solid_ui_1.widgets.button(context.dom, undefined, texts_1.chatWithMeButtonText, () => __awaiter(this, void 0, void 0, function* () {
-                    try {
-                        const chat = yield logic.chat.getChat(subject, true);
-                        chatContainer.innerHTML = '';
-                        chatContainer.appendChild(longChatPane.render(chat, context, {}));
-                    }
-                    catch (e) {
-                        chatContainer.appendChild(solid_ui_1.widgets.errorMessageBlock(context.dom, e.message));
-                    }
-                }), { needsBorder: true });
-                chatContainer.appendChild(button);
-                yield yield __await(chatContainer);
-            }
-        });
+  const logic = context.session.logic;
+  const longChatPane = context.session.paneRegistry.byName('long chat');
+  async function* chatContainer() {
+    const chatContainer = context.dom.createElement('div');
+    let exists;
+    try {
+      yield _texts.loadingMessage, exists = await logic.chat.getChat(subject, false);
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    } catch (e) {
+      exists = false;
+    }
+    if (exists) {
+      chatContainer.appendChild(longChatPane.render(exists, context, {}));
+      yield chatContainer;
+    } else {
+      const button = _solidUi.widgets.button(context.dom, undefined, _texts.chatWithMeButtonText, async () => {
+        try {
+          const chat = await logic.chat.getChat(subject, true);
+          chatContainer.innerHTML = '';
+          chatContainer.appendChild(longChatPane.render(chat, context, {}));
+        } catch (e) {
+          chatContainer.appendChild(_solidUi.widgets.errorMessageBlock(context.dom, e.message));
+        }
+      }, {
+        needsBorder: true
+      });
+      chatContainer.appendChild(button);
+      yield chatContainer;
     }
-    return (0, lit_html_1.html) ` ${(0, async_replace_js_1.asyncReplace)(chatContainer())} `;
+  }
+  return (0, _litHtml.html)` ${(0, _asyncReplace.asyncReplace)(chatContainer())} `;
 };
-exports.ChatWithMe = ChatWithMe;
-//# sourceMappingURL=ChatWithMe.js.map
+exports.ChatWithMe = ChatWithMe;