profile-pane 1.2.1 → 2.0.0-2b49b062

package/lib/ChatWithMe.js

@@ -1,135 +1,43 @@
 "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 __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 __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-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;
-var lit_html_1 = require("lit-html");
-var solid_ui_1 = require("solid-ui");
-var async_replace_js_1 = require("lit-html/directives/async-replace.js");
-var texts_1 = require("./texts");
-var ChatWithMe = function (subject, context) {
-    var logic = context.session.logic;
-    var longChatPane = context.session.paneRegistry.byName("long chat");
-    function chatContainer() {
-        return __asyncGenerator(this, arguments, function chatContainer_1() {
-            var chatContainer, exists, e_1, button;
-            var _this = this;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        chatContainer = context.dom.createElement("div");
-                        _a.label = 1;
-                    case 1:
-                        _a.trys.push([1, 5, , 6]);
-                        return [4 /*yield*/, __await(texts_1.loadingMessage)];
-                    case 2: 
-                    // eslint-disable-next-line @typescript-eslint/no-unused-expressions
-                    return [4 /*yield*/, _a.sent()];
-                    case 3:
-                        // eslint-disable-next-line @typescript-eslint/no-unused-expressions
-                        _a.sent();
-                        return [4 /*yield*/, __await(logic.chat.getChat(subject, false))];
-                    case 4:
-                        // eslint-disable-next-line @typescript-eslint/no-unused-expressions
-                        (exists = _a.sent());
-                        return [3 /*break*/, 6];
-                    case 5:
-                        e_1 = _a.sent();
-                        exists = false;
-                        return [3 /*break*/, 6];
-                    case 6:
-                        if (!exists) return [3 /*break*/, 9];
-                        chatContainer.appendChild(longChatPane.render(exists, context, {}));
-                        return [4 /*yield*/, __await(chatContainer)];
-                    case 7: return [4 /*yield*/, _a.sent()];
-                    case 8:
-                        _a.sent();
-                        return [3 /*break*/, 12];
-                    case 9:
-                        button = solid_ui_1.widgets.button(context.dom, undefined, texts_1.chatWithMeButtonText, function () { return __awaiter(_this, void 0, void 0, function () {
-                            var chat, e_2;
-                            return __generator(this, function (_a) {
-                                switch (_a.label) {
-                                    case 0:
-                                        _a.trys.push([0, 2, , 3]);
-                                        return [4 /*yield*/, logic.chat.getChat(subject, true)];
-                                    case 1:
-                                        chat = _a.sent();
-                                        chatContainer.innerHTML = "";
-                                        chatContainer.appendChild(longChatPane.render(chat, context, {}));
-                                        return [3 /*break*/, 3];
-                                    case 2:
-                                        e_2 = _a.sent();
-                                        chatContainer.appendChild(solid_ui_1.widgets.errorMessageBlock(context.dom, e_2.message));
-                                        return [3 /*break*/, 3];
-                                    case 3: return [2 /*return*/];
-                                }
-                            });
-                        }); }, { needsBorder: true });
-                        chatContainer.appendChild(button);
-                        return [4 /*yield*/, __await(chatContainer)];
-                    case 10: return [4 /*yield*/, _a.sent()];
-                    case 11:
-                        _a.sent();
-                        _a.label = 12;
-                    case 12: return [2 /*return*/];
-                }
-            });
-        });
+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);
+    } 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)(templateObject_1 || (templateObject_1 = __makeTemplateObject([" ", " "], [" ", " "])), (0, async_replace_js_1.asyncReplace)(chatContainer()));
+  }
+  return (0, _litHtml.html)` ${(0, _asyncReplace.asyncReplace)(chatContainer())} `;
 };
-exports.ChatWithMe = ChatWithMe;
-var templateObject_1;
-//# sourceMappingURL=ChatWithMe.js.map
+exports.ChatWithMe = ChatWithMe;

package/lib/FriendList.d.ts

@@ -0,0 +1,6 @@
+import { DataBrowserContext } from 'pane-registry';
+import { NamedNode } from 'rdflib';
+import { TemplateResult } from 'lit-html';
+import { ProfilePresentation } from './presenter';
+export declare const FriendList: (profileBasics: ProfilePresentation, subject: NamedNode, context: DataBrowserContext) => TemplateResult;
+//# sourceMappingURL=FriendList.d.ts.map

