solid-panes 3.5.11 → 3.5.14-alpha

package/lib/trustedApplications/trustedApplications.view.js

@@ -1,106 +1,98 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _solidUi = require("solid-ui");
-
-var _trustedApplications = require("./trustedApplications.dom");
-
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-
-var thisColor = '#418d99';
-var trustedApplicationView = {
-  global: true,
-  icon: "".concat(_solidUi.icons.iconBase, "noun_15177.svg"),
-  name: 'trustedApplications',
-  label: function label() {
-    return null;
-  },
-  render: function render(subject, context) {
-    var dom = context.dom;
-    var div = dom.createElement('div');
-    div.classList.add('trusted-applications-pane');
-    div.setAttribute('style', 'border: 0.3em solid ' + thisColor + '; border-radius: 0.5em; padding: 0.7em; margin-top:0.7em;');
-    var table = div.appendChild(dom.createElement('table'));
-    var main = table.appendChild(dom.createElement('tr'));
-    var bottom = table.appendChild(dom.createElement('tr'));
-    var statusArea = bottom.appendChild(dom.createElement('div'));
-    statusArea.setAttribute('style', 'padding: 0.7em;');
-
-    _render(dom, main, statusArea)["catch"](function (err) {
-      return statusArea.appendChild(_solidUi.widgets.errorMessageBlock(dom, err));
+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());
     });
-
-    return div;
-  }
 };
-
-function _render(_x, _x2, _x3) {
-  return _render2.apply(this, arguments);
-}
-
-function _render2() {
-  _render2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(dom, main, statusArea) {
-    var authContext, subject, profile, editable, applicationsTable;
-    return regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            _context.next = 2;
-            return _solidUi.authn.logInLoadProfile({
-              dom: dom,
-              div: main,
-              statusArea: statusArea,
-              me: null
-            });
-
-          case 2:
-            authContext = _context.sent;
-            subject = authContext.me;
-            profile = subject.doc();
-
-            if (_solidUi.store.updater) {
-              _context.next = 7;
-              break;
+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;
+    return g = { next: verb(0), "throw": verb(1), "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 (_) 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;
             }
-
-            throw new Error('Store has no updater');
-
-          case 7:
-            editable = _solidUi.store.updater.editable(profile.uri, _solidUi.store);
-            main.appendChild((0, _trustedApplications.createText)('h3', 'Manage your trusted applications'));
-
-            if (editable) {
-              _context.next = 12;
-              break;
+            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 });
+var solid_ui_1 = require("solid-ui");
+var trustedApplications_dom_1 = require("./trustedApplications.dom");
+var thisColor = '#418d99';
+var trustedApplicationView = {
+    global: true,
+    icon: "".concat(solid_ui_1.icons.iconBase, "noun_15177.svg"),
+    name: 'trustedApplications',
+    label: function () { return null; },
+    render: function (subject, context) {
+        var dom = context.dom;
+        var div = dom.createElement('div');
+        div.classList.add('trusted-applications-pane');
+        div.setAttribute('style', 'border: 0.3em solid ' +
+            thisColor +
+            '; border-radius: 0.5em; padding: 0.7em; margin-top:0.7em;');
+        var table = div.appendChild(dom.createElement('table'));
+        var main = table.appendChild(dom.createElement('tr'));
+        var bottom = table.appendChild(dom.createElement('tr'));
+        var statusArea = bottom.appendChild(dom.createElement('div'));
+        statusArea.setAttribute('style', 'padding: 0.7em;');
+        render(dom, main, statusArea).catch(function (err) { return statusArea.appendChild(solid_ui_1.widgets.errorMessageBlock(dom, err)); });
+        return div;
+    }
+};
+function render(dom, main, statusArea) {
+    return __awaiter(this, void 0, void 0, function () {
+        var authContext, subject, profile, editable, applicationsTable;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, solid_ui_1.authn.logInLoadProfile({ dom: dom, div: main, statusArea: statusArea, me: null })];
+                case 1:
+                    authContext = _a.sent();
+                    subject = authContext.me;
+                    profile = subject.doc();
+                    if (!solid_ui_1.store.updater) {
+                        throw new Error('Store has no updater');
+                    }
+                    editable = solid_ui_1.store.updater.editable(profile.uri, solid_ui_1.store);
+                    main.appendChild((0, trustedApplications_dom_1.createText)('h3', 'Manage your trusted applications'));
+                    if (!editable) {
+                        main.appendChild(solid_ui_1.widgets.errorMessageBlock(dom, "Your profile ".concat(subject.doc().uri, " is not editable, so we cannot do much here.")));
+                        return [2 /*return*/];
+                    }
+                    main.appendChild((0, trustedApplications_dom_1.createText)('p', 'Here you can manage the applications you trust.'));
+                    applicationsTable = (0, trustedApplications_dom_1.createApplicationTable)(subject);
+                    main.appendChild(applicationsTable);
+                    main.appendChild((0, trustedApplications_dom_1.createText)('h4', 'Notes'));
+                    main.appendChild((0, trustedApplications_dom_1.createContainer)('ol', [
+                        main.appendChild((0, trustedApplications_dom_1.createText)('li', 'Trusted applications will get access to all resources that you have access to.')),
+                        main.appendChild((0, trustedApplications_dom_1.createText)('li', 'You can limit which modes they have by default.')),
+                        main.appendChild((0, trustedApplications_dom_1.createText)('li', 'They will not gain more access than you have.'))
+                    ]));
+                    main.appendChild((0, trustedApplications_dom_1.createText)('p', 'Application URLs must be valid URL. Examples are http://localhost:3000, https://trusted.app, and https://sub.trusted.app.'));
+                    return [2 /*return*/];
             }
-
-            main.appendChild(_solidUi.widgets.errorMessageBlock(dom, "Your profile ".concat(subject.doc().uri, " is not editable, so we cannot do much here.")));
-            return _context.abrupt("return");
-
-          case 12:
-            main.appendChild((0, _trustedApplications.createText)('p', 'Here you can manage the applications you trust.'));
-            applicationsTable = (0, _trustedApplications.createApplicationTable)(subject);
-            main.appendChild(applicationsTable);
-            main.appendChild((0, _trustedApplications.createText)('h4', 'Notes'));
-            main.appendChild((0, _trustedApplications.createContainer)('ol', [main.appendChild((0, _trustedApplications.createText)('li', 'Trusted applications will get access to all resources that you have access to.')), main.appendChild((0, _trustedApplications.createText)('li', 'You can limit which modes they have by default.')), main.appendChild((0, _trustedApplications.createText)('li', 'They will not gain more access than you have.'))]));
-            main.appendChild((0, _trustedApplications.createText)('p', 'Application URLs must be valid URL. Examples are http://localhost:3000, https://trusted.app, and https://sub.trusted.app.'));
-
-          case 18:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee);
-  }));
-  return _render2.apply(this, arguments);
+        });
+    });
 }
