profile-pane 1.0.9-cf6e7b71 → 1.0.10-bf5caffc

package/lib/FriendList.js

@@ -12,9 +12,14 @@ var baseStyles_1 = 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 FriendList = function (subject, context) {
+    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, styles.heading, createList(subject, context));
+    }
+    return (0, lit_html_1.html)(templateObject_2 || (templateObject_2 = __makeTemplateObject([""], [""])));
 };
-var noFriendsFoundMessage = "You have no friends in your list yet";
-var FriendList = function (subject, context) { return (0, lit_html_1.html)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  <div style=", ">\n    <h3 style=", ">Friends</h3>\n    ", "\n  </div>\n"], ["\n  <div style=", ">\n    <h3 style=", ">Friends</h3>\n    ", "\n  </div>\n"])), styles.root, styles.heading, createList(subject, context)); };
 exports.FriendList = FriendList;
 var createList = function (subject, _a) {
     var dom = _a.dom;
@@ -26,10 +31,9 @@ var createList = function (subject, _a) {
         noun: "friend",
     });
     if (target.textContent === "")
-        return noFriendsInTheListMessage(dom, noFriendsFoundMessage);
+        return null;
     else
         return target;
 };
-var noFriendsInTheListMessage = function (dom, message) { return (0, lit_html_1.html)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  <div id=\"no-friends\" style=", ">", "</div>\n"], ["\n  <div id=\"no-friends\" style=", ">", "</div>\n"])), styles.root, message); };
 var templateObject_1, templateObject_2;
 //# sourceMappingURL=FriendList.js.map

package/lib/FriendList.js.map