package/lib/FriendList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FriendList.d.ts","sourceRoot":"","sources":["../src/FriendList.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAClC,OAAO,EAAQ,cAAc,EAAE,MAAM,UAAU,CAAA;AAG/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AAYjD,eAAO,MAAM,UAAU,GAAK,eAAe,mBAAmB,EAC5D,SAAS,SAAS,EAClB,SAAS,kBAAkB,KAC1B,cAkBF,CAAA"}

package/lib/FriendList.js

@@ -1,54 +1,46 @@
 "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.FriendList = void 0;
-var solid_ui_1 = require("solid-ui");
-var lit_html_1 = require("lit-html");
-var style_map_js_1 = require("lit-html/directives/style-map.js");
-var baseStyles_1 = require("./baseStyles");
-var baseStyles_2 = require("./baseStyles");
-var styles = {
-    root: (0, style_map_js_1.styleMap)((0, baseStyles_1.padding)()),
-    heading: (0, style_map_js_1.styleMap)((0, baseStyles_1.headingLight)()),
-    card: (0, style_map_js_1.styleMap)((0, baseStyles_1.card)()),
+var _solidUi = require("solid-ui");
+var _litHtml = require("lit-html");
+var _styleMap = require("lit-html/directives/style-map.js");
+var _baseStyles = require("./baseStyles");
+const styles = {
+  root: (0, _styleMap.styleMap)((0, _baseStyles.padding)()),
+  heading: (0, _styleMap.styleMap)((0, _baseStyles.headingLight)()),
+  card: (0, _styleMap.styleMap)((0, _baseStyles.card)())
 };
-var FriendList = function (profileBasics, subject, context) {
-    var nameStyle = (0, style_map_js_1.styleMap)(__assign(__assign({}, (0, baseStyles_2.heading)()), { 
-        // "text-decoration": "underline",
-        color: profileBasics.highlightColor }));
-    if (createList(subject, context)) {
-        return (0, lit_html_1.html)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    <div data-testid=\"friend-list\" style=\"", "\">\n      <div style=", ">\n        <h3 style=", ">Friends</h3>\n        ", "\n      </div>\n    </div>\n    "], ["\n    <div data-testid=\"friend-list\" style=\"", "\">\n      <div style=", ">\n        <h3 style=", ">Friends</h3>\n        ", "\n      </div>\n    </div>\n    "])), styles.card, styles.root, nameStyle, createList(subject, context));
-    }
-    return (0, lit_html_1.html)(templateObject_2 || (templateObject_2 = __makeTemplateObject([""], [""])));
+const FriendList = (profileBasics, subject, context) => {
+  const nameStyle = (0, _styleMap.styleMap)({
+    ...(0, _baseStyles.heading)(),
+    // "text-decoration": "underline",
+    color: profileBasics.highlightColor // was "text-decoration-color"
+  });
+  if (createList(subject, context)) {
+    return (0, _litHtml.html)`
+    <div data-testid="friend-list" style="${styles.card}">
+      <div style=${styles.root}>
+        <h3 style=${nameStyle}>Friends</h3>
+        ${createList(subject, context)}
+      </div>
+    </div>
+    `;
+  }
+  return (0, _litHtml.html)``;
 };
 exports.FriendList = FriendList;
-var createList = function (subject, _a) {
-    var dom = _a.dom;
-    var target = dom.createElement("div");
-    solid_ui_1.widgets.attachmentList(dom, subject, target, {
-        doc: subject.doc(),
-        modify: false,
-        predicate: solid_ui_1.ns.foaf("knows"),
-        noun: "friend",
-    });
-    if (target.textContent === "")
-        return null;
-    else
-        return target;
-};
-var templateObject_1, templateObject_2;
-//# sourceMappingURL=FriendList.js.map
+const createList = (subject, {
+  dom
+}) => {
+  const target = dom.createElement('div');
+  _solidUi.widgets.attachmentList(dom, subject, target, {
+    doc: subject.doc(),
+    modify: false,
+    predicate: _solidUi.ns.foaf('knows'),
+    noun: 'friend'
+  });
+  if (target.textContent === '') return null;else return target;
+};

package/lib/ProfileCard.d.ts