-
-var _default = trustedApplicationView;
-exports["default"] = _default;
+exports.default = trustedApplicationView;
 //# sourceMappingURL=trustedApplications.view.js.map

package/lib/trustedApplications/trustedApplications.view.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/trustedApplications/trustedApplications.view.ts"],"names":["thisColor","trustedApplicationView","global","icon","icons","iconBase","name","label","render","subject","context","dom","div","createElement","classList","add","setAttribute","table","appendChild","main","bottom","statusArea","err","widgets","errorMessageBlock","authn","logInLoadProfile","me","authContext","profile","doc","store","updater","Error","editable","uri","applicationsTable"],"mappings":";;;;;;;AAAA;;AAIA;;;;;;AAEA,IAAMA,SAAS,GAAG,SAAlB;AAEA,IAAMC,sBAAsC,GAAG;AAC7CC,EAAAA,MAAM,EAAE,IADqC;AAE7CC,EAAAA,IAAI,YAAKC,eAAMC,QAAX,mBAFyC;AAG7CC,EAAAA,IAAI,EAAE,qBAHuC;AAI7CC,EAAAA,KAAK,EAAE;AAAA,WAAM,IAAN;AAAA,GAJsC;AAK7CC,EAAAA,MAAM,EAAE,gBAACC,OAAD,EAAUC,OAAV,EAAsB;AAC5B,QAAMC,GAAG,GAAGD,OAAO,CAACC,GAApB;AACA,QAAMC,GAAG,GAAGD,GAAG,CAACE,aAAJ,CAAkB,KAAlB,CAAZ;AACAD,IAAAA,GAAG,CAACE,SAAJ,CAAcC,GAAd,CAAkB,2BAAlB;AACAH,IAAAA,GAAG,CAACI,YAAJ,CACE,OADF,EAEE,yBACAhB,SADA,GAEA,2DAJF;AAMA,QAAMiB,KAAK,GAAGL,GAAG,CAACM,WAAJ,CAAgBP,GAAG,CAACE,aAAJ,CAAkB,OAAlB,CAAhB,CAAd;AACA,QAAMM,IAAI,GAAGF,KAAK,CAACC,WAAN,CAAkBP,GAAG,CAACE,aAAJ,CAAkB,IAAlB,CAAlB,CAAb;AACA,QAAMO,MAAM,GAAGH,KAAK,CAACC,WAAN,CAAkBP,GAAG,CAACE,aAAJ,CAAkB,IAAlB,CAAlB,CAAf;AACA,QAAMQ,UAAU,GAAGD,MAAM,CAACF,WAAP,CAAmBP,GAAG,CAACE,aAAJ,CAAkB,KAAlB,CAAnB,CAAnB;AACAQ,IAAAA,UAAU,CAACL,YAAX,CAAwB,OAAxB,EAAiC,iBAAjC;;AACAR,IAAAA,OAAM,CAACG,GAAD,EAAMQ,IAAN,EAAYE,UAAZ,CAAN,UAAoC,UAAAC,GAAG;AAAA,aAAID,UAAU,CAACH,WAAX,CAAuBK,iBAAQC,iBAAR,CAA0Bb,GAA1B,EAA+BW,GAA/B,CAAvB,CAAJ;AAAA,KAAvC;;AACA,WAAOV,GAAP;AACD;AAtB4C,CAA/C;;SAyBeJ,O;;;;;qEAAf,iBAAuBG,GAAvB,EAA4BQ,IAA5B,EAAkCE,UAAlC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAC4BI,eAAMC,gBAAN,CAAuB;AAAEf,cAAAA,GAAG,EAAEA,GAAP;AAAYC,cAAAA,GAAG,EAAEO,IAAjB;AAAuBE,cAAAA,UAAU,EAAEA,UAAnC;AAA+CM,cAAAA,EAAE,EAAE;AAAnD,aAAvB,CAD5B;;AAAA;AACQC,YAAAA,WADR;AAEQnB,YAAAA,OAFR,GAEkBmB,WAAW,CAACD,EAF9B;AAIQE,YAAAA,OAJR,GAIkBpB,OAAO,CAACqB,GAAR,EAJlB;;AAAA,gBAKOC,eAAMC,OALb;AAAA;AAAA;AAAA;;AAAA,kBAMU,IAAIC,KAAJ,CAAU,sBAAV,CANV;;AAAA;AAQQC,YAAAA,QARR,GAQmBH,eAAMC,OAAN,CAAcE,QAAd,CAAuBL,OAAO,CAACM,GAA/B,EAAoCJ,cAApC,CARnB;AAUEZ,YAAAA,IAAI,CAACD,WAAL,CAAiB,qCAAW,IAAX,EAAiB,kCAAjB,CAAjB;;AAVF,gBAYOgB,QAZP;AAAA;AAAA;AAAA;;AAaIf,YAAAA,IAAI,CAACD,WAAL,CACEK,iBAAQC,iBAAR,CAA0Bb,GAA1B,yBAA+CF,OAAO,CAACqB,GAAR,GAAcK,GAA7D,kDADF;AAbJ;;AAAA;AAmBEhB,YAAAA,IAAI,CAACD,WAAL,CAAiB,qCAAW,GAAX,EAAgB,iDAAhB,CAAjB;AAEMkB,YAAAA,iBArBR,GAqB4B,iDAAuB3B,OAAvB,CArB5B;AAsBEU,YAAAA,IAAI,CAACD,WAAL,CAAiBkB,iBAAjB;AAEAjB,YAAAA,IAAI,CAACD,WAAL,CAAiB,qCAAW,IAAX,EAAiB,OAAjB,CAAjB;AACAC,YAAAA,IAAI,CAACD,WAAL,CACE,0CAAgB,IAAhB,EAAsB,CACpBC,IAAI,CAACD,WAAL,CACE,qCACE,IADF,EAEE,gFAFF,CADF,CADoB,EAOpBC,IAAI,CAACD,WAAL,CACE,qCAAW,IAAX,EAAiB,iDAAjB,CADF,CAPoB,EAUpBC,IAAI,CAACD,WAAL,CACE,qCAAW,IAAX,EAAiB,+CAAjB,CADF,CAVoB,CAAtB,CADF;AAgBAC,YAAAA,IAAI,CAACD,WAAL,CACE,qCAAW,GAAX,EAAgB,2HAAhB,CADF;;AAzCF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,G;;;;eA8CejB,sB","sourcesContent":["import { authn, icons, store, widgets } from 'solid-ui'\nimport { NamedNode } from 'rdflib'\n\nimport { PaneDefinition } from 'pane-registry'\nimport { createApplicationTable, createContainer, createText } from './trustedApplications.dom'\n\nconst thisColor = '#418d99'\n\nconst trustedApplicationView: PaneDefinition = {\n  global: true,\n  icon: `${icons.iconBase}noun_15177.svg`,\n  name: 'trustedApplications',\n  label: () => null,\n  render: (subject, context) => {\n    const dom = context.dom\n    const div = dom.createElement('div')\n    div.classList.add('trusted-applications-pane')\n    div.setAttribute(\n      'style',\n      'border: 0.3em solid ' +\n      thisColor +\n      '; border-radius: 0.5em; padding: 0.7em; margin-top:0.7em;'\n    )\n    const table = div.appendChild(dom.createElement('table'))\n    const main = table.appendChild(dom.createElement('tr'))\n    const bottom = table.appendChild(dom.createElement('tr'))\n    const statusArea = bottom.appendChild(dom.createElement('div'))\n    statusArea.setAttribute('style', 'padding: 0.7em;')\n    render(dom, main, statusArea).catch(err => statusArea.appendChild(widgets.errorMessageBlock(dom, err)))\n    return div\n  }\n}\n\nasync function render (dom, main, statusArea): Promise<void> {\n  const authContext = await authn.logInLoadProfile({ dom: dom, div: main, statusArea: statusArea, me: null })\n  const subject = authContext.me as NamedNode\n\n  const profile = subject.doc()\n  if (!store.updater) {\n    throw new Error('Store has no updater')\n  }\n  const editable = store.updater.editable(profile.uri, store)\n\n  main.appendChild(createText('h3', 'Manage your trusted applications'))\n\n  if (!editable) {\n    main.appendChild(\n      widgets.errorMessageBlock(dom, `Your profile ${subject.doc().uri} is not editable, so we cannot do much here.`)\n    )\n    return\n  }\n\n  main.appendChild(createText('p', 'Here you can manage the applications you trust.'))\n\n  const applicationsTable = createApplicationTable(subject)\n  main.appendChild(applicationsTable)\n\n  main.appendChild(createText('h4', 'Notes'))\n  main.appendChild(\n    createContainer('ol', [\n      main.appendChild(\n        createText(\n          'li',\n          'Trusted applications will get access to all resources that you have access to.'\n        )\n      ),\n      main.appendChild(\n        createText('li', 'You can limit which modes they have by default.')\n      ),\n      main.appendChild(\n        createText('li', 'They will not gain more access than you have.')\n      )\n    ])\n  )\n  main.appendChild(\n    createText('p', 'Application URLs must be valid URL. Examples are http://localhost:3000, https://trusted.app, and https://sub.trusted.app.')\n  )\n}\n\nexport default trustedApplicationView\n"],"file":"trustedApplications.view.js"}
+{"version":3,"file":"trustedApplications.view.js","sourceRoot":"","sources":["../../src/trustedApplications/trustedApplications.view.ts"],"names":[],"mappings":"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"}