@@ -1 +1 @@
-{"version":3,"file":"FriendList.js","sourceRoot":"","sources":["../src/FriendList.ts"],"names":[],"mappings":";;;;;;;AAAA,qCAAuC;AAGvC,qCAAgD;AAChD,iEAA4D;AAC5D,2CAAqD;AAErD,IAAM,MAAM,GAAG;IACb,IAAI,EAAE,IAAA,uBAAQ,EAAC,IAAA,oBAAO,GAAE,CAAC;IACzB,OAAO,EAAE,IAAA,uBAAQ,EAAC,IAAA,yBAAY,GAAE,CAAC;CAClC,CAAC;AAEF,IAAM,qBAAqB,GAAG,sCAAsC,CAAC;AAE9D,IAAM,UAAU,GAAG,UACxB,OAAkB,EAClB,OAA2B,IACR,WAAA,eAAI,iJAAA,iBACV,EAAW,mBACV,EAAc,qBACxB,EAA4B,cAEjC,KAJc,MAAM,CAAC,IAAI,EACV,MAAM,CAAC,OAAO,EACxB,UAAU,CAAC,OAAO,EAAE,OAAO,CAAC,GAHb,CAKpB,CAAC;AARW,QAAA,UAAU,cAQrB;AAEF,IAAM,UAAU,GAAG,UAAC,OAAkB,EAAE,EAA2B;QAAzB,GAAG,SAAA;IAC3C,IAAM,MAAM,GAAG,GAAG,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACxC,kBAAO,CAAC,cAAc,CAAC,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE;QAC3C,GAAG,EAAE,OAAO,CAAC,GAAG,EAAE;QAClB,MAAM,EAAE,KAAK;QACb,SAAS,EAAE,aAAE,CAAC,IAAI,CAAC,OAAO,CAAC;QAC3B,IAAI,EAAE,QAAQ;KACf,CAAC,CAAC;IACH,IAAI,MAAM,CAAC,WAAW,KAAK,EAAE;QAC3B,OAAO,yBAAyB,CAAC,GAAG,EAAE,qBAAqB,CAAC,CAAC;;QAC1D,OAAO,MAAM,CAAC;AACrB,CAAC,CAAC;AAEF,IAAM,yBAAyB,GAAG,UAChC,GAAiB,EACjB,OAAe,IACI,WAAA,eAAI,wHAAA,mCACM,EAAW,GAAI,EAAO,UACpD,KAD8B,MAAM,CAAC,IAAI,EAAI,OAAO,GADhC,CAEpB,CAAC"}
+{"version":3,"file":"FriendList.js","sourceRoot":"","sources":["../src/FriendList.ts"],"names":[],"mappings":";;;;;;;AAAA,qCAAuC;AAGvC,qCAAgD;AAChD,iEAA4D;AAC5D,2CAA2D;AAE3D,IAAM,MAAM,GAAG;IACb,IAAI,EAAE,IAAA,uBAAQ,EAAC,IAAA,oBAAO,GAAE,CAAC;IACzB,OAAO,EAAE,IAAA,uBAAQ,EAAC,IAAA,yBAAY,GAAE,CAAC;IACjC,IAAI,EAAE,IAAA,uBAAQ,EAAC,IAAA,iBAAI,GAAE,CAAC;CACvB,CAAC;AAEK,IAAM,UAAU,GAAG,UACxB,OAAkB,EAClB,OAA2B;IAE3B,IAAI,UAAU,CAAC,OAAO,EAAE,OAAO,CAAC,EAAE;QAChC,WAAO,eAAI,wOAAA,iDAC6B,EAAW,yBACpC,EAAW,uBACV,EAAc,yBACxB,EAA4B,kCAGjC,KANuC,MAAM,CAAC,IAAI,EACpC,MAAM,CAAC,IAAI,EACV,MAAM,CAAC,OAAO,EACxB,UAAU,CAAC,OAAO,EAAE,OAAO,CAAC,EAGjC;KACF;IACD,WAAO,eAAI,sEAAA,EAAE,KAAA;AACf,CAAC,CAAC;AAfW,QAAA,UAAU,cAerB;AAEF,IAAM,UAAU,GAAG,UAAC,OAAkB,EAAE,EAA2B;QAAzB,GAAG,SAAA;IAC3C,IAAM,MAAM,GAAG,GAAG,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACxC,kBAAO,CAAC,cAAc,CAAC,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE;QAC3C,GAAG,EAAE,OAAO,CAAC,GAAG,EAAE;QAClB,MAAM,EAAE,KAAK;QACb,SAAS,EAAE,aAAE,CAAC,IAAI,CAAC,OAAO,CAAC;QAC3B,IAAI,EAAE,QAAQ;KACf,CAAC,CAAC;IACH,IAAI,MAAM,CAAC,WAAW,KAAK,EAAE;QAC3B,OAAO,IAAI,CAAA;;QACR,OAAO,MAAM,CAAC;AACrB,CAAC,CAAC"}

package/lib/ProfileView.js

@@ -37,7 +37,7 @@ var ProfileView = function (subject, context) {
         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)())),
     };
-    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      <div data-testid=\"friend-list\" style=\"", "\">\n        ", "\n      </div>\n      <div data-testid=\"curriculum-vitae\" style=\"", "\">\n        ", "\n      </div>\n      <div style=\"", "\">", "</div>\n      <div data-testid=\"qrcode-display\" style=\"", "\">\n        ", "\n      </div>\n\n    </div>\n  "], ["\n    <div style=\"", "\">\n      <div>\n        <div data-testid=\"profile-card\" style=\"", "\">\n          ", "\n          ", "\n        </div>\n      </div>\n      <div data-testid=\"friend-list\" style=\"", "\">\n        ", "\n      </div>\n      <div data-testid=\"curriculum-vitae\" style=\"", "\">\n        ", "\n      </div>\n      <div style=\"", "\">", "</div>\n      <div data-testid=\"qrcode-display\" style=\"", "\">\n        ", "\n      </div>\n\n    </div>\n  "])), styles.grid, styles.card, (0, ProfileCard_1.ProfileCard)(profileBasics), (0, addMeToYourFriends_1.addMeToYourFriendsDiv)(subject, context), styles.card, (0, FriendList_1.FriendList)(subject, context), styles.card, (0, CVCard_1.CVCard)(profileBasics, rolesByType), styles.chat, (0, ChatWithMe_1.ChatWithMe)(subject, context), styles.card, (0, QRCodeCard_1.QRCodeCard)(profileBasics, subject));
+    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      <div data-testid=\"curriculum-vitae\" style=\"", "\">\n        ", "\n      </div>\n      <div style=\"", "\">", "</div>\n      <div data-testid=\"qrcode-display\" style=\"", "\">\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      <div data-testid=\"curriculum-vitae\" style=\"", "\">\n        ", "\n      </div>\n      <div style=\"", "\">", "</div>\n      <div data-testid=\"qrcode-display\" style=\"", "\">\n        ", "\n      </div>\n    </div>\n  "])), styles.grid, styles.card, (0, ProfileCard_1.ProfileCard)(profileBasics), (0, addMeToYourFriends_1.addMeToYourFriendsDiv)(subject, context), (0, FriendList_1.FriendList)(subject, context), styles.card, (0, CVCard_1.CVCard)(profileBasics, rolesByType), styles.chat, (0, ChatWithMe_1.ChatWithMe)(subject, context), styles.card, (0, QRCodeCard_1.QRCodeCard)(profileBasics, subject));
 };
 exports.ProfileView = ProfileView;
 var templateObject_1;

