profile-pane 1.2.1 → 2.0.0-2b49b062

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,5 @@
+import { TemplateResult } from 'lit-html';
+import { ProfilePresentation } from './presenter';
+import { CVPresentation } from './CVPresenter';
+export declare const CVCard: (profileBasics: ProfilePresentation, cvData: CVPresentation) => TemplateResult;
+//# sourceMappingURL=0SAVED-CVCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"0SAVED-CVCard.d.ts","sourceRoot":"","sources":["../src/0SAVED-CVCard.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,UAAU,CAAA;AAS/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAW9C,eAAO,MAAM,MAAM,GACjB,eAAe,mBAAmB,EAClC,QAAQ,cAAc,KACrB,cA6BF,CAAA"}

package/lib/0SAVED-CVCard.js

@@ -1,76 +1,90 @@
 "use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.CVCard = void 0;
-var lit_html_1 = require("lit-html");
-var baseStyles_1 = require("./baseStyles");
-var style_map_js_1 = require("lit-html/directives/style-map.js");
-var baseStyles_2 = require("./baseStyles");
-var styles = {
-    image: (0, style_map_js_1.styleMap)((0, baseStyles_1.fullWidth)()),
-    intro: (0, style_map_js_1.styleMap)(__assign(__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)(__assign(__assign({}, (0, baseStyles_1.paddingSmall)()), (0, baseStyles_1.textLeft)())),
+var _litHtml = require("lit-html");
+var _baseStyles = require("./baseStyles");
+var _styleMap = require("lit-html/directives/style-map.js");
+const styles = {
+  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)()
+  })
 };
