profile-pane 1.2.1-5ceca1ce → 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,20 +1,37 @@
-import { html } from 'lit-html';
-import { fullWidth, heading, paddingSmall, textCenter, textLeft, textGray, } from './baseStyles';
-import { styleMap } from 'lit-html/directives/style-map.js';
-import { card } from './baseStyles';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CVCard = void 0;
+var _litHtml = require("lit-html");
+var _baseStyles = require("./baseStyles");
+var _styleMap = require("lit-html/directives/style-map.js");
 const styles = {
-    image: styleMap(fullWidth()),
-    intro: styleMap(Object.assign(Object.assign({}, textGray()), textCenter())),
-    card: styleMap(card()),
-    info: styleMap(Object.assign(Object.assign({}, paddingSmall()), 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)()
+  })
 };
-export const CVCard = (profileBasics, cvData) => {
-    const { rolesByType, skills, languages } = cvData;
-    const nameStyle = styleMap(Object.assign(Object.assign({}, heading()), { 
-        // "text-decoration": "underline",
-        color: profileBasics.highlightColor }));
-    if (renderRoles(rolesByType['FutureRole']) || renderRoles(rolesByType['CurrentRole']) || renderRoles(rolesByType['PastRole']) || renderSkills(skills) || renderLanguages(languages)) {
-        return html `
+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>
@@ -31,53 +48,43 @@ export const CVCard = (profileBasics, cvData) => {
     </div>
     </div>
   `;
-    }
-    return html ``;
+  }
+  return (0, _litHtml.html)``;
 };