package/lib/ProfileView.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProfileView.js","sourceRoot":"","sources":["../src/ProfileView.ts"],"names":[],"mappings":";AAAA;EACE;;;;;;;;;;;;;;;;;;AAEF,qCAAgD;AAChD,iEAA4D;AAG5D,2CAA2E;AAC3E,2CAA0C;AAC1C,2CAA0C;AAC1C,yCAA6C;AAC7C,6CAAyC,CAAC,WAAW;AACrD,6CAA4C;AAC5C,mCAAkC;AAClC,2CAA0C;AAC1C,2DAA6D;AAEtD,IAAM,WAAW,GAAG,UACzB,OAAkB,EAClB,OAA2B;IAE3B,IAAM,aAAa,GAAG,IAAA,0BAAc,EAAC,OAAO,EAAE,OAAO,CAAC,OAAO,CAAC,KAAkB,CAAC,CAAC,CAAC,4BAA4B;IAC/G,IAAM,WAAW,GAAG,IAAA,uBAAS,EAAE,OAAO,EAAE,OAAO,CAAC,OAAO,CAAC,KAAkB,CAAC,CAAA;IAC3E,IAAM,MAAM,GAAG;QACb,IAAI,EAAE,IAAA,uBAAQ,iCACT,IAAA,2BAAc,GAAE,GAChB,IAAA,yBAAY,GAAE,KACjB,UAAU,EAAE,kCAA2B,aAAa,CAAC,eAAe,mBAAS,aAAa,CAAC,cAAc,WAAQ,IACjH;QACF,IAAI,EAAE,IAAA,uBAAQ,EAAC,IAAA,iBAAI,GAAE,CAAC;QACtB,IAAI,EAAE,IAAA,uBAAQ,wBACT,IAAA,iBAAI,GAAE,GACN,IAAA,oBAAO,GAAE,EACZ;KACH,CAAC;IAEF,WAAO,eAAI,kiBAAA,qBACK,EAAW,sEAEoB,EAAW,iBAChD,EAA0B,cAC1B,EAAuC,iFAGL,EAAW,eAC/C,EAA4B,sEAEa,EAAW,eACpD,EAAkC,qCAExB,EAAW,KAAK,EAA4B,4DACf,EAAW,eAClD,EAAkC,kCAIzC,KAnBe,MAAM,CAAC,IAAI,EAEoB,MAAM,CAAC,IAAI,EAChD,IAAA,yBAAW,EAAC,aAAa,CAAC,EAC1B,IAAA,0CAAqB,EAAC,OAAO,EAAE,OAAO,CAAC,EAGL,MAAM,CAAC,IAAI,EAC/C,IAAA,uBAAU,EAAC,OAAO,EAAE,OAAO,CAAC,EAEa,MAAM,CAAC,IAAI,EACpD,IAAA,eAAM,EAAC,aAAa,EAAE,WAAW,CAAC,EAExB,MAAM,CAAC,IAAI,EAAK,IAAA,uBAAU,EAAC,OAAO,EAAE,OAAO,CAAC,EACf,MAAM,CAAC,IAAI,EAClD,IAAA,uBAAU,EAAC,aAAa,EAAE,OAAO,CAAC,EAIxC;AACJ,CAAC,CAAC;AAxCW,QAAA,WAAW,eAwCtB"}
+{"version":3,"file":"ProfileView.js","sourceRoot":"","sources":["../src/ProfileView.ts"],"names":[],"mappings":";AAAA;EACE;;;;;;;;;;;;;;;;;;AAEF,qCAAgD;AAChD,iEAA4D;AAG5D,2CAA2E;AAC3E,2CAA0C;AAC1C,2CAA0C;AAC1C,yCAA6C;AAC7C,6CAAyC,CAAC,WAAW;AACrD,6CAA4C;AAC5C,mCAAkC;AAClC,2CAA0C;AAC1C,2DAA6D;AAEtD,IAAM,WAAW,GAAG,UACzB,OAAkB,EAClB,OAA2B;IAE3B,IAAM,aAAa,GAAG,IAAA,0BAAc,EAAC,OAAO,EAAE,OAAO,CAAC,OAAO,CAAC,KAAkB,CAAC,CAAC,CAAC,4BAA4B;IAC/G,IAAM,WAAW,GAAG,IAAA,uBAAS,EAAE,OAAO,EAAE,OAAO,CAAC,OAAO,CAAC,KAAkB,CAAC,CAAA;IAC3E,IAAM,MAAM,GAAG;QACb,IAAI,EAAE,IAAA,uBAAQ,iCACT,IAAA,2BAAc,GAAE,GAChB,IAAA,yBAAY,GAAE,KACjB,UAAU,EAAE,kCAA2B,aAAa,CAAC,eAAe,mBAAS,aAAa,CAAC,cAAc,WAAQ,IACjH;QACF,IAAI,EAAE,IAAA,uBAAQ,EAAC,IAAA,iBAAI,GAAE,CAAC;QACtB,IAAI,EAAE,IAAA,uBAAQ,wBACT,IAAA,iBAAI,GAAE,GACN,IAAA,oBAAO,GAAE,EACZ;KACH,CAAC;IAEF,WAAO,eAAI,wdAAA,qBACK,EAAW,sEAEoB,EAAW,iBAChD,EAA0B,cAC1B,EAAuC,wCAG3C,EAA4B,wDACe,EAAW,eACpD,EAAkC,qCAExB,EAAW,KAAK,EAA4B,4DACf,EAAW,eAClD,EAAkC,gCAGzC,KAhBe,MAAM,CAAC,IAAI,EAEoB,MAAM,CAAC,IAAI,EAChD,IAAA,yBAAW,EAAC,aAAa,CAAC,EAC1B,IAAA,0CAAqB,EAAC,OAAO,EAAE,OAAO,CAAC,EAG3C,IAAA,uBAAU,EAAC,OAAO,EAAE,OAAO,CAAC,EACe,MAAM,CAAC,IAAI,EACpD,IAAA,eAAM,EAAC,aAAa,EAAE,WAAW,CAAC,EAExB,MAAM,CAAC,IAAI,EAAK,IAAA,uBAAU,EAAC,OAAO,EAAE,OAAO,CAAC,EACf,MAAM,CAAC,IAAI,EAClD,IAAA,uBAAU,EAAC,aAAa,EAAE,OAAO,CAAC,EAGxC;AACJ,CAAC,CAAC;AArCW,QAAA,WAAW,eAqCtB"}