-var CVCard = function (profileBasics, cvData) {
-    var rolesByType = cvData.rolesByType, skills = cvData.skills, languages = cvData.languages;
-    var nameStyle = (0, style_map_js_1.styleMap)(__assign(__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)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  <div data-testid=\"curriculum-vitae\" style=\"", "\">\n    <div style=", ">\n      <h3 style=", ">Bio</h3>\n      <div style=", ">", "</div>\n      <hr />\n      <div style=", ">", "</div>\n      <hr />\n      <div style=", ">", "</div>\n      <hr />\n      <h3 style=", ">Skills</h3>\n      <div style=", ">", "</div>\n      <h3 style=", ">Languages</h3>\n      <div style=", ">", "</div>\n    </div>\n    </div>\n  "], ["\n  <div data-testid=\"curriculum-vitae\" style=\"", "\">\n    <div style=", ">\n      <h3 style=", ">Bio</h3>\n      <div style=", ">", "</div>\n      <hr />\n      <div style=", ">", "</div>\n      <hr />\n      <div style=", ">", "</div>\n      <hr />\n      <h3 style=", ">Skills</h3>\n      <div style=", ">", "</div>\n      <h3 style=", ">Languages</h3>\n      <div style=", ">", "</div>\n    </div>\n    </div>\n  "])), styles.card, styles.info, nameStyle, styles.info, renderRoles(rolesByType["FutureRole"]), styles.info, renderRoles(rolesByType["CurrentRole"]), styles.info, renderRoles(rolesByType["PastRole"]), nameStyle, styles.info, renderSkills(skills), nameStyle, styles.info, renderLanguages(languages));
-    }
-    return (0, lit_html_1.html)(templateObject_2 || (templateObject_2 = __makeTemplateObject([""], [""])));
+const CVCard = (profileBasics, cvData) => {
+  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>
+      <div style=${styles.info}>${renderRoles(rolesByType['FutureRole'])}</div>
+      <hr />
+      <div style=${styles.info}>${renderRoles(rolesByType['CurrentRole'])}</div>
+      <hr />
+      <div style=${styles.info}>${renderRoles(rolesByType['PastRole'])}</div>
+      <hr />
+      <h3 style=${nameStyle}>Skills</h3>
+      <div style=${styles.info}>${renderSkills(skills)}</div>
+      <h3 style=${nameStyle}>Languages</h3>
+      <div style=${styles.info}>${renderLanguages(languages)}</div>
+    </div>
+    </div>
+  `;
+  }
+  return (0, _litHtml.html)``;
 };
 exports.CVCard = CVCard;
 function renderRole(role) {
-    return role
-        ? (0, lit_html_1.html)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["<div style=\"margin-top: 0.3em; margin-bottom: 0.3em;\">\n        <b>", "</b>\n        <span>", "</span>\n        <span>", "</span>   \n      </div> "], ["<div style=\"margin-top: 0.3em; margin-bottom: 0.3em;\">\n        <b>", "</b>\n        <span>", "</span>\n        <span>", "</span>   \n      </div> "])), role.orgName, strToUpperCase(role.roleText), role.dates) : (0, lit_html_1.html)(templateObject_4 || (templateObject_4 = __makeTemplateObject([""], [""])));
+  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, _litHtml.html)``;
 }
 function renderRoles(roles) {
-    if (roles[0] > "")
-        return (0, lit_html_1.html)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["", "", ""], ["", "", ""])), renderRole(roles[0]), roles.length > 1 ? renderRoles(roles.slice(1)) : (0, lit_html_1.html)(templateObject_5 || (templateObject_5 = __makeTemplateObject([""], [""]))));
+  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)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["<div style=\"margin: 0.5em;\">\n        <p style=\"text-align: center;\">", "</p>\n      </div> "], ["<div style=\"margin: 0.5em;\">\n        <p style=\"text-align: center;\">", "</p>\n      </div> "])), skill) : (0, lit_html_1.html)(templateObject_8 || (templateObject_8 = __makeTemplateObject([""], [""])));
+  return skill ? (0, _litHtml.html)`<div style="margin: 0.5em;">
+        <p style="text-align: center;">${skill}</p>
+      </div> ` : (0, _litHtml.html)``;
 }
 function renderSkills(skills) {
-    if (skills[0] > "")
-        return (0, lit_html_1.html)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["", " ", ""], ["", " ", ""])), renderSkill(strToUpperCase(skills[0])), skills.length > 1 ? renderSkills(skills.slice(1)) : (0, lit_html_1.html)(templateObject_9 || (templateObject_9 = __makeTemplateObject([""], [""]))));
+  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)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["<div style=\"margin: 0.5em;\">\n        <p style=\"text-align: center;\">", "</p>\n      </div> "], ["<div style=\"margin: 0.5em;\">\n        <p style=\"text-align: center;\">", "</p>\n      </div> "])), language) : (0, lit_html_1.html)(templateObject_12 || (templateObject_12 = __makeTemplateObject([""], [""])));
+  return language ? (0, _litHtml.html)`<div style="margin: 0.5em;">
+        <p style="text-align: center;">${language}</p>
+      </div> ` : (0, _litHtml.html)``;
 }
 function renderLanguages(languages) {
-    if (languages[0] > "")
-        return (0, lit_html_1.html)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["", "", ""], ["", "", ""])), renderLan(languages[0]), languages.length > 1 ? renderLanguages(languages.slice(1)) : (0, lit_html_1.html)(templateObject_13 || (templateObject_13 = __makeTemplateObject([""], [""]))));
+  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] > "") {
-        var strCase = str.split(' ');
-        for (var 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 '';
-}
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14;
-//# sourceMappingURL=0SAVED-CVCard.js.map
+    return strCase.join(' ');
+  }
+  return '';
+}

package/lib/CVCard.d.ts

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

package/lib/CVCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CVCard.d.ts","sourceRoot":"","sources":["../src/CVCard.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,UAAU,CAAA;AAS/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAa9C,eAAO,MAAM,MAAM,GACjB,eAAe,mBAAmB,EAClC,QAAQ,cAAc,KACrB,cAgCF,CAAA"}

package/lib/CVCard.js

@@ -1,78 +1,99 @@
 "use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.CVCard = void 0;
-var lit_html_1 = require("lit-html");
-var baseStyles_1 = require("./baseStyles");
-var style_map_js_1 = require("lit-html/directives/style-map.js");
-var baseStyles_2 = require("./baseStyles");
-var styles = {
-    image: (0, style_map_js_1.styleMap)((0, baseStyles_1.fullWidth)()),
-    intro: (0, style_map_js_1.styleMap)(__assign(__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)(__assign(__assign({}, (0, baseStyles_1.paddingSmall)()), (0, baseStyles_1.textLeft)())),
-    tools: (0, style_map_js_1.styleMap)(__assign(__assign({}, (0, baseStyles_1.paddingSmall)()), (0, baseStyles_1.textRight)())),
+var _litHtml = require("lit-html");
+var _baseStyles = require("./baseStyles");
+var _styleMap = require("lit-html/directives/style-map.js");
+const styles = {
+  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)()
+  })
 };
-var CVCard = function (profileBasics, cvData) {
-    var rolesByType = cvData.rolesByType, skills = cvData.skills, languages = cvData.languages;
-    var nameStyle = (0, style_map_js_1.styleMap)(__assign(__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)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  <div>\n    <div data-testid=\"curriculum-vitae\" style=\"", "\">\n      <div style=", ">\n        <h3 style=", ">Bio</h3>\n        <div style=", ">", "</div>\n        <hr />\n        <div style=", ">", "</div>\n        <hr />\n        <div style=", ">", "</div>\n        <hr />\n        <h3 style=", ">Skills</h3>\n        <div style=", ">", "</div>\n        <h3 style=", ">Languages</h3>\n        <div style=", ">", "</div>\n            \n      </div>\n      </div>\n    </div>\n  "], ["\n  <div>\n    <div data-testid=\"curriculum-vitae\" style=\"", "\">\n      <div style=", ">\n        <h3 style=", ">Bio</h3>\n        <div style=", ">", "</div>\n        <hr />\n        <div style=", ">", "</div>\n        <hr />\n        <div style=", ">", "</div>\n        <hr />\n        <h3 style=", ">Skills</h3>\n        <div style=", ">", "</div>\n        <h3 style=", ">Languages</h3>\n        <div style=", ">", "</div>\n            \n      </div>\n      </div>\n    </div>\n  "])), styles.card, styles.info, nameStyle, styles.info, renderRoles(rolesByType["FutureRole"]), styles.info, renderRoles(rolesByType["CurrentRole"]), styles.info, renderRoles(rolesByType["PastRole"]), nameStyle, styles.info, renderSkills(skills), nameStyle, styles.info, renderLanguages(languages));
-    }
-    return (0, lit_html_1.html)(templateObject_2 || (templateObject_2 = __makeTemplateObject([""], [""])));
+const CVCard = (profileBasics, cvData) => {
+  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}>
+        <h3 style=${nameStyle}>Bio</h3>
+        <div style=${styles.info}>${renderRoles(rolesByType['FutureRole'])}</div>
+        <hr />
+        <div style=${styles.info}>${renderRoles(rolesByType['CurrentRole'])}</div>
+        <hr />
+        <div style=${styles.info}>${renderRoles(rolesByType['PastRole'])}</div>
+        <hr />
+        <h3 style=${nameStyle}>Skills</h3>
+        <div style=${styles.info}>${renderSkills(skills)}</div>
+        <h3 style=${nameStyle}>Languages</h3>
+        <div style=${styles.info}>${renderLanguages(languages)}</div>
+            
+      </div>
+      </div>
+    </div>
+  `;
+  }
+  return (0, _litHtml.html)``;
 };
 exports.CVCard = CVCard;
 function renderRole(role) {
-    return role
-        ? (0, lit_html_1.html)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["<div style=\"margin-top: 0.3em; margin-bottom: 0.3em;\">\n        <b>", "</b>\n        <span>", "</span>\n        <span>", "</span>   \n      </div> "], ["<div style=\"margin-top: 0.3em; margin-bottom: 0.3em;\">\n        <b>", "</b>\n        <span>", "</span>\n        <span>", "</span>   \n      </div> "])), role.orgName, strToUpperCase(role.roleText), role.dates) : (0, lit_html_1.html)(templateObject_4 || (templateObject_4 = __makeTemplateObject([""], [""])));
+  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, _litHtml.html)``;
 }
 function renderRoles(roles) {
-    if (roles[0] > "")
-        return (0, lit_html_1.html)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["", "", ""], ["", "", ""])), renderRole(roles[0]), roles.length > 1 ? renderRoles(roles.slice(1)) : (0, lit_html_1.html)(templateObject_5 || (templateObject_5 = __makeTemplateObject([""], [""]))));
+  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)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["<div style=\"margin: 0.5em;\">\n        <p style=\"text-align: center;\">", "</p>\n      </div> "], ["<div style=\"margin: 0.5em;\">\n        <p style=\"text-align: center;\">", "</p>\n      </div> "])), skill) : (0, lit_html_1.html)(templateObject_8 || (templateObject_8 = __makeTemplateObject([""], [""])));
+  return skill ? (0, _litHtml.html)`<div style="margin: 0.5em;">
+        <p style="text-align: center;">${skill}</p>
+      </div> ` : (0, _litHtml.html)``;
 }
 function renderSkills(skills) {
-    if (skills[0] > "")
-        return (0, lit_html_1.html)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["", " ", ""], ["", " ", ""])), renderSkill(strToUpperCase(skills[0])), skills.length > 1 ? renderSkills(skills.slice(1)) : (0, lit_html_1.html)(templateObject_9 || (templateObject_9 = __makeTemplateObject([""], [""]))));
+  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)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["<div style=\"margin: 0.5em;\">\n        <p style=\"text-align: center;\">", "</p>\n      </div> "], ["<div style=\"margin: 0.5em;\">\n        <p style=\"text-align: center;\">", "</p>\n      </div> "])), language) : (0, lit_html_1.html)(templateObject_12 || (templateObject_12 = __makeTemplateObject([""], [""])));
+  return language ? (0, _litHtml.html)`<div style="margin: 0.5em;">
+        <p style="text-align: center;">${language}</p>
+      </div> ` : (0, _litHtml.html)``;
 }
 function renderLanguages(languages) {
-    if (languages[0] > "")
-        return (0, lit_html_1.html)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["", "", ""], ["", "", ""])), renderLan(languages[0]), languages.length > 1 ? renderLanguages(languages.slice(1)) : (0, lit_html_1.html)(templateObject_13 || (templateObject_13 = __makeTemplateObject([""], [""]))));
+  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] > "") {
-        var strCase = str.split(' ');
-        for (var 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 '';
 }
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14;
-// ends
-//# sourceMappingURL=CVCard.js.map
+
+// ends

package/lib/CVPresenter.d.ts

@@ -0,0 +1,25 @@
+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;
+//# sourceMappingURL=CVPresenter.d.ts.map

package/lib/CVPresenter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CVPresenter.d.ts","sourceRoot":"","sources":["../src/CVPresenter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAa,IAAI,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAA;AAG9E,MAAM,WAAW,IAAI;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AACD,MAAM,WAAW,cAAc;IAC7B,WAAW,EAAE,WAAW,CAAC;IACzB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,SAAS,EAAE,MAAM,EAAE,CAAC;CACrB;AAED,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,IAAI,EAAE,CAAC;IACjB,WAAW,EAAE,IAAI,EAAE,CAAC;IACpB,UAAU,EAAE,IAAI,EAAE,CAAC;CACpB;AAID,eAAO,MAAM,WAAW,UAA4C,CAAA;AAEpE,wBAAgB,WAAW,CAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,IAAI,GAAE,MAAM,CAW1D;AAED,wBAAgB,cAAc,CAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,GAAE,MAAM,CAM9D;AAED,wBAAgB,WAAW,CAAE,SAAS,CAAC,EAAC,OAAO,EAAE,OAAO,CAAC,EAAC,OAAO,GAAE,MAAM,CAIxE;AAiDD,wBAAgB,SAAS,CACvB,OAAO,EAAE,SAAS,EAClB,KAAK,EAAE,SAAS,GACf,cAAc,CAoBhB"}

package/lib/CVPresenter.js

@@ -1,104 +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;
-var rdflib_1 = require("rdflib");
-var solid_ui_1 = require("solid-ui");
-var 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
-    var publicId = store.anyJS(sk, solid_ui_1.ns.solid('publicId'));
-    if (publicId) {
-        var name_1 = store.anyJS(publicId, solid_ui_1.ns.schema('name'));
-        if (name_1)
-            return name_1; // @@ check language and get name in diff language if necessary
-    }
-    var 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
-    var 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) {
-    var memberships = store.each(null, ORG('member'), subject, null);
-    var rolesByType = { PastRole: [], CurrentRole: [], FutureRole: [] };
-    for (var _i = 0, memberships_1 = memberships; _i < memberships_1.length; _i++) {
-        var membership = memberships_1[_i];
-        var orgHomePage = void 0, orgNameGiven = void 0, publicIdName = void 0, roleName = void 0, publicId 
-        // Things should have start dates but we will be very lenient in this view
-        = void 0;
-        // Things should have start dates but we will be very lenient in this view
-        var startDate = store.any(membership, solid_ui_1.ns.schema('startDate'));
-        var endDate = store.any(membership, solid_ui_1.ns.schema('endDate'));
-        var dates = datesAsText(startDate, endDate);
-        var 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'));
-        }
-        var orgName = publicIdName || orgNameGiven;
-        var escoRole = store.any(membership, ORG('role'));
-        if (escoRole) {
-            roleName = store.anyJS(escoRole, solid_ui_1.ns.schema('name'));
-        }
-        var roleText0 = store.anyJS(membership, solid_ui_1.ns.vcard('role'));
-        var roleText = (roleText0 && roleName) ? roleName + ' - ' + roleText0
-            : roleText0 || roleName;
-        var item = {
-            startDate: startDate,
-            endDate: endDate,
-            orgName: orgName,
-            roleText: roleText,
-            dates: dates,
-            orgHomePage: orgHomePage
-        };
-        for (var _a = 0, typesOfRole_1 = exports.typesOfRole; _a < typesOfRole_1.length; _a++) {
-            var t = typesOfRole_1[_a];
-            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) {
-    var rolesByType = getRolesByType(store, subject);
-    // Most recent thing most relevant -> sort by end date
-    for (var _i = 0, typesOfRole_2 = exports.typesOfRole; _i < typesOfRole_2.length; _i++) {
-        var t = typesOfRole_2[_i];
-        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'));
     }
-    var skills = store.each(subject, solid_ui_1.ns.schema('skills')).map(function (sk) { return skillAsText(store, sk); });
-    var languagesInStore = store.anyJS(subject, solid_ui_1.ns.schema('knowsLanguage'));
-    var languages = [];
-    if (languagesInStore)
-        languages = languagesInStore.map(function (lan) { return languageAsText(store, lan); });
-    return { rolesByType: rolesByType, skills: skills, languages: 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,5 @@
+import { TemplateResult } from 'lit-html';
+import { DataBrowserContext } from 'pane-registry';
+import { NamedNode } from 'rdflib';
+export declare const ChatWithMe: (subject: NamedNode, context: DataBrowserContext) => TemplateResult;
+//# sourceMappingURL=ChatWithMe.d.ts.map

package/lib/ChatWithMe.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatWithMe.d.ts","sourceRoot":"","sources":["../src/ChatWithMe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,UAAU,CAAA;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAKlC,eAAO,MAAM,UAAU,GACrB,SAAS,SAAS,EAClB,SAAS,kBAAkB,KAC1B,cAwCF,CAAA"}