package/lib/types.js

@@ -1,6 +1,3 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=types.js.map

package/lib/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"types.js"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}

package/lib/versionInfo.d.ts

@@ -7,7 +7,6 @@ declare const _default: {
         ares: string;
         brotli: string;
         cldr: string;
-        http_parser: string;
         icu: string;
         llhttp: string;
         modules: string;

package/lib/versionInfo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"versionInfo.d.ts","sourceRoot":"","sources":["../src/versionInfo.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,wBAwBC"}
+{"version":3,"file":"versionInfo.d.ts","sourceRoot":"","sources":["../src/versionInfo.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,wBAuBC"}

package/lib/versionInfo.js

@@ -1,32 +1,26 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _default = {
-  buildTime: '2021-11-09T21:16:26Z',
-  commit: '354975d41e78769bf91d72a0c115bb9dc3bad510',
-  npmInfo: {
-    'solid-panes': '3.5.10',
-    npm: '6.10.0',
-    ares: '1.15.0',
-    brotli: '1.0.7',
-    cldr: '35.1',
-    http_parser: '2.8.0',
-    icu: '64.2',
-    llhttp: '1.1.4',
-    modules: '72',
-    napi: '4',
-    nghttp2: '1.39.1',
-    node: '12.7.0',
-    openssl: '1.1.1c',
-    tz: '2019a',
-    unicode: '12.1',
-    uv: '1.30.1',
-    v8: '7.5.288.22-node.16',
-    zlib: '1.2.11'
-  }
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    buildTime: '2022-01-18T23:23:17Z',
+    commit: '36b208831217a00e6be5f0fb39a379468f906c2b',
+    npmInfo: {
+        'solid-panes': '3.5.14',
+        npm: '6.14.13',
+        ares: '1.17.1',
+        brotli: '1.0.9',
+        cldr: '39.0',
+        icu: '69.1',
+        llhttp: '2.1.3',
+        modules: '83',
+        napi: '8',
+        nghttp2: '1.42.0',
+        node: '14.17.3',
+        openssl: '1.1.1k',
+        tz: '2021a',
+        unicode: '13.0',
+        uv: '1.41.0',
+        v8: '8.4.371.23-node.67',
+        zlib: '1.2.11'
+    }
 };
-exports["default"] = _default;
 //# sourceMappingURL=versionInfo.js.map

package/lib/versionInfo.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/versionInfo.ts"],"names":["buildTime","commit","npmInfo","npm","ares","brotli","cldr","http_parser","icu","llhttp","modules","napi","nghttp2","node","openssl","tz","unicode","uv","v8","zlib"],"mappings":";;;;;;eAAe;AACbA,EAAAA,SAAS,EAAE,sBADE;AAEbC,EAAAA,MAAM,EAAE,0CAFK;AAGbC,EAAAA,OAAO,EACT;AACE,mBAAe,QADjB;AAEEC,IAAAA,GAAG,EAAE,QAFP;AAGEC,IAAAA,IAAI,EAAE,QAHR;AAIEC,IAAAA,MAAM,EAAE,OAJV;AAKEC,IAAAA,IAAI,EAAE,MALR;AAMEC,IAAAA,WAAW,EAAE,OANf;AAOEC,IAAAA,GAAG,EAAE,MAPP;AAQEC,IAAAA,MAAM,EAAE,OARV;AASEC,IAAAA,OAAO,EAAE,IATX;AAUEC,IAAAA,IAAI,EAAE,GAVR;AAWEC,IAAAA,OAAO,EAAE,QAXX;AAYEC,IAAAA,IAAI,EAAE,QAZR;AAaEC,IAAAA,OAAO,EAAE,QAbX;AAcEC,IAAAA,EAAE,EAAE,OAdN;AAeEC,IAAAA,OAAO,EAAE,MAfX;AAgBEC,IAAAA,EAAE,EAAE,QAhBN;AAiBEC,IAAAA,EAAE,EAAE,oBAjBN;AAkBEC,IAAAA,IAAI,EAAE;AAlBR;AAJe,C","sourcesContent":["export default {\n  buildTime: '2021-11-09T21:16:26Z',\n  commit: '354975d41e78769bf91d72a0c115bb9dc3bad510',\n  npmInfo:\n{\n  'solid-panes': '3.5.10',\n  npm: '6.10.0',\n  ares: '1.15.0',\n  brotli: '1.0.7',\n  cldr: '35.1',\n  http_parser: '2.8.0',\n  icu: '64.2',\n  llhttp: '1.1.4',\n  modules: '72',\n  napi: '4',\n  nghttp2: '1.39.1',\n  node: '12.7.0',\n  openssl: '1.1.1c',\n  tz: '2019a',\n  unicode: '12.1',\n  uv: '1.30.1',\n  v8: '7.5.288.22-node.16',\n  zlib: '1.2.11'\n}\n}\n"],"file":"versionInfo.js"}
+{"version":3,"file":"versionInfo.js","sourceRoot":"","sources":["../src/versionInfo.ts"],"names":[],"mappings":";;AAAA,kBAAe;IACb,SAAS,EAAE,sBAAsB;IACjC,MAAM,EAAE,0CAA0C;IAClD,OAAO,EACT;QACE,aAAa,EAAE,QAAQ;QACvB,GAAG,EAAE,SAAS;QACd,IAAI,EAAE,QAAQ;QACd,MAAM,EAAE,OAAO;QACf,IAAI,EAAE,MAAM;QACZ,GAAG,EAAE,MAAM;QACX,MAAM,EAAE,OAAO;QACf,OAAO,EAAE,IAAI;QACb,IAAI,EAAE,GAAG;QACT,OAAO,EAAE,QAAQ;QACjB,IAAI,EAAE,SAAS;QACf,OAAO,EAAE,QAAQ;QACjB,EAAE,EAAE,OAAO;QACX,OAAO,EAAE,MAAM;QACf,EAAE,EAAE,QAAQ;QACZ,EAAE,EAAE,oBAAoB;QACxB,IAAI,EAAE,QAAQ;KACf;CACA,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "solid-panes",
-  "version": "3.5.11",
+  "version": "3.5.14-alpha",
   "description": "Solid-compatible Panes: applets and views for the mashlib and databrowser",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -45,7 +45,7 @@
   "homepage": "https://github.com/solid/solid-panes",
   "dependencies": {
     "@babel/polyfill": "^7.12.1",
-    "@inrupt/solid-client-authn-browser": "^1.11.2",
+    "@inrupt/solid-client-authn-browser": "^1.11.3",
     "@solid/better-simple-slideshow": "^0.1.0",
     "activitystreams-pane": "^0.6.2",
     "babel-preset-env": "^1.7.0",
@@ -54,47 +54,48 @@
     "contacts-pane": "^2.5.6",
     "folder-pane": "^2.4.10",
     "issue-pane": "^2.4.8",
-    "markdown-pane": "^0.2.1",
+    "marked": "^4.0.8",
     "meeting-pane": "^2.3.7",
     "mime-types": "^2.1.34",
-    "pane-registry": "^2.4.3",
+    "pane-registry": "^2.4.5-alpha",
     "path-browserify": "^1.0.1",
     "profile-pane": "^1.0.4",
-    "rdflib": "^2.2.10",
+    "rdflib": "^2.2.15",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
+    "solid-logic": "^1.3.12",
     "solid-namespace": "^0.5.2",
-    "solid-ui": "^2.4.11",
+    "solid-ui": "^2.4.14-alpha",
     "source-pane": "^2.2.13"
   },
   "devDependencies": {
     "@babel/cli": "^7.16.0",
-    "@babel/core": "^7.16.0",
-    "@babel/preset-env": "^7.16.0",
-    "@babel/preset-typescript": "^7.16.0",
-    "@testing-library/dom": "^8.11.0",
-    "@testing-library/jest-dom": "^5.15.0",
-    "@types/jest": "^27.0.2",
+    "@babel/core": "^7.16.5",
+    "@babel/preset-env": "^7.16.5",
+    "@babel/preset-typescript": "^7.16.5",
+    "@testing-library/dom": "^8.11.1",
+    "@testing-library/jest-dom": "^5.16.1",
+    "@types/jest": "^27.0.3",
     "@types/webpack-env": "^1.16.3",
-    "@typescript-eslint/eslint-plugin": "^5.3.1",
-    "@typescript-eslint/parser": "^5.3.1",
+    "@typescript-eslint/eslint-plugin": "^5.8.0",
+    "@typescript-eslint/parser": "^5.8.0",
     "babel-loader": "^8.2.3",
     "babel-plugin-inline-import": "^3.0.0",
     "eslint": "^7.32.0",
-    "fork-ts-checker-webpack-plugin": "^6.4.0",
+    "fork-ts-checker-webpack-plugin": "^6.5.0",
     "html-webpack-plugin": "^5.5.0",
     "husky": "^7.0.4",
-    "jest": "^27.3.1",
+    "jest": "^27.4.5",
     "jest-fetch-mock": "^3.0.3",
-    "lint-staged": "^11.2.6",
+    "lint-staged": "^12.1.4",
     "raw-loader": "^4.0.2",
     "standard": "^16.0.4",
-    "ts-jest": "^27.0.7",
+    "ts-jest": "^27.1.2",
     "ts-loader": "^9.2.6",
-    "typescript": "^4.4.4",
-    "webpack": "^5.63.0",
+    "typescript": "^4.5.4",
+    "webpack": "^5.65.0",
     "webpack-cli": "^4.9.1",
-    "webpack-dev-server": "^4.4.0"
+    "webpack-dev-server": "^4.7.1"
   },
   "husky": {
     "hooks": {

package/src/dashboard/dashboardPane.ts

@@ -1,5 +1,5 @@
 import { authn, icons, store } from 'solid-ui'
-import { Fetcher, NamedNode, sym } from 'rdflib'
+import { Fetcher, NamedNode } from 'rdflib'
 import { generateHomepage } from './homepage'
 import { DataBrowserContext, PaneDefinition } from 'pane-registry'
 
@@ -7,6 +7,7 @@ export const dashboardPane: PaneDefinition = {
   icon: icons.iconBase + 'noun_547570.svg',
   name: 'dashboard',
   label: subject => {
+    console.log()
     if (subject.uri === subject.site().uri) {
       return 'Dashboard'
     }
@@ -47,8 +48,9 @@ function buildPage (
   context: DataBrowserContext,
   subject: NamedNode
 ) {
-  // console.log('build page')
-  if (webId && webId.site().uri === subject.site().uri) {
+  // if uri then SolidOS is a browse.html web app
+  const uri = (new URL(window.location.href)).searchParams.get('uri')
+  if (webId && (uri || webId.site().uri === subject.site().uri)) {
     return buildDashboard(container, context)
   }
   return buildHomePage(container, subject)

package/src/form/pane.js

@@ -90,7 +90,7 @@ module.exports = {
           const heading = dom.createElement('h4')
           box.appendChild(heading)
           if (form.uri) {
-            const formStore = $rdf.Util.uri.document(form)
+            const formStore = $rdf.Util.uri.document(form.uri)
             if (formStore.uri !== form.uri) {
               // The form is a hash-type URI
               const e = box.appendChild(

package/src/humanReadablePane.js

@@ -3,23 +3,24 @@
  **  This outline pane contains the document contents for an HTML document
  **  This is for peeking at a page, because the user might not want to leave the data browser.
  */
-const UI = require('solid-ui')
-const $rdf = require('rdflib')
+import { icons, ns } from 'solid-ui'
+import { Util } from 'rdflib'
+import { marked } from 'marked'
 
-module.exports = {
-  icon: UI.icons.originalIconBase + 'tango/22-text-x-generic.png',
+const humanReadablePane = {
+  icon: icons.originalIconBase + 'tango/22-text-x-generic.png',
 
   name: 'humanReadable',
 
   label: function (subject, context) {
     const kb = context.session.store
-    const ns = UI.ns
 
     //   See also the source pane, which has lower precedence.
 
     const allowed = [
       'text/plain',
       'text/html',
+      'text/markdown',
       'application/xhtml+xml',
       'image/png',
       'image/jpeg',
@@ -45,7 +46,7 @@ module.exports = {
     const hasContentTypeIn2 = function (kb, x, displayables) {
       const t = kb.findTypeURIs(subject)
       for (let k = 0; k < displayables.length; k++) {
-        if ($rdf.Util.mediaTypeClass(displayables[k]).uri in t) {
+        if (Util.mediaTypeClass(displayables[k]).uri in t) {
           return true
         }
       }
@@ -72,12 +73,6 @@ module.exports = {
     const div = myDocument.createElement('div')
     const kb = context.session.store
 
-    //  @@ When we can, use CSP to turn off scripts within the iframe
-    div.setAttribute('class', 'docView')
-    const iframe = myDocument.createElement('IFRAME')
-    iframe.setAttribute('src', subject.uri) // allow-same-origin
-    iframe.setAttribute('class', 'doc')
-
     const cts = kb.fetcher.getHeader(subject.doc(), 'content-type')
     const ct = cts ? cts[0] : null
     if (ct) {
@@ -86,6 +81,34 @@ module.exports = {
       console.log('humanReadablePane: unknown content-type?')
     }
 
+    //  @@ When we can, use CSP to turn off scripts within the iframe
+    div.setAttribute('class', 'docView')
+    const element = ct === 'text/markdown' ? 'DIV' : 'IFRAME'
+    const frame = myDocument.createElement(element)
+    // let dataUri
+
+    // render markdown to html
+    const markdownHtml = function () {
+      kb.fetcher.webOperation('GET', subject.uri).then(response => {
+        const markdownText = response.responseText
+        const lines = Math.min(30, markdownText.split(/\n/).length + 5)
+        const res = marked.parse(markdownText)
+        // dataUri = 'data:text/html;charset=utf-8,' + encodeURIComponent(res)
+        // iframe.setAttribute('src', dataUri)
+        frame.innerHTML = res
+        frame.setAttribute('class', 'doc')
+        frame.setAttribute('style', `border: 1px solid; padding: 1em; height: ${lines}em; width: 800px; resize: both; overflow: auto;`)
+      })
+    }
+
+    if (ct === 'text/markdown') {
+      markdownHtml()
+    } else {
+      frame.setAttribute('src', subject.uri) // allow-same-origin
+      frame.setAttribute('class', 'doc')
+      frame.setAttribute('style', 'resize = both; height:120em; width:80em;')
+    }
+
     // @@ Note below - if we set ANY sandbox, then Chrome and Safari won't display it if it is PDF.
     // https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe
     // You can;'t have any sandbox and allow plugins.
@@ -94,13 +117,14 @@ module.exports = {
 
     // iframe.setAttribute('sandbox', 'allow-same-origin allow-forms'); // allow-scripts ?? no documents should be static
 
-    iframe.setAttribute('style', 'resize = both; height: 120em; width:80em;')
     //        iframe.setAttribute('height', '480')
     //        iframe.setAttribute('width', '640')
     const tr = myDocument.createElement('TR')
-    tr.appendChild(iframe)
+    tr.appendChild(frame)
     div.appendChild(tr)
     return div
   }
 }
+
+export default humanReadablePane
 // ends

package/src/index.ts

@@ -14,6 +14,7 @@
 // var UI = require('solid-ui') // Note we will add the panes register to this.
 import versionInfo from './versionInfo'
 import * as UI from 'solid-ui'
+import { LiveStore } from 'solid-logic'
 import OutlineManager from './outline/manager.js'
 import registerPanes from './registerPanes.js'
 import {
@@ -21,10 +22,10 @@ import {
   paneForIcon,
   paneForPredicate,
   register,
-  byName,
-  LiveStore
+  byName
 } from 'pane-registry'
 import { createContext } from './outline/context'
+import initMainPage from './mainPage'
 
 export function getOutliner (dom) {
   if (!dom.outlineManager) {
@@ -61,4 +62,4 @@ export {
 // where there are many occurrences of window and of window.document
 // But each DOM should have just one outline manager.
 
-export { OutlineManager, UI, versionInfo }
+export { OutlineManager, UI, versionInfo, initMainPage }

package/src/mainPage/footer.ts

@@ -0,0 +1,19 @@
+import { IndexedFormula } from 'rdflib'
+import { initFooter } from 'solid-ui'
+
+/**
+ * links in the footer
+*/
+const SOLID_PROJECT_URL = 'https://solidproject.org'
+const SOLID_PROJECT_NAME = 'solidproject.org'
+
+export function createFooter (store: IndexedFormula) {
+  initFooter(store, setFooterOptions())
+}
+
+function setFooterOptions () {
+  return {
+    solidProjectUrl: SOLID_PROJECT_URL,
+    solidProjectName: SOLID_PROJECT_NAME
+  }
+}