solid-panes 3.5.22 → 3.5.23-9433a994

package/lib/slideshow/slideshowPane.js

@@ -1,5 +1,9 @@
 "use strict";
 
+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); }); }; }
+
 /*   slideshow Pane
  **
  */
@@ -16,12 +20,12 @@ module.exports = {
   audience: [ns.solid('PowerUser')],
   // Does the subject deserve an slideshow pane?
   label: function label(subject, context) {
-    var kb = context.session.store;
+    var store = context.session.store;
     var ns = UI.ns;
-    var t = kb.findTypeURIs(subject);
+    var t = store.findTypeURIs(subject);
 
     if (t[ns.ldp('Container').uri] || t[ns.ldp('BasicContainer').uri]) {
-      var contents = kb.each(subject, ns.ldp('contains'));
+      var contents = store.each(subject, ns.ldp('contains'));
       var count = 0;
       contents.forEach(function (file) {
         if (UI.widgets.isImage(file)) count++;
@@ -37,27 +41,60 @@ module.exports = {
     var dom = context.dom;
     var styleSheet = 'https://leemark.github.io/better-simple-slideshow/css/simple-slideshow-styles.css';
     UI.widgets.addStyleSheet(dom, styleSheet);
-    var kb = context.session.store;
+    var store = context.session.store;
     var ns = UI.ns;
     var div = dom.createElement('div');
     div.setAttribute('class', 'bss-slides');
-    var t = kb.findTypeURIs(subject);
+    var t = store.findTypeURIs(subject);
     var predicate;
 
     if (t[ns.ldp('BasicContainer').uri] || t[ns.ldp('Container').uri]) {
       predicate = ns.ldp('contains');
     }
 
-    var images = kb.each(subject, predicate); // @@ random order?
+    var images = store.each(subject, predicate); // @@ random order?
     // @@ Ideally: sort by embedded time of image
 
     images.sort(); // Sort for now by URI
 
+    function imageData(_x) {
+      return _imageData.apply(this, arguments);
+    }
+
+    function _imageData() {
+      _imageData = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(image) {
+        var res, blob;
+        return regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _context.next = 2;
+                return store.fetcher.webOperation('GET', image);
+
+              case 2:
+                res = _context.sent;
+                _context.next = 5;
+                return res.blob();
+
+              case 5:
+                blob = _context.sent;
+                return _context.abrupt("return", URL.createObjectURL(blob));
+
+              case 7:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee);
+      }));
+      return _imageData.apply(this, arguments);
+    }
+
     for (var i = 0; i < images.length; i++) {
       if (!UI.widgets.isImage(images[i])) continue;
       var figure = div.appendChild(dom.createElement('figure'));
       var img = figure.appendChild(dom.createElement('img'));
-      img.setAttribute('src', images[i].uri);
+      img.setAttribute('src', imageData(images[i].uri));
       img.setAttribute('width', '100%');
       figure.appendChild(dom.createElement('figcaption'));
     }

package/lib/slideshow/slideshowPane.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/slideshow/slideshowPane.js"],"names":["UI","require","ns","makeBSS","module","exports","icon","icons","iconBase","name","audience","solid","label","subject","context","kb","session","store","t","findTypeURIs","ldp","uri","contents","each","count","forEach","file","widgets","isImage","render","dom","styleSheet","addStyleSheet","div","createElement","setAttribute","predicate","images","sort","i","length","figure","appendChild","img","options","setTimeout"],"mappings":"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","sourcesContent":["/*   slideshow Pane\n **\n */\nconst UI = require('solid-ui')\nconst ns = UI.ns\n\n// tabulator.loadScript(\"js/panes/slideshow/better-simple-slideshow/js/better-simple-slideshow.js\")\n\nconst makeBSS = require('@solid/better-simple-slideshow')\n// load also js/panes/slideshow/better-simple-slideshow/css/simple-slideshow-styles.css\n\nmodule.exports = {\n  icon: UI.icons.iconBase + 'noun_138712.svg',\n\n  name: 'slideshow',\n\n  audience: [ns.solid('PowerUser')],\n\n  // Does the subject deserve an slideshow pane?\n  label: function (subject, context) {\n    const kb = context.session.store\n    const ns = UI.ns\n    const t = kb.findTypeURIs(subject)\n    if (t[ns.ldp('Container').uri] || t[ns.ldp('BasicContainer').uri]) {\n      const contents = kb.each(subject, ns.ldp('contains'))\n      let count = 0\n      contents.forEach(function (file) {\n        if (UI.widgets.isImage(file)) count++\n      })\n      return count > 0 ? 'Slideshow' : null\n    }\n    return null\n  },\n\n  // See https://github.com/leemark/better-simple-slideshow\n  // and follow instructions there\n  render: function (subject, context) {\n    const dom = context.dom\n    const styleSheet =\n      'https://leemark.github.io/better-simple-slideshow/css/simple-slideshow-styles.css'\n    UI.widgets.addStyleSheet(dom, styleSheet)\n\n    const kb = context.session.store\n    const ns = UI.ns\n    const div = dom.createElement('div')\n    div.setAttribute('class', 'bss-slides')\n\n    const t = kb.findTypeURIs(subject)\n    let predicate\n    if (t[ns.ldp('BasicContainer').uri] || t[ns.ldp('Container').uri]) {\n      predicate = ns.ldp('contains')\n    }\n    const images = kb.each(subject, predicate) // @@ random order?\n    // @@ Ideally: sort by embedded time of image\n    images.sort() // Sort for now by URI\n    for (let i = 0; i < images.length; i++) {\n      if (!UI.widgets.isImage(images[i])) continue\n      const figure = div.appendChild(dom.createElement('figure'))\n      const img = figure.appendChild(dom.createElement('img'))\n      img.setAttribute('src', images[i].uri)\n      img.setAttribute('width', '100%')\n      figure.appendChild(dom.createElement('figcaption'))\n    }\n    const options = { dom: dom }\n\n    setTimeout(function () {\n      makeBSS('.bss-slides', options)\n    }, 1000) // Must run after the code which called this\n\n    return div\n  }\n}\n\n// ends\n"],"file":"slideshowPane.js"}
+{"version":3,"sources":["../../src/slideshow/slideshowPane.js"],"names":["UI","require","ns","makeBSS","module","exports","icon","icons","iconBase","name","audience","solid","label","subject","context","store","session","t","findTypeURIs","ldp","uri","contents","each","count","forEach","file","widgets","isImage","render","dom","styleSheet","addStyleSheet","div","createElement","setAttribute","predicate","images","sort","imageData","image","fetcher","webOperation","res","blob","URL","createObjectURL","i","length","figure","appendChild","img","options","setTimeout"],"mappings":"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","sourcesContent":["/*   slideshow Pane\n **\n */\nconst UI = require('solid-ui')\nconst ns = UI.ns\n\n// tabulator.loadScript(\"js/panes/slideshow/better-simple-slideshow/js/better-simple-slideshow.js\")\n\nconst makeBSS = require('@solid/better-simple-slideshow')\n// load also js/panes/slideshow/better-simple-slideshow/css/simple-slideshow-styles.css\n\nmodule.exports = {\n  icon: UI.icons.iconBase + 'noun_138712.svg',\n\n  name: 'slideshow',\n\n  audience: [ns.solid('PowerUser')],\n\n  // Does the subject deserve an slideshow pane?\n  label: function (subject, context) {\n    const store = context.session.store\n    const ns = UI.ns\n    const t = store.findTypeURIs(subject)\n    if (t[ns.ldp('Container').uri] || t[ns.ldp('BasicContainer').uri]) {\n      const contents = store.each(subject, ns.ldp('contains'))\n      let count = 0\n      contents.forEach(function (file) {\n        if (UI.widgets.isImage(file)) count++\n      })\n      return count > 0 ? 'Slideshow' : null\n    }\n    return null\n  },\n\n  // See https://github.com/leemark/better-simple-slideshow\n  // and follow instructions there\n  render: function (subject, context) {\n    const dom = context.dom\n    const styleSheet =\n      'https://leemark.github.io/better-simple-slideshow/css/simple-slideshow-styles.css'\n    UI.widgets.addStyleSheet(dom, styleSheet)\n\n    const store = context.session.store\n    const ns = UI.ns\n    const div = dom.createElement('div')\n    div.setAttribute('class', 'bss-slides')\n\n    const t = store.findTypeURIs(subject)\n    let predicate\n    if (t[ns.ldp('BasicContainer').uri] || t[ns.ldp('Container').uri]) {\n      predicate = ns.ldp('contains')\n    }\n    const images = store.each(subject, predicate) // @@ random order?\n    // @@ Ideally: sort by embedded time of image\n    images.sort() // Sort for now by URI\n    async function imageData (image) { // string\n      const res = await store.fetcher.webOperation('GET', image)\n      const blob = await res.blob()\n      return URL.createObjectURL(blob)\n    }\n    for (let i = 0; i < images.length; i++) {\n      if (!UI.widgets.isImage(images[i])) continue\n      const figure = div.appendChild(dom.createElement('figure'))\n      const img = figure.appendChild(dom.createElement('img'))\n      img.setAttribute('src', imageData(images[i].uri))\n      img.setAttribute('width', '100%')\n      figure.appendChild(dom.createElement('figcaption'))\n    }\n    const options = { dom: dom }\n\n    setTimeout(function () {\n      makeBSS('.bss-slides', options)\n    }, 1000) // Must run after the code which called this\n\n    return div\n  }\n}\n\n// ends\n"],"file":"slideshowPane.js"}