package/lib/QRCodeCard.js

@@ -34,8 +34,8 @@ var QRCodeCard = function (profileBasics, subject) {
     var qrCodeCanvasStyle = 'width: 80%; margin:auto;';
     var highlightColor = profileBasics.highlightColor || '#000000';
     var backgroundColor = profileBasics.backgroundColor || '#ffffff';
-    console.log("@@ qrcodes colours highlightColor ".concat(highlightColor, ", backgroundColor ").concat(backgroundColor));
-    return (0, lit_html_1.html)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    <div style=", ">\n      <h3 style=", ">", "</h3>\n      <canvas class=\"QRCode\" style=\"", "\" data-value=\"", "\" highlightColor=\"", "\"} backgroundColor=\"", "\"></canvas>\n    </div>\n  "], ["\n    <div style=", ">\n      <h3 style=", ">", "</h3>\n      <canvas class=\"QRCode\" style=\"", "\" data-value=\"", "\" highlightColor=\"", "\"} backgroundColor=\"", "\"></canvas>\n    </div>\n  "])), styles.info, nameStyle, profileBasics.name, qrCodeCanvasStyle, subject.uri, highlightColor, backgroundColor);
+    // console.log(`@@ qrcodes colours highlightColor ${highlightColor}, backgroundColor ${backgroundColor}`)
+    return (0, lit_html_1.html)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    <div style=", ">\n      <h3 style=", ">", "</h3>\n      <div class=\"QRCode\" style=\"", "\" data-value=\"", "\" highlightColor=\"", "\"} backgroundColor=\"", "\"></div>\n    </div>\n  "], ["\n    <div style=", ">\n      <h3 style=", ">", "</h3>\n      <div class=\"QRCode\" style=\"", "\" data-value=\"", "\" highlightColor=\"", "\"} backgroundColor=\"", "\"></div>\n    </div>\n  "])), styles.info, nameStyle, profileBasics.name, qrCodeCanvasStyle, subject.uri, highlightColor, backgroundColor);
 };
 exports.QRCodeCard = QRCodeCard;
 var templateObject_1;