+exports.CVCard = CVCard;
 function renderRole(role) {
-    return role
-        ? 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> `
-        : html ``;
+      </div> ` : (0, _litHtml.html)``;
 }
 function renderRoles(roles) {
-    if (roles[0] > '')
-        return html `${renderRole(roles[0])}${roles.length > 1 ? renderRoles(roles.slice(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
-        ? html `<div style="margin: 0.5em;">
+  return skill ? (0, _litHtml.html)`<div style="margin: 0.5em;">
         <p style="text-align: center;">${skill}</p>
-      </div> `
-        : html ``;
+      </div> ` : (0, _litHtml.html)``;
 }
 function renderSkills(skills) {
-    if (skills[0] > '')
-        return html `${renderSkill(strToUpperCase(skills[0]))} ${skills.length > 1 ? renderSkills(skills.slice(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
-        ? html `<div style="margin: 0.5em;">
+  return language ? (0, _litHtml.html)`<div style="margin: 0.5em;">
         <p style="text-align: center;">${language}</p>
-      </div> `
-        : html ``;
+      </div> ` : (0, _litHtml.html)``;
 }
 function renderLanguages(languages) {
-    if (languages[0] > '')
-        return html `${renderLan(languages[0])}${languages.length > 1 ? renderLanguages(languages.slice(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,21 +1,41 @@
-import { html } from 'lit-html';
-import { fullWidth, heading, paddingSmall, textCenter, textLeft, textRight, textGray, } from './baseStyles';
-import { styleMap } from 'lit-html/directives/style-map.js';
-import { card } from './baseStyles';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CVCard = void 0;
+var _litHtml = require("lit-html");
+var _baseStyles = require("./baseStyles");
+var _styleMap = require("lit-html/directives/style-map.js");
 const styles = {
-    image: styleMap(fullWidth()),
-    intro: styleMap(Object.assign(Object.assign({}, textGray()), textCenter())),
-    card: styleMap(card()),
-    info: styleMap(Object.assign(Object.assign({}, paddingSmall()), textLeft())),
-    tools: styleMap(Object.assign(Object.assign({}, paddingSmall()), 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)()
+  })
 };
-export const CVCard = (profileBasics, cvData) => {
-    const { rolesByType, skills, languages } = cvData;
-    const nameStyle = styleMap(Object.assign(Object.assign({}, heading()), { 
-        // "text-decoration": "underline",
-        color: profileBasics.highlightColor }));
-    if (renderRoles(rolesByType['FutureRole']) || renderRoles(rolesByType['CurrentRole']) || renderRoles(rolesByType['PastRole']) || renderSkills(skills) || renderLanguages(languages)) {
-        return html `
+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}>
@@ -35,54 +55,45 @@ export const CVCard = (profileBasics, cvData) => {
       </div>
     </div>
   `;
-    }
-    return html ``;
+  }
+  return (0, _litHtml.html)``;
 };
+exports.CVCard = CVCard;
 function renderRole(role) {
-    return role
-        ? 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> `
-        : html ``;
+      </div> ` : (0, _litHtml.html)``;
 }
 function renderRoles(roles) {
-    if (roles[0] > '')
-        return html `${renderRole(roles[0])}${roles.length > 1 ? renderRoles(roles.slice(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
-        ? html `<div style="margin: 0.5em;">
+  return skill ? (0, _litHtml.html)`<div style="margin: 0.5em;">
         <p style="text-align: center;">${skill}</p>
-      </div> `
-        : html ``;
+      </div> ` : (0, _litHtml.html)``;
 }
 function renderSkills(skills) {
-    if (skills[0] > '')
-        return html `${renderSkill(strToUpperCase(skills[0]))} ${skills.length > 1 ? renderSkills(skills.slice(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
-        ? html `<div style="margin: 0.5em;">
+  return language ? (0, _litHtml.html)`<div style="margin: 0.5em;">
         <p style="text-align: center;">${language}</p>
-      </div> `
-        : html ``;
+      </div> ` : (0, _litHtml.html)``;
 }
 function renderLanguages(languages) {
-    if (languages[0] > '')
-        return html `${renderLan(languages[0])}${languages.length > 1 ? renderLanguages(languages.slice(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,87 +1,100 @@
-import { Namespace } from 'rdflib';
-import { ns, utils } from 'solid-ui';
-const ORG = Namespace('http://www.w3.org/ns/org#');
-export const typesOfRole = ['PastRole', 'CurrentRole', 'FutureRole'];
-export function skillAsText(store, sk) {
-    if (sk.termType === 'Literal')
-        return sk.value; // Not normal but allow this
-    const publicId = store.anyJS(sk, ns.solid('publicId'));
-    if (publicId) {
-        const name = store.anyJS(publicId, ns.schema('name'));
-        if (name)
-            return name; // @@ check language and get name in diff language if necessary
-    }
-    const manual = store.anyJS(sk, ns.vcard('role'));
-    if (manual && manual[0] > '')
-        return manual;
-    return '¿¿¿ skill ???';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.datesAsText = datesAsText;
+exports.languageAsText = languageAsText;
+exports.presentCV = presentCV;
+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, _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 ???';
 }
-export function languageAsText(store, lan) {
-    if (lan.termType === 'Literal')
-        return lan.value; // Not normal but allow this
-    const publicId = store.anyJS(lan, ns.solid('publicId'));
-    if (publicId)
-        return utils.label(publicId, true); // @@ check language and get name in diff language if necessary
-    return '-';
+function languageAsText(store, lan) {
+  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 '-';
 }
-export function datesAsText(startDate, endDate) {
-    return startDate ? '(' + startDate.value.slice(0, 10) + ' to ' +
-        (endDate ? endDate.value.slice(0, 10) : '') + ')'
-        : '';
+function datesAsText(startDate, endDate) {
+  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, ns.schema('startDate'));
-        const endDate = store.any(membership, ns.schema('endDate'));
-        const dates = datesAsText(startDate, endDate);
-        const organization = store.any(membership, ORG('organization'));
-        if (organization) {
-            orgNameGiven = store.anyJS(organization, ns.schema('name'));
-            orgHomePage = store.any(organization, ns.schema('uri'));
-            publicId = store.any(organization, ns.solid('publicId'));
-        }
-        if (publicId) {
-            publicIdName = store.anyJS(publicId, ns.schema('name'));
-        }
-        const orgName = publicIdName || orgNameGiven;
-        const escoRole = store.any(membership, ORG('role'));
-        if (escoRole) {
-            roleName = store.anyJS(escoRole, ns.schema('name'));
-        }
-        const roleText0 = store.anyJS(membership, 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, ns.rdf('type'), 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;
-}
-export function presentCV(subject, store) {
-    const rolesByType = getRolesByType(store, subject);
-    // Most recent thing most relevant -> sort by end date
+    if (publicId) {
+      publicIdName = store.anyJS(publicId, _solidUi.ns.schema('name'));
+    }
+    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) {
-        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 (store.holds(membership, _solidUi.ns.rdf('type'), _solidUi.ns.solid(t))) {
+        rolesByType[t].push(item);
+      }
     }
-    const skills = store.each(subject, ns.schema('skills')).map(sk => skillAsText(store, sk));
-    const languagesInStore = store.anyJS(subject, ns.schema('knowsLanguage'));
-    let languages = [];
-    if (languagesInStore)
-        languages = languagesInStore.map(lan => languageAsText(store, lan));
-    return { rolesByType, skills, languages };
+  }
+  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,63 +1,44 @@
-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]); }
-};
-import { html } from 'lit-html';
-import { widgets } from 'solid-ui';
-import { asyncReplace } from 'lit-html/directives/async-replace.js';
-import { chatWithMeButtonText, loadingMessage } from './texts';
-export 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(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 = widgets.button(context.dom, undefined, 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(widgets.errorMessageBlock(context.dom, e.message));
-                    }
-                }), { needsBorder: true });
-                chatContainer.appendChild(button);
-                yield yield __await(chatContainer);
-            }
-        });
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChatWithMe = void 0;
+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');
+  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 html ` ${asyncReplace(chatContainer())} `;
+  }
+  return (0, _litHtml.html)` ${(0, _asyncReplace.asyncReplace)(chatContainer())} `;
 };
-//# sourceMappingURL=ChatWithMe.js.map
+exports.ChatWithMe = ChatWithMe;