@@ -0,0 +1,4 @@
+import { TemplateResult } from 'lit-html';
+import { ProfilePresentation } from './presenter';
+export declare const ProfileCard: ({ name, imageSrc, introduction, location, pronouns, highlightColor, }: ProfilePresentation) => TemplateResult;
+//# sourceMappingURL=ProfileCard.d.ts.map

package/lib/ProfileCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProfileCard.d.ts","sourceRoot":"","sources":["../src/ProfileCard.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,UAAU,CAAA;AASxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AAQjD,eAAO,MAAM,WAAW,GAAI,uEAOzB,mBAAmB,KAAG,cAexB,CAAA"}

package/lib/ProfileCard.js

@@ -1,41 +1,43 @@
 "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.ProfileCard = void 0;
-var lit_html_1 = require("lit-html");
-var style_map_js_1 = require("lit-html/directives/style-map.js");
-var baseStyles_1 = 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)())),
-    info: (0, style_map_js_1.styleMap)((0, baseStyles_1.padding)()),
+var _litHtml = require("lit-html");
+var _styleMap = require("lit-html/directives/style-map.js");
+var _baseStyles = require("./baseStyles");
+const styles = {
+  image: (0, _styleMap.styleMap)((0, _baseStyles.fullWidth)()),
+  intro: (0, _styleMap.styleMap)({
+    ...(0, _baseStyles.textGray)(),
+    ...(0, _baseStyles.textCenter)()
+  }),
+  info: (0, _styleMap.styleMap)((0, _baseStyles.padding)())
 };
-var ProfileCard = function (_a) {
-    var name = _a.name, imageSrc = _a.imageSrc, introduction = _a.introduction, location = _a.location, pronouns = _a.pronouns, highlightColor = _a.highlightColor;
-    var nameStyle = (0, style_map_js_1.styleMap)(__assign(__assign({}, (0, baseStyles_1.heading)()), { "text-decoration": "underline", "text-decoration-color": highlightColor }));
-    return (0, lit_html_1.html)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n    <div style=", ">\n      <h3 style=", ">", "</h3>\n      <div style=", ">\n        ", " ", " ", "\n      </div>\n    </div>\n  "], ["\n    ", "\n    <div style=", ">\n      <h3 style=", ">", "</h3>\n      <div style=", ">\n        ", " ", " ", "\n      </div>\n    </div>\n  "])), Image(imageSrc, name), styles.info, nameStyle, name, styles.intro, Line(introduction), Line(location, "🌐"), Line(pronouns));
+const ProfileCard = ({
+  name,
+  imageSrc,
+  introduction,
+  location,
+  pronouns,
+  highlightColor
+}) => {
+  const nameStyle = (0, _styleMap.styleMap)({
+    ...(0, _baseStyles.heading)(),
+    'text-decoration': 'underline',
+    'text-decoration-color': highlightColor
+  });
+  return (0, _litHtml.html)`
+    ${Image(imageSrc, name)}
+    <div style=${styles.info}>
+      <h3 style=${nameStyle}>${name}</h3>
+      <div style=${styles.intro}>
+        ${Line(introduction)} ${Line(location, '🌐')} ${Line(pronouns)}
+      </div>
+    </div>
+  `;
 };
 exports.ProfileCard = ProfileCard;
-var Line = function (value, prefix) {
-    if (prefix === void 0) { prefix = lit_html_1.nothing; }
-    return value ? (0, lit_html_1.html)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["<p>", " ", "</p>"], ["<p>", " ", "</p>"])), prefix, value) : lit_html_1.nothing;
-};
-var Image = function (src, alt) {
-    return src ? (0, lit_html_1.html)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["<img style=", " src=", " alt=", " />"], ["<img style=", " src=", " alt=", " />"])), styles.image, src, alt) : lit_html_1.nothing;
-};
-var templateObject_1, templateObject_2, templateObject_3;
-//# sourceMappingURL=ProfileCard.js.map
+const Line = (value, prefix = _litHtml.nothing) => value ? (0, _litHtml.html)`<p>${prefix} ${value}</p>` : _litHtml.nothing;
+const Image = (src, alt) => src ? (0, _litHtml.html)`<img style=${styles.image} src=${src} alt=${alt} />` : _litHtml.nothing;

package/lib/ProfileView.d.ts

@@ -0,0 +1,5 @@
+import { TemplateResult } from 'lit-html';
+import { DataBrowserContext } from 'pane-registry';
+import { NamedNode } from 'rdflib';
+export declare function ProfileView(subject: NamedNode, context: DataBrowserContext): Promise<TemplateResult>;
+//# sourceMappingURL=ProfileView.d.ts.map