package/lib/QRCodeCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"QRCodeCard.js","sourceRoot":"","sources":["../src/QRCodeCard.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,uDAAuD;AACvD,EAAE;AACF,qCAAgD;AAEhD,2CAOsB;AAEtB,iEAA4D;AAE5D,IAAM,MAAM,GAAG;IACb,KAAK,EAAE,IAAA,uBAAQ,EAAC,IAAA,sBAAS,GAAE,CAAC;IAC5B,KAAK,EAAE,IAAA,uBAAQ,wBAAM,IAAA,qBAAQ,GAAE,GAAK,IAAA,uBAAU,GAAE,EAAG;IACnD,IAAI,EAAE,IAAA,uBAAQ,EAAC,EAAE,CAAC;IAClB,IAAI,EAAE,IAAA,uBAAQ,wBAAM,IAAA,yBAAY,GAAE,GAAK,IAAA,qBAAQ,GAAE,EAAG;CACrD,CAAC;AAEK,IAAM,UAAU,GAAG,UACxB,aAAkC,EAClC,OAAkB;IAElB,IAAM,SAAS,GAAG,IAAA,uBAAQ,wBACrB,IAAA,oBAAO,GAAE;QACZ,kCAAkC;QAClC,KAAK,EAAE,aAAa,CAAC,cAAc,IACnC,CAAC;IACH,IAAM,iBAAiB,GAAG,0BAA0B,CAAA;IACpD,IAAM,cAAc,GAAG,aAAa,CAAC,cAAc,IAAI,SAAS,CAAA;IAChE,IAAM,eAAe,GAAG,aAAa,CAAC,eAAe,IAAI,SAAS,CAAA;IAClE,OAAO,CAAC,GAAG,CAAC,4CAAqC,cAAc,+BAAqB,eAAe,CAAE,CAAC,CAAA;IAEtG,WAAO,eAAI,2QAAA,mBACI,EAAW,qBACV,EAAS,GAAI,EAAkB,gDACX,EAAiB,kBAAiB,EAAW,sBAAqB,EAAc,wBAAuB,EAAe,8BAEzJ,KAJc,MAAM,CAAC,IAAI,EACV,SAAS,EAAI,aAAa,CAAC,IAAI,EACX,iBAAiB,EAAiB,OAAO,CAAC,GAAG,EAAqB,cAAc,EAAuB,eAAe,EAExJ;AACJ,CAAC,CAAC;AApBW,QAAA,UAAU,cAoBrB"}
+{"version":3,"file":"QRCodeCard.js","sourceRoot":"","sources":["../src/QRCodeCard.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,uDAAuD;AACvD,EAAE;AACF,qCAAgD;AAEhD,2CAOsB;AAEtB,iEAA4D;AAE5D,IAAM,MAAM,GAAG;IACb,KAAK,EAAE,IAAA,uBAAQ,EAAC,IAAA,sBAAS,GAAE,CAAC;IAC5B,KAAK,EAAE,IAAA,uBAAQ,wBAAM,IAAA,qBAAQ,GAAE,GAAK,IAAA,uBAAU,GAAE,EAAG;IACnD,IAAI,EAAE,IAAA,uBAAQ,EAAC,EAAE,CAAC;IAClB,IAAI,EAAE,IAAA,uBAAQ,wBAAM,IAAA,yBAAY,GAAE,GAAK,IAAA,qBAAQ,GAAE,EAAG;CACrD,CAAC;AAEK,IAAM,UAAU,GAAG,UACxB,aAAkC,EAClC,OAAkB;IAElB,IAAM,SAAS,GAAG,IAAA,uBAAQ,wBACrB,IAAA,oBAAO,GAAE;QACZ,kCAAkC;QAClC,KAAK,EAAE,aAAa,CAAC,cAAc,IACnC,CAAC;IACH,IAAM,iBAAiB,GAAG,0BAA0B,CAAA;IACpD,IAAM,cAAc,GAAG,aAAa,CAAC,cAAc,IAAI,SAAS,CAAA;IAChE,IAAM,eAAe,GAAG,aAAa,CAAC,eAAe,IAAI,SAAS,CAAA;IAClE,yGAAyG;IAEzG,WAAO,eAAI,qQAAA,mBACI,EAAW,qBACV,EAAS,GAAI,EAAkB,6CACd,EAAiB,kBAAiB,EAAW,sBAAqB,EAAc,wBAAuB,EAAe,2BAEtJ,KAJc,MAAM,CAAC,IAAI,EACV,SAAS,EAAI,aAAa,CAAC,IAAI,EACd,iBAAiB,EAAiB,OAAO,CAAC,GAAG,EAAqB,cAAc,EAAuB,eAAe,EAErJ;AACJ,CAAC,CAAC;AApBW,QAAA,UAAU,cAoBrB"}

package/lib/index.js

@@ -39,7 +39,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var lit_html_1 = require("lit-html");
 var ProfileView_1 = require("./ProfileView");
 var solid_ui_1 = require("solid-ui");
-var qrcode_1 = require("qrcode");
+var qrcode = require("qrcode");
 function loadExtendedProfile(store, subject) {
     return __awaiter(this, void 0, void 0, function () {
         var otherProfiles;
@@ -75,38 +75,39 @@ var Pane = {
         var store = context.session.store;
         loadExtendedProfile(store, subject).then(function () {
             (0, lit_html_1.render)((0, ProfileView_1.ProfileView)(subject, context), target);
-            var QRCodeEles = Array.from(context.dom.getElementsByClassName('QRCode'));
+            var QRCodeEles = Array.from(target.getElementsByClassName('QRCode')); // was context.dom
             if (!QRCodeEles.length)
                 return console.error("QRCode Ele missing");
-            var _loop_1 = function (canvas) {
-                var value = canvas.getAttribute('data-value');
+            var _loop_1 = function (QRCodeElement) {
+                var value = QRCodeElement.getAttribute('data-value');
                 if (!value)
                     return { value: console.error("QRCode data-value missing") };
-                var highlightColor = canvas.getAttribute('highlightColor') || '#000000';
-                var backgroundColor = canvas.getAttribute('backgroundColor') || '#ffffff';
-                console.log("@@ qrcodes2 colours highlightColor ".concat(highlightColor, ", backgroundColor ").concat(backgroundColor));
+                var highlightColor = QRCodeElement.getAttribute('highlightColor') || '#000000';
+                var backgroundColor = QRCodeElement.getAttribute('backgroundColor') || '#ffffff';
+                // zconsole.log(`@@ qrcodes2 colours highlightColor ${highlightColor}, backgroundColor ${backgroundColor}`)
                 var options = {
+                    type: 'svg',
                     color: {
                         dark: highlightColor,
                         light: backgroundColor
                     }
                 };
-                // see https://www.npmjs.com/package/qrcode#tocanvascanvaselement-text-options-cberror
-                (0, qrcode_1.toCanvas)(canvas, value, options, function (error) {
+                qrcode.toString(value, options, function (error, svg) {
                     if (error) {
                         console.error('QRcode error!', error);
                     }
                     else {
-                        console.log('QRcode success.');
-                        canvas.style.width = "80%";
-                        canvas.style.height = "80%";
-                        canvas.style.margin = "10%";
+                        console.log('QRcode success.', svg);
+                        QRCodeElement.innerHTML = svg;
+                        QRCodeElement.style.width = "80%";
+                        QRCodeElement.style.height = "80%";
+                        QRCodeElement.style.margin = "10%";
                     }
                 });
             };
             for (var _i = 0, _a = QRCodeEles; _i < _a.length; _i++) {
-                var canvas = _a[_i];
-                var state_1 = _loop_1(canvas);
+                var QRCodeElement = _a[_i];
+                var state_1 = _loop_1(QRCodeElement);
                 if (typeof state_1 === "object")
                     return state_1.value;
             }

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "profile-pane",
-  "version": "1.0.9-cf6e7b71",
+  "version": "1.0.10-bf5caffc",
   "description": "A SolidOS compatible pane to display a personal profile page",
   "repository": {
     "type": "git",
@@ -32,37 +32,38 @@
   },
   "license": "MIT",
   "dependencies": {
-    "contacts-pane": "^2.6.2",
-    "lit-html": "^2.2.1",
+    "contacts-pane": "^2.6.3",
+    "lit-html": "^2.2.2",
     "node-polyfill-webpack-plugin": "^1.1.4",
-    "pane-registry": "^2.4.9",
+    "pane-registry": "^2.4.10",
     "path-browserify": "^1.0.1",
     "qrcode": "^1.5.0",
     "rdflib": "^2.2.19",
-    "solid-logic": "^1.3.16",
-    "solid-ui": "^2.4.20",
+    "solid-logic": "^1.3.17",
+    "solid-ui": "^2.4.22",
     "validate-color": "^2.2.1"
   },
   "devDependencies": {
-    "@babel/core": "^7.17.8",
+    "@babel/core": "^7.17.9",
     "@babel/preset-env": "^7.16.11",
     "@babel/preset-typescript": "^7.16.7",
-    "@nestjs/cli": "^8.2.4",
-    "@testing-library/dom": "^8.12.0",
-    "@testing-library/jest-dom": "^5.16.3",
+    "@nestjs/cli": "^8.2.5",
+    "@testing-library/dom": "^8.13.0",
+    "@testing-library/jest-dom": "^5.16.4",
     "@types/jest": "^27.4.1",
-    "@typescript-eslint/eslint-plugin": "^5.17.0",
-    "@typescript-eslint/parser": "^5.17.0",
+    "@typescript-eslint/eslint-plugin": "^5.19.0",
+    "@typescript-eslint/parser": "^5.19.0",
     "babel-jest": "^27.5.1",
     "babel-loader": "^8.2.4",
-    "chat-pane": "^2.4.17",
-    "eslint": "^8.12.0",
+    "chat-pane": "^2.4.18",
+    "eslint": "^8.13.0",
     "html-webpack-plugin": "^5.5.0",
     "jest": "^27.5.1",
     "jest-fetch-mock": "^3.0.3",
+    "path-browserify": "^1.0.1",
     "typescript": "^4.6.3",
-    "webpack": "^5.70.0",
+    "webpack": "^5.72.0",
     "webpack-cli": "^4.9.2",
-    "webpack-dev-server": "^4.7.4"
+    "webpack-dev-server": "^4.8.1"
   }
 }