mashlib-jss 0.0.2 → 0.1.1

package/dist/103.mashlib.js

@@ -0,0 +1,287 @@
+"use strict";
+(self["webpackChunkMashlib"] = self["webpackChunkMashlib"] || []).push([[103],{
+
+/***/ 9003
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var solid_ui_jss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5138);
+/* harmony import */ var rdflib__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8230);
+/**
+ * ActivityStreams Pane - Vanilla JS rewrite
+ *
+ * Displays as:Note content as a styled card.
+ * Replaces the React-based activitystreams-pane package (~11MB -> ~3KB)
+ */
+
+
+
+const ns = solid_ui_jss__WEBPACK_IMPORTED_MODULE_0__.ns;
+
+// Styles for the note card
+const styles = {
+  card: `
+    font-family: sans-serif;
+    display: flex;
+    flex-wrap: wrap;
+    border-radius: 4px;
+    flex-direction: column;
+    justify-content: center;
+    padding: 1em;
+    box-shadow: 0 1px 5px rgba(0,0,0,0.2);
+    transition: all .25s ease-in-out;
+    max-width: 632px;
+  `,
+  content: `
+    font-size: larger;
+    margin: 0.5em 0;
+  `,
+  date: `
+    color: rgba(0, 0, 0, 0.6);
+    margin: 0.5em 0;
+  `,
+  attribution: `
+    display: flex;
+    align-items: center;
+    font-weight: bold;
+  `,
+  attributionLink: `
+    color: black;
+    text-decoration: none;
+  `,
+  attributionImage: `
+    margin-right: 5px;
+    width: 47px;
+    height: 47px;
+    border-radius: 5px;
+    object-fit: cover;
+  `
+};
+
+/**
+ * Format a date as relative time (e.g., "2 hours ago")
+ */
+function timeAgo(date) {
+  const seconds = Math.floor((new Date() - date) / 1000);
+  const intervals = [{
+    label: 'year',
+    seconds: 31536000
+  }, {
+    label: 'month',
+    seconds: 2592000
+  }, {
+    label: 'week',
+    seconds: 604800
+  }, {
+    label: 'day',
+    seconds: 86400
+  }, {
+    label: 'hour',
+    seconds: 3600
+  }, {
+    label: 'minute',
+    seconds: 60
+  }];
+  for (const interval of intervals) {
+    const count = Math.floor(seconds / interval.seconds);
+    if (count >= 1) {
+      return `${count} ${interval.label}${count > 1 ? 's' : ''} ago`;
+    }
+  }
+  return 'just now';
+}
+
+/**
+ * Format date for display
+ */
+function formatDate(date) {
+  if (!date) return null;
+  const formatted = date.toLocaleDateString(undefined, {
+    year: 'numeric',
+    month: '2-digit',
+    day: '2-digit',
+    hour: '2-digit',
+    minute: '2-digit'
+  });
+  return `${timeAgo(date)} · ${formatted}`;
+}
+
+/**
+ * Check if node is a Person type
+ */
+function isPerson(store, node) {
+  const types = store.findTypeURIs(node);
+  return types[ns.as('Person').uri] || types[ns.foaf('Person').uri] || types[ns.vcard('Individual').uri] || types[ns.schema('Person').uri];
+}
+
+/**
+ * Read person's image URL from store
+ */
+function readImageSrc(store, node) {
+  const image = store.anyValue(node, ns.as('image'));
+  if (image) {
+    return store.anyValue((0,rdflib__WEBPACK_IMPORTED_MODULE_1__.sym)(image), ns.as('url')) || null;
+  }
+  return store.anyValue(node, ns.foaf('img')) || store.anyValue(node, ns.vcard('hasPhoto')) || null;
+}
+
+/**
+ * Read attribution (author) info from store
+ */
+function readAttribution(store, subject) {
+  const attributedTo = store.any(subject, ns.as('attributedTo'));
+  if (!attributedTo || !attributedTo.uri) {
+    return {
+      type: 'none'
+    };
+  }
+  if (isPerson(store, attributedTo)) {
+    const name = store.anyValue(attributedTo, ns.as('name')) || store.anyValue(attributedTo, ns.foaf('name')) || store.anyValue(attributedTo, ns.vcard('fn')) || store.anyValue(attributedTo, ns.schema('name')) || '';
+    return {
+      type: 'person',
+      webId: attributedTo.uri,
+      name,
+      imageSrc: readImageSrc(store, attributedTo)
+    };
+  }
+  return {
+    type: 'link',
+    uri: attributedTo.uri
+  };
+}
+
+/**
+ * Read note data from store
+ */
+function readNote(store, subject) {
+  const content = store.any(subject, ns.as('content'));
+  const published = store.any(subject, ns.as('published'));
+  if (!content) return null;
+  return {
+    content: content.value,
+    published: published ? new Date(published.value) : null,
+    attribution: readAttribution(store, subject)
+  };
+}
+
+/**
+ * Create the attribution element
+ */
+function createAttributionElement(doc, attribution) {
+  const container = doc.createElement('div');
+  container.setAttribute('style', styles.attribution);
+  if (attribution.type === 'none') {
+    return container;
+  }
+  if (attribution.type === 'link') {
+    const link = doc.createElement('a');
+    link.setAttribute('href', attribution.uri);
+    link.setAttribute('style', styles.attributionLink);
+    link.textContent = attribution.uri;
+    container.appendChild(link);
+    return container;
+  }
+  if (attribution.type === 'person') {
+    if (attribution.imageSrc) {
+      const img = doc.createElement('img');
+      img.setAttribute('src', attribution.imageSrc);
+      img.setAttribute('alt', attribution.name);
+      img.setAttribute('style', styles.attributionImage);
+      container.appendChild(img);
+    }
+    const link = doc.createElement('a');
+    link.setAttribute('href', attribution.webId);
+    link.setAttribute('style', styles.attributionLink);
+    link.textContent = attribution.name || attribution.webId;
+    link.addEventListener('mouseover', () => {
+      link.style.textDecoration = 'underline';
+    });
+    link.addEventListener('mouseout', () => {
+      link.style.textDecoration = 'none';
+    });
+    container.appendChild(link);
+  }
+  return container;
+}
+
+/**
+ * Create the note card element
+ */
+function createNoteCard(doc, note) {
+  const card = doc.createElement('div');
+  card.setAttribute('style', styles.card);
+
+  // Attribution (author)
+  card.appendChild(createAttributionElement(doc, note.attribution));
+
+  // Content
+  const content = doc.createElement('p');
+  content.setAttribute('style', styles.content);
+  content.textContent = note.content;
+  card.appendChild(content);
+
+  // Date
+  if (note.published) {
+    const dateEl = doc.createElement('p');
+    dateEl.setAttribute('style', styles.date);
+    dateEl.textContent = formatDate(note.published);
+    card.appendChild(dateEl);
+  }
+  return card;
+}
+
+/**
+ * The ActivityStreams Pane
+ */
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
+  icon: solid_ui_jss__WEBPACK_IMPORTED_MODULE_0__.icons.iconBase + 'noun_15695.svg',
+  name: 'activitystreams',
+  label: function (subject, context) {
+    const store = context.session.store;
+    const types = store.findTypeURIs(subject);
+    if (types[ns.as('Note').uri]) {
+      return 'Note';
+    }
+    return null;
+  },
+  render: function (subject, context) {
+    const doc = context.dom;
+    const store = context.session.store;
+    const container = doc.createElement('div');
+    const note = readNote(store, subject);
+    if (!note) {
+      const msg = doc.createElement('p');
+      msg.textContent = 'Unable to read note content.';
+      container.appendChild(msg);
+      return container;
+    }
+
+    // Render initial card
+    container.appendChild(createNoteCard(doc, note));
+
+    // If attribution is just a link, try to fetch and update
+    if (note.attribution.type === 'link') {
+      const attributionNode = (0,rdflib__WEBPACK_IMPORTED_MODULE_1__.sym)(note.attribution.uri);
+      store.fetcher.load(attributionNode).then(() => {
+        // Re-read attribution after fetch
+        const updatedAttribution = readAttribution(store, subject);
+        if (updatedAttribution.type === 'person') {
+          note.attribution = updatedAttribution;
+          container.innerHTML = '';
+          container.appendChild(createNoteCard(doc, note));
+        }
+      }).catch(() => {
+        // Keep original link attribution on error
+      });
+    }
+    return container;
+  }
+});
+
+/***/ }
+
+}]);
+//# sourceMappingURL=103.mashlib.js.map

package/dist/103.mashlib.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"103.mashlib.js","mappings":"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","sources":["webpack://Mashlib/../../src/activitystreams/activitystreamsPane.js"],"sourcesContent":["/**\n * ActivityStreams Pane - Vanilla JS rewrite\n *\n * Displays as:Note content as a styled card.\n * Replaces the React-based activitystreams-pane package (~11MB -> ~3KB)\n */\n\nimport * as UI from 'solid-ui-jss'\nimport { sym } from 'rdflib'\n\nconst ns = UI.ns\n\n// Styles for the note card\nconst styles = {\n  card: `\n    font-family: sans-serif;\n    display: flex;\n    flex-wrap: wrap;\n    border-radius: 4px;\n    flex-direction: column;\n    justify-content: center;\n    padding: 1em;\n    box-shadow: 0 1px 5px rgba(0,0,0,0.2);\n    transition: all .25s ease-in-out;\n    max-width: 632px;\n  `,\n  content: `\n    font-size: larger;\n    margin: 0.5em 0;\n  `,\n  date: `\n    color: rgba(0, 0, 0, 0.6);\n    margin: 0.5em 0;\n  `,\n  attribution: `\n    display: flex;\n    align-items: center;\n    font-weight: bold;\n  `,\n  attributionLink: `\n    color: black;\n    text-decoration: none;\n  `,\n  attributionImage: `\n    margin-right: 5px;\n    width: 47px;\n    height: 47px;\n    border-radius: 5px;\n    object-fit: cover;\n  `\n}\n\n/**\n * Format a date as relative time (e.g., \"2 hours ago\")\n */\nfunction timeAgo (date) {\n  const seconds = Math.floor((new Date() - date) / 1000)\n\n  const intervals = [\n    { label: 'year', seconds: 31536000 },\n    { label: 'month', seconds: 2592000 },\n    { label: 'week', seconds: 604800 },\n    { label: 'day', seconds: 86400 },\n    { label: 'hour', seconds: 3600 },\n    { label: 'minute', seconds: 60 }\n  ]\n\n  for (const interval of intervals) {\n    const count = Math.floor(seconds / interval.seconds)\n    if (count >= 1) {\n      return `${count} ${interval.label}${count > 1 ? 's' : ''} ago`\n    }\n  }\n  return 'just now'\n}\n\n/**\n * Format date for display\n */\nfunction formatDate (date) {\n  if (!date) return null\n  const formatted = date.toLocaleDateString(undefined, {\n    year: 'numeric',\n    month: '2-digit',\n    day: '2-digit',\n    hour: '2-digit',\n    minute: '2-digit'\n  })\n  return `${timeAgo(date)} · ${formatted}`\n}\n\n/**\n * Check if node is a Person type\n */\nfunction isPerson (store, node) {\n  const types = store.findTypeURIs(node)\n  return types[ns.as('Person').uri] ||\n         types[ns.foaf('Person').uri] ||\n         types[ns.vcard('Individual').uri] ||\n         types[ns.schema('Person').uri]\n}\n\n/**\n * Read person's image URL from store\n */\nfunction readImageSrc (store, node) {\n  const image = store.anyValue(node, ns.as('image'))\n  if (image) {\n    return store.anyValue(sym(image), ns.as('url')) || null\n  }\n  return store.anyValue(node, ns.foaf('img')) ||\n         store.anyValue(node, ns.vcard('hasPhoto')) ||\n         null\n}\n\n/**\n * Read attribution (author) info from store\n */\nfunction readAttribution (store, subject) {\n  const attributedTo = store.any(subject, ns.as('attributedTo'))\n\n  if (!attributedTo || !attributedTo.uri) {\n    return { type: 'none' }\n  }\n\n  if (isPerson(store, attributedTo)) {\n    const name = store.anyValue(attributedTo, ns.as('name')) ||\n                 store.anyValue(attributedTo, ns.foaf('name')) ||\n                 store.anyValue(attributedTo, ns.vcard('fn')) ||\n                 store.anyValue(attributedTo, ns.schema('name')) ||\n                 ''\n    return {\n      type: 'person',\n      webId: attributedTo.uri,\n      name,\n      imageSrc: readImageSrc(store, attributedTo)\n    }\n  }\n\n  return { type: 'link', uri: attributedTo.uri }\n}\n\n/**\n * Read note data from store\n */\nfunction readNote (store, subject) {\n  const content = store.any(subject, ns.as('content'))\n  const published = store.any(subject, ns.as('published'))\n\n  if (!content) return null\n\n  return {\n    content: content.value,\n    published: published ? new Date(published.value) : null,\n    attribution: readAttribution(store, subject)\n  }\n}\n\n/**\n * Create the attribution element\n */\nfunction createAttributionElement (doc, attribution) {\n  const container = doc.createElement('div')\n  container.setAttribute('style', styles.attribution)\n\n  if (attribution.type === 'none') {\n    return container\n  }\n\n  if (attribution.type === 'link') {\n    const link = doc.createElement('a')\n    link.setAttribute('href', attribution.uri)\n    link.setAttribute('style', styles.attributionLink)\n    link.textContent = attribution.uri\n    container.appendChild(link)\n    return container\n  }\n\n  if (attribution.type === 'person') {\n    if (attribution.imageSrc) {\n      const img = doc.createElement('img')\n      img.setAttribute('src', attribution.imageSrc)\n      img.setAttribute('alt', attribution.name)\n      img.setAttribute('style', styles.attributionImage)\n      container.appendChild(img)\n    }\n\n    const link = doc.createElement('a')\n    link.setAttribute('href', attribution.webId)\n    link.setAttribute('style', styles.attributionLink)\n    link.textContent = attribution.name || attribution.webId\n    link.addEventListener('mouseover', () => {\n      link.style.textDecoration = 'underline'\n    })\n    link.addEventListener('mouseout', () => {\n      link.style.textDecoration = 'none'\n    })\n    container.appendChild(link)\n  }\n\n  return container\n}\n\n/**\n * Create the note card element\n */\nfunction createNoteCard (doc, note) {\n  const card = doc.createElement('div')\n  card.setAttribute('style', styles.card)\n\n  // Attribution (author)\n  card.appendChild(createAttributionElement(doc, note.attribution))\n\n  // Content\n  const content = doc.createElement('p')\n  content.setAttribute('style', styles.content)\n  content.textContent = note.content\n  card.appendChild(content)\n\n  // Date\n  if (note.published) {\n    const dateEl = doc.createElement('p')\n    dateEl.setAttribute('style', styles.date)\n    dateEl.textContent = formatDate(note.published)\n    card.appendChild(dateEl)\n  }\n\n  return card\n}\n\n/**\n * The ActivityStreams Pane\n */\nexport default {\n  icon: UI.icons.iconBase + 'noun_15695.svg',\n\n  name: 'activitystreams',\n\n  label: function (subject, context) {\n    const store = context.session.store\n    const types = store.findTypeURIs(subject)\n    if (types[ns.as('Note').uri]) {\n      return 'Note'\n    }\n    return null\n  },\n\n  render: function (subject, context) {\n    const doc = context.dom\n    const store = context.session.store\n    const container = doc.createElement('div')\n\n    const note = readNote(store, subject)\n\n    if (!note) {\n      const msg = doc.createElement('p')\n      msg.textContent = 'Unable to read note content.'\n      container.appendChild(msg)\n      return container\n    }\n\n    // Render initial card\n    container.appendChild(createNoteCard(doc, note))\n\n    // If attribution is just a link, try to fetch and update\n    if (note.attribution.type === 'link') {\n      const attributionNode = sym(note.attribution.uri)\n      store.fetcher.load(attributionNode).then(() => {\n        // Re-read attribution after fetch\n        const updatedAttribution = readAttribution(store, subject)\n        if (updatedAttribution.type === 'person') {\n          note.attribution = updatedAttribution\n          container.innerHTML = ''\n          container.appendChild(createNoteCard(doc, note))\n        }\n      }).catch(() => {\n        // Keep original link attribution on error\n      })\n    }\n\n    return container\n  }\n}\n"],"names":["UI","sym","ns","styles","card","content","date","attribution","attributionLink","attributionImage","timeAgo","seconds","Math","floor","Date","intervals","label","interval","count","formatDate","formatted","toLocaleDateString","undefined","year","month","day","hour","minute","isPerson","store","node","types","findTypeURIs","as","uri","foaf","vcard","schema","readImageSrc","image","anyValue","readAttribution","subject","attributedTo","any","type","name","webId","imageSrc","readNote","published","value","createAttributionElement","doc","container","createElement","setAttribute","link","textContent","appendChild","img","addEventListener","style","textDecoration","createNoteCard","note","dateEl","icon","icons","iconBase","context","session","render","dom","msg","attributionNode","fetcher","load","then","updatedAttribution","innerHTML","catch"],"ignoreList":[],"sourceRoot":""}

package/dist/103.mashlib.min.js

@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunkMashlib=self.webpackChunkMashlib||[]).push([[103],{9003(t,e,n){n.r(e),n.d(e,{default:()=>d});var i=n(5138),a=n(8230);const r=i.ns,o={card:"\n    font-family: sans-serif;\n    display: flex;\n    flex-wrap: wrap;\n    border-radius: 4px;\n    flex-direction: column;\n    justify-content: center;\n    padding: 1em;\n    box-shadow: 0 1px 5px rgba(0,0,0,0.2);\n    transition: all .25s ease-in-out;\n    max-width: 632px;\n  ",content:"\n    font-size: larger;\n    margin: 0.5em 0;\n  ",date:"\n    color: rgba(0, 0, 0, 0.6);\n    margin: 0.5em 0;\n  ",attribution:"\n    display: flex;\n    align-items: center;\n    font-weight: bold;\n  ",attributionLink:"\n    color: black;\n    text-decoration: none;\n  ",attributionImage:"\n    margin-right: 5px;\n    width: 47px;\n    height: 47px;\n    border-radius: 5px;\n    object-fit: cover;\n  "};function s(t){if(!t)return null;const e=t.toLocaleDateString(void 0,{year:"numeric",month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit"});return`${function(t){const e=Math.floor((new Date-t)/1e3),n=[{label:"year",seconds:31536e3},{label:"month",seconds:2592e3},{label:"week",seconds:604800},{label:"day",seconds:86400},{label:"hour",seconds:3600},{label:"minute",seconds:60}];for(const t of n){const n=Math.floor(e/t.seconds);if(n>=1)return`${n} ${t.label}${n>1?"s":""} ago`}return"just now"}(t)} · ${e}`}function u(t,e){const n=t.anyValue(e,r.as("image"));return n?t.anyValue((0,a.sym)(n),r.as("url"))||null:t.anyValue(e,r.foaf("img"))||t.anyValue(e,r.vcard("hasPhoto"))||null}function l(t,e){const n=t.any(e,r.as("attributedTo"));if(!n||!n.uri)return{type:"none"};if(function(t,e){const n=t.findTypeURIs(e);return n[r.as("Person").uri]||n[r.foaf("Person").uri]||n[r.vcard("Individual").uri]||n[r.schema("Person").uri]}(t,n)){const e=t.anyValue(n,r.as("name"))||t.anyValue(n,r.foaf("name"))||t.anyValue(n,r.vcard("fn"))||t.anyValue(n,r.schema("name"))||"";return{type:"person",webId:n.uri,name:e,imageSrc:u(t,n)}}return{type:"link",uri:n.uri}}function c(t,e){const n=t.createElement("div");n.setAttribute("style",o.card),n.appendChild(function(t,e){const n=t.createElement("div");if(n.setAttribute("style",o.attribution),"none"===e.type)return n;if("link"===e.type){const i=t.createElement("a");return i.setAttribute("href",e.uri),i.setAttribute("style",o.attributionLink),i.textContent=e.uri,n.appendChild(i),n}if("person"===e.type){if(e.imageSrc){const i=t.createElement("img");i.setAttribute("src",e.imageSrc),i.setAttribute("alt",e.name),i.setAttribute("style",o.attributionImage),n.appendChild(i)}const i=t.createElement("a");i.setAttribute("href",e.webId),i.setAttribute("style",o.attributionLink),i.textContent=e.name||e.webId,i.addEventListener("mouseover",()=>{i.style.textDecoration="underline"}),i.addEventListener("mouseout",()=>{i.style.textDecoration="none"}),n.appendChild(i)}return n}(t,e.attribution));const i=t.createElement("p");if(i.setAttribute("style",o.content),i.textContent=e.content,n.appendChild(i),e.published){const i=t.createElement("p");i.setAttribute("style",o.date),i.textContent=s(e.published),n.appendChild(i)}return n}const d={icon:i.icons.iconBase+"noun_15695.svg",name:"activitystreams",label:function(t,e){return e.session.store.findTypeURIs(t)[r.as("Note").uri]?"Note":null},render:function(t,e){const n=e.dom,i=e.session.store,o=n.createElement("div"),s=function(t,e){const n=t.any(e,r.as("content")),i=t.any(e,r.as("published"));return n?{content:n.value,published:i?new Date(i.value):null,attribution:l(t,e)}:null}(i,t);if(!s){const t=n.createElement("p");return t.textContent="Unable to read note content.",o.appendChild(t),o}if(o.appendChild(c(n,s)),"link"===s.attribution.type){const e=(0,a.sym)(s.attribution.uri);i.fetcher.load(e).then(()=>{const e=l(i,t);"person"===e.type&&(s.attribution=e,o.innerHTML="",o.appendChild(c(n,s)))}).catch(()=>{})}return o}}}}]);
+//# sourceMappingURL=103.mashlib.min.js.map

package/dist/103.mashlib.min.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"103.mashlib.min.js","mappings":"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","sources":["webpack://Mashlib/../../src/activitystreams/activitystreamsPane.js"],"sourcesContent":["/**\n * ActivityStreams Pane - Vanilla JS rewrite\n *\n * Displays as:Note content as a styled card.\n * Replaces the React-based activitystreams-pane package (~11MB -> ~3KB)\n */\n\nimport * as UI from 'solid-ui-jss'\nimport { sym } from 'rdflib'\n\nconst ns = UI.ns\n\n// Styles for the note card\nconst styles = {\n  card: `\n    font-family: sans-serif;\n    display: flex;\n    flex-wrap: wrap;\n    border-radius: 4px;\n    flex-direction: column;\n    justify-content: center;\n    padding: 1em;\n    box-shadow: 0 1px 5px rgba(0,0,0,0.2);\n    transition: all .25s ease-in-out;\n    max-width: 632px;\n  `,\n  content: `\n    font-size: larger;\n    margin: 0.5em 0;\n  `,\n  date: `\n    color: rgba(0, 0, 0, 0.6);\n    margin: 0.5em 0;\n  `,\n  attribution: `\n    display: flex;\n    align-items: center;\n    font-weight: bold;\n  `,\n  attributionLink: `\n    color: black;\n    text-decoration: none;\n  `,\n  attributionImage: `\n    margin-right: 5px;\n    width: 47px;\n    height: 47px;\n    border-radius: 5px;\n    object-fit: cover;\n  `\n}\n\n/**\n * Format a date as relative time (e.g., \"2 hours ago\")\n */\nfunction timeAgo (date) {\n  const seconds = Math.floor((new Date() - date) / 1000)\n\n  const intervals = [\n    { label: 'year', seconds: 31536000 },\n    { label: 'month', seconds: 2592000 },\n    { label: 'week', seconds: 604800 },\n    { label: 'day', seconds: 86400 },\n    { label: 'hour', seconds: 3600 },\n    { label: 'minute', seconds: 60 }\n  ]\n\n  for (const interval of intervals) {\n    const count = Math.floor(seconds / interval.seconds)\n    if (count >= 1) {\n      return `${count} ${interval.label}${count > 1 ? 's' : ''} ago`\n    }\n  }\n  return 'just now'\n}\n\n/**\n * Format date for display\n */\nfunction formatDate (date) {\n  if (!date) return null\n  const formatted = date.toLocaleDateString(undefined, {\n    year: 'numeric',\n    month: '2-digit',\n    day: '2-digit',\n    hour: '2-digit',\n    minute: '2-digit'\n  })\n  return `${timeAgo(date)} · ${formatted}`\n}\n\n/**\n * Check if node is a Person type\n */\nfunction isPerson (store, node) {\n  const types = store.findTypeURIs(node)\n  return types[ns.as('Person').uri] ||\n         types[ns.foaf('Person').uri] ||\n         types[ns.vcard('Individual').uri] ||\n         types[ns.schema('Person').uri]\n}\n\n/**\n * Read person's image URL from store\n */\nfunction readImageSrc (store, node) {\n  const image = store.anyValue(node, ns.as('image'))\n  if (image) {\n    return store.anyValue(sym(image), ns.as('url')) || null\n  }\n  return store.anyValue(node, ns.foaf('img')) ||\n         store.anyValue(node, ns.vcard('hasPhoto')) ||\n         null\n}\n\n/**\n * Read attribution (author) info from store\n */\nfunction readAttribution (store, subject) {\n  const attributedTo = store.any(subject, ns.as('attributedTo'))\n\n  if (!attributedTo || !attributedTo.uri) {\n    return { type: 'none' }\n  }\n\n  if (isPerson(store, attributedTo)) {\n    const name = store.anyValue(attributedTo, ns.as('name')) ||\n                 store.anyValue(attributedTo, ns.foaf('name')) ||\n                 store.anyValue(attributedTo, ns.vcard('fn')) ||\n                 store.anyValue(attributedTo, ns.schema('name')) ||\n                 ''\n    return {\n      type: 'person',\n      webId: attributedTo.uri,\n      name,\n      imageSrc: readImageSrc(store, attributedTo)\n    }\n  }\n\n  return { type: 'link', uri: attributedTo.uri }\n}\n\n/**\n * Read note data from store\n */\nfunction readNote (store, subject) {\n  const content = store.any(subject, ns.as('content'))\n  const published = store.any(subject, ns.as('published'))\n\n  if (!content) return null\n\n  return {\n    content: content.value,\n    published: published ? new Date(published.value) : null,\n    attribution: readAttribution(store, subject)\n  }\n}\n\n/**\n * Create the attribution element\n */\nfunction createAttributionElement (doc, attribution) {\n  const container = doc.createElement('div')\n  container.setAttribute('style', styles.attribution)\n\n  if (attribution.type === 'none') {\n    return container\n  }\n\n  if (attribution.type === 'link') {\n    const link = doc.createElement('a')\n    link.setAttribute('href', attribution.uri)\n    link.setAttribute('style', styles.attributionLink)\n    link.textContent = attribution.uri\n    container.appendChild(link)\n    return container\n  }\n\n  if (attribution.type === 'person') {\n    if (attribution.imageSrc) {\n      const img = doc.createElement('img')\n      img.setAttribute('src', attribution.imageSrc)\n      img.setAttribute('alt', attribution.name)\n      img.setAttribute('style', styles.attributionImage)\n      container.appendChild(img)\n    }\n\n    const link = doc.createElement('a')\n    link.setAttribute('href', attribution.webId)\n    link.setAttribute('style', styles.attributionLink)\n    link.textContent = attribution.name || attribution.webId\n    link.addEventListener('mouseover', () => {\n      link.style.textDecoration = 'underline'\n    })\n    link.addEventListener('mouseout', () => {\n      link.style.textDecoration = 'none'\n    })\n    container.appendChild(link)\n  }\n\n  return container\n}\n\n/**\n * Create the note card element\n */\nfunction createNoteCard (doc, note) {\n  const card = doc.createElement('div')\n  card.setAttribute('style', styles.card)\n\n  // Attribution (author)\n  card.appendChild(createAttributionElement(doc, note.attribution))\n\n  // Content\n  const content = doc.createElement('p')\n  content.setAttribute('style', styles.content)\n  content.textContent = note.content\n  card.appendChild(content)\n\n  // Date\n  if (note.published) {\n    const dateEl = doc.createElement('p')\n    dateEl.setAttribute('style', styles.date)\n    dateEl.textContent = formatDate(note.published)\n    card.appendChild(dateEl)\n  }\n\n  return card\n}\n\n/**\n * The ActivityStreams Pane\n */\nexport default {\n  icon: UI.icons.iconBase + 'noun_15695.svg',\n\n  name: 'activitystreams',\n\n  label: function (subject, context) {\n    const store = context.session.store\n    const types = store.findTypeURIs(subject)\n    if (types[ns.as('Note').uri]) {\n      return 'Note'\n    }\n    return null\n  },\n\n  render: function (subject, context) {\n    const doc = context.dom\n    const store = context.session.store\n    const container = doc.createElement('div')\n\n    const note = readNote(store, subject)\n\n    if (!note) {\n      const msg = doc.createElement('p')\n      msg.textContent = 'Unable to read note content.'\n      container.appendChild(msg)\n      return container\n    }\n\n    // Render initial card\n    container.appendChild(createNoteCard(doc, note))\n\n    // If attribution is just a link, try to fetch and update\n    if (note.attribution.type === 'link') {\n      const attributionNode = sym(note.attribution.uri)\n      store.fetcher.load(attributionNode).then(() => {\n        // Re-read attribution after fetch\n        const updatedAttribution = readAttribution(store, subject)\n        if (updatedAttribution.type === 'person') {\n          note.attribution = updatedAttribution\n          container.innerHTML = ''\n          container.appendChild(createNoteCard(doc, note))\n        }\n      }).catch(() => {\n        // Keep original link attribution on error\n      })\n    }\n\n    return container\n  }\n}\n"],"names":["ns","UI","styles","card","content","date","attribution","attributionLink","attributionImage","formatDate","formatted","toLocaleDateString","undefined","year","month","day","hour","minute","seconds","Math","floor","Date","intervals","label","interval","count","timeAgo","readImageSrc","store","node","image","anyValue","as","sym","foaf","vcard","readAttribution","subject","attributedTo","any","uri","type","types","findTypeURIs","schema","isPerson","name","webId","imageSrc","createNoteCard","doc","note","createElement","setAttribute","appendChild","container","link","textContent","img","addEventListener","style","textDecoration","createAttributionElement","published","dateEl","icon","iconBase","context","session","render","dom","value","readNote","msg","attributionNode","fetcher","load","then","updatedAttribution","innerHTML","catch"],"ignoreList":[],"sourceRoot":""}

package/dist/140.mashlib.js

@@ -0,0 +1,264 @@
+(self["webpackChunkMashlib"] = self["webpackChunkMashlib"] || []).push([[140],{
+
+/***/ 1939
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   slideshowPane: () => (/* binding */ slideshowPane)
+/* harmony export */ });
+/* harmony import */ var solid_ui_jss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5138);
+/* harmony import */ var _solid_better_simple_slideshow__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8100);
+/* harmony import */ var _solid_better_simple_slideshow__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_solid_better_simple_slideshow__WEBPACK_IMPORTED_MODULE_1__);
+/*   slideshow Pane
+ **
+ */
+
+
+const ns = solid_ui_jss__WEBPACK_IMPORTED_MODULE_0__.ns;
+const slideshowPane = {
+  icon: solid_ui_jss__WEBPACK_IMPORTED_MODULE_0__.icons.iconBase + 'noun_138712.svg',
+  name: 'slideshow',
+  audience: [ns.solid('PowerUser')],
+  // Does the subject deserve an slideshow pane?
+  label: function (subject, context) {
+    const store = context.session.store;
+    const ns = solid_ui_jss__WEBPACK_IMPORTED_MODULE_0__.ns;
+    const t = store.findTypeURIs(subject);
+    if (t[ns.ldp('Container').uri] || t[ns.ldp('BasicContainer').uri]) {
+      const contents = store.each(subject, ns.ldp('contains'));
+      let count = 0;
+      contents.forEach(function (file) {
+        if (solid_ui_jss__WEBPACK_IMPORTED_MODULE_0__.widgets.isImage(file)) count++;
+      });
+      return count > 0 ? 'Slideshow' : null;
+    }
+    return null;
+  },
+  // See https://github.com/leemark/better-simple-slideshow
+  // and follow instructions there
+  render: function (subject, context) {
+    const dom = context.dom;
+    const styleSheet = 'https://leemark.github.io/better-simple-slideshow/css/simple-slideshow-styles.css';
+    solid_ui_jss__WEBPACK_IMPORTED_MODULE_0__.widgets.addStyleSheet(dom, styleSheet);
+    const store = context.session.store;
+    const ns = solid_ui_jss__WEBPACK_IMPORTED_MODULE_0__.ns;
+    const div = dom.createElement('div');
+    div.setAttribute('class', 'bss-slides');
+    const t = store.findTypeURIs(subject);
+    let predicate;
+    if (t[ns.ldp('BasicContainer').uri] || t[ns.ldp('Container').uri]) {
+      predicate = ns.ldp('contains');
+    }
+    const images = store.each(subject, predicate); // @@ random order?
+    // @@ Ideally: sort by embedded time of image
+    images.sort(); // Sort for now by URI
+    for (let i = 0; i < images.length; i++) {
+      if (!solid_ui_jss__WEBPACK_IMPORTED_MODULE_0__.widgets.isImage(images[i])) continue;
+      const figure = div.appendChild(dom.createElement('figure'));
+      const img = figure.appendChild(dom.createElement('img'));
+
+      // get image with authenticated fetch
+      store.fetcher._fetch(images[i].uri).then(function (response) {
+        return response.blob();
+      }).then(function (myBlob) {
+        const objectURL = URL.createObjectURL(myBlob);
+        img.setAttribute('src', objectURL); // w640 h480 //
+      });
+      img.setAttribute('width', '100%');
+      figure.appendChild(dom.createElement('figcaption'));
+    }
+    const options = {
+      dom
+    };
+    setTimeout(function () {
+      _solid_better_simple_slideshow__WEBPACK_IMPORTED_MODULE_1___default()('.bss-slides', options);
+    }, 1000); // Must run after the code which called this
+
+    return div;
+  }
+};
+
+// ends
+
+/***/ },
+
+/***/ 8100
+(module) {
+
+
+var makeBSS = function (el, options) {
+    if (typeof document === 'undefined') {
+      var document = options.dom;
+    }
+    var $slideshows = document.querySelectorAll(el), // a collection of all of the slideshow
+        $slideshow = {},
+        Slideshow = {
+            init: function (el, options) {
+                this.counter = 0; // to keep track of current slide
+                this.el = el; // current slideshow container
+                this.$items = el.querySelectorAll('figure'); // a collection of all of the slides, caching for performance
+                this.numItems = this.$items.length; // total number of slides
+                options = options || {}; // if options object not passed in, then set to empty object
+                options.auto = options.auto || false; // if options.auto object not passed in, then set to false
+                this.opts = {
+                    auto: (typeof options.auto === "undefined") ? false : options.auto,
+                    speed: (typeof options.auto.speed === "undefined") ? 1500 : options.auto.speed,
+                    pauseOnHover: (typeof options.auto.pauseOnHover === "undefined") ? false : options.auto.pauseOnHover,
+                    fullScreen: (typeof options.fullScreen === "undefined") ? false : options.fullScreen,
+                    swipe: (typeof options.swipe === "undefined") ? false : options.swipe
+                };
+
+                this.$items[0].classList.add('bss-show'); // add show class to first figure
+                this.injectControls(el);
+                this.addEventListeners(el);
+                if (this.opts.auto) {
+                    this.autoCycle(this.el, this.opts.speed, this.opts.pauseOnHover);
+                }
+                if (this.opts.fullScreen) {
+                    this.addFullScreen(this.el);
+                }
+                if (this.opts.swipe) {
+                    this.addSwipe(this.el);
+                }
+            },
+            showCurrent: function (i) {
+                // increment or decrement this.counter depending on whether i === 1 or i === -1
+                if (i > 0) {
+                    this.counter = (this.counter + 1 === this.numItems) ? 0 : this.counter + 1;
+                } else {
+                    this.counter = (this.counter - 1 < 0) ? this.numItems - 1 : this.counter - 1;
+                }
+
+                // remove .show from whichever element currently has it
+                // http://stackoverflow.com/a/16053538/2006057
+                [].forEach.call(this.$items, function (el) {
+                    el.classList.remove('bss-show');
+                });
+
+                // add .show to the one item that's supposed to have it
+                this.$items[this.counter].classList.add('bss-show');
+            },
+            injectControls: function (el) {
+            // build and inject prev/next controls
+                // first create all the new elements
+                var spanPrev = document.createElement("span"),
+                    spanNext = document.createElement("span"),
+                    docFrag = document.createDocumentFragment();
+
+                // add classes
+                spanPrev.classList.add('bss-prev');
+                spanNext.classList.add('bss-next');
+
+                // add contents
+                spanPrev.innerHTML = '&laquo;';
+                spanNext.innerHTML = '&raquo;';
+
+                // append elements to fragment, then append fragment to DOM
+                docFrag.appendChild(spanPrev);
+                docFrag.appendChild(spanNext);
+                el.appendChild(docFrag);
+            },
+            addEventListeners: function (el) {
+                var that = this;
+                el.querySelector('.bss-next').addEventListener('click', function () {
+                    that.showCurrent(1); // increment & show
+                }, false);
+
+                el.querySelector('.bss-prev').addEventListener('click', function () {
+                    that.showCurrent(-1); // decrement & show
+                }, false);
+
+                el.onkeydown = function (e) {
+                    e = e || window.event;
+                    if (e.keyCode === 37) {
+                        that.showCurrent(-1); // decrement & show
+                    } else if (e.keyCode === 39) {
+                        that.showCurrent(1); // increment & show
+                    }
+                };
+            },
+            autoCycle: function (el, speed, pauseOnHover) {
+                var that = this,
+                    interval = window.setInterval(function () {
+                        that.showCurrent(1); // increment & show
+                    }, speed);
+
+                if (pauseOnHover) {
+                    el.addEventListener('mouseover', function () {
+                        interval = clearInterval(interval);
+                    }, false);
+                    el.addEventListener('mouseout', function () {
+                        interval = window.setInterval(function () {
+                            that.showCurrent(1); // increment & show
+                        }, speed);
+                    }, false);
+                } // end pauseonhover
+
+            },
+            addFullScreen: function(el){
+                var that = this,
+                fsControl = document.createElement("span");
+
+                fsControl.classList.add('bss-fullscreen');
+                el.appendChild(fsControl);
+                el.querySelector('.bss-fullscreen').addEventListener('click', function () {
+                    that.toggleFullScreen(el);
+                }, false);
+            },
+            addSwipe: function(el){
+                var that = this,
+                    ht = new Hammer(el);
+                ht.on('swiperight', function(e) {
+                    that.showCurrent(-1); // decrement & show
+                });
+                ht.on('swipeleft', function(e) {
+                    that.showCurrent(1); // increment & show
+                });
+            },
+            toggleFullScreen: function(el){
+                // https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Using_full_screen_mode
+                if (!document.fullscreenElement &&    // alternative standard method
+                    !document.mozFullScreenElement && !document.webkitFullscreenElement &&
+                    !document.msFullscreenElement ) {  // current working methods
+                    if (document.documentElement.requestFullscreen) {
+                      el.requestFullscreen();
+                    } else if (document.documentElement.msRequestFullscreen) {
+                      el.msRequestFullscreen();
+                    } else if (document.documentElement.mozRequestFullScreen) {
+                      el.mozRequestFullScreen();
+                    } else if (document.documentElement.webkitRequestFullscreen) {
+                      el.webkitRequestFullscreen(el.ALLOW_KEYBOARD_INPUT);
+                    }
+                } else {
+                    if (document.exitFullscreen) {
+                      document.exitFullscreen();
+                    } else if (document.msExitFullscreen) {
+                      document.msExitFullscreen();
+                    } else if (document.mozCancelFullScreen) {
+                      document.mozCancelFullScreen();
+                    } else if (document.webkitExitFullscreen) {
+                      document.webkitExitFullscreen();
+                    }
+                }
+            } // end toggleFullScreen
+
+        }; // end Slideshow object .....
+
+    // make instances of Slideshow as needed
+    [].forEach.call($slideshows, function (el) {
+        $slideshow = Object.create(Slideshow);
+        $slideshow.init(el, options);
+    });
+};
+
+if ( true && module.exports) {
+  module.exports = makeBSS
+}
+
+
+/***/ }
+
+}]);
+//# sourceMappingURL=140.mashlib.js.map