package/lib/ProfileView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProfileView.d.ts","sourceRoot":"","sources":["../src/ProfileView.ts"],"names":[],"mappings":"AAGA,OAAO,EAAQ,cAAc,EAAE,MAAM,UAAU,CAAA;AAE/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAClD,OAAO,EAAE,SAAS,EAAa,MAAM,QAAQ,CAAA;AA2B7C,wBAAsB,WAAW,CAC/B,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,kBAAkB,GAC1B,OAAO,CAAE,cAAc,CAAC,CAuC1B"}

package/lib/ProfileView.js

@@ -1,78 +1,35 @@
 "use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ProfileView = ProfileView;
+var _litHtml = require("lit-html");
+var _styleMap = require("lit-html/directives/style-map.js");
+var _baseStyles = require("./baseStyles");
+var _ChatWithMe = require("./ChatWithMe");
+var _FriendList = require("./FriendList");
+var _presenter = require("./presenter");
+var _CVPresenter = require("./CVPresenter");
+var _SocialPresenter = require("./SocialPresenter");
+var _StuffPresenter = require("./StuffPresenter");
+var _ProfileCard = require("./ProfileCard");
+var _CVCard = require("./CVCard");
+var _SocialCard = require("./SocialCard");
+var _StuffCard = require("./StuffCard");
+var _QRCodeCard = require("./QRCodeCard");
+var _addMeToYourFriends = require("./addMeToYourFriends");
 /*  Profile View
 */
-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);
-};
-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 __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ProfileView = ProfileView;
-var lit_html_1 = require("lit-html");
-var style_map_js_1 = require("lit-html/directives/style-map.js");
-var baseStyles_1 = require("./baseStyles");
-var ChatWithMe_1 = require("./ChatWithMe");
-var FriendList_1 = require("./FriendList");
-var presenter_1 = require("./presenter");
-var CVPresenter_1 = require("./CVPresenter"); // 20210527
-var SocialPresenter_1 = require("./SocialPresenter"); // 20210527
-var StuffPresenter_1 = require("./StuffPresenter"); // 20210527
-var ProfileCard_1 = require("./ProfileCard");
-var CVCard_1 = require("./CVCard");
-var SocialCard_1 = require("./SocialCard");
-var StuffCard_1 = require("./StuffCard");
-var QRCodeCard_1 = require("./QRCodeCard");
-var addMeToYourFriends_1 = require("./addMeToYourFriends");
+
+// 20210527
+// 20210527
+// 20210527
+
 // The edit button switches to the editor pane
 /*
 function renderEditButton (subject) {
-  return
+  return 
     authn.currentUser() && authn.currentUser().sameTerm(subject) ?
         html `<button type="button" class="ProfilePaneCVEditButton">
         <img  src="${editButtonURI}">
@@ -80,28 +37,44 @@ function renderEditButton (subject) {
     : html``;
 }
 */
-function ProfileView(subject, context) {
-    return __awaiter(this, void 0, void 0, function () {
-        var profileBasics, rolesByType, accounts, stuffData, styles;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    profileBasics = (0, presenter_1.presentProfile)(subject, context.session.store);
-                    rolesByType = (0, CVPresenter_1.presentCV)(subject, context.session.store);
-                    accounts = (0, SocialPresenter_1.presentSocial)(subject, context.session.store);
-                    return [4 /*yield*/, (0, StuffPresenter_1.presentStuff)(subject)];
-                case 1:
-                    stuffData = _a.sent();
-                    styles = {
-                        grid: (0, style_map_js_1.styleMap)(__assign(__assign(__assign({}, (0, baseStyles_1.responsiveGrid)()), (0, baseStyles_1.paddingSmall)()), { background: "radial-gradient(circle, ".concat(profileBasics.backgroundColor, " 80%, ").concat(profileBasics.highlightColor, " 100%)") })),
-                        card: (0, style_map_js_1.styleMap)((0, baseStyles_1.card)()),
-                        chat: (0, style_map_js_1.styleMap)(__assign(__assign({}, (0, baseStyles_1.card)()), (0, baseStyles_1.padding)())),
-                    };
-                    // was: <div style=${styles.card}>${renderEditButton(subject)}</div>
-                    return [2 /*return*/, (0, lit_html_1.html)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    <div style=\"", "\">\n      <div>\n        <div data-testid=\"profile-card\" style=\"", "\">\n          ", "\n          ", "\n        </div>\n      </div>\n        ", "\n        ", "\n        ", "\n        ", "\n      <div style=\"", "\">", "</div>\n      <div data-testid=\"qrcode-display\" class=\"qrcode-display\" style=\"", "\">\n        ", "\n         \n      </div>\n    </div>\n  "], ["\n    <div style=\"", "\">\n      <div>\n        <div data-testid=\"profile-card\" style=\"", "\">\n          ", "\n          ", "\n        </div>\n      </div>\n        ", "\n        ", "\n        ", "\n        ", "\n      <div style=\"", "\">", "</div>\n      <div data-testid=\"qrcode-display\" class=\"qrcode-display\" style=\"", "\">\n        ", "\n         \n      </div>\n    </div>\n  "])), styles.grid, styles.card, (0, ProfileCard_1.ProfileCard)(profileBasics), (0, addMeToYourFriends_1.addMeToYourFriendsDiv)(subject, context), (0, CVCard_1.CVCard)(profileBasics, rolesByType), (0, SocialCard_1.SocialCard)(profileBasics, accounts), (0, StuffCard_1.StuffCard)(profileBasics, context, subject, stuffData), (0, FriendList_1.FriendList)(profileBasics, subject, context), styles.chat, (0, ChatWithMe_1.ChatWithMe)(subject, context), styles.card, (0, QRCodeCard_1.QRCodeCard)(profileBasics, subject))];
-            }
-        });
-    });
-}
-var templateObject_1;
-//# sourceMappingURL=ProfileView.js.map
+
+async function ProfileView(subject, context) {
+  const profileBasics = (0, _presenter.presentProfile)(subject, context.session.store); // rdflib rdfs type problems
+  const rolesByType = (0, _CVPresenter.presentCV)(subject, context.session.store);
+  const accounts = (0, _SocialPresenter.presentSocial)(subject, context.session.store);
+  const stuffData = await (0, _StuffPresenter.presentStuff)(subject);
+  const styles = {
+    grid: (0, _styleMap.styleMap)({
+      ...(0, _baseStyles.responsiveGrid)(),
+      ...(0, _baseStyles.paddingSmall)(),
+      background: `radial-gradient(circle, ${profileBasics.backgroundColor} 80%, ${profileBasics.highlightColor} 100%)`
+    }),
+    card: (0, _styleMap.styleMap)((0, _baseStyles.card)()),
+    chat: (0, _styleMap.styleMap)({
+      ...(0, _baseStyles.card)(),
+      ...(0, _baseStyles.padding)()
+    })
+  };
+
+  // was: <div style=${styles.card}>${renderEditButton(subject)}</div>
+
+  return (0, _litHtml.html)`
+    <div style="${styles.grid}">
+      <div>
+        <div data-testid="profile-card" style="${styles.card}">
+          ${(0, _ProfileCard.ProfileCard)(profileBasics)}
+          ${(0, _addMeToYourFriends.addMeToYourFriendsDiv)(subject, context)}
+        </div>
+      </div>
+        ${(0, _CVCard.CVCard)(profileBasics, rolesByType)}
+        ${(0, _SocialCard.SocialCard)(profileBasics, accounts)}
+        ${(0, _StuffCard.StuffCard)(profileBasics, context, subject, stuffData)}
+        ${(0, _FriendList.FriendList)(profileBasics, subject, context)}
+      <div style="${styles.chat}">${(0, _ChatWithMe.ChatWithMe)(subject, context)}</div>
+      <div data-testid="qrcode-display" class="qrcode-display" style="${styles.card}">
+        ${(0, _QRCodeCard.QRCodeCard)(profileBasics, subject)}
+         
+      </div>
+    </div>
+  `;
+}

package/lib/QRCodeCard.d.ts

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

package/lib/QRCodeCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QRCodeCard.d.ts","sourceRoot":"","sources":["../src/QRCodeCard.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,cAAc,EAAE,MAAM,UAAU,CAAA;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AASlC,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AAWjD,eAAO,MAAM,UAAU,GACrB,eAAe,mBAAmB,EAClC,SAAS,SAAS,KACjB,cAoCF,CAAA"}