solid-panes 3.5.32 → 3.5.33

package/lib/video/videoPane.js

@@ -1,18 +1,18 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
 var UI = _interopRequireWildcard(require("solid-ui"));
 var $rdf = _interopRequireWildcard(require("rdflib"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 /*   Single video play Pane
  **
  */
-var _default = {
+var _default = exports["default"] = {
   icon: UI.icons.iconBase + 'noun_1619.svg',
   name: 'video',
   // Does the subject deserve an slideshow pane?
@@ -26,14 +26,20 @@ var _default = {
     return null;
   },
   render: function render(subject, context) {
+    var kb = context.session.store;
     var dom = context.dom;
     var div = dom.createElement('div');
     var video = div.appendChild(dom.createElement('video'));
     video.setAttribute('controls', 'yes');
-    video.setAttribute('src', subject.uri);
+    // get video with authenticated fetch
+    kb.fetcher._fetch(subject.uri).then(function (response) {
+      return response.blob();
+    }).then(function (myBlob) {
+      var objectURL = URL.createObjectURL(myBlob);
+      video.setAttribute('src', objectURL); // w640 h480 //
+    });
     video.setAttribute('width', '100%');
     return div;
   }
 }; // ends
-exports["default"] = _default;
 //# sourceMappingURL=videoPane.js.map

package/lib/video/videoPane.js.map

@@ -1 +1 @@
-{"version":3,"file":"videoPane.js","names":["UI","_interopRequireWildcard","require","$rdf","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_default","icon","icons","iconBase","name","label","subject","context","kb","session","store","typeURIs","findTypeURIs","prefix","Util","mediaTypeClass","uri","split","t","startsWith","render","dom","div","createElement","video","appendChild","setAttribute","exports"],"sources":["../../src/video/videoPane.js"],"sourcesContent":["/*   Single video play Pane\n **\n */\nimport * as UI from 'solid-ui'\nimport * as $rdf from 'rdflib'\n\nexport default {\n  icon: UI.icons.iconBase + 'noun_1619.svg',\n\n  name: 'video',\n\n  // Does the subject deserve an slideshow pane?\n  label: function (subject, context) {\n    const kb = context.session.store\n    const typeURIs = kb.findTypeURIs(subject)\n    const prefix = $rdf.Util.mediaTypeClass('video/*').uri.split('*')[0]\n    for (const t in typeURIs) {\n      if (t.startsWith(prefix)) return 'Play video'\n    }\n\n    return null\n  },\n\n  render: function (subject, context) {\n    const dom = context.dom\n    const div = dom.createElement('div')\n    const video = div.appendChild(dom.createElement('video'))\n    video.setAttribute('controls', 'yes')\n    video.setAttribute('src', subject.uri)\n    video.setAttribute('width', '100%')\n    return div\n  }\n}\n// ends\n"],"mappings":";;;;;;;AAGA,IAAAA,EAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAF,uBAAA,CAAAC,OAAA;AAA8B,SAAAE,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAJ,wBAAAQ,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,aAAAE,OAAA,CAAAF,GAAA,yBAAAA,GAAA,uCAAAA,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,cAAAN,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAJ9B;AACA;AACA;AAFA,IAAAW,QAAA,GAMe;EACbC,IAAI,EAAE3B,EAAE,CAAC4B,KAAK,CAACC,QAAQ,GAAG,eAAe;EAEzCC,IAAI,EAAE,OAAO;EAEb;EACAC,KAAK,EAAE,SAAAA,MAAUC,OAAO,EAAEC,OAAO,EAAE;IACjC,IAAMC,EAAE,GAAGD,OAAO,CAACE,OAAO,CAACC,KAAK;IAChC,IAAMC,QAAQ,GAAGH,EAAE,CAACI,YAAY,CAACN,OAAO,CAAC;IACzC,IAAMO,MAAM,GAAGpC,IAAI,CAACqC,IAAI,CAACC,cAAc,CAAC,SAAS,CAAC,CAACC,GAAG,CAACC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IACpE,KAAK,IAAMC,CAAC,IAAIP,QAAQ,EAAE;MACxB,IAAIO,CAAC,CAACC,UAAU,CAACN,MAAM,CAAC,EAAE,OAAO,YAAY;IAC/C;IAEA,OAAO,IAAI;EACb,CAAC;EAEDO,MAAM,EAAE,SAAAA,OAAUd,OAAO,EAAEC,OAAO,EAAE;IAClC,IAAMc,GAAG,GAAGd,OAAO,CAACc,GAAG;IACvB,IAAMC,GAAG,GAAGD,GAAG,CAACE,aAAa,CAAC,KAAK,CAAC;IACpC,IAAMC,KAAK,GAAGF,GAAG,CAACG,WAAW,CAACJ,GAAG,CAACE,aAAa,CAAC,OAAO,CAAC,CAAC;IACzDC,KAAK,CAACE,YAAY,CAAC,UAAU,EAAE,KAAK,CAAC;IACrCF,KAAK,CAACE,YAAY,CAAC,KAAK,EAAEpB,OAAO,CAACU,GAAG,CAAC;IACtCQ,KAAK,CAACE,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC;IACnC,OAAOJ,GAAG;EACZ;AACF,CAAC,EACD;AAAAK,OAAA,cAAA3B,QAAA"}
+{"version":3,"file":"videoPane.js","names":["UI","_interopRequireWildcard","require","$rdf","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_default","exports","icon","icons","iconBase","name","label","subject","context","kb","session","store","typeURIs","findTypeURIs","prefix","Util","mediaTypeClass","uri","split","startsWith","render","dom","div","createElement","video","appendChild","setAttribute","fetcher","_fetch","then","response","blob","myBlob","objectURL","URL","createObjectURL"],"sources":["../../src/video/videoPane.js"],"sourcesContent":["/*   Single video play Pane\n **\n */\nimport * as UI from 'solid-ui'\nimport * as $rdf from 'rdflib'\n\nexport default {\n  icon: UI.icons.iconBase + 'noun_1619.svg',\n\n  name: 'video',\n\n  // Does the subject deserve an slideshow pane?\n  label: function (subject, context) {\n    const kb = context.session.store\n    const typeURIs = kb.findTypeURIs(subject)\n    const prefix = $rdf.Util.mediaTypeClass('video/*').uri.split('*')[0]\n    for (const t in typeURIs) {\n      if (t.startsWith(prefix)) return 'Play video'\n    }\n\n    return null\n  },\n\n  render: function (subject, context) {\n    const kb = context.session.store\n    const dom = context.dom\n    const div = dom.createElement('div')\n    const video = div.appendChild(dom.createElement('video'))\n    video.setAttribute('controls', 'yes')\n    // get video with authenticated fetch\n    kb.fetcher._fetch(subject.uri)\n      .then(function(response) {\n        return response.blob()\n      })\n      .then(function(myBlob) {\n        const objectURL = URL.createObjectURL(myBlob)\n        video.setAttribute('src', objectURL) // w640 h480 //\n      })\n\n    video.setAttribute('width', '100%')\n    return div\n  }\n}\n// ends\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "solid-panes",
-  "version": "3.5.32",
+  "version": "3.5.33",
   "description": "Solid-compatible Panes: applets and views for the mashlib and databrowser",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -46,49 +46,50 @@
   "homepage": "https://github.com/solidos/solid-panes",
   "dependencies": {
     "@solid/better-simple-slideshow": "^0.1.0",
-    "activitystreams-pane": "0.6.11",
-    "chat-pane": "2.4.23",
-    "contacts-pane": "^2.6.10",
-    "dompurify": "^3.0.1",
-    "folder-pane": "^2.4.25",
-    "issue-pane": "2.4.17",
-    "marked": "^4.2.12",
-    "meeting-pane": "^2.3.17",
+    "activitystreams-pane": "0.6.12",
+    "chat-pane": "2.4.25",
+    "contacts-pane": "^2.6.11",
+    "dompurify": "^3.0.6",
+    "folder-pane": "^2.4.26",
+    "issue-pane": "2.4.18",
+    "marked": "^11.0.0",
+    "meeting-pane": "^2.3.18",
     "mime-types": "^2.1.35",
-    "profile-pane": "^1.0.16",
-    "solid-namespace": "^0.5.2",
-    "solid-ui": "2.4.27",
-    "source-pane": "^2.2.24"
+    "profile-pane": "^1.0.18",
+    "solid-namespace": "^0.5.3",
+    "solid-ui": "2.4.32",
+    "source-pane": "^2.2.25"
   },
   "devDependencies": {
-    "@babel/cli": "^7.21.0",
-    "@babel/core": "^7.21.3",
-    "@babel/preset-env": "^7.20.2",
-    "@babel/preset-typescript": "^7.21.0",
-    "@testing-library/dom": "^8.20.0",
-    "@testing-library/jest-dom": "^5.16.5",
-    "@types/jest": "^27.5.2",
-    "@types/webpack-env": "^1.18.0",
-    "@typescript-eslint/eslint-plugin": "^5.55.0",
-    "@typescript-eslint/parser": "^5.55.0",
-    "babel-loader": "^8.3.0",
+    "@babel/cli": "^7.23.4",
+    "@babel/core": "^7.23.5",
+    "@babel/preset-env": "^7.23.5",
+    "@babel/preset-typescript": "^7.23.3",
+    "@testing-library/dom": "^9.3.3",
+    "@testing-library/jest-dom": "^6.1.5",
+    "@types/jest": "^29.5.10",
+    "@types/webpack-env": "^1.18.4",
+    "@typescript-eslint/eslint-plugin": "^6.13.2",
+    "@typescript-eslint/parser": "^6.13.2",
+    "babel-loader": "^9.1.3",
     "babel-plugin-inline-import": "^3.0.0",
     "buffer": "^6.0.3",
-    "eslint": "^8.36.0",
-    "html-webpack-plugin": "^5.5.0",
-    "husky": "^7.0.4",
-    "jest": "^27.5.1",
+    "eslint": "^8.55.0",
+    "html-webpack-plugin": "^5.5.3",
+    "husky": "^8.0.3",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
     "jest-fetch-mock": "^3.0.3",
-    "lint-staged": "^12.5.0",
+    "lint-staged": "^15.2.0",
     "node-polyfill-webpack-plugin": "^2.0.1",
     "path-browserify": "^1.0.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "ts-jest": "^27.1.5",
-    "typescript": "^4.9.5",
-    "webpack": "^5.76.2",
-    "webpack-cli": "^4.10.0",
-    "webpack-dev-server": "^4.12.0"
+    "ts-jest": "^29.1.1",
+    "typescript": "^5.3.2",
+    "webpack": "^5.89.0",
+    "webpack-cli": "^5.1.4",
+    "webpack-dev-server": "^4.15.1"
   },
   "husky": {
     "hooks": {

package/src/audio/audioPane.js

@@ -156,7 +156,16 @@ export default {
     const audioControl = function (song, autoplay) {
       const audio = dom.createElement('audio')
       audio.setAttribute('controls', 'yes')
-      audio.setAttribute('src', song.uri)
+      // get audio with authenticated fetch
+      kb.fetcher._fetch(song.uri)
+        .then(function(response) {
+          return response.blob()
+        })
+        .then(function(myBlob) {
+          const objectURL = URL.createObjectURL(myBlob)
+          audio.setAttribute('src', objectURL) // w640 h480 //
+        })
+
       if (autoplay) {
         audio.setAttribute('autoplay', 'autoplay') // Make this a personal preference
       }

package/src/trustedApplications/__snapshots__/trustedApplications.test.ts.snap

@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`getStatementsToAdd should return all required statements to add the given permissions for a given origin 1`] = `
-Array [
+[
   Statement {
     "graph": NamedNode {
       "classOrder": 5,
@@ -102,7 +102,7 @@ Array [
 `;
 
 exports[`getStatementsToDelete should return all statements for the given origin 1`] = `
-Array [
+[
   Statement {
     "graph": DefaultGraph {
       "classOrder": undefined,

package/src/versionInfo.ts

@@ -1,21 +1,21 @@
 export default {
-buildTime: "2023-03-17T15:26:14Z",
-commit: "32b73b7d09660ebf8ec1fed046cd06e9b07beabe",
+buildTime: "2023-12-05T19:40:54Z",
+commit: "a5a81b8818d4d69ce7b812e84d8d95e1f3f84793",
 npmInfo:
 {
-  'solid-panes': '3.5.32',
+  'solid-panes': '3.5.33',
   npm: '8.19.4',
-  node: '16.19.1',
-  v8: '9.4.146.26-node.24',
+  node: '16.20.2',
+  v8: '9.4.146.26-node.26',
   uv: '1.43.0',
   zlib: '1.2.11',
   brotli: '1.0.9',
-  ares: '1.18.1',
+  ares: '1.19.1',
   modules: '93',
   nghttp2: '1.47.0',
   napi: '8',
-  llhttp: '6.0.10',
-  openssl: '1.1.1t+quic',
+  llhttp: '6.0.11',
+  openssl: '1.1.1v+quic',
   cldr: '41.0',
   icu: '71.1',
   tz: '2022f',

package/src/video/videoPane.js

@@ -22,11 +22,21 @@ export default {
   },
 
   render: function (subject, context) {
+    const kb = context.session.store
     const dom = context.dom
     const div = dom.createElement('div')
     const video = div.appendChild(dom.createElement('video'))
     video.setAttribute('controls', 'yes')
-    video.setAttribute('src', subject.uri)
+    // get video with authenticated fetch
+    kb.fetcher._fetch(subject.uri)
+      .then(function(response) {
+        return response.blob()
+      })
+      .then(function(myBlob) {
+        const objectURL = URL.createObjectURL(myBlob)
+        video.setAttribute('src', objectURL) // w640 h480 //
+      })
+
     video.setAttribute('width', '100%')
     return div
   }