diff --git a/.gitignore b/.gitignore
index d62d2a65..2a37fddd 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,5 +1,4 @@
# Built code
-dist
lib
dist-dev
src/versionInfo.ts
diff --git a/README.md b/README.md
index ef5f4287..74f7f5f9 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,6 @@
-# solid-panes
+# solid-panes-jss
-A set of core solid-compatible applets based on solid-ui
+A set of core solid-compatible applets based on solid-ui-jss (JSS variant with minimal solid-oidc authentication)
These are a set of interlinked applications, or parts of applications,
which called 'panes' -- as in parts of a window. A pane displays a data object of certain class using part of the window.
@@ -29,7 +29,7 @@ Currently the panes available include:
- and so on
The solid-app-set panes are built using a set of widgets and utilities in
-[https://github.com/linkeddata/solid-ui](https://github.com/linkeddata/solid-ui)
+[https://github.com/JavaScriptSolidServer/solid-ui-jss](https://github.com/JavaScriptSolidServer/solid-ui-jss)
To help onboarding, we're using [roles](https://github.com/solidos/userguide/#role) to limit the number of panes presented
to new users.
@@ -55,8 +55,8 @@ To get started, make sure you have Node.js installed (for instance
through https://github.com/nvm-sh/nvm), and:
1. run
```sh
-git clone https://github.com/solidos/solid-panes
-cd solid-panes
+git clone https://github.com/JavaScriptSolidServer/solid-panes-jss
+cd solid-panes-jss
npm install
npm run start
```
@@ -78,3 +78,7 @@ contacts (A VCARD Address Book, Group, Individual, Organization) can be handled
pane. Any other pane which wants to deal with contacts can just use the pane within its own user interface.

+
+## Credits
+
+This is a fork of [solidos/solid-panes](https://github.com/solidos/solid-panes) with the authentication replaced from `@inrupt/solid-client-authn-browser` to the minimal [solid-oidc](https://github.com/JavaScriptSolidServer/solid-oidc) library via [solid-logic-jss](https://github.com/JavaScriptSolidServer/solid-logic-jss) and [solid-ui-jss](https://github.com/JavaScriptSolidServer/solid-ui-jss).
diff --git a/babel.config.mjs b/babel.config.mjs
index d5db5463..2bd1abdc 100644
--- a/babel.config.mjs
+++ b/babel.config.mjs
@@ -3,7 +3,9 @@ export default {
['@babel/preset-env', {
targets: {
browsers: ['> 1%', 'last 3 versions', 'not dead']
- }
+ },
+ // Preserve import() for webpack code splitting
+ modules: false
}],
'@babel/preset-typescript'
],
diff --git a/dev/loader.ts b/dev/loader.ts
index 14eebf04..d26b5cc5 100644
--- a/dev/loader.ts
+++ b/dev/loader.ts
@@ -1,8 +1,8 @@
import * as paneRegistry from 'pane-registry'
import * as $rdf from 'rdflib'
-import { solidLogicSingleton, store, authSession } from 'solid-logic'
+import { solidLogicSingleton, store, authSession } from 'solid-logic-jss'
import { getOutliner } from '../src'
-import Pane from 'profile-pane'
+import Pane from 'profile-pane-jss'
// FIXME:
window.$rdf = $rdf
diff --git a/dev/pane/index.ts b/dev/pane/index.ts
index 6cf52cb9..59364516 100644
--- a/dev/pane/index.ts
+++ b/dev/pane/index.ts
@@ -1,7 +1,7 @@
// import { longChatPane as Pane } from 'chat-pane'
// import Pane from '../../src/profile/profile.view'
-import Pane from 'profile-pane'
-import * as UI from 'solid-ui'
+import Pane from 'profile-pane-jss'
+import * as UI from 'solid-ui-jss'
console.log('Loaded pane into Solid Pane Tester. Check window.Pane and window.UI')
;(window as any).Pane = Pane
diff --git a/dist/RDFXMLPane.js b/dist/RDFXMLPane.js
new file mode 100644
index 00000000..0e99594c
--- /dev/null
+++ b/dist/RDFXMLPane.js
@@ -0,0 +1,52 @@
+/* RDF/XML content Pane
+ **
+ ** This pane shows the content of a particular RDF resource
+ ** or at least the RDF semantics we attribute to that resource,
+ ** in generated N3 syntax.
+ */
+
+import * as UI from 'solid-ui-jss';
+import * as $rdf from 'rdflib';
+const ns = UI.ns;
+export const RDFXMLPane = {
+ icon: UI.icons.originalIconBase + '22-text-xml4.png',
+ name: 'RDFXML',
+ audience: [ns.solid('Developer')],
+ label: function (subject, context) {
+ const store = context.session.store;
+ if ('http://www.w3.org/2007/ont/link#ProtocolEvent' in store.findTypeURIs(subject)) {
+ return null;
+ }
+ const n = store.statementsMatching(undefined, undefined, undefined, subject).length;
+ if (n === 0) return null;
+ return 'As RDF/XML (' + n + ')';
+ },
+ render: function (subject, context) {
+ const myDocument = context.dom;
+ const kb = context.session.store;
+ const div = myDocument.createElement('div');
+ div.setAttribute('class', 'RDFXMLPane');
+ // Because of smushing etc, this will not be a copy of the original source
+ // We could instead either fetch and re-parse the source,
+ // or we could keep all the pre-smushed triples.
+ const sts = kb.statementsMatching(undefined, undefined, undefined, subject); // @@ slow with current store!
+ /*
+ var kludge = kb.formula([]) // No features
+ for (var i=0; i< sts.length; i++) {
+ s = sts[i]
+ kludge.add(s.subject, s.predicate, s.object)
+ }
+ */
+ const sz = $rdf.Serializer(kb);
+ sz.suggestNamespaces(kb.namespaces);
+ sz.setBase(subject.uri);
+ const str = sz.statementsToXML(sts);
+ const pre = myDocument.createElement('PRE');
+ pre.appendChild(myDocument.createTextNode(str));
+ div.appendChild(pre);
+ return div;
+ }
+};
+
+// ends
+//# sourceMappingURL=RDFXMLPane.js.map
\ No newline at end of file
diff --git a/dist/RDFXMLPane.js.map b/dist/RDFXMLPane.js.map
new file mode 100644
index 00000000..90438eee
--- /dev/null
+++ b/dist/RDFXMLPane.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"RDFXMLPane.js","names":["UI","$rdf","ns","RDFXMLPane","icon","icons","originalIconBase","name","audience","solid","label","subject","context","store","session","findTypeURIs","n","statementsMatching","undefined","length","render","myDocument","dom","kb","div","createElement","setAttribute","sts","sz","Serializer","suggestNamespaces","namespaces","setBase","uri","str","statementsToXML","pre","appendChild","createTextNode"],"sources":["../src/RDFXMLPane.js"],"sourcesContent":["/* RDF/XML content Pane\n **\n ** This pane shows the content of a particular RDF resource\n ** or at least the RDF semantics we attribute to that resource,\n ** in generated N3 syntax.\n */\n\nimport * as UI from 'solid-ui-jss'\nimport * as $rdf from 'rdflib'\n\nconst ns = UI.ns\n\nexport const RDFXMLPane = {\n icon: UI.icons.originalIconBase + '22-text-xml4.png',\n\n name: 'RDFXML',\n\n audience: [ns.solid('Developer')],\n\n label: function (subject, context) {\n const store = context.session.store\n if (\n 'http://www.w3.org/2007/ont/link#ProtocolEvent' in\n store.findTypeURIs(subject)\n ) {\n return null\n }\n\n const n = store.statementsMatching(undefined, undefined, undefined, subject)\n .length\n if (n === 0) return null\n return 'As RDF/XML (' + n + ')'\n },\n\n render: function (subject, context) {\n const myDocument = context.dom\n const kb = context.session.store\n const div = myDocument.createElement('div')\n div.setAttribute('class', 'RDFXMLPane')\n // Because of smushing etc, this will not be a copy of the original source\n // We could instead either fetch and re-parse the source,\n // or we could keep all the pre-smushed triples.\n const sts = kb.statementsMatching(undefined, undefined, undefined, subject) // @@ slow with current store!\n /*\n var kludge = kb.formula([]) // No features\n for (var i=0; i< sts.length; i++) {\n s = sts[i]\n kludge.add(s.subject, s.predicate, s.object)\n }\n */\n const sz = $rdf.Serializer(kb)\n sz.suggestNamespaces(kb.namespaces)\n sz.setBase(subject.uri)\n const str = sz.statementsToXML(sts)\n const pre = myDocument.createElement('PRE')\n pre.appendChild(myDocument.createTextNode(str))\n div.appendChild(pre)\n return div\n }\n}\n\n// ends\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,KAAKA,EAAE,MAAM,cAAc;AAClC,OAAO,KAAKC,IAAI,MAAM,QAAQ;AAE9B,MAAMC,EAAE,GAAGF,EAAE,CAACE,EAAE;AAEhB,OAAO,MAAMC,UAAU,GAAG;EACxBC,IAAI,EAAEJ,EAAE,CAACK,KAAK,CAACC,gBAAgB,GAAG,kBAAkB;EAEpDC,IAAI,EAAE,QAAQ;EAEdC,QAAQ,EAAE,CAACN,EAAE,CAACO,KAAK,CAAC,WAAW,CAAC,CAAC;EAEjCC,KAAK,EAAE,SAAAA,CAAUC,OAAO,EAAEC,OAAO,EAAE;IACjC,MAAMC,KAAK,GAAGD,OAAO,CAACE,OAAO,CAACD,KAAK;IACnC,IACE,+CAA+C,IAC/CA,KAAK,CAACE,YAAY,CAACJ,OAAO,CAAC,EAC3B;MACA,OAAO,IAAI;IACb;IAEA,MAAMK,CAAC,GAAGH,KAAK,CAACI,kBAAkB,CAACC,SAAS,EAAEA,SAAS,EAAEA,SAAS,EAAEP,OAAO,CAAC,CACzEQ,MAAM;IACT,IAAIH,CAAC,KAAK,CAAC,EAAE,OAAO,IAAI;IACxB,OAAO,cAAc,GAAGA,CAAC,GAAG,GAAG;EACjC,CAAC;EAEDI,MAAM,EAAE,SAAAA,CAAUT,OAAO,EAAEC,OAAO,EAAE;IAClC,MAAMS,UAAU,GAAGT,OAAO,CAACU,GAAG;IAC9B,MAAMC,EAAE,GAAGX,OAAO,CAACE,OAAO,CAACD,KAAK;IAChC,MAAMW,GAAG,GAAGH,UAAU,CAACI,aAAa,CAAC,KAAK,CAAC;IAC3CD,GAAG,CAACE,YAAY,CAAC,OAAO,EAAE,YAAY,CAAC;IACvC;IACA;IACA;IACA,MAAMC,GAAG,GAAGJ,EAAE,CAACN,kBAAkB,CAACC,SAAS,EAAEA,SAAS,EAAEA,SAAS,EAAEP,OAAO,CAAC,EAAC;IAC5E;AACJ;AACA;AACA;AACA;AACA;AACA;IACI,MAAMiB,EAAE,GAAG3B,IAAI,CAAC4B,UAAU,CAACN,EAAE,CAAC;IAC9BK,EAAE,CAACE,iBAAiB,CAACP,EAAE,CAACQ,UAAU,CAAC;IACnCH,EAAE,CAACI,OAAO,CAACrB,OAAO,CAACsB,GAAG,CAAC;IACvB,MAAMC,GAAG,GAAGN,EAAE,CAACO,eAAe,CAACR,GAAG,CAAC;IACnC,MAAMS,GAAG,GAAGf,UAAU,CAACI,aAAa,CAAC,KAAK,CAAC;IAC3CW,GAAG,CAACC,WAAW,CAAChB,UAAU,CAACiB,cAAc,CAACJ,GAAG,CAAC,CAAC;IAC/CV,GAAG,CAACa,WAAW,CAACD,GAAG,CAAC;IACpB,OAAOZ,GAAG;EACZ;AACF,CAAC;;AAED","ignoreList":[]}
\ No newline at end of file
diff --git a/dist/activitystreams/activitystreamsPane.js b/dist/activitystreams/activitystreamsPane.js
new file mode 100644
index 00000000..1de555c1
--- /dev/null
+++ b/dist/activitystreams/activitystreamsPane.js
@@ -0,0 +1,271 @@
+/**
+ * ActivityStreams Pane - Vanilla JS rewrite
+ *
+ * Displays as:Note content as a styled card.
+ * Replaces the React-based activitystreams-pane package (~11MB -> ~3KB)
+ */
+
+import * as UI from 'solid-ui-jss';
+import { sym } from 'rdflib';
+const ns = UI.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(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
+ */
+export default {
+ icon: UI.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 = 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=activitystreamsPane.js.map
\ No newline at end of file
diff --git a/dist/activitystreams/activitystreamsPane.js.map b/dist/activitystreams/activitystreamsPane.js.map
new file mode 100644
index 00000000..43db96ed
--- /dev/null
+++ b/dist/activitystreams/activitystreamsPane.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"activitystreamsPane.js","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"],"sources":["../../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"],"mappings":"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","ignoreList":[]}
\ No newline at end of file
diff --git a/dist/argument/argumentPane.js b/dist/argument/argumentPane.js
new file mode 100644
index 00000000..bb31146c
--- /dev/null
+++ b/dist/argument/argumentPane.js
@@ -0,0 +1,57 @@
+/* View argument Pane
+**
+** This pane shows a position and optionally the positions which
+** support or oppose it.
+** @@ Unfinsihed.
+** Should allow editing the data too
+
+*/
+import { store } from 'solid-logic-jss';
+import * as UI from 'solid-ui-jss';
+import * as panes from 'pane-registry';
+
+// console.log('@@@ argument pane icon at ' + (module.__dirname || __dirname) + '/icon_argument.png')
+export default {
+ icon: (module.__dirname || __dirname) + '/icon_argument.png',
+ // @@ fix fro mashlib version
+
+ name: 'argument',
+ label: function (subject) {
+ const kb = store;
+ const t = kb.findTypeURIs(subject);
+ if (t[UI.ns.arg('Position').uri]) return 'Argument';
+ return null;
+ },
+ // View the data in a file in user-friendly way
+ render: function (subject, dom) {
+ const outliner = panes.getOutliner(dom);
+ const kb = store;
+ const arg = UI.ns.arg;
+ subject = kb.canon(subject);
+ // var types = kb.findTypeURIs(subject)
+
+ const div = dom.createElement('div');
+ div.setAttribute('class', 'argumentPane');
+
+ // var title = kb.any(subject, UI.ns.dc('title'))
+
+ const comment = kb.any(subject, UI.ns.rdfs('comment'));
+ if (comment) {
+ const para = dom.createElement('p');
+ para.setAttribute('style', 'margin-left: 2em; font-style: italic;');
+ div.appendChild(para);
+ para.textContent = comment.value;
+ }
+ div.appendChild(dom.createElement('hr'));
+ let plist = kb.statementsMatching(subject, arg('support'));
+ outliner.appendPropertyTRs(div, plist, false);
+ div.appendChild(dom.createElement('hr'));
+ plist = kb.statementsMatching(subject, arg('opposition'));
+ outliner.appendPropertyTRs(div, plist, false);
+ div.appendChild(dom.createElement('hr'));
+ return div;
+ }
+};
+
+// ends
+//# sourceMappingURL=argumentPane.js.map
\ No newline at end of file
diff --git a/dist/argument/argumentPane.js.map b/dist/argument/argumentPane.js.map
new file mode 100644
index 00000000..69b21208
--- /dev/null
+++ b/dist/argument/argumentPane.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"argumentPane.js","names":["store","UI","panes","icon","module","__dirname","name","label","subject","kb","t","findTypeURIs","ns","arg","uri","render","dom","outliner","getOutliner","canon","div","createElement","setAttribute","comment","any","rdfs","para","appendChild","textContent","value","plist","statementsMatching","appendPropertyTRs"],"sources":["../../src/argument/argumentPane.js"],"sourcesContent":["/* View argument Pane\n**\n** This pane shows a position and optionally the positions which\n** support or oppose it.\n** @@ Unfinsihed.\n** Should allow editing the data too\n\n*/\nimport { store } from 'solid-logic-jss'\nimport * as UI from 'solid-ui-jss'\nimport * as panes from 'pane-registry'\n\n// console.log('@@@ argument pane icon at ' + (module.__dirname || __dirname) + '/icon_argument.png')\nexport default {\n icon: (module.__dirname || __dirname) + '/icon_argument.png', // @@ fix fro mashlib version\n\n name: 'argument',\n\n label: function (subject) {\n const kb = store\n const t = kb.findTypeURIs(subject)\n\n if (t[UI.ns.arg('Position').uri]) return 'Argument'\n\n return null\n },\n\n // View the data in a file in user-friendly way\n render: function (subject, dom) {\n const outliner = panes.getOutliner(dom)\n const kb = store\n const arg = UI.ns.arg\n\n subject = kb.canon(subject)\n // var types = kb.findTypeURIs(subject)\n\n const div = dom.createElement('div')\n div.setAttribute('class', 'argumentPane')\n\n // var title = kb.any(subject, UI.ns.dc('title'))\n\n const comment = kb.any(subject, UI.ns.rdfs('comment'))\n if (comment) {\n const para = dom.createElement('p')\n para.setAttribute('style', 'margin-left: 2em; font-style: italic;')\n div.appendChild(para)\n para.textContent = comment.value\n }\n\n div.appendChild(dom.createElement('hr'))\n\n let plist = kb.statementsMatching(subject, arg('support'))\n outliner.appendPropertyTRs(div, plist, false)\n\n div.appendChild(dom.createElement('hr'))\n\n plist = kb.statementsMatching(subject, arg('opposition'))\n outliner.appendPropertyTRs(div, plist, false)\n\n div.appendChild(dom.createElement('hr'))\n return div\n }\n}\n\n// ends\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,KAAK,QAAQ,iBAAiB;AACvC,OAAO,KAAKC,EAAE,MAAM,cAAc;AAClC,OAAO,KAAKC,KAAK,MAAM,eAAe;;AAEtC;AACA,eAAe;EACbC,IAAI,EAAE,CAACC,MAAM,CAACC,SAAS,IAAIA,SAAS,IAAI,oBAAoB;EAAE;;EAE9DC,IAAI,EAAE,UAAU;EAEhBC,KAAK,EAAE,SAAAA,CAAUC,OAAO,EAAE;IACxB,MAAMC,EAAE,GAAGT,KAAK;IAChB,MAAMU,CAAC,GAAGD,EAAE,CAACE,YAAY,CAACH,OAAO,CAAC;IAElC,IAAIE,CAAC,CAACT,EAAE,CAACW,EAAE,CAACC,GAAG,CAAC,UAAU,CAAC,CAACC,GAAG,CAAC,EAAE,OAAO,UAAU;IAEnD,OAAO,IAAI;EACb,CAAC;EAED;EACAC,MAAM,EAAE,SAAAA,CAAUP,OAAO,EAAEQ,GAAG,EAAE;IAC9B,MAAMC,QAAQ,GAAGf,KAAK,CAACgB,WAAW,CAACF,GAAG,CAAC;IACvC,MAAMP,EAAE,GAAGT,KAAK;IAChB,MAAMa,GAAG,GAAGZ,EAAE,CAACW,EAAE,CAACC,GAAG;IAErBL,OAAO,GAAGC,EAAE,CAACU,KAAK,CAACX,OAAO,CAAC;IAC3B;;IAEA,MAAMY,GAAG,GAAGJ,GAAG,CAACK,aAAa,CAAC,KAAK,CAAC;IACpCD,GAAG,CAACE,YAAY,CAAC,OAAO,EAAE,cAAc,CAAC;;IAEzC;;IAEA,MAAMC,OAAO,GAAGd,EAAE,CAACe,GAAG,CAAChB,OAAO,EAAEP,EAAE,CAACW,EAAE,CAACa,IAAI,CAAC,SAAS,CAAC,CAAC;IACtD,IAAIF,OAAO,EAAE;MACX,MAAMG,IAAI,GAAGV,GAAG,CAACK,aAAa,CAAC,GAAG,CAAC;MACnCK,IAAI,CAACJ,YAAY,CAAC,OAAO,EAAE,uCAAuC,CAAC;MACnEF,GAAG,CAACO,WAAW,CAACD,IAAI,CAAC;MACrBA,IAAI,CAACE,WAAW,GAAGL,OAAO,CAACM,KAAK;IAClC;IAEAT,GAAG,CAACO,WAAW,CAACX,GAAG,CAACK,aAAa,CAAC,IAAI,CAAC,CAAC;IAExC,IAAIS,KAAK,GAAGrB,EAAE,CAACsB,kBAAkB,CAACvB,OAAO,EAAEK,GAAG,CAAC,SAAS,CAAC,CAAC;IAC1DI,QAAQ,CAACe,iBAAiB,CAACZ,GAAG,EAAEU,KAAK,EAAE,KAAK,CAAC;IAE7CV,GAAG,CAACO,WAAW,CAACX,GAAG,CAACK,aAAa,CAAC,IAAI,CAAC,CAAC;IAExCS,KAAK,GAAGrB,EAAE,CAACsB,kBAAkB,CAACvB,OAAO,EAAEK,GAAG,CAAC,YAAY,CAAC,CAAC;IACzDI,QAAQ,CAACe,iBAAiB,CAACZ,GAAG,EAAEU,KAAK,EAAE,KAAK,CAAC;IAE7CV,GAAG,CAACO,WAAW,CAACX,GAAG,CAACK,aAAa,CAAC,IAAI,CAAC,CAAC;IACxC,OAAOD,GAAG;EACZ;AACF,CAAC;;AAED","ignoreList":[]}
\ No newline at end of file
diff --git a/dist/attach/attachPane.js b/dist/attach/attachPane.js
new file mode 100644
index 00000000..7bd52443
--- /dev/null
+++ b/dist/attach/attachPane.js
@@ -0,0 +1,389 @@
+/* Attachment Pane
+ **
+ ** - Attach a document to a thing
+ ** - View attachments
+ ** - Look at all unattached Supporting Documents.
+ ** - Drag a document onto the pane to attach it @@
+ **
+ **
+ */
+
+import * as UI from 'solid-ui-jss';
+import * as $rdf from 'rdflib';
+export default {
+ icon: UI.icons.iconBase + 'noun_25830.svg',
+ // noun_25830
+
+ name: 'attachments',
+ // Does the subject deserve an attachments pane?
+ //
+ // In this case we will render any thing which is in any subclass of
+ // certain classes, or also the certain classes themselves, as a
+ // triage tool for correlating many attachees with attachments.
+ // We also offer the pane for anything of any class which just has an attachment already.
+ //
+ label: function (subject, context) {
+ const kb = context.session.store;
+ const t = kb.findTypeURIs(subject);
+ const QU = $rdf.Namespace('http://www.w3.org/2000/10/swap/pim/qif#');
+ const WF = $rdf.Namespace('http://www.w3.org/2005/01/wf/flow#');
+ if (t['http://www.w3.org/ns/pim/trip#Trip'] ||
+ // If in any subclass
+ subject.uri === 'http://www.w3.org/ns/pim/trip#Trip' || t['http://www.w3.org/2005/01/wf/flow#Task'] || t['http://www.w3.org/2000/10/swap/pim/qif#Transaction'] ||
+ // subject.uri == 'http://www.w3.org/2000/10/swap/pim/qif#Transaction' ||
+ QU('Transaction') in kb.findSuperClassesNT(subject) || kb.holds(subject, WF('attachment'))) {
+ return 'attachments';
+ }
+ return null;
+ },
+ render: function (subject, context) {
+ const dom = context.dom;
+ const kb = context.session.store;
+ const WF = $rdf.Namespace('http://www.w3.org/2005/01/wf/flow#');
+ const QU = $rdf.Namespace('http://www.w3.org/2000/10/swap/pim/qif#');
+
+ // ////////////////////////////////////////////////////////////////////////////
+
+ const complain = function complain(message) {
+ const pre = dom.createElement('pre');
+ pre.setAttribute('style', 'background-color: pink');
+ div.appendChild(pre);
+ pre.appendChild(dom.createTextNode(message));
+ };
+
+ // Where can we write about this thing?
+ //
+ // Returns term for document or null
+ const findStore = function (kb, subject) {
+ if (kb.updater.editable(subject.doc(), kb)) return subject.doc();
+ const store = kb.any(subject.doc(), QU('annotationStore'));
+ return store;
+ };
+ const div = dom.createElement('div');
+ const esc = UI.utils.escapeForXML;
+ div.setAttribute('class', 'attachPane');
+ div.innerHTML = '
' + esc(UI.utils.label(subject, true)) + ' attachments
'; //
+
+ const predicate = WF('attachment');
+ const range = QU('SupportingDocument');
+ let subjects, multi;
+ const options = {};
+ let currentMode = 0; // 0 -> Show all; 1 -> Attached; 2 -> unattached
+ let currentSubject = null;
+ let currentObject = null;
+ const objectType = QU('SupportingDocument');
+
+ // Find all members of the class which we know about
+ // and sort them by an appropriate property. @@ Move to library
+ //
+
+ const getSortKeySimple = function (_c) {
+ const uriMap = {
+ 'http://www.w3.org/2005/01/wf/flow#Task': 'http://purl.org/dc/elements/1.1/created',
+ 'http://www.w3.org/ns/pim/trip#Trip': 'http://www.w3.org/2002/12/cal/ical#dtstart',
+ 'http://www.w3.org/2000/10/swap/pim/qif#Transaction': 'http://www.w3.org/2000/10/swap/pim/qif#date',
+ 'http://www.w3.org/2000/10/swap/pim/qif#SupportingDocument': 'http://purl.org/dc/elements/1.1/date'
+ };
+ const uri = uriMap[subject.uri];
+ return uri ? kb.sym(uri) : kb.any(subject, UI.ns.ui('sortBy'));
+ };
+ const getSortKey = function (c) {
+ let k = getSortKeySimple(c.uri);
+ if (k) return k;
+ const sup = kb.findSuperClassesNT(c);
+ for (const cl in sup) {
+ // note unordered -- could be closest first
+ k = getSortKeySimple(kb.fromNT(cl).uri);
+ if (k) return k;
+ }
+ return undefined; // failure
+ };
+ const getMembersAndSort = function (subject) {
+ const sortBy = getSortKey(subject);
+ let u, x, key;
+ const uriHash = kb.findMemberURIs(subject);
+ const pairs = [];
+ const subjects = [];
+ for (u in uriHash) {
+ // @@ TODO: Write away the need for exception on next line
+
+ if (Object.prototype.hasOwnProperty.call(uriHash, u)) {
+ x = kb.sym(u);
+ if (sortBy) {
+ key = kb.any(x, sortBy);
+ if (!key) {
+ // complain("No key "+key+" sortby "+sortBy+" for "+x)
+ key = '8888-12-31';
+ } else {
+ key = key.value;
+ }
+ } else {
+ complain('No sortby ' + sortBy + ' for ' + x);
+ key = '9999-12-31';
+ }
+ // key = (sortBy && kb.any(x, sortBy)) || kb.literal("9999-12-31") // Undated appear future
+ // if (!key) complain("Sort: '"+key+"' No "+sortBy+" for "+x) // Assume just not in this year
+ pairs.push([key, x]);
+ }
+ }
+ pairs.sort();
+ pairs.reverse(); // @@ Descending order .. made a toggle?
+ for (let i = 0; i < pairs.length; i++) {
+ subjects.push(pairs[i][1]);
+ }
+ return subjects;
+ };
+
+ // Set up a triage of many class members against documents or just one
+ if (subject.uri === 'http://www.w3.org/ns/pim/trip#Trip' || QU('Transaction') in kb.findSuperClassesNT(subject)
+ // subject.uri == 'http://www.w3.org/2000/10/swap/pim/qif#Transaction'
+ ) {
+ multi = true;
+ subjects = getMembersAndSort(subject);
+ } else {
+ currentSubject = subject;
+ currentMode = 1; // Show attached only.
+ subjects = [subject];
+ multi = false;
+ }
+
+ // var store = findStore(kb, subject)
+ // if (!store) complain("There is no annotation store for: "+subject.uri)
+
+ // var objects = kb.each(undefined, ns.rdf('type'), range)
+ const objects = getMembersAndSort(range);
+ if (!objects) complain('objects:' + objects.length);
+ const deselectObject = function () {
+ currentObject = null;
+ preview.innerHTML = '';
+ };
+ const showFiltered = function (mode) {
+ const filtered = mode === 0 ? objects : getFiltered();
+ // eslint-enable
+ UI.widgets.selectorPanelRefresh(objectList, dom, kb, objectType, predicate, true, filtered, options, showObject, linkClicked);
+ if (filtered.length === 1) {
+ currentObject = filtered[0];
+ showObject(currentObject, null, true); // @@ (Sure?) if only one select it.
+ } else {
+ deselectObject();
+ }
+ function getFiltered() {
+ return mode === 1 ? currentSubject === null ? objects.filter(y => !!kb.holds(undefined, predicate, y)) : objects.filter(y => !!kb.holds(currentSubject, predicate, y)) : objects.filter(y => kb.each(undefined, predicate, y).length === 0);
+ }
+ };
+ const setAttachment = function (x, y, value, refresh) {
+ if (kb.holds(x, predicate, y) === value) return;
+ const verb = value ? 'attach' : 'detach';
+ // complain("Info: starting to "+verb+" " + y.uri + " to "+x.uri+ ":\n")
+ const linkDone3 = function (uri, ok, body) {
+ if (ok) {
+ // complain("Success "+verb+" "+y.uri+" to "+x.uri+ ":\n"+ body)
+ refresh();
+ } else {
+ complain('Error: Unable to ' + verb + ' ' + y.uri + ' to ' + x.uri + ':\n' + body);
+ }
+ };
+ const store = findStore(kb, x);
+ if (!store) {
+ complain('There is no annotation store for: ' + x.uri);
+ } else {
+ const sts = [$rdf.st(x, predicate, y, store)];
+ if (value) {
+ kb.updater.update([], sts, linkDone3);
+ } else {
+ kb.updater.update(sts, [], linkDone3);
+ }
+ }
+ };
+ const linkClicked = function (x, event, inverse, refresh) {
+ let s, o;
+ if (inverse) {
+ // Objectlist
+ if (!currentSubject) {
+ complain('No subject for the link has been selected');
+ return;
+ } else {
+ s = currentSubject;
+ o = x;
+ }
+ } else {
+ // Subjectlist
+ if (!currentObject) {
+ complain('No object for the link has been selected');
+ return;
+ } else {
+ s = x;
+ o = currentObject;
+ }
+ }
+ setAttachment(s, o, !kb.holds(s, predicate, o), refresh); // @@ toggle
+ };
+
+ // When you click on a subject, filter the objects connected to the subject in Mode 1
+ const showSubject = function (x, event, selected) {
+ if (selected) {
+ currentSubject = x;
+ } else {
+ currentSubject = null;
+ if (currentMode === 1) deselectObject();
+ } // If all are displayed, refresh would just annoy:
+ if (currentMode !== 0) showFiltered(currentMode); // Refresh the objects
+ };
+ if (multi) {
+ const subjectList = UI.widgets.selectorPanel(dom, kb, subject, predicate, false, subjects, options, showSubject, linkClicked);
+ subjectList.setAttribute('style', 'background-color: white; width: 25em; height: 100%; padding: 0 em; overflow:scroll; float:left');
+ div.appendChild(subjectList);
+ }
+ const showObject = function (x, event, selected) {
+ if (!selected) {
+ deselectObject();
+ preview.innerHTML = ''; // Clean out what is there
+ // complain("Show object "+x.uri)
+ return;
+ }
+ currentObject = x;
+ try {
+ /*
+ var dispalyable = function (kb, x) {
+ var cts = kb.fetcher.getHeader(x, 'content-type')
+ if (cts) {
+ var displayables = ['text/html', 'image/png', 'application/pdf']
+ for (var j = 0; j < cts.length; j++) {
+ for (var k = 0; k < displayables.length; k++) {
+ if (cts[j].indexOf(displayables[k]) >= 0) {
+ return true
+ }
+ }
+ }
+ }
+ return false
+ }
+ */
+ preview.innerHTML = 'Loading ....';
+ if (x.uri) {
+ kb.fetcher.load(x.uri).then(() => {
+ const outliner = context.getOutliner(dom);
+ const display = outliner.propertyTable(x); // ,table, pane
+ preview.innerHTML = '';
+ preview.appendChild(display);
+ }).catch(err => {
+ preview.textContent = 'Error loading ' + x.uri + ': ' + err;
+ });
+ }
+ /*
+ if (dispalyable(kb, x) || x.uri.slice(-4) == ".pdf" || x.uri.slice(-4) == ".png" || x.uri.slice(-5) == ".html" ||
+ x.uri.slice(-5) == ".jpeg") { // @@@@@@ MAJOR KLUDGE! use metadata after HEAD
+ preview.innerHTML = ''
+ } else {
+ }
+ */
+ } catch (e) {
+ preview.innerHTML = '' + 'Error:' + e + ''; // @@ enc
+ }
+ };
+ div.setAttribute('style', 'background-color: white; width:40cm; height:20cm;');
+ const headerButtons = function (dom, labels, intial, callback) {
+ const head = dom.createElement('table');
+ let current = intial;
+ head.setAttribute('style', 'float: left; width: 30em; padding: 0.5em; height: 1.5em; background-color: #ddd; color: #444; font-weight: bold');
+ const tr = dom.createElement('tr');
+ const style0 = 'border-radius: 0.6em; text-align: center;';
+ const style1 = style0 + 'background-color: #ccc; color: black;';
+ head.appendChild(tr);
+ const setStyles = function () {
+ for (i = 0; i < labels.length; i++) {
+ buttons[i].setAttribute('style', i === current ? style1 : style0);
+ }
+ };
+ let i, b;
+ const buttons = [];
+ for (i = 0; i < labels.length; i++) {
+ b = buttons[i] = dom.createElement('td');
+ b.textContent = labels[i];
+ tr.appendChild(buttons[i]);
+ const listen = function (b, i) {
+ b.addEventListener('click', function (_e) {
+ current = i;
+ setStyles();
+ callback(i);
+ });
+ };
+ listen(b, i);
+ }
+ setStyles();
+ return head;
+ };
+ const setMode = function (mode) {
+ if (mode !== currentMode) {
+ currentMode = mode;
+ deselectObject();
+ showFiltered(mode);
+ }
+ };
+ const wrapper = dom.createElement('div');
+ wrapper.setAttribute('style', ' width: 30em; height: 100%; padding: 0em; float:left;');
+ // wrapper.appendChild(head)
+ div.appendChild(wrapper);
+ wrapper.appendChild(headerButtons(dom, ['all', 'attached', 'not attached'], currentMode, setMode));
+ const objectList = UI.widgets.selectorPanel(dom, kb, objectType, predicate, true, objects, options, showObject, linkClicked);
+ objectList.setAttribute('style', 'background-color: #ffe; width: 30em; height: 100%; padding: 0em; overflow:scroll;'); // float:left
+ wrapper.appendChild(objectList);
+
+ // objectList.insertBefore(head, objectList.firstChild)
+
+ const preview = dom.createElement('div');
+ preview.setAttribute('style', /* background-color: black; */'padding: 0em; margin: 0; height: 100%; overflow:scroll;');
+ div.appendChild(preview);
+ showFiltered(currentMode);
+ if (subjects.length > 0 && multi) {
+ const stores = {};
+ for (let k = 0; k < subjects.length; k++) {
+ const store = findStore(kb, subjects[k]);
+ if (store) stores[store.uri] = subjects[k];
+ // if (!store) complain("No store for "+subjects[k].uri)
+ }
+ for (const storeURI in stores) {
+ // var store = findStore(kb,subjects[subjectList.length-1])
+ const store = kb.sym(storeURI);
+ const mintBox = dom.createElement('div');
+ mintBox.setAttribute('style', 'clear: left; width: 20em; margin-top:2em; background-color:#ccc; border-radius: 1em; padding: 1em; font-weight: bold;');
+ mintBox.textContent = '+ New ' + UI.utils.label(subject);
+ mintBox.textContent += ' in ' + UI.utils.label(store);
+ const storeLab = dom.createElement('span');
+ storeLab.setAttribute('style', 'font-weight: normal; font-size: 80%; color: #777;');
+ storeLab.textContent = storeURI;
+ mintBox.appendChild(dom.createElement('br'));
+ mintBox.appendChild(storeLab);
+ /*
+ var mintButton = dom.createElement('img')
+ mintBox.appendChild(mintButton)
+ mintButton.setAttribute('src', ...); @@ Invokes master handler
+ */
+ mintBox.addEventListener('click', function (_event) {
+ const thisForm = UI.widgets.promptForNew(dom, kb, subject, predicate, subject, null, store, function (ok, _body) {
+ if (!ok) {
+ // callback(ok, body); // @@ if ok, need some form of refresh of the select for the new thing
+ } else {
+ // Refresh @@
+ }
+ });
+ try {
+ div.insertBefore(thisForm, mintBox.nextSibling); // Sigh no insertAfter
+ } catch (e) {
+ div.appendChild(thisForm);
+ }
+ // var newObject = thisForm.AJAR_subject
+ }, false);
+ div.appendChild(mintBox);
+ }
+ }
+
+ // if (!me) complain("(You do not have your Web Id set. Set your Web ID to make changes.)")
+
+ return div;
+ }
+}; // pane object
+
+// ends
+//# sourceMappingURL=attachPane.js.map
\ No newline at end of file
diff --git a/dist/attach/attachPane.js.map b/dist/attach/attachPane.js.map
new file mode 100644
index 00000000..d9c435a6
--- /dev/null
+++ b/dist/attach/attachPane.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"attachPane.js","names":["UI","$rdf","icon","icons","iconBase","name","label","subject","context","kb","session","store","t","findTypeURIs","QU","Namespace","WF","uri","findSuperClassesNT","holds","render","dom","complain","message","pre","createElement","setAttribute","div","appendChild","createTextNode","findStore","updater","editable","doc","any","esc","utils","escapeForXML","innerHTML","predicate","range","subjects","multi","options","currentMode","currentSubject","currentObject","objectType","getSortKeySimple","_c","uriMap","sym","ns","ui","getSortKey","c","k","sup","cl","fromNT","undefined","getMembersAndSort","sortBy","u","x","key","uriHash","findMemberURIs","pairs","Object","prototype","hasOwnProperty","call","value","push","sort","reverse","i","length","objects","deselectObject","preview","showFiltered","mode","filtered","getFiltered","widgets","selectorPanelRefresh","objectList","showObject","linkClicked","filter","y","each","setAttachment","refresh","verb","linkDone3","ok","body","sts","st","update","event","inverse","s","o","showSubject","selected","subjectList","selectorPanel","fetcher","load","then","outliner","getOutliner","display","propertyTable","catch","err","textContent","e","headerButtons","labels","intial","callback","head","current","tr","style0","style1","setStyles","buttons","b","listen","addEventListener","_e","setMode","wrapper","stores","storeURI","mintBox","storeLab","_event","thisForm","promptForNew","_body","insertBefore","nextSibling"],"sources":["../../src/attach/attachPane.js"],"sourcesContent":["/* Attachment Pane\n **\n ** - Attach a document to a thing\n ** - View attachments\n ** - Look at all unattached Supporting Documents.\n ** - Drag a document onto the pane to attach it @@\n **\n **\n */\n\nimport * as UI from 'solid-ui-jss'\nimport * as $rdf from 'rdflib'\n\nexport default {\n icon: UI.icons.iconBase + 'noun_25830.svg', // noun_25830\n\n name: 'attachments',\n\n // Does the subject deserve an attachments pane?\n //\n // In this case we will render any thing which is in any subclass of\n // certain classes, or also the certain classes themselves, as a\n // triage tool for correlating many attachees with attachments.\n // We also offer the pane for anything of any class which just has an attachment already.\n //\n label: function (subject, context) {\n const kb = context.session.store\n const t = kb.findTypeURIs(subject)\n const QU = $rdf.Namespace('http://www.w3.org/2000/10/swap/pim/qif#')\n const WF = $rdf.Namespace('http://www.w3.org/2005/01/wf/flow#')\n if (\n t['http://www.w3.org/ns/pim/trip#Trip'] || // If in any subclass\n subject.uri === 'http://www.w3.org/ns/pim/trip#Trip' ||\n t['http://www.w3.org/2005/01/wf/flow#Task'] ||\n t['http://www.w3.org/2000/10/swap/pim/qif#Transaction'] ||\n // subject.uri == 'http://www.w3.org/2000/10/swap/pim/qif#Transaction' ||\n QU('Transaction') in kb.findSuperClassesNT(subject) ||\n kb.holds(subject, WF('attachment'))\n ) {\n return 'attachments'\n }\n return null\n },\n\n render: function (subject, context) {\n const dom = context.dom\n const kb = context.session.store\n const WF = $rdf.Namespace('http://www.w3.org/2005/01/wf/flow#')\n const QU = $rdf.Namespace('http://www.w3.org/2000/10/swap/pim/qif#')\n\n // ////////////////////////////////////////////////////////////////////////////\n\n const complain = function complain (message) {\n const pre = dom.createElement('pre')\n pre.setAttribute('style', 'background-color: pink')\n div.appendChild(pre)\n pre.appendChild(dom.createTextNode(message))\n }\n\n // Where can we write about this thing?\n //\n // Returns term for document or null\n const findStore = function (kb, subject) {\n if (kb.updater.editable(subject.doc(), kb)) return subject.doc()\n const store = kb.any(subject.doc(), QU('annotationStore'))\n return store\n }\n\n const div = dom.createElement('div')\n const esc = UI.utils.escapeForXML\n div.setAttribute('class', 'attachPane')\n div.innerHTML =\n '' + esc(UI.utils.label(subject, true)) + ' attachments
' //\n\n const predicate = WF('attachment')\n const range = QU('SupportingDocument')\n\n let subjects, multi\n const options = {}\n let currentMode = 0 // 0 -> Show all; 1 -> Attached; 2 -> unattached\n let currentSubject = null\n let currentObject = null\n const objectType = QU('SupportingDocument')\n\n // Find all members of the class which we know about\n // and sort them by an appropriate property. @@ Move to library\n //\n\n const getSortKeySimple = function (_c) {\n const uriMap = {\n 'http://www.w3.org/2005/01/wf/flow#Task': 'http://purl.org/dc/elements/1.1/created',\n 'http://www.w3.org/ns/pim/trip#Trip': 'http://www.w3.org/2002/12/cal/ical#dtstart',\n 'http://www.w3.org/2000/10/swap/pim/qif#Transaction': 'http://www.w3.org/2000/10/swap/pim/qif#date',\n 'http://www.w3.org/2000/10/swap/pim/qif#SupportingDocument': 'http://purl.org/dc/elements/1.1/date'\n }\n const uri = uriMap[subject.uri]\n return uri ? kb.sym(uri) : kb.any(subject, UI.ns.ui('sortBy'))\n }\n\n const getSortKey = function (c) {\n let k = getSortKeySimple(c.uri)\n if (k) return k\n const sup = kb.findSuperClassesNT(c)\n for (const cl in sup) {\n // note unordered -- could be closest first\n k = getSortKeySimple(kb.fromNT(cl).uri)\n if (k) return k\n }\n return undefined // failure\n }\n\n const getMembersAndSort = function (subject) {\n const sortBy = getSortKey(subject)\n let u, x, key\n const uriHash = kb.findMemberURIs(subject)\n const pairs = []\n const subjects = []\n for (u in uriHash) {\n // @@ TODO: Write away the need for exception on next line\n\n if (Object.prototype.hasOwnProperty.call(uriHash, u)) {\n x = kb.sym(u)\n if (sortBy) {\n key = kb.any(x, sortBy)\n if (!key) {\n // complain(\"No key \"+key+\" sortby \"+sortBy+\" for \"+x)\n key = '8888-12-31'\n } else {\n key = key.value\n }\n } else {\n complain('No sortby ' + sortBy + ' for ' + x)\n key = '9999-12-31'\n }\n // key = (sortBy && kb.any(x, sortBy)) || kb.literal(\"9999-12-31\") // Undated appear future\n // if (!key) complain(\"Sort: '\"+key+\"' No \"+sortBy+\" for \"+x) // Assume just not in this year\n pairs.push([key, x])\n }\n }\n pairs.sort()\n pairs.reverse() // @@ Descending order .. made a toggle?\n for (let i = 0; i < pairs.length; i++) {\n subjects.push(pairs[i][1])\n }\n return subjects\n }\n\n // Set up a triage of many class members against documents or just one\n if (\n subject.uri === 'http://www.w3.org/ns/pim/trip#Trip' ||\n QU('Transaction') in kb.findSuperClassesNT(subject)\n // subject.uri == 'http://www.w3.org/2000/10/swap/pim/qif#Transaction'\n ) {\n multi = true\n subjects = getMembersAndSort(subject)\n } else {\n currentSubject = subject\n currentMode = 1 // Show attached only.\n subjects = [subject]\n multi = false\n }\n\n // var store = findStore(kb, subject)\n // if (!store) complain(\"There is no annotation store for: \"+subject.uri)\n\n // var objects = kb.each(undefined, ns.rdf('type'), range)\n const objects = getMembersAndSort(range)\n if (!objects) complain('objects:' + objects.length)\n\n const deselectObject = function () {\n currentObject = null\n preview.innerHTML = ''\n }\n\n const showFiltered = function (mode) {\n const filtered = mode === 0 ? objects : getFiltered()\n // eslint-enable\n UI.widgets.selectorPanelRefresh(\n objectList,\n dom,\n kb,\n objectType,\n predicate,\n true,\n filtered,\n options,\n showObject,\n linkClicked\n )\n if (filtered.length === 1) {\n currentObject = filtered[0]\n showObject(currentObject, null, true) // @@ (Sure?) if only one select it.\n } else {\n deselectObject()\n }\n\n function getFiltered () {\n return mode === 1\n ? currentSubject === null\n ? objects.filter(y => !!kb.holds(undefined, predicate, y))\n : objects.filter(y => !!kb.holds(currentSubject, predicate, y))\n : objects.filter(y => kb.each(undefined, predicate, y).length === 0)\n }\n }\n\n const setAttachment = function (x, y, value, refresh) {\n if (kb.holds(x, predicate, y) === value) return\n const verb = value ? 'attach' : 'detach'\n // complain(\"Info: starting to \"+verb+\" \" + y.uri + \" to \"+x.uri+ \":\\n\")\n const linkDone3 = function (uri, ok, body) {\n if (ok) {\n // complain(\"Success \"+verb+\" \"+y.uri+\" to \"+x.uri+ \":\\n\"+ body)\n refresh()\n } else {\n complain(\n 'Error: Unable to ' +\n verb +\n ' ' +\n y.uri +\n ' to ' +\n x.uri +\n ':\\n' +\n body\n )\n }\n }\n\n const store = findStore(kb, x)\n if (!store) {\n complain('There is no annotation store for: ' + x.uri)\n } else {\n const sts = [$rdf.st(x, predicate, y, store)]\n if (value) {\n kb.updater.update([], sts, linkDone3)\n } else {\n kb.updater.update(sts, [], linkDone3)\n }\n }\n }\n\n const linkClicked = function (x, event, inverse, refresh) {\n let s, o\n if (inverse) {\n // Objectlist\n if (!currentSubject) {\n complain('No subject for the link has been selected')\n return\n } else {\n s = currentSubject\n o = x\n }\n } else {\n // Subjectlist\n if (!currentObject) {\n complain('No object for the link has been selected')\n return\n } else {\n s = x\n o = currentObject\n }\n }\n setAttachment(s, o, !kb.holds(s, predicate, o), refresh) // @@ toggle\n }\n\n // When you click on a subject, filter the objects connected to the subject in Mode 1\n const showSubject = function (x, event, selected) {\n if (selected) {\n currentSubject = x\n } else {\n currentSubject = null\n if (currentMode === 1) deselectObject()\n } // If all are displayed, refresh would just annoy:\n if (currentMode !== 0) showFiltered(currentMode) // Refresh the objects\n }\n\n if (multi) {\n const subjectList = UI.widgets.selectorPanel(\n dom,\n kb,\n subject,\n predicate,\n false,\n subjects,\n options,\n showSubject,\n linkClicked\n )\n subjectList.setAttribute(\n 'style',\n 'background-color: white; width: 25em; height: 100%; padding: 0 em; overflow:scroll; float:left'\n )\n div.appendChild(subjectList)\n }\n\n const showObject = function (x, event, selected) {\n if (!selected) {\n deselectObject()\n preview.innerHTML = '' // Clean out what is there\n // complain(\"Show object \"+x.uri)\n return\n }\n currentObject = x\n try {\n /*\n var dispalyable = function (kb, x) {\n var cts = kb.fetcher.getHeader(x, 'content-type')\n if (cts) {\n var displayables = ['text/html', 'image/png', 'application/pdf']\n for (var j = 0; j < cts.length; j++) {\n for (var k = 0; k < displayables.length; k++) {\n if (cts[j].indexOf(displayables[k]) >= 0) {\n return true\n }\n }\n }\n }\n return false\n }\n */\n preview.innerHTML = 'Loading ....'\n if (x.uri) {\n kb.fetcher\n .load(x.uri)\n .then(() => {\n const outliner = context.getOutliner(dom)\n const display = outliner.propertyTable(x) // ,table, pane\n preview.innerHTML = ''\n preview.appendChild(display)\n })\n .catch(err => {\n preview.textContent = 'Error loading ' + x.uri + ': ' + err\n })\n }\n /*\n if (dispalyable(kb, x) || x.uri.slice(-4) == \".pdf\" || x.uri.slice(-4) == \".png\" || x.uri.slice(-5) == \".html\" ||\n x.uri.slice(-5) == \".jpeg\") { // @@@@@@ MAJOR KLUDGE! use metadata after HEAD\n preview.innerHTML = ''\n } else {\n }\n */\n } catch (e) {\n preview.innerHTML =\n '' + 'Error:' + e + '' // @@ enc\n }\n }\n\n div.setAttribute(\n 'style',\n 'background-color: white; width:40cm; height:20cm;'\n )\n\n const headerButtons = function (dom, labels, intial, callback) {\n const head = dom.createElement('table')\n let current = intial\n head.setAttribute(\n 'style',\n 'float: left; width: 30em; padding: 0.5em; height: 1.5em; background-color: #ddd; color: #444; font-weight: bold'\n )\n const tr = dom.createElement('tr')\n const style0 = 'border-radius: 0.6em; text-align: center;'\n const style1 = style0 + 'background-color: #ccc; color: black;'\n head.appendChild(tr)\n const setStyles = function () {\n for (i = 0; i < labels.length; i++) {\n buttons[i].setAttribute('style', i === current ? style1 : style0)\n }\n }\n let i, b\n const buttons = []\n for (i = 0; i < labels.length; i++) {\n b = buttons[i] = dom.createElement('td')\n b.textContent = labels[i]\n tr.appendChild(buttons[i])\n const listen = function (b, i) {\n b.addEventListener('click', function (_e) {\n current = i\n setStyles()\n callback(i)\n })\n }\n listen(b, i)\n }\n setStyles()\n return head\n }\n\n const setMode = function (mode) {\n if (mode !== currentMode) {\n currentMode = mode\n deselectObject()\n showFiltered(mode)\n }\n }\n\n const wrapper = dom.createElement('div')\n wrapper.setAttribute(\n 'style',\n ' width: 30em; height: 100%; padding: 0em; float:left;'\n )\n // wrapper.appendChild(head)\n div.appendChild(wrapper)\n wrapper.appendChild(\n headerButtons(\n dom,\n ['all', 'attached', 'not attached'],\n currentMode,\n setMode\n )\n )\n\n const objectList = UI.widgets.selectorPanel(\n dom,\n kb,\n objectType,\n predicate,\n true,\n objects,\n options,\n showObject,\n linkClicked\n )\n objectList.setAttribute(\n 'style',\n 'background-color: #ffe; width: 30em; height: 100%; padding: 0em; overflow:scroll;'\n ) // float:left\n wrapper.appendChild(objectList)\n\n // objectList.insertBefore(head, objectList.firstChild)\n\n const preview = dom.createElement('div')\n preview.setAttribute(\n 'style',\n /* background-color: black; */ 'padding: 0em; margin: 0; height: 100%; overflow:scroll;'\n )\n div.appendChild(preview)\n showFiltered(currentMode)\n\n if (subjects.length > 0 && multi) {\n const stores = {}\n for (let k = 0; k < subjects.length; k++) {\n const store = findStore(kb, subjects[k])\n if (store) stores[store.uri] = subjects[k]\n // if (!store) complain(\"No store for \"+subjects[k].uri)\n }\n for (const storeURI in stores) {\n // var store = findStore(kb,subjects[subjectList.length-1])\n const store = kb.sym(storeURI)\n const mintBox = dom.createElement('div')\n mintBox.setAttribute(\n 'style',\n 'clear: left; width: 20em; margin-top:2em; background-color:#ccc; border-radius: 1em; padding: 1em; font-weight: bold;'\n )\n mintBox.textContent = '+ New ' + UI.utils.label(subject)\n\n mintBox.textContent += ' in ' + UI.utils.label(store)\n const storeLab = dom.createElement('span')\n storeLab.setAttribute(\n 'style',\n 'font-weight: normal; font-size: 80%; color: #777;'\n )\n storeLab.textContent = storeURI\n mintBox.appendChild(dom.createElement('br'))\n mintBox.appendChild(storeLab)\n /*\n var mintButton = dom.createElement('img')\n mintBox.appendChild(mintButton)\n mintButton.setAttribute('src', ...); @@ Invokes master handler\n */\n mintBox.addEventListener(\n 'click',\n function (_event) {\n const thisForm = UI.widgets.promptForNew(\n dom,\n kb,\n subject,\n predicate,\n subject,\n null,\n store,\n function (ok, _body) {\n if (!ok) {\n // callback(ok, body); // @@ if ok, need some form of refresh of the select for the new thing\n } else {\n // Refresh @@\n }\n }\n )\n try {\n div.insertBefore(thisForm, mintBox.nextSibling) // Sigh no insertAfter\n } catch (e) {\n div.appendChild(thisForm)\n }\n // var newObject = thisForm.AJAR_subject\n },\n false\n )\n div.appendChild(mintBox)\n }\n }\n\n // if (!me) complain(\"(You do not have your Web Id set. Set your Web ID to make changes.)\")\n\n return div\n }\n} // pane object\n\n// ends\n"],"mappings":"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","ignoreList":[]}
\ No newline at end of file
diff --git a/dist/audio/audioPane.js b/dist/audio/audioPane.js
new file mode 100644
index 00000000..4f177bac
--- /dev/null
+++ b/dist/audio/audioPane.js
@@ -0,0 +1,176 @@
+/* Single audio play Pane
+ **
+ */
+import * as UI from 'solid-ui-jss';
+import * as $rdf from 'rdflib';
+const ns = UI.ns;
+export default {
+ icon: UI.icons.iconBase + 'noun_534313.svg',
+ name: 'audio',
+ // Does the subject deserve an audio play pane?
+ label: function (subject, context) {
+ const kb = context.session.store;
+ const typeURIs = kb.findTypeURIs(subject);
+ const prefix = $rdf.Util.mediaTypeClass('audio/*').uri.split('*')[0];
+ for (const t in typeURIs) {
+ if (t.startsWith(prefix)) return 'Play audio';
+ }
+ return null;
+ },
+ render: function (subject, context) {
+ const kb = context.session.store;
+ const dom = context.dom;
+ const options = {
+ autoplay: false,
+ chain: true,
+ chainAlbums: true,
+ loop: false
+ };
+ const removeExtension = function (str) {
+ const dot = str.lastIndexOf('.');
+ if (dot < 0) return str; // if any
+ const slash = str.lastIndexOf('/');
+ if (dot < slash) return str;
+ return str.slice(0, dot);
+ };
+
+ // True if there is another file like song.mp3 when this is "song 1.mp3"
+ // or this is song.m4a
+ //
+ const looksRedundant = function (x) {
+ const folder = kb.any(undefined, ns.ldp('contains'), x);
+ if (!folder) return false;
+ const contents = kb.each(folder, ns.ldp('contains'));
+ if (contents.length < 2) return false;
+ const thisName = x.uri;
+ for (let k = 0; k < contents.length; k++) {
+ const otherName = contents[k].uri;
+ if (thisName.length > otherName.length && thisName.startsWith(removeExtension(otherName))) {
+ return true;
+ }
+ if (thisName.endsWith('.m4a') && otherName.endsWith('.mp3') && removeExtension(thisName) === removeExtension(otherName)) {
+ return true;
+ }
+ }
+ return false;
+ };
+
+ // Alternative methods could include:
+ // Accesing metadata in the audio contol, or paring the audio file
+ const guessNames = function (x) {
+ const a = x.uri.split('/').slice(-3); // Hope artist, album, track
+ const decode = function (str) {
+ try {
+ return decodeURIComponent(str);
+ } catch (e) {
+ return str;
+ }
+ };
+ artistRow.textContent = decode(a[0]);
+ albumRow.textContent = decode(a[1]);
+ trackRow.textContent = decode(removeExtension(a[2]));
+ };
+ const moveOn = function (current, level) {
+ return new Promise(function (resolve) {
+ level = level || 0;
+ if (!options.chain) return resolve(null);
+ // Ideally navigate graph else cheat with URI munging:
+ const folder = kb.any(undefined, ns.ldp('contains'), current) || current.dir();
+ if (!folder) return resolve(null);
+ kb.fetcher.load(folder).then(function (_xhr) {
+ const contents = kb.each(folder, ns.ldp('contains')); // @@ load if not loaded
+ // if (contents.length < 2) return resolve(null) NO might move on from 1-track album
+ let j;
+ contents.sort(); // sort by URI which hopefully will get tracks in order
+ for (let i = 0; i < contents.length; i++) {
+ if (current.uri === contents[i].uri) {
+ j = (i + 1) % contents.length;
+ if (j === 0) {
+ if (!options.chainAlbums) {
+ if (options.loop) {
+ return resolve(contents[j]);
+ }
+ return resolve(null); // No more music needed
+ } else {
+ // chain albums
+ if (level === 1 || !options.chainAlbums) return resolve(null); // limit of navigating treee
+ moveOn(folder, level + 1).then(function (folder2) {
+ if (folder2) {
+ kb.fetcher.load(folder2).then(function (_xhr) {
+ const contents = kb.each(folder2, ns.ldp('contains'));
+ if (contents.length === 0) return resolve(null);
+ contents.sort();
+ console.log('New Album: ' + folder2);
+ return resolve(contents[0]); // Start off new album
+ });
+ }
+ });
+ }
+ } else {
+ return resolve(contents[j]);
+ }
+ }
+ } // for
+ });
+ });
+ };
+ const endedListener = function (event) {
+ const current = kb.sym(event.target.getAttribute('src'));
+ if (!options.chain) return;
+ const tryNext = function (cur) {
+ const current = cur;
+ moveOn(current).then(function (next) {
+ if (!next) {
+ console.log('No successor to ' + current);
+ return;
+ }
+ if (!looksRedundant(next)) {
+ console.log('Moving on to ' + next);
+ guessNames(next);
+ controlRow.appendChild(audioControl(next, true)); // Force autoplay
+ controlRow.removeChild(event.target);
+ } else {
+ console.log('Ignoring redundant ' + next);
+ tryNext(next);
+ }
+ });
+ };
+ tryNext(current);
+ };
+ const audioControl = function (song, autoplay) {
+ const audio = dom.createElement('audio');
+ audio.setAttribute('controls', 'yes');
+ // 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
+ }
+ audio.addEventListener('ended', endedListener, false);
+ return audio;
+ };
+ const div = dom.createElement('div');
+ const table = div.appendChild(dom.createElement('table'));
+ const labelStyle = 'padding: 0.3em; color:white; background-color: black;';
+ const artistRow = table.appendChild(dom.createElement('tr'));
+ artistRow.style.cssText = labelStyle;
+ const albumRow = table.appendChild(dom.createElement('tr'));
+ albumRow.style.cssText = labelStyle;
+ const trackRow = table.appendChild(dom.createElement('tr'));
+ trackRow.style.cssText = labelStyle;
+ const controlRow = table.appendChild(dom.createElement('tr'));
+ guessNames(subject);
+ controlRow.appendChild(audioControl(subject, options.autoplay));
+ if (!kb.holds(undefined, ns.ldp('contains'), subject) && subject.dir()) {
+ kb.fetcher.load(subject.dir()); // Prefetch enclosing @@ or playlist
+ }
+ return div;
+ }
+};
+
+// ends
+//# sourceMappingURL=audioPane.js.map
\ No newline at end of file
diff --git a/dist/audio/audioPane.js.map b/dist/audio/audioPane.js.map
new file mode 100644
index 00000000..f128efbe
--- /dev/null
+++ b/dist/audio/audioPane.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"audioPane.js","names":["UI","$rdf","ns","icon","icons","iconBase","name","label","subject","context","kb","session","store","typeURIs","findTypeURIs","prefix","Util","mediaTypeClass","uri","split","t","startsWith","render","dom","options","autoplay","chain","chainAlbums","loop","removeExtension","str","dot","lastIndexOf","slash","slice","looksRedundant","x","folder","any","undefined","ldp","contents","each","length","thisName","k","otherName","endsWith","guessNames","a","decode","decodeURIComponent","e","artistRow","textContent","albumRow","trackRow","moveOn","current","level","Promise","resolve","dir","fetcher","load","then","_xhr","j","sort","i","folder2","console","log","endedListener","event","sym","target","getAttribute","tryNext","cur","next","controlRow","appendChild","audioControl","removeChild","song","audio","createElement","setAttribute","_fetch","response","blob","myBlob","objectURL","URL","createObjectURL","addEventListener","div","table","labelStyle","style","cssText","holds"],"sources":["../../src/audio/audioPane.js"],"sourcesContent":["/* Single audio play Pane\n **\n */\nimport * as UI from 'solid-ui-jss'\nimport * as $rdf from 'rdflib'\nconst ns = UI.ns\n\nexport default {\n icon: UI.icons.iconBase + 'noun_534313.svg',\n\n name: 'audio',\n\n // Does the subject deserve an audio play pane?\n label: function (subject, context) {\n const kb = context.session.store\n const typeURIs = kb.findTypeURIs(subject)\n\n const prefix = $rdf.Util.mediaTypeClass('audio/*').uri.split('*')[0]\n for (const t in typeURIs) {\n if (t.startsWith(prefix)) return 'Play audio'\n }\n return null\n },\n\n render: function (subject, context) {\n const kb = context.session.store\n const dom = context.dom\n const options = {\n autoplay: false,\n chain: true,\n chainAlbums: true,\n loop: false\n }\n\n const removeExtension = function (str) {\n const dot = str.lastIndexOf('.')\n if (dot < 0) return str // if any\n const slash = str.lastIndexOf('/')\n if (dot < slash) return str\n return str.slice(0, dot)\n }\n\n // True if there is another file like song.mp3 when this is \"song 1.mp3\"\n // or this is song.m4a\n //\n const looksRedundant = function (x) {\n const folder = kb.any(undefined, ns.ldp('contains'), x)\n if (!folder) return false\n const contents = kb.each(folder, ns.ldp('contains'))\n if (contents.length < 2) return false\n const thisName = x.uri\n for (let k = 0; k < contents.length; k++) {\n const otherName = contents[k].uri\n if (\n thisName.length > otherName.length &&\n thisName.startsWith(removeExtension(otherName))\n ) {\n return true\n }\n if (\n thisName.endsWith('.m4a') &&\n otherName.endsWith('.mp3') &&\n removeExtension(thisName) === removeExtension(otherName)\n ) {\n return true\n }\n }\n return false\n }\n\n // Alternative methods could include:\n // Accesing metadata in the audio contol, or paring the audio file\n const guessNames = function (x) {\n const a = x.uri.split('/').slice(-3) // Hope artist, album, track\n const decode = function (str) {\n try {\n return decodeURIComponent(str)\n } catch (e) {\n return str\n }\n }\n artistRow.textContent = decode(a[0])\n albumRow.textContent = decode(a[1])\n trackRow.textContent = decode(removeExtension(a[2]))\n }\n\n const moveOn = function (current, level) {\n return new Promise(function (resolve) {\n level = level || 0\n if (!options.chain) return resolve(null)\n // Ideally navigate graph else cheat with URI munging:\n const folder =\n kb.any(undefined, ns.ldp('contains'), current) || current.dir()\n if (!folder) return resolve(null)\n kb.fetcher.load(folder).then(function (_xhr) {\n const contents = kb.each(folder, ns.ldp('contains')) // @@ load if not loaded\n // if (contents.length < 2) return resolve(null) NO might move on from 1-track album\n let j\n contents.sort() // sort by URI which hopefully will get tracks in order\n for (let i = 0; i < contents.length; i++) {\n if (current.uri === contents[i].uri) {\n j = (i + 1) % contents.length\n if (j === 0) {\n if (!options.chainAlbums) {\n if (options.loop) {\n return resolve(contents[j])\n }\n return resolve(null) // No more music needed\n } else {\n // chain albums\n if (level === 1 || !options.chainAlbums) return resolve(null) // limit of navigating treee\n moveOn(folder, level + 1).then(function (folder2) {\n if (folder2) {\n kb.fetcher.load(folder2).then(function (_xhr) {\n const contents = kb.each(folder2, ns.ldp('contains'))\n if (contents.length === 0) return resolve(null)\n contents.sort()\n console.log('New Album: ' + folder2)\n return resolve(contents[0]) // Start off new album\n })\n }\n })\n }\n } else {\n return resolve(contents[j])\n }\n }\n } // for\n })\n })\n }\n const endedListener = function (event) {\n const current = kb.sym(event.target.getAttribute('src'))\n if (!options.chain) return\n const tryNext = function (cur) {\n const current = cur\n moveOn(current).then(function (next) {\n if (!next) {\n console.log('No successor to ' + current)\n return\n }\n if (!looksRedundant(next)) {\n console.log('Moving on to ' + next)\n guessNames(next)\n controlRow.appendChild(audioControl(next, true)) // Force autoplay\n controlRow.removeChild(event.target)\n } else {\n console.log('Ignoring redundant ' + next)\n tryNext(next)\n }\n })\n }\n tryNext(current)\n }\n\n const audioControl = function (song, autoplay) {\n const audio = dom.createElement('audio')\n audio.setAttribute('controls', 'yes')\n // get audio with authenticated fetch\n kb.fetcher._fetch(song.uri)\n .then(function (response) {\n return response.blob()\n })\n .then(function (myBlob) {\n const objectURL = URL.createObjectURL(myBlob)\n audio.setAttribute('src', objectURL) // w640 h480 //\n })\n\n if (autoplay) {\n audio.setAttribute('autoplay', 'autoplay') // Make this a personal preference\n }\n audio.addEventListener('ended', endedListener, false)\n return audio\n }\n\n const div = dom.createElement('div')\n const table = div.appendChild(dom.createElement('table'))\n const labelStyle = 'padding: 0.3em; color:white; background-color: black;'\n const artistRow = table.appendChild(dom.createElement('tr'))\n artistRow.style.cssText = labelStyle\n const albumRow = table.appendChild(dom.createElement('tr'))\n albumRow.style.cssText = labelStyle\n const trackRow = table.appendChild(dom.createElement('tr'))\n trackRow.style.cssText = labelStyle\n const controlRow = table.appendChild(dom.createElement('tr'))\n guessNames(subject)\n controlRow.appendChild(audioControl(subject, options.autoplay))\n\n if (!kb.holds(undefined, ns.ldp('contains'), subject) && subject.dir()) {\n kb.fetcher.load(subject.dir()) // Prefetch enclosing @@ or playlist\n }\n\n return div\n }\n}\n\n// ends\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAO,KAAKA,EAAE,MAAM,cAAc;AAClC,OAAO,KAAKC,IAAI,MAAM,QAAQ;AAC9B,MAAMC,EAAE,GAAGF,EAAE,CAACE,EAAE;AAEhB,eAAe;EACbC,IAAI,EAAEH,EAAE,CAACI,KAAK,CAACC,QAAQ,GAAG,iBAAiB;EAE3CC,IAAI,EAAE,OAAO;EAEb;EACAC,KAAK,EAAE,SAAAA,CAAUC,OAAO,EAAEC,OAAO,EAAE;IACjC,MAAMC,EAAE,GAAGD,OAAO,CAACE,OAAO,CAACC,KAAK;IAChC,MAAMC,QAAQ,GAAGH,EAAE,CAACI,YAAY,CAACN,OAAO,CAAC;IAEzC,MAAMO,MAAM,GAAGd,IAAI,CAACe,IAAI,CAACC,cAAc,CAAC,SAAS,CAAC,CAACC,GAAG,CAACC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IACpE,KAAK,MAAMC,CAAC,IAAIP,QAAQ,EAAE;MACxB,IAAIO,CAAC,CAACC,UAAU,CAACN,MAAM,CAAC,EAAE,OAAO,YAAY;IAC/C;IACA,OAAO,IAAI;EACb,CAAC;EAEDO,MAAM,EAAE,SAAAA,CAAUd,OAAO,EAAEC,OAAO,EAAE;IAClC,MAAMC,EAAE,GAAGD,OAAO,CAACE,OAAO,CAACC,KAAK;IAChC,MAAMW,GAAG,GAAGd,OAAO,CAACc,GAAG;IACvB,MAAMC,OAAO,GAAG;MACdC,QAAQ,EAAE,KAAK;MACfC,KAAK,EAAE,IAAI;MACXC,WAAW,EAAE,IAAI;MACjBC,IAAI,EAAE;IACR,CAAC;IAED,MAAMC,eAAe,GAAG,SAAAA,CAAUC,GAAG,EAAE;MACrC,MAAMC,GAAG,GAAGD,GAAG,CAACE,WAAW,CAAC,GAAG,CAAC;MAChC,IAAID,GAAG,GAAG,CAAC,EAAE,OAAOD,GAAG,EAAC;MACxB,MAAMG,KAAK,GAAGH,GAAG,CAACE,WAAW,CAAC,GAAG,CAAC;MAClC,IAAID,GAAG,GAAGE,KAAK,EAAE,OAAOH,GAAG;MAC3B,OAAOA,GAAG,CAACI,KAAK,CAAC,CAAC,EAAEH,GAAG,CAAC;IAC1B,CAAC;;IAED;IACA;IACA;IACA,MAAMI,cAAc,GAAG,SAAAA,CAAUC,CAAC,EAAE;MAClC,MAAMC,MAAM,GAAG3B,EAAE,CAAC4B,GAAG,CAACC,SAAS,EAAErC,EAAE,CAACsC,GAAG,CAAC,UAAU,CAAC,EAAEJ,CAAC,CAAC;MACvD,IAAI,CAACC,MAAM,EAAE,OAAO,KAAK;MACzB,MAAMI,QAAQ,GAAG/B,EAAE,CAACgC,IAAI,CAACL,MAAM,EAAEnC,EAAE,CAACsC,GAAG,CAAC,UAAU,CAAC,CAAC;MACpD,IAAIC,QAAQ,CAACE,MAAM,GAAG,CAAC,EAAE,OAAO,KAAK;MACrC,MAAMC,QAAQ,GAAGR,CAAC,CAAClB,GAAG;MACtB,KAAK,IAAI2B,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGJ,QAAQ,CAACE,MAAM,EAAEE,CAAC,EAAE,EAAE;QACxC,MAAMC,SAAS,GAAGL,QAAQ,CAACI,CAAC,CAAC,CAAC3B,GAAG;QACjC,IACE0B,QAAQ,CAACD,MAAM,GAAGG,SAAS,CAACH,MAAM,IAClCC,QAAQ,CAACvB,UAAU,CAACQ,eAAe,CAACiB,SAAS,CAAC,CAAC,EAC/C;UACA,OAAO,IAAI;QACb;QACA,IACEF,QAAQ,CAACG,QAAQ,CAAC,MAAM,CAAC,IACzBD,SAAS,CAACC,QAAQ,CAAC,MAAM,CAAC,IAC1BlB,eAAe,CAACe,QAAQ,CAAC,KAAKf,eAAe,CAACiB,SAAS,CAAC,EACxD;UACA,OAAO,IAAI;QACb;MACF;MACA,OAAO,KAAK;IACd,CAAC;;IAED;IACA;IACA,MAAME,UAAU,GAAG,SAAAA,CAAUZ,CAAC,EAAE;MAC9B,MAAMa,CAAC,GAAGb,CAAC,CAAClB,GAAG,CAACC,KAAK,CAAC,GAAG,CAAC,CAACe,KAAK,CAAC,CAAC,CAAC,CAAC,EAAC;MACrC,MAAMgB,MAAM,GAAG,SAAAA,CAAUpB,GAAG,EAAE;QAC5B,IAAI;UACF,OAAOqB,kBAAkB,CAACrB,GAAG,CAAC;QAChC,CAAC,CAAC,OAAOsB,CAAC,EAAE;UACV,OAAOtB,GAAG;QACZ;MACF,CAAC;MACDuB,SAAS,CAACC,WAAW,GAAGJ,MAAM,CAACD,CAAC,CAAC,CAAC,CAAC,CAAC;MACpCM,QAAQ,CAACD,WAAW,GAAGJ,MAAM,CAACD,CAAC,CAAC,CAAC,CAAC,CAAC;MACnCO,QAAQ,CAACF,WAAW,GAAGJ,MAAM,CAACrB,eAAe,CAACoB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACtD,CAAC;IAED,MAAMQ,MAAM,GAAG,SAAAA,CAAUC,OAAO,EAAEC,KAAK,EAAE;MACvC,OAAO,IAAIC,OAAO,CAAC,UAAUC,OAAO,EAAE;QACpCF,KAAK,GAAGA,KAAK,IAAI,CAAC;QAClB,IAAI,CAACnC,OAAO,CAACE,KAAK,EAAE,OAAOmC,OAAO,CAAC,IAAI,CAAC;QACxC;QACA,MAAMxB,MAAM,GACV3B,EAAE,CAAC4B,GAAG,CAACC,SAAS,EAAErC,EAAE,CAACsC,GAAG,CAAC,UAAU,CAAC,EAAEkB,OAAO,CAAC,IAAIA,OAAO,CAACI,GAAG,CAAC,CAAC;QACjE,IAAI,CAACzB,MAAM,EAAE,OAAOwB,OAAO,CAAC,IAAI,CAAC;QACjCnD,EAAE,CAACqD,OAAO,CAACC,IAAI,CAAC3B,MAAM,CAAC,CAAC4B,IAAI,CAAC,UAAUC,IAAI,EAAE;UAC3C,MAAMzB,QAAQ,GAAG/B,EAAE,CAACgC,IAAI,CAACL,MAAM,EAAEnC,EAAE,CAACsC,GAAG,CAAC,UAAU,CAAC,CAAC,EAAC;UACrD;UACA,IAAI2B,CAAC;UACL1B,QAAQ,CAAC2B,IAAI,CAAC,CAAC,EAAC;UAChB,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAG5B,QAAQ,CAACE,MAAM,EAAE0B,CAAC,EAAE,EAAE;YACxC,IAAIX,OAAO,CAACxC,GAAG,KAAKuB,QAAQ,CAAC4B,CAAC,CAAC,CAACnD,GAAG,EAAE;cACnCiD,CAAC,GAAG,CAACE,CAAC,GAAG,CAAC,IAAI5B,QAAQ,CAACE,MAAM;cAC7B,IAAIwB,CAAC,KAAK,CAAC,EAAE;gBACX,IAAI,CAAC3C,OAAO,CAACG,WAAW,EAAE;kBACxB,IAAIH,OAAO,CAACI,IAAI,EAAE;oBAChB,OAAOiC,OAAO,CAACpB,QAAQ,CAAC0B,CAAC,CAAC,CAAC;kBAC7B;kBACA,OAAON,OAAO,CAAC,IAAI,CAAC,EAAC;gBACvB,CAAC,MAAM;kBACL;kBACA,IAAIF,KAAK,KAAK,CAAC,IAAI,CAACnC,OAAO,CAACG,WAAW,EAAE,OAAOkC,OAAO,CAAC,IAAI,CAAC,EAAC;kBAC9DJ,MAAM,CAACpB,MAAM,EAAEsB,KAAK,GAAG,CAAC,CAAC,CAACM,IAAI,CAAC,UAAUK,OAAO,EAAE;oBAChD,IAAIA,OAAO,EAAE;sBACX5D,EAAE,CAACqD,OAAO,CAACC,IAAI,CAACM,OAAO,CAAC,CAACL,IAAI,CAAC,UAAUC,IAAI,EAAE;wBAC5C,MAAMzB,QAAQ,GAAG/B,EAAE,CAACgC,IAAI,CAAC4B,OAAO,EAAEpE,EAAE,CAACsC,GAAG,CAAC,UAAU,CAAC,CAAC;wBACrD,IAAIC,QAAQ,CAACE,MAAM,KAAK,CAAC,EAAE,OAAOkB,OAAO,CAAC,IAAI,CAAC;wBAC/CpB,QAAQ,CAAC2B,IAAI,CAAC,CAAC;wBACfG,OAAO,CAACC,GAAG,CAAC,aAAa,GAAGF,OAAO,CAAC;wBACpC,OAAOT,OAAO,CAACpB,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAC;sBAC9B,CAAC,CAAC;oBACJ;kBACF,CAAC,CAAC;gBACJ;cACF,CAAC,MAAM;gBACL,OAAOoB,OAAO,CAACpB,QAAQ,CAAC0B,CAAC,CAAC,CAAC;cAC7B;YACF;UACF,CAAC,CAAC;QACJ,CAAC,CAAC;MACJ,CAAC,CAAC;IACJ,CAAC;IACD,MAAMM,aAAa,GAAG,SAAAA,CAAUC,KAAK,EAAE;MACrC,MAAMhB,OAAO,GAAGhD,EAAE,CAACiE,GAAG,CAACD,KAAK,CAACE,MAAM,CAACC,YAAY,CAAC,KAAK,CAAC,CAAC;MACxD,IAAI,CAACrD,OAAO,CAACE,KAAK,EAAE;MACpB,MAAMoD,OAAO,GAAG,SAAAA,CAAUC,GAAG,EAAE;QAC7B,MAAMrB,OAAO,GAAGqB,GAAG;QACnBtB,MAAM,CAACC,OAAO,CAAC,CAACO,IAAI,CAAC,UAAUe,IAAI,EAAE;UACnC,IAAI,CAACA,IAAI,EAAE;YACTT,OAAO,CAACC,GAAG,CAAC,kBAAkB,GAAGd,OAAO,CAAC;YACzC;UACF;UACA,IAAI,CAACvB,cAAc,CAAC6C,IAAI,CAAC,EAAE;YACzBT,OAAO,CAACC,GAAG,CAAC,eAAe,GAAGQ,IAAI,CAAC;YACnChC,UAAU,CAACgC,IAAI,CAAC;YAChBC,UAAU,CAACC,WAAW,CAACC,YAAY,CAACH,IAAI,EAAE,IAAI,CAAC,CAAC,EAAC;YACjDC,UAAU,CAACG,WAAW,CAACV,KAAK,CAACE,MAAM,CAAC;UACtC,CAAC,MAAM;YACLL,OAAO,CAACC,GAAG,CAAC,qBAAqB,GAAGQ,IAAI,CAAC;YACzCF,OAAO,CAACE,IAAI,CAAC;UACf;QACF,CAAC,CAAC;MACJ,CAAC;MACDF,OAAO,CAACpB,OAAO,CAAC;IAClB,CAAC;IAED,MAAMyB,YAAY,GAAG,SAAAA,CAAUE,IAAI,EAAE5D,QAAQ,EAAE;MAC7C,MAAM6D,KAAK,GAAG/D,GAAG,CAACgE,aAAa,CAAC,OAAO,CAAC;MACxCD,KAAK,CAACE,YAAY,CAAC,UAAU,EAAE,KAAK,CAAC;MACrC;MACA9E,EAAE,CAACqD,OAAO,CAAC0B,MAAM,CAACJ,IAAI,CAACnE,GAAG,CAAC,CACxB+C,IAAI,CAAC,UAAUyB,QAAQ,EAAE;QACxB,OAAOA,QAAQ,CAACC,IAAI,CAAC,CAAC;MACxB,CAAC,CAAC,CACD1B,IAAI,CAAC,UAAU2B,MAAM,EAAE;QACtB,MAAMC,SAAS,GAAGC,GAAG,CAACC,eAAe,CAACH,MAAM,CAAC;QAC7CN,KAAK,CAACE,YAAY,CAAC,KAAK,EAAEK,SAAS,CAAC,EAAC;MACvC,CAAC,CAAC;MAEJ,IAAIpE,QAAQ,EAAE;QACZ6D,KAAK,CAACE,YAAY,CAAC,UAAU,EAAE,UAAU,CAAC,EAAC;MAC7C;MACAF,KAAK,CAACU,gBAAgB,CAAC,OAAO,EAAEvB,aAAa,EAAE,KAAK,CAAC;MACrD,OAAOa,KAAK;IACd,CAAC;IAED,MAAMW,GAAG,GAAG1E,GAAG,CAACgE,aAAa,CAAC,KAAK,CAAC;IACpC,MAAMW,KAAK,GAAGD,GAAG,CAACf,WAAW,CAAC3D,GAAG,CAACgE,aAAa,CAAC,OAAO,CAAC,CAAC;IACzD,MAAMY,UAAU,GAAG,uDAAuD;IAC1E,MAAM9C,SAAS,GAAG6C,KAAK,CAAChB,WAAW,CAAC3D,GAAG,CAACgE,aAAa,CAAC,IAAI,CAAC,CAAC;IAC5DlC,SAAS,CAAC+C,KAAK,CAACC,OAAO,GAAGF,UAAU;IACpC,MAAM5C,QAAQ,GAAG2C,KAAK,CAAChB,WAAW,CAAC3D,GAAG,CAACgE,aAAa,CAAC,IAAI,CAAC,CAAC;IAC3DhC,QAAQ,CAAC6C,KAAK,CAACC,OAAO,GAAGF,UAAU;IACnC,MAAM3C,QAAQ,GAAG0C,KAAK,CAAChB,WAAW,CAAC3D,GAAG,CAACgE,aAAa,CAAC,IAAI,CAAC,CAAC;IAC3D/B,QAAQ,CAAC4C,KAAK,CAACC,OAAO,GAAGF,UAAU;IACnC,MAAMlB,UAAU,GAAGiB,KAAK,CAAChB,WAAW,CAAC3D,GAAG,CAACgE,aAAa,CAAC,IAAI,CAAC,CAAC;IAC7DvC,UAAU,CAACxC,OAAO,CAAC;IACnByE,UAAU,CAACC,WAAW,CAACC,YAAY,CAAC3E,OAAO,EAAEgB,OAAO,CAACC,QAAQ,CAAC,CAAC;IAE/D,IAAI,CAACf,EAAE,CAAC4F,KAAK,CAAC/D,SAAS,EAAErC,EAAE,CAACsC,GAAG,CAAC,UAAU,CAAC,EAAEhC,OAAO,CAAC,IAAIA,OAAO,CAACsD,GAAG,CAAC,CAAC,EAAE;MACtEpD,EAAE,CAACqD,OAAO,CAACC,IAAI,CAACxD,OAAO,CAACsD,GAAG,CAAC,CAAC,CAAC,EAAC;IACjC;IAEA,OAAOmC,GAAG;EACZ;AACF,CAAC;;AAED","ignoreList":[]}
\ No newline at end of file
diff --git a/dist/classInstancePane.js b/dist/classInstancePane.js
new file mode 100644
index 00000000..b94d0749
--- /dev/null
+++ b/dist/classInstancePane.js
@@ -0,0 +1,85 @@
+/* Class member Pane
+ **
+ ** This outline pane lists the members of a class
+ */
+
+import * as UI from 'solid-ui-jss';
+import * as $rdf from 'rdflib';
+const ns = UI.ns;
+export const classInstancePane = {
+ icon: UI.icons.originalIconBase + 'tango/22-folder-open.png',
+ name: 'classInstance',
+ // Create a new folder in a Solid system,
+
+ audience: [ns.solid('PowerUser')],
+ label: function (subject, context) {
+ const kb = context.session.store;
+ const n = kb.each(undefined, ns.rdf('type'), subject).length;
+ if (n > 0) return 'List (' + n + ')'; // Show how many in hover text
+ return null; // Suppress pane otherwise
+ },
+ render: function (subject, context) {
+ const dom = context.dom;
+ const outliner = context.getOutliner(dom);
+ const kb = context.session.store;
+ const complain = function complain(message, color) {
+ const pre = dom.createElement('pre');
+ pre.setAttribute('style', 'background-color: ' + color || '#eed' + ';');
+ div.appendChild(pre);
+ pre.appendChild(dom.createTextNode(message));
+ };
+ const div = dom.createElement('div');
+ div.setAttribute('class', 'instancePane');
+ div.setAttribute('style', ' border-top: solid 1px #777; border-bottom: solid 1px #777; margin-top: 0.5em; margin-bottom: 0.5em ');
+
+ // If this is a class, look for all both explicit and implicit
+ const sts = kb.statementsMatching(undefined, ns.rdf('type'), subject);
+ if (sts.length > 0) {
+ const already = {};
+ const more = [];
+ sts.forEach(st => {
+ already[st.subject.toNT()] = st;
+ });
+ for (const nt in kb.findMembersNT(subject)) {
+ if (!already[nt]) {
+ more.push($rdf.st(kb.fromNT(nt), ns.rdf('type'), subject)); // @@ no provenance
+ }
+ }
+ if (more.length) {
+ complain('There are ' + sts.length + ' explicit and ' + more.length + ' implicit members of ' + UI.utils.label(subject));
+ }
+ if (subject.sameTerm(ns.rdf('Property'))) {
+ // / Do not find all properties used as properties .. unless look at kb index
+ } else if (subject.sameTerm(ns.rdfs('Class'))) {
+ const uses = kb.statementsMatching(undefined, ns.rdf('type'), undefined);
+ const usedTypes = {};
+ uses.forEach(function (st) {
+ usedTypes[st.object] = st;
+ }); // Get unique
+ const used = [];
+ for (const i in usedTypes) {
+ used.push($rdf.st($rdf.sym(i), ns.rdf('type'), ns.rdfs('Class')));
+ }
+ complain('Total of ' + uses.length + ' type statements and ' + used.length + ' unique types.');
+ }
+ if (sts.length > 10) {
+ const tr = dom.createElement('TR');
+ tr.appendChild(dom.createTextNode('' + sts.length));
+ // tr.AJAR_statement=sts[i]
+ div.appendChild(tr);
+ }
+ outliner.appendPropertyTRs(div, sts, true, function (_pred) {
+ return true;
+ });
+ if (more.length) {
+ complain('Implicit:');
+ outliner.appendPropertyTRs(div, more, true, function (_pred) {
+ return true;
+ });
+ }
+ }
+ return div;
+ }
+};
+// ends
+//# sourceMappingURL=classInstancePane.js.map
\ No newline at end of file
diff --git a/dist/classInstancePane.js.map b/dist/classInstancePane.js.map
new file mode 100644
index 00000000..d210660b
--- /dev/null
+++ b/dist/classInstancePane.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"classInstancePane.js","names":["UI","$rdf","ns","classInstancePane","icon","icons","originalIconBase","name","audience","solid","label","subject","context","kb","session","store","n","each","undefined","rdf","length","render","dom","outliner","getOutliner","complain","message","color","pre","createElement","setAttribute","div","appendChild","createTextNode","sts","statementsMatching","already","more","forEach","st","toNT","nt","findMembersNT","push","fromNT","utils","sameTerm","rdfs","uses","usedTypes","object","used","i","sym","tr","appendPropertyTRs","_pred"],"sources":["../src/classInstancePane.js"],"sourcesContent":["/* Class member Pane\n **\n ** This outline pane lists the members of a class\n */\n\nimport * as UI from 'solid-ui-jss'\nimport * as $rdf from 'rdflib'\n\nconst ns = UI.ns\n\nexport const classInstancePane = {\n icon: UI.icons.originalIconBase + 'tango/22-folder-open.png',\n\n name: 'classInstance',\n\n // Create a new folder in a Solid system,\n\n audience: [ns.solid('PowerUser')],\n\n label: function (subject, context) {\n const kb = context.session.store\n const n = kb.each(undefined, ns.rdf('type'), subject).length\n if (n > 0) return 'List (' + n + ')' // Show how many in hover text\n return null // Suppress pane otherwise\n },\n\n render: function (subject, context) {\n const dom = context.dom\n const outliner = context.getOutliner(dom)\n const kb = context.session.store\n const complain = function complain (message, color) {\n const pre = dom.createElement('pre')\n pre.setAttribute('style', 'background-color: ' + color || '#eed' + ';')\n div.appendChild(pre)\n pre.appendChild(dom.createTextNode(message))\n }\n const div = dom.createElement('div')\n div.setAttribute('class', 'instancePane')\n div.setAttribute(\n 'style',\n ' border-top: solid 1px #777; border-bottom: solid 1px #777; margin-top: 0.5em; margin-bottom: 0.5em '\n )\n\n // If this is a class, look for all both explicit and implicit\n const sts = kb.statementsMatching(undefined, ns.rdf('type'), subject)\n if (sts.length > 0) {\n const already = {}\n const more = []\n sts.forEach(st => {\n already[st.subject.toNT()] = st\n })\n for (const nt in kb.findMembersNT(subject)) {\n if (!already[nt]) {\n more.push($rdf.st(kb.fromNT(nt), ns.rdf('type'), subject)) // @@ no provenance\n }\n }\n if (more.length) {\n complain(\n 'There are ' +\n sts.length +\n ' explicit and ' +\n more.length +\n ' implicit members of ' +\n UI.utils.label(subject)\n )\n }\n if (subject.sameTerm(ns.rdf('Property'))) {\n // / Do not find all properties used as properties .. unless look at kb index\n } else if (subject.sameTerm(ns.rdfs('Class'))) {\n const uses = kb.statementsMatching(undefined, ns.rdf('type'), undefined)\n const usedTypes = {}\n uses.forEach(function (st) {\n usedTypes[st.object] = st\n }) // Get unique\n const used = []\n for (const i in usedTypes) {\n used.push($rdf.st($rdf.sym(i), ns.rdf('type'), ns.rdfs('Class')))\n }\n complain(\n 'Total of ' +\n uses.length +\n ' type statements and ' +\n used.length +\n ' unique types.'\n )\n }\n\n if (sts.length > 10) {\n const tr = dom.createElement('TR')\n tr.appendChild(dom.createTextNode('' + sts.length))\n // tr.AJAR_statement=sts[i]\n div.appendChild(tr)\n }\n\n outliner.appendPropertyTRs(div, sts, true, function (_pred) {\n return true\n })\n\n if (more.length) {\n complain('Implicit:')\n outliner.appendPropertyTRs(div, more, true, function (_pred) {\n return true\n })\n }\n }\n\n return div\n }\n}\n// ends\n"],"mappings":"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","ignoreList":[]}
\ No newline at end of file
diff --git a/dist/dashboard/basicPreferences.js b/dist/dashboard/basicPreferences.js
new file mode 100644
index 00000000..b5f15c93
--- /dev/null
+++ b/dist/dashboard/basicPreferences.js
@@ -0,0 +1,144 @@
+import { parse } from 'rdflib';
+import { icons, login, ns, widgets } from 'solid-ui-jss';
+/* babel-plugin-inline-import './ontologyData.ttl' */
+const ontologyData = "@prefix rdf: .\n@prefix rdfs: .\n@prefix solid: .\n@prefix foaf: .\n@prefix schema: .\n@prefix ui: .\n@prefix vcard: .\n@prefix : <#>.\n\nsolid:User a rdfs:Class;\n rdfs:label \"user\"@en, \"utilisateur\"@fr;\n rdfs:comment \"\"\"Any person who might use a Solid-based system\"\"\";\n rdfs:subClassOf foaf:Person, schema:Person, vcard:Individual.\n\n# Since these options are opt-in, it is a bit strange to have new users opt in\n# That they are new users - also we do not use this class for anything specific\n# yet\n# solid:NewUser a rdfs:Class;\n# rdfs:label \"new user\"@en;\n# rdfs:comment \"\"\"A person who might use a Solid-based system who has a low\n# level of familiarity with technical details.\"\"\";\n# rdfs:subClassOf solid:User.\n\nsolid:PowerUser a rdfs:Class;\n rdfs:label \"power user\"@en;\n rdfs:comment \"\"\"A person who might use a Solid-based system\n who is prepared to be given a more complex interface in order\n to be provided with more pwerful features.\"\"\";\n rdfs:subClassOf solid:User.\n\n solid:Developer a rdfs:Class;\n rdfs:label \"Developer\";\n rdfs:comment \"\"\"Any person who might use a Solid-based system,\n who has software development skills.\"\"\";\n rdfs:subClassOf solid:User.\n";
+/* babel-plugin-inline-import './preferencesFormText.ttl' */
+const preferencesFormText = "@prefix rdf: .\n@prefix solid: .\n@prefix ui: .\n@prefix : <#>.\n\n:this \"Basic preferences\" ;\n a ui:Form ;\n ui:part :categorizeUser, :privateComment, :personalInformationHeading;\n ui:parts ( :personalInformationHeading :privateComment :categorizeUser ).\n\n:personalInformationHeading a ui:Heading;\n ui:contents \"Personal information\".\n\n:privateComment a ui:Comment;\n ui:contents \"This information is private.\".\n\n:categorizeUser a ui:Classifier;\n ui:label \"Level of user\"; ui:property rdf:type ; ui:category solid:User.\n";
+export const basicPreferencesPane = {
+ icon: icons.iconBase + 'noun_Sliders_341315_000000.svg',
+ name: 'basicPreferences',
+ label: _subject => {
+ return null;
+ },
+ // Render the pane
+ // The subject should be the logged in user.
+ render: (subject, context) => {
+ const dom = context.dom;
+ const store = context.session.store;
+ function complainIfBad(ok, mess) {
+ if (ok) return;
+ container.appendChild(widgets.errorMessageBlock(dom, mess, '#fee'));
+ }
+ const container = dom.createElement('div');
+ const formArea = setupUserTypesSection(container, dom);
+ function loadData(doc, turtle) {
+ doc = doc.doc(); // remove # from URI if nec
+ if (!store.holds(undefined, undefined, undefined, doc)) {
+ // If not loaded already
+ ;
+ parse(turtle, store, doc.uri, 'text/turtle', null); // Load form directly
+ }
+ }
+ const preferencesForm = store.sym('urn:uuid:93774ba1-d3b6-41f2-85b6-4ae27ffd2597#this');
+ loadData(preferencesForm, preferencesFormText);
+ const ontologyExtra = store.sym('urn:uuid:93774ba1-d3b6-41f2-85b6-4ae27ffd2597-ONT');
+ loadData(ontologyExtra, ontologyData);
+ async function doRender() {
+ const renderContext = await login.ensureLoadedPreferences({
+ dom,
+ div: container
+ });
+ if (!renderContext.preferencesFile) {
+ // Could be CORS
+ console.log('Not doing private class preferences as no access to preferences file. ' + renderContext.preferencesFileError);
+ return;
+ }
+ const appendedForm = widgets.appendForm(dom, formArea, {}, renderContext.me, preferencesForm, renderContext.preferencesFile, complainIfBad);
+ appendedForm.style.borderStyle = 'none';
+ const trustedApplicationsView = context.session.paneRegistry.byName('trustedApplications');
+ if (trustedApplicationsView) {
+ container.appendChild(trustedApplicationsView.render(null, context));
+ }
+
+ // @@ TODO Remove need for casting as any and bang (!) syntax
+ addDeleteSection(container, store, renderContext.me, dom);
+ }
+ doRender();
+ return container;
+ }
+};
+function setupUserTypesSection(container, dom) {
+ const formContainer = createSection(container, dom, 'User types');
+ const description = formContainer.appendChild(dom.createElement('p'));
+ description.innerText = 'Here you can self-assign user types to help the data browser know which views you would like to access.';
+ const userTypesLink = formContainer.appendChild(dom.createElement('a'));
+ userTypesLink.href = 'https://github.com/solidos/userguide/#role';
+ userTypesLink.innerText = 'Read more';
+ const formArea = formContainer.appendChild(dom.createElement('div'));
+ return formArea;
+}
+export default basicPreferencesPane;
+
+// ends
+
+function addDeleteSection(container, store, profile, dom) {
+ const section = createSection(container, dom, 'Delete account');
+ const podServerNodes = store.each(profile, ns.space('storage'), null, profile.doc());
+ const podServers = podServerNodes.map(node => node.value);
+ const list = section.appendChild(dom.createElement('ul'));
+ podServers.forEach(async server => {
+ const deletionLink = await generateDeletionLink(server, dom);
+ if (deletionLink) {
+ const listItem = list.appendChild(dom.createElement('li'));
+ listItem.appendChild(deletionLink);
+ }
+ });
+}
+async function generateDeletionLink(podServer, dom) {
+ const link = dom.createElement('a');
+ link.textContent = `Delete your account at ${podServer}`;
+ const deletionUrl = await getDeletionUrlForServer(podServer);
+ if (typeof deletionUrl !== 'string') {
+ return null;
+ }
+ link.href = deletionUrl;
+ return link;
+}
+
+/**
+ * Hacky way to get the deletion link to a Pod
+ *
+ * This function infers the deletion link by assuming the URL structure of Node Solid server.
+ * In the future, Solid will hopefully provide a standardised way of discovering the deletion link:
+ * https://github.com/solidos/data-interoperability-panel/issues/18
+ *
+ * If NSS is in multi-user mode (the case on inrupt.net and solid.community), the deletion URL for
+ * vincent.dev.inrupt.net would be at dev.inrupt.net/account/delete. In single-user mode, the
+ * deletion URL would be at vincent.dev.inrupt.net/account/delete.
+ *
+ * @param server Pod server containing the user's account.
+ * @returns URL of the page that Node Solid Server would offer to delete the account, or null if
+ * the URLs we tried give invalid responses.
+ */
+async function getDeletionUrlForServer(server) {
+ const singleUserUrl = new URL(server);
+ const multiUserUrl = new URL(server);
+ multiUserUrl.pathname = singleUserUrl.pathname = '/account/delete';
+ const hostnameParts = multiUserUrl.hostname.split('.');
+ // Remove `vincent.` from `vincent.dev.inrupt.net`, for example:
+ multiUserUrl.hostname = hostnameParts.slice(1).join('.');
+ const multiUserNssResponse = await fetch(multiUserUrl.href, {
+ method: 'HEAD'
+ });
+ if (multiUserNssResponse.ok) {
+ return multiUserUrl.href;
+ }
+ const singleUserNssResponse = await fetch(singleUserUrl.href, {
+ method: 'HEAD'
+ });
+ if (singleUserNssResponse.ok) {
+ return singleUserUrl.href;
+ }
+ return null;
+}
+function createSection(container, dom, title) {
+ const section = container.appendChild(dom.createElement('div'));
+ section.style.border = '0.3em solid #418d99';
+ section.style.borderRadius = '0.5em';
+ section.style.padding = '0.7em';
+ section.style.marginTop = '0.7em';
+ const titleElement = section.appendChild(dom.createElement('h3'));
+ titleElement.innerText = title;
+ return section;
+}
+//# sourceMappingURL=basicPreferences.js.map
\ No newline at end of file
diff --git a/dist/dashboard/basicPreferences.js.map b/dist/dashboard/basicPreferences.js.map
new file mode 100644
index 00000000..883c23fc
--- /dev/null
+++ b/dist/dashboard/basicPreferences.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"basicPreferences.js","names":["parse","icons","login","ns","widgets","ontologyData","preferencesFormText","basicPreferencesPane","icon","iconBase","name","label","_subject","render","subject","context","dom","store","session","complainIfBad","ok","mess","container","appendChild","errorMessageBlock","createElement","formArea","setupUserTypesSection","loadData","doc","turtle","holds","undefined","uri","preferencesForm","sym","ontologyExtra","doRender","renderContext","ensureLoadedPreferences","div","preferencesFile","console","log","preferencesFileError","appendedForm","appendForm","me","style","borderStyle","trustedApplicationsView","paneRegistry","byName","addDeleteSection","formContainer","createSection","description","innerText","userTypesLink","href","profile","section","podServerNodes","each","space","podServers","map","node","value","list","forEach","server","deletionLink","generateDeletionLink","listItem","podServer","link","textContent","deletionUrl","getDeletionUrlForServer","singleUserUrl","URL","multiUserUrl","pathname","hostnameParts","hostname","split","slice","join","multiUserNssResponse","fetch","method","singleUserNssResponse","title","border","borderRadius","padding","marginTop","titleElement"],"sources":["../../src/dashboard/basicPreferences.ts"],"sourcesContent":["import { PaneDefinition } from 'pane-registry'\nimport { IndexedFormula, NamedNode, parse, Store } from 'rdflib'\nimport { icons, login, ns, widgets } from 'solid-ui-jss'\nimport ontologyData from './ontologyData.ttl'\nimport preferencesFormText from './preferencesFormText.ttl'\n\nexport const basicPreferencesPane: PaneDefinition = {\n icon: icons.iconBase + 'noun_Sliders_341315_000000.svg',\n name: 'basicPreferences',\n label: _subject => {\n return null\n },\n\n // Render the pane\n // The subject should be the logged in user.\n render: (subject, context) => {\n const dom = context.dom\n const store = context.session.store as Store\n\n function complainIfBad (ok: Boolean, mess: any) {\n if (ok) return\n container.appendChild(widgets.errorMessageBlock(dom, mess, '#fee'))\n }\n\n const container = dom.createElement('div')\n\n const formArea = setupUserTypesSection(container, dom)\n\n function loadData (doc: NamedNode, turtle: String) {\n doc = doc.doc() // remove # from URI if nec\n if (!store.holds(undefined, undefined, undefined, doc)) {\n // If not loaded already\n ;(parse as any)(turtle, store, doc.uri, 'text/turtle', null) // Load form directly\n }\n }\n\n const preferencesForm = store.sym(\n 'urn:uuid:93774ba1-d3b6-41f2-85b6-4ae27ffd2597#this'\n )\n loadData(preferencesForm, preferencesFormText)\n\n const ontologyExtra = store.sym(\n 'urn:uuid:93774ba1-d3b6-41f2-85b6-4ae27ffd2597-ONT'\n )\n loadData(ontologyExtra, ontologyData)\n\n async function doRender () {\n const renderContext = await login.ensureLoadedPreferences({\n dom,\n div: container\n })\n if (!renderContext.preferencesFile) {\n // Could be CORS\n console.log(\n 'Not doing private class preferences as no access to preferences file. ' +\n renderContext.preferencesFileError\n )\n return\n }\n const appendedForm = widgets.appendForm(\n dom,\n formArea,\n {},\n renderContext.me,\n preferencesForm,\n renderContext.preferencesFile,\n complainIfBad\n )\n appendedForm.style.borderStyle = 'none'\n\n const trustedApplicationsView = context.session.paneRegistry.byName('trustedApplications')\n if (trustedApplicationsView) {\n container.appendChild(trustedApplicationsView.render(null, context))\n }\n\n // @@ TODO Remove need for casting as any and bang (!) syntax\n addDeleteSection(container, store, renderContext.me!, dom)\n }\n\n doRender()\n\n return container\n }\n}\n\nfunction setupUserTypesSection (\n container: Element,\n dom: HTMLDocument\n): Element {\n const formContainer = createSection(container, dom, 'User types')\n\n const description = formContainer.appendChild(dom.createElement('p'))\n description.innerText = 'Here you can self-assign user types to help the data browser know which views you would like to access.'\n\n const userTypesLink = formContainer.appendChild(dom.createElement('a'))\n userTypesLink.href = 'https://github.com/solidos/userguide/#role'\n userTypesLink.innerText = 'Read more'\n\n const formArea = formContainer.appendChild(dom.createElement('div'))\n\n return formArea\n}\n\nexport default basicPreferencesPane\n\n// ends\n\nfunction addDeleteSection (\n container: HTMLElement,\n store: IndexedFormula,\n profile: NamedNode,\n dom: HTMLDocument\n): void {\n const section = createSection(container, dom, 'Delete account')\n\n const podServerNodes = store.each(profile, ns.space('storage'), null, profile.doc())\n const podServers = podServerNodes.map(node => node.value)\n\n const list = section.appendChild(dom.createElement('ul'))\n\n podServers.forEach(async server => {\n const deletionLink = await generateDeletionLink(server, dom)\n if (deletionLink) {\n const listItem = list.appendChild(dom.createElement('li'))\n listItem.appendChild(deletionLink)\n }\n })\n}\n\nasync function generateDeletionLink (\n podServer: string,\n dom: HTMLDocument\n): Promise {\n const link = dom.createElement('a')\n link.textContent = `Delete your account at ${podServer}`\n const deletionUrl = await getDeletionUrlForServer(podServer)\n if (typeof deletionUrl !== 'string') {\n return null\n }\n link.href = deletionUrl\n return link\n}\n\n/**\n * Hacky way to get the deletion link to a Pod\n *\n * This function infers the deletion link by assuming the URL structure of Node Solid server.\n * In the future, Solid will hopefully provide a standardised way of discovering the deletion link:\n * https://github.com/solidos/data-interoperability-panel/issues/18\n *\n * If NSS is in multi-user mode (the case on inrupt.net and solid.community), the deletion URL for\n * vincent.dev.inrupt.net would be at dev.inrupt.net/account/delete. In single-user mode, the\n * deletion URL would be at vincent.dev.inrupt.net/account/delete.\n *\n * @param server Pod server containing the user's account.\n * @returns URL of the page that Node Solid Server would offer to delete the account, or null if\n * the URLs we tried give invalid responses.\n */\nasync function getDeletionUrlForServer (\n server: string\n): Promise {\n const singleUserUrl = new URL(server)\n const multiUserUrl = new URL(server)\n multiUserUrl.pathname = singleUserUrl.pathname = '/account/delete'\n\n const hostnameParts = multiUserUrl.hostname.split('.')\n // Remove `vincent.` from `vincent.dev.inrupt.net`, for example:\n multiUserUrl.hostname = hostnameParts.slice(1).join('.')\n\n const multiUserNssResponse = await fetch(multiUserUrl.href, {\n method: 'HEAD'\n })\n if (multiUserNssResponse.ok) {\n return multiUserUrl.href\n }\n\n const singleUserNssResponse = await fetch(singleUserUrl.href, {\n method: 'HEAD'\n })\n if (singleUserNssResponse.ok) {\n return singleUserUrl.href\n }\n return null\n}\n\nfunction createSection (\n container: Element,\n dom: HTMLDocument,\n title: string\n): Element {\n const section = container.appendChild(dom.createElement('div'))\n section.style.border = '0.3em solid #418d99'\n section.style.borderRadius = '0.5em'\n section.style.padding = '0.7em'\n section.style.marginTop = '0.7em'\n\n const titleElement = section.appendChild(dom.createElement('h3'))\n titleElement.innerText = title\n\n return section\n}\n"],"mappings":"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","ignoreList":[]}
\ No newline at end of file
diff --git a/dist/dashboard/dashboardPane.js b/dist/dashboard/dashboardPane.js
new file mode 100644
index 00000000..79b00664
--- /dev/null
+++ b/dist/dashboard/dashboardPane.js
@@ -0,0 +1,63 @@
+import { icons } from 'solid-ui-jss';
+import { authn, authSession, store } from 'solid-logic-jss';
+import { generateHomepage } from './homepage';
+export const dashboardPane = {
+ icon: icons.iconBase + 'noun_547570.svg',
+ name: 'dashboard',
+ label: subject => {
+ console.log();
+ if (subject.uri === subject.site().uri) {
+ return 'Dashboard';
+ }
+ return null;
+ },
+ render: (subject, context) => {
+ console.log('Dashboard Pane Render');
+ const dom = context.dom;
+ const container = dom.createElement('div');
+ const runBuildPage = () => {
+ container.innerHTML = '';
+ buildPage(container, authn.currentUser() || null, context, subject);
+ };
+ authSession.events.on('login', () => {
+ // console.log('On Login')
+ runBuildPage();
+ });
+ authSession.events.on('sessionRestore', () => {
+ // console.log('On Session Restore')
+ runBuildPage();
+ });
+ // console.log('Initial Load')
+ runBuildPage();
+ return container;
+ }
+};
+function buildPage(container, webId, context, subject) {
+ // 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);
+}
+function buildDashboard(container, context) {
+ // console.log('build dashboard')
+ // @@ TODO get a proper type
+ const outliner = context.getOutliner(context.dom);
+ outliner.getDashboard().then(dashboard => container.appendChild(dashboard));
+}
+function buildHomePage(container, subject) {
+ // console.log('build home page')
+ const wrapper = document.createElement('div');
+ container.appendChild(wrapper);
+ const shadow = wrapper.attachShadow({
+ mode: 'open'
+ });
+ const link = document.createElement('link');
+ link.rel = 'stylesheet';
+ link.href = '/common/css/bootstrap.min.css';
+ shadow.appendChild(link);
+ generateHomepage(subject, store, store.fetcher).then(homepage => shadow.appendChild(homepage));
+}
+export default dashboardPane;
+//# sourceMappingURL=dashboardPane.js.map
\ No newline at end of file
diff --git a/dist/dashboard/dashboardPane.js.map b/dist/dashboard/dashboardPane.js.map
new file mode 100644
index 00000000..9606767c
--- /dev/null
+++ b/dist/dashboard/dashboardPane.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"dashboardPane.js","names":["icons","authn","authSession","store","generateHomepage","dashboardPane","icon","iconBase","name","label","subject","console","log","uri","site","render","context","dom","container","createElement","runBuildPage","innerHTML","buildPage","currentUser","events","on","webId","URL","window","location","href","searchParams","get","buildDashboard","buildHomePage","outliner","getOutliner","getDashboard","then","dashboard","appendChild","wrapper","document","shadow","attachShadow","mode","link","rel","fetcher","homepage"],"sources":["../../src/dashboard/dashboardPane.ts"],"sourcesContent":["import { icons } from 'solid-ui-jss'\nimport { authn, authSession, store } from 'solid-logic-jss'\nimport { Fetcher, NamedNode } from 'rdflib'\nimport { generateHomepage } from './homepage'\nimport { DataBrowserContext, PaneDefinition } from 'pane-registry'\n\nexport const dashboardPane: PaneDefinition = {\n icon: icons.iconBase + 'noun_547570.svg',\n name: 'dashboard',\n label: subject => {\n console.log()\n if (subject.uri === subject.site().uri) {\n return 'Dashboard'\n }\n return null\n },\n render: (subject, context) => {\n console.log('Dashboard Pane Render')\n const dom = context.dom\n const container = dom.createElement('div')\n const runBuildPage = () => {\n container.innerHTML = ''\n buildPage(\n container,\n authn.currentUser() || null,\n context,\n subject\n )\n }\n\n authSession.events.on('login', () => {\n // console.log('On Login')\n runBuildPage()\n })\n authSession.events.on('sessionRestore', () => {\n // console.log('On Session Restore')\n runBuildPage()\n })\n // console.log('Initial Load')\n runBuildPage()\n\n return container\n }\n}\n\nfunction buildPage (\n container: HTMLElement,\n webId: NamedNode | null,\n context: DataBrowserContext,\n subject: NamedNode\n) {\n // if uri then SolidOS is a browse.html web app\n const uri = (new URL(window.location.href)).searchParams.get('uri')\n if (webId && (uri || webId.site().uri === subject.site().uri)) {\n return buildDashboard(container, context)\n }\n return buildHomePage(container, subject)\n}\n\nfunction buildDashboard (container: HTMLElement, context: DataBrowserContext) {\n // console.log('build dashboard')\n // @@ TODO get a proper type\n const outliner: any = context.getOutliner(context.dom)\n outliner\n .getDashboard()\n .then((dashboard: HTMLElement) => container.appendChild(dashboard))\n}\n\nfunction buildHomePage (container: HTMLElement, subject: NamedNode) {\n // console.log('build home page')\n const wrapper = document.createElement('div')\n container.appendChild(wrapper)\n const shadow = wrapper.attachShadow({ mode: 'open' })\n const link = document.createElement('link')\n link.rel = 'stylesheet'\n link.href = '/common/css/bootstrap.min.css'\n shadow.appendChild(link)\n generateHomepage(subject, store, store.fetcher as Fetcher).then(homepage =>\n shadow.appendChild(homepage)\n )\n}\n\nexport default dashboardPane\n"],"mappings":"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","ignoreList":[]}
\ No newline at end of file
diff --git a/dist/dashboard/homepage.js b/dist/dashboard/homepage.js
new file mode 100644
index 00000000..1b1c52ee
--- /dev/null
+++ b/dist/dashboard/homepage.js
@@ -0,0 +1,48 @@
+import { sym } from 'rdflib';
+import { ns } from 'solid-ui-jss';
+export async function generateHomepage(subject, store, fetcher) {
+ const ownersProfile = await loadProfile(subject, fetcher);
+ const name = getName(store, ownersProfile);
+ const wrapper = document.createElement('div');
+ wrapper.classList.add('container');
+ wrapper.appendChild(createTitle(ownersProfile.uri, name));
+ wrapper.appendChild(createDataSection(name));
+ return wrapper;
+}
+function createDataSection(name) {
+ const dataSection = document.createElement('section');
+ const title = document.createElement('h2');
+ title.innerText = 'Data';
+ dataSection.appendChild(title);
+ const listGroup = document.createElement('div');
+ listGroup.classList.add('list-group');
+ dataSection.appendChild(listGroup);
+ const publicDataLink = document.createElement('a');
+ publicDataLink.classList.add('list-group-item');
+ publicDataLink.href = window.document.location.href + 'public/';
+ publicDataLink.innerText = `View ${name}'s files`;
+ listGroup.appendChild(publicDataLink);
+ return dataSection;
+}
+function createTitle(uri, name) {
+ const profileLink = document.createElement('a');
+ profileLink.href = uri;
+ profileLink.innerText = name;
+ const profileLinkPost = document.createElement('span');
+ profileLinkPost.innerText = '\'s Pod';
+ const title = document.createElement('h1');
+ title.appendChild(profileLink);
+ title.appendChild(profileLinkPost);
+ return title;
+}
+async function loadProfile(subject, fetcher) {
+ const pod = subject.site().uri;
+ // TODO: This is a hack - we cannot assume that the profile is at this document, but we will live with it for now
+ const webId = sym(`${pod}profile/card#me`);
+ await fetcher.load(webId);
+ return webId;
+}
+function getName(store, ownersProfile) {
+ return store.anyValue(ownersProfile, ns.vcard('fn'), null, ownersProfile.doc()) || store.anyValue(ownersProfile, ns.foaf('name'), null, ownersProfile.doc()) || new URL(ownersProfile.uri).host.split('.')[0];
+}
+//# sourceMappingURL=homepage.js.map
\ No newline at end of file
diff --git a/dist/dashboard/homepage.js.map b/dist/dashboard/homepage.js.map
new file mode 100644
index 00000000..77b79492
--- /dev/null
+++ b/dist/dashboard/homepage.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"homepage.js","names":["sym","ns","generateHomepage","subject","store","fetcher","ownersProfile","loadProfile","name","getName","wrapper","document","createElement","classList","add","appendChild","createTitle","uri","createDataSection","dataSection","title","innerText","listGroup","publicDataLink","href","window","location","profileLink","profileLinkPost","pod","site","webId","load","anyValue","vcard","doc","foaf","URL","host","split"],"sources":["../../src/dashboard/homepage.ts"],"sourcesContent":["import { Fetcher, IndexedFormula, NamedNode, sym } from 'rdflib'\nimport { ns } from 'solid-ui-jss'\n\nexport async function generateHomepage (\n subject: NamedNode,\n store: IndexedFormula,\n fetcher: Fetcher\n): Promise {\n const ownersProfile = await loadProfile(subject, fetcher)\n const name = getName(store, ownersProfile)\n\n const wrapper = document.createElement('div')\n wrapper.classList.add('container')\n wrapper.appendChild(createTitle(ownersProfile.uri, name))\n wrapper.appendChild(createDataSection(name))\n\n return wrapper\n}\n\nfunction createDataSection (name: string): HTMLElement {\n const dataSection = document.createElement('section')\n\n const title = document.createElement('h2')\n title.innerText = 'Data'\n dataSection.appendChild(title)\n\n const listGroup = document.createElement('div')\n listGroup.classList.add('list-group')\n dataSection.appendChild(listGroup)\n\n const publicDataLink = document.createElement('a')\n publicDataLink.classList.add('list-group-item')\n publicDataLink.href = window.document.location.href + 'public/'\n publicDataLink.innerText = `View ${name}'s files`\n listGroup.appendChild(publicDataLink)\n\n return dataSection\n}\n\nfunction createTitle (uri: string, name: string): HTMLElement {\n const profileLink = document.createElement('a')\n profileLink.href = uri\n profileLink.innerText = name\n\n const profileLinkPost = document.createElement('span')\n profileLinkPost.innerText = '\\'s Pod'\n\n const title = document.createElement('h1')\n title.appendChild(profileLink)\n title.appendChild(profileLinkPost)\n\n return title\n}\n\nasync function loadProfile (\n subject: NamedNode,\n fetcher: Fetcher\n): Promise {\n const pod = subject.site().uri\n // TODO: This is a hack - we cannot assume that the profile is at this document, but we will live with it for now\n const webId = sym(`${pod}profile/card#me`)\n await fetcher.load(webId)\n return webId\n}\n\nfunction getName (store: IndexedFormula, ownersProfile: NamedNode): string {\n return (\n store.anyValue(ownersProfile, ns.vcard('fn'), null, ownersProfile.doc()) ||\n store.anyValue(ownersProfile, ns.foaf('name'), null, ownersProfile.doc()) ||\n new URL(ownersProfile.uri).host.split('.')[0]\n )\n}\n"],"mappings":"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","ignoreList":[]}
\ No newline at end of file
diff --git a/dist/dataContentPane.js b/dist/dataContentPane.js
new file mode 100644
index 00000000..05550eb1
--- /dev/null
+++ b/dist/dataContentPane.js
@@ -0,0 +1,253 @@
+/* Data content Pane
+ **
+ ** This pane shows the content of a particular RDF resource
+ ** or at least the RDF semantics we attribute to that resource.
+ */
+
+// To do: - Only take data from one graph
+// - Only do forwards not backward?
+// - Expand automatically all the way down
+// - original source view? Use ffox view source
+
+import * as UI from 'solid-ui-jss';
+import * as $rdf from 'rdflib';
+const ns = UI.ns;
+export const dataContentPane = {
+ icon: UI.icons.originalIconBase + 'rdf_flyer.24.gif',
+ name: 'dataContents',
+ audience: [ns.solid('Developer')],
+ label: function (subject, context) {
+ if ('http://www.w3.org/2007/ont/link#ProtocolEvent' in context.session.store.findTypeURIs(subject)) {
+ return null;
+ }
+ const n = context.session.store.statementsMatching(undefined, undefined, undefined, subject).length;
+ if (n === 0) return null;
+ return 'Data (' + n + ')';
+ },
+ /*
+ shouldGetFocus: function(subject) {
+ return store.whether(subject, UI.ns.rdf('type'), UI.ns.link('RDFDocument'))
+ },
+ */
+ statementsAsTables: function statementsAsTables(sts, context, initialRoots) {
+ const myDocument = context.dom;
+ // const outliner = context.getOutliner(myDocument)
+ const rep = myDocument.createElement('table');
+ const sz = $rdf.Serializer(context.session.store);
+ const res = sz.rootSubjects(sts);
+ let roots = res.roots;
+ const subjects = res.subjects;
+ const loopBreakers = res.loopBreakers;
+ for (const x in loopBreakers) {
+ console.log('\tdataContentPane: loopbreaker:' + x);
+ }
+ const doneBnodes = {}; // For preventing looping
+ const referencedBnodes = {}; // Bnodes which need to be named alas
+
+ // The property tree for a single subject or anonymous node
+ function propertyTree(subject) {
+ // print('Proprty tree for '+subject)
+ const rep = myDocument.createElement('table');
+ let lastPred = null;
+ const sts = subjects[sz.toStr(subject)]; // relevant statements
+ if (!sts) {
+ // No statements in tree
+ rep.appendChild(myDocument.createTextNode('...')); // just empty bnode as object
+ return rep;
+ }
+ sts.sort();
+ let same = 0;
+ let predicateTD; // The cell which holds the predicate
+ for (let i = 0; i < sts.length; i++) {
+ const st = sts[i];
+ const tr = myDocument.createElement('tr');
+ if (st.predicate.uri !== lastPred) {
+ if (lastPred && same > 1) {
+ predicateTD.setAttribute('rowspan', '' + same);
+ }
+ predicateTD = myDocument.createElement('td');
+ predicateTD.setAttribute('class', 'pred');
+ const anchor = myDocument.createElement('a');
+ anchor.setAttribute('href', st.predicate.uri);
+ anchor.addEventListener('click', UI.widgets.openHrefInOutlineMode, true);
+ anchor.appendChild(myDocument.createTextNode(UI.utils.predicateLabelForXML(st.predicate)));
+ predicateTD.appendChild(anchor);
+ tr.appendChild(predicateTD);
+ lastPred = st.predicate.uri;
+ same = 0;
+ }
+ same++;
+ const objectTD = myDocument.createElement('td');
+ objectTD.appendChild(objectTree(st.object));
+ tr.appendChild(objectTD);
+ rep.appendChild(tr);
+ }
+ if (lastPred && same > 1) predicateTD.setAttribute('rowspan', '' + same);
+ return rep;
+ }
+
+ // Convert a set of statements into a nested tree of tables
+ function objectTree(obj) {
+ let res, anchor;
+ switch (obj.termType) {
+ case 'NamedNode':
+ anchor = myDocument.createElement('a');
+ anchor.setAttribute('href', obj.uri);
+ anchor.addEventListener('click', UI.widgets.openHrefInOutlineMode, true);
+ anchor.appendChild(myDocument.createTextNode(UI.utils.label(obj)));
+ return anchor;
+ case 'Literal':
+ if (!obj.datatype || !obj.datatype.uri) {
+ res = myDocument.createElement('div');
+ res.setAttribute('style', 'white-space: pre-wrap;');
+ res.textContent = obj.value;
+ return res;
+ } else if (obj.datatype.uri === 'http://www.w3.org/1999/02/22-rdf-syntax-ns#XMLLiteral') {
+ res = myDocument.createElement('div');
+ res.setAttribute('class', 'embeddedXHTML');
+ res.innerHTML = obj.value; // Try that @@@ beware embedded dangerous code
+ return res;
+ }
+ return myDocument.createTextNode(obj.value);
+ // placeholder - could be smarter,
+
+ case 'BlankNode':
+ {
+ if (obj.toNT() in doneBnodes) {
+ // Break infinite recursion
+ referencedBnodes[obj.toNT()] = true;
+ const anchor = myDocument.createElement('a');
+ anchor.setAttribute('href', '#' + obj.toNT().slice(2));
+ anchor.setAttribute('class', 'bnodeRef');
+ anchor.textContent = '*' + obj.toNT().slice(3);
+ return anchor;
+ }
+ doneBnodes[obj.toNT()] = true; // Flag to prevent infinite recursion in propertyTree
+ const newTable = propertyTree(obj);
+ doneBnodes[obj.toNT()] = newTable; // Track where we mentioned it first
+ if (UI.utils.ancestor(newTable, 'TABLE') && UI.utils.ancestor(newTable, 'TABLE').style.backgroundColor === 'white') {
+ newTable.style.backgroundColor = '#eee';
+ } else {
+ newTable.style.backgroundColor = 'white';
+ }
+ return newTable;
+ }
+ case 'Collection':
+ res = myDocument.createElement('table');
+ res.setAttribute('class', 'collectionAsTables');
+ for (let i = 0; i < obj.elements.length; i++) {
+ const tr = myDocument.createElement('tr');
+ res.appendChild(tr);
+ tr.appendChild(objectTree(obj.elements[i]));
+ }
+ return res;
+ case 'Graph':
+ res = context.session.paneRegistry.byName('dataContents').statementsAsTables(obj.statements, context);
+ res.setAttribute('class', 'nestedFormula');
+ return res;
+ case 'Variable':
+ res = myDocument.createTextNode('?' + obj.uri);
+ return res;
+ }
+ throw new Error('Unhandled node type: ' + obj.termType);
+ }
+
+ // roots.sort()
+
+ if (initialRoots) {
+ roots = initialRoots.concat(roots.filter(function (x) {
+ for (let i = 0; i < initialRoots.length; i++) {
+ // Max 2
+ if (x.sameTerm(initialRoots[i])) return false;
+ }
+ return true;
+ }));
+ }
+ for (let i = 0; i < roots.length; i++) {
+ const tr = myDocument.createElement('tr');
+ tr.setAttribute('style', `background-color: ${i % 2 === 0 ? '#f0f0f0' : 'white'};`);
+ rep.appendChild(tr);
+ const subjectTD = myDocument.createElement('td');
+ tr.appendChild(subjectTD);
+ const TDTree = myDocument.createElement('td');
+ tr.appendChild(TDTree);
+ const root = roots[i];
+ if (root.termType === 'BlankNode') {
+ subjectTD.appendChild(myDocument.createTextNode(UI.utils.label(root))); // Don't recurse!
+ } else {
+ subjectTD.appendChild(objectTree(root)); // won't have tree
+ }
+ TDTree.appendChild(propertyTree(root));
+ }
+ for (const bNT in referencedBnodes) {
+ // Add number to refer to
+ const table = doneBnodes[bNT];
+ // let tr = myDocument.createElement('tr')
+ const anchor = myDocument.createElement('a');
+ anchor.setAttribute('id', bNT.slice(2));
+ anchor.setAttribute('class', 'bnodeDef');
+ anchor.textContent = bNT.slice(3) + ')';
+ table.insertBefore(anchor, table.firstChild);
+ }
+ return rep;
+ },
+ // statementsAsTables
+ // View the data in a file in user-friendly way
+ render: function (subject, context) {
+ const myDocument = context.dom;
+ function alternativeRendering() {
+ const sz = $rdf.Serializer(context.session.store);
+ const res = sz.rootSubjects(sts);
+ const roots = res.roots;
+ const p = {};
+ p.render = function (s2) {
+ const div = myDocument.createElement('div');
+ div.setAttribute('class', 'withinDocumentPane');
+ const plist = kb.statementsMatching(s2, undefined, undefined, subject);
+ outliner.appendPropertyTRs(div, plist, false, function (_pred, _inverse) {
+ return true;
+ });
+ return div;
+ };
+ for (let i = 0; i < roots.length; i++) {
+ const tr = myDocument.createElement('TR');
+ const root = roots[i];
+ tr.style.verticalAlign = 'top';
+ const td = outliner.outlineObjectTD(root, undefined, tr);
+ tr.appendChild(td);
+ div.appendChild(tr);
+ outliner.outlineExpand(td, root, {
+ pane: p
+ });
+ }
+ }
+ function mainRendering() {
+ const initialRoots = []; // Ordering: start with stuff about this doc
+ if (kb.holds(subject, undefined, undefined, subject)) {
+ initialRoots.push(subject);
+ }
+ // Then about the primary topic of the document if any
+ const ps = kb.any(subject, UI.ns.foaf('primaryTopic'), undefined, subject);
+ if (ps) initialRoots.push(ps);
+ div.appendChild(context.session.paneRegistry.byName('dataContents').statementsAsTables(sts, context, initialRoots));
+ }
+ const outliner = context.getOutliner(myDocument);
+ const kb = context.session.store;
+ const div = myDocument.createElement('div');
+ div.setAttribute('class', 'dataContentPane');
+ // Because of smushing etc, this will not be a copy of the original source
+ // We could instead either fetch and re-parse the source,
+ // or we could keep all the pre-smushed triples.
+ const sts = kb.statementsMatching(undefined, undefined, undefined, subject); // @@ slow with current store!
+
+ // eslint-disable-next-line no-constant-condition
+ if (false) {
+ // keep code
+ alternativeRendering();
+ } else {
+ mainRendering();
+ }
+ return div;
+ }
+};
+//# sourceMappingURL=dataContentPane.js.map
\ No newline at end of file
diff --git a/dist/dataContentPane.js.map b/dist/dataContentPane.js.map
new file mode 100644
index 00000000..acffcbfa
--- /dev/null
+++ b/dist/dataContentPane.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"dataContentPane.js","names":["UI","$rdf","ns","dataContentPane","icon","icons","originalIconBase","name","audience","solid","label","subject","context","session","store","findTypeURIs","n","statementsMatching","undefined","length","statementsAsTables","sts","initialRoots","myDocument","dom","rep","createElement","sz","Serializer","res","rootSubjects","roots","subjects","loopBreakers","x","console","log","doneBnodes","referencedBnodes","propertyTree","lastPred","toStr","appendChild","createTextNode","sort","same","predicateTD","i","st","tr","predicate","uri","setAttribute","anchor","addEventListener","widgets","openHrefInOutlineMode","utils","predicateLabelForXML","objectTD","objectTree","object","obj","termType","datatype","textContent","value","innerHTML","toNT","slice","newTable","ancestor","style","backgroundColor","elements","paneRegistry","byName","statements","Error","concat","filter","sameTerm","subjectTD","TDTree","root","bNT","table","insertBefore","firstChild","render","alternativeRendering","p","s2","div","plist","kb","outliner","appendPropertyTRs","_pred","_inverse","verticalAlign","td","outlineObjectTD","outlineExpand","pane","mainRendering","holds","push","ps","any","foaf","getOutliner"],"sources":["../src/dataContentPane.js"],"sourcesContent":["/* Data content Pane\n **\n ** This pane shows the content of a particular RDF resource\n ** or at least the RDF semantics we attribute to that resource.\n */\n\n// To do: - Only take data from one graph\n// - Only do forwards not backward?\n// - Expand automatically all the way down\n// - original source view? Use ffox view source\n\nimport * as UI from 'solid-ui-jss'\nimport * as $rdf from 'rdflib'\n\nconst ns = UI.ns\n\nexport const dataContentPane = {\n icon: UI.icons.originalIconBase + 'rdf_flyer.24.gif',\n\n name: 'dataContents',\n\n audience: [ns.solid('Developer')],\n\n label: function (subject, context) {\n if (\n 'http://www.w3.org/2007/ont/link#ProtocolEvent' in\n context.session.store.findTypeURIs(subject)\n ) {\n return null\n }\n const n = context.session.store.statementsMatching(\n undefined,\n undefined,\n undefined,\n subject\n ).length\n if (n === 0) return null\n return 'Data (' + n + ')'\n },\n /*\n shouldGetFocus: function(subject) {\n return store.whether(subject, UI.ns.rdf('type'), UI.ns.link('RDFDocument'))\n },\n*/\n statementsAsTables: function statementsAsTables (sts, context, initialRoots) {\n const myDocument = context.dom\n // const outliner = context.getOutliner(myDocument)\n const rep = myDocument.createElement('table')\n const sz = $rdf.Serializer(context.session.store)\n const res = sz.rootSubjects(sts)\n let roots = res.roots\n const subjects = res.subjects\n const loopBreakers = res.loopBreakers\n for (const x in loopBreakers) {\n console.log('\\tdataContentPane: loopbreaker:' + x)\n }\n const doneBnodes = {} // For preventing looping\n const referencedBnodes = {} // Bnodes which need to be named alas\n\n // The property tree for a single subject or anonymous node\n function propertyTree (subject) {\n // print('Proprty tree for '+subject)\n const rep = myDocument.createElement('table')\n let lastPred = null\n const sts = subjects[sz.toStr(subject)] // relevant statements\n if (!sts) {\n // No statements in tree\n rep.appendChild(myDocument.createTextNode('...')) // just empty bnode as object\n return rep\n }\n sts.sort()\n let same = 0\n let predicateTD // The cell which holds the predicate\n for (let i = 0; i < sts.length; i++) {\n const st = sts[i]\n const tr = myDocument.createElement('tr')\n if (st.predicate.uri !== lastPred) {\n if (lastPred && same > 1) {\n predicateTD.setAttribute('rowspan', '' + same)\n }\n predicateTD = myDocument.createElement('td')\n predicateTD.setAttribute('class', 'pred')\n const anchor = myDocument.createElement('a')\n anchor.setAttribute('href', st.predicate.uri)\n anchor.addEventListener(\n 'click',\n UI.widgets.openHrefInOutlineMode,\n true\n )\n anchor.appendChild(\n myDocument.createTextNode(\n UI.utils.predicateLabelForXML(st.predicate)\n )\n )\n predicateTD.appendChild(anchor)\n tr.appendChild(predicateTD)\n lastPred = st.predicate.uri\n same = 0\n }\n same++\n const objectTD = myDocument.createElement('td')\n objectTD.appendChild(objectTree(st.object))\n tr.appendChild(objectTD)\n rep.appendChild(tr)\n }\n if (lastPred && same > 1) predicateTD.setAttribute('rowspan', '' + same)\n return rep\n }\n\n // Convert a set of statements into a nested tree of tables\n function objectTree (obj) {\n let res, anchor\n switch (obj.termType) {\n case 'NamedNode':\n anchor = myDocument.createElement('a')\n anchor.setAttribute('href', obj.uri)\n anchor.addEventListener(\n 'click',\n UI.widgets.openHrefInOutlineMode,\n true\n )\n anchor.appendChild(myDocument.createTextNode(UI.utils.label(obj)))\n return anchor\n\n case 'Literal':\n if (!obj.datatype || !obj.datatype.uri) {\n res = myDocument.createElement('div')\n res.setAttribute('style', 'white-space: pre-wrap;')\n res.textContent = obj.value\n return res\n } else if (\n obj.datatype.uri ===\n 'http://www.w3.org/1999/02/22-rdf-syntax-ns#XMLLiteral'\n ) {\n res = myDocument.createElement('div')\n res.setAttribute('class', 'embeddedXHTML')\n res.innerHTML = obj.value // Try that @@@ beware embedded dangerous code\n return res\n }\n return myDocument.createTextNode(obj.value) // placeholder - could be smarter,\n\n case 'BlankNode': {\n if (obj.toNT() in doneBnodes) {\n // Break infinite recursion\n referencedBnodes[obj.toNT()] = true\n const anchor = myDocument.createElement('a')\n anchor.setAttribute('href', '#' + obj.toNT().slice(2))\n anchor.setAttribute('class', 'bnodeRef')\n anchor.textContent = '*' + obj.toNT().slice(3)\n return anchor\n }\n doneBnodes[obj.toNT()] = true // Flag to prevent infinite recursion in propertyTree\n const newTable = propertyTree(obj)\n doneBnodes[obj.toNT()] = newTable // Track where we mentioned it first\n if (\n UI.utils.ancestor(newTable, 'TABLE') &&\n UI.utils.ancestor(newTable, 'TABLE').style.backgroundColor ===\n 'white'\n ) {\n newTable.style.backgroundColor = '#eee'\n } else {\n newTable.style.backgroundColor = 'white'\n }\n return newTable\n }\n case 'Collection':\n res = myDocument.createElement('table')\n res.setAttribute('class', 'collectionAsTables')\n for (let i = 0; i < obj.elements.length; i++) {\n const tr = myDocument.createElement('tr')\n res.appendChild(tr)\n tr.appendChild(objectTree(obj.elements[i]))\n }\n return res\n case 'Graph':\n res = context.session.paneRegistry\n .byName('dataContents')\n .statementsAsTables(obj.statements, context)\n res.setAttribute('class', 'nestedFormula')\n return res\n case 'Variable':\n res = myDocument.createTextNode('?' + obj.uri)\n return res\n }\n throw new Error('Unhandled node type: ' + obj.termType)\n }\n\n // roots.sort()\n\n if (initialRoots) {\n roots = initialRoots.concat(\n roots.filter(function (x) {\n for (let i = 0; i < initialRoots.length; i++) {\n // Max 2\n if (x.sameTerm(initialRoots[i])) return false\n }\n return true\n })\n )\n }\n for (let i = 0; i < roots.length; i++) {\n const tr = myDocument.createElement('tr')\n tr.setAttribute('style', `background-color: ${i % 2 === 0 ? '#f0f0f0' : 'white'};`)\n rep.appendChild(tr)\n const subjectTD = myDocument.createElement('td')\n tr.appendChild(subjectTD)\n const TDTree = myDocument.createElement('td')\n tr.appendChild(TDTree)\n const root = roots[i]\n if (root.termType === 'BlankNode') {\n subjectTD.appendChild(myDocument.createTextNode(UI.utils.label(root))) // Don't recurse!\n } else {\n subjectTD.appendChild(objectTree(root)) // won't have tree\n }\n TDTree.appendChild(propertyTree(root))\n }\n for (const bNT in referencedBnodes) {\n // Add number to refer to\n const table = doneBnodes[bNT]\n // let tr = myDocument.createElement('tr')\n const anchor = myDocument.createElement('a')\n anchor.setAttribute('id', bNT.slice(2))\n anchor.setAttribute('class', 'bnodeDef')\n anchor.textContent = bNT.slice(3) + ')'\n table.insertBefore(anchor, table.firstChild)\n }\n return rep\n }, // statementsAsTables\n // View the data in a file in user-friendly way\n render: function (subject, context) {\n const myDocument = context.dom\n\n function alternativeRendering () {\n const sz = $rdf.Serializer(context.session.store)\n const res = sz.rootSubjects(sts)\n const roots = res.roots\n const p = {}\n p.render = function (s2) {\n const div = myDocument.createElement('div')\n div.setAttribute('class', 'withinDocumentPane')\n const plist = kb.statementsMatching(s2, undefined, undefined, subject)\n outliner.appendPropertyTRs(div, plist, false, function (\n _pred,\n _inverse\n ) {\n return true\n })\n return div\n }\n for (let i = 0; i < roots.length; i++) {\n const tr = myDocument.createElement('TR')\n const root = roots[i]\n tr.style.verticalAlign = 'top'\n const td = outliner.outlineObjectTD(root, undefined, tr)\n tr.appendChild(td)\n div.appendChild(tr)\n outliner.outlineExpand(td, root, { pane: p })\n }\n }\n\n function mainRendering () {\n const initialRoots = [] // Ordering: start with stuff about this doc\n if (kb.holds(subject, undefined, undefined, subject)) {\n initialRoots.push(subject)\n }\n // Then about the primary topic of the document if any\n const ps = kb.any(subject, UI.ns.foaf('primaryTopic'), undefined, subject)\n if (ps) initialRoots.push(ps)\n div.appendChild(\n context.session.paneRegistry\n .byName('dataContents')\n .statementsAsTables(sts, context, initialRoots)\n )\n }\n\n const outliner = context.getOutliner(myDocument)\n const kb = context.session.store\n const div = myDocument.createElement('div')\n div.setAttribute('class', 'dataContentPane')\n // Because of smushing etc, this will not be a copy of the original source\n // We could instead either fetch and re-parse the source,\n // or we could keep all the pre-smushed triples.\n const sts = kb.statementsMatching(undefined, undefined, undefined, subject) // @@ slow with current store!\n\n // eslint-disable-next-line no-constant-condition\n if (false) { // keep code\n alternativeRendering()\n } else {\n mainRendering()\n }\n return div\n }\n}\n"],"mappings":"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","ignoreList":[]}
\ No newline at end of file
diff --git a/dist/defaultPane.js b/dist/defaultPane.js
new file mode 100644
index 00000000..b4c77b7a
--- /dev/null
+++ b/dist/defaultPane.js
@@ -0,0 +1,68 @@
+/* Default Pane
+ **
+ ** This outline pane contains the properties which are
+ ** normally displayed to the user. See also: internalPane
+ ** This pane hides the ones considered too low-level for the normal user.
+ */
+
+import * as UI from 'solid-ui-jss';
+import * as $rdf from 'rdflib';
+const ns = UI.ns;
+export const defaultPane = {
+ icon: UI.icons.originalIconBase + 'about.png',
+ name: 'default',
+ audience: [ns.solid('Developer')],
+ label: function (_subject) {
+ return 'about ';
+ },
+ render: function (subject, context) {
+ const dom = context.dom;
+ const filter = function (pred, inverse) {
+ if (typeof context.session.paneRegistry.byName('internal').predicates[pred.uri] !== 'undefined') {
+ return false;
+ }
+ if (inverse && pred.uri === 'http://www.w3.org/1999/02/22-rdf-syntax-ns#type') {
+ return false;
+ }
+ return true;
+ };
+ const outliner = context.getOutliner(dom);
+ const kb = context.session.store;
+ // var outline = outliner; // @@
+ UI.log.info('@defaultPane.render, dom is now ' + dom.location);
+ subject = kb.canon(subject);
+ const div = dom.createElement('div');
+ div.setAttribute('class', 'defaultPane');
+ // appendRemoveIcon(div, subject, div)
+
+ let plist = kb.statementsMatching(subject);
+ outliner.appendPropertyTRs(div, plist, false, filter);
+ plist = kb.statementsMatching(undefined, undefined, subject);
+ outliner.appendPropertyTRs(div, plist, true, filter);
+ if (subject.termType === 'Literal' && subject.value.slice(0, 7) === 'http://') {
+ outliner.appendPropertyTRs(div, [$rdf.st(kb.sym(subject.value), UI.ns.link('uri'), subject)], true, filter);
+ }
+ if (subject.termType === 'NamedNode' && kb.updater.editable($rdf.Util.uri.docpart(subject.uri), kb) || subject.termType === 'BlankNode' && kb.anyStatementMatching(subject) && kb.anyStatementMatching(subject).why && kb.anyStatementMatching(subject).why.uri && kb.updater.editable(kb.anyStatementMatching(subject).why.uri)
+ // check the document containing something about of the bnode @@ what about as object?
+ /* ! && HCIoptions["bottom insert highlights"].enabled */) {
+ const holdingTr = dom.createElement('tr'); // these are to minimize required changes
+ const holdingTd = dom.createElement('td'); // in userinput.js
+ holdingTd.setAttribute('colspan', '2');
+ holdingTd.setAttribute('notSelectable', 'true');
+ const img = dom.createElement('img');
+ img.src = UI.icons.originalIconBase + 'tango/22-list-add-new.png';
+ img.addEventListener('click', function addNewTripleIconMouseDownListener(e) {
+ outliner.UserInput.addNewPredicateObject(e);
+ e.stopPropagation();
+ e.preventDefault();
+ });
+ img.className = 'bottom-border-active';
+ // img.addEventListener('click', thisOutline.UserInput.addNewPredicateObject,false)
+ div.appendChild(holdingTr).appendChild(holdingTd).appendChild(img);
+ }
+ return div;
+ }
+};
+
+// ends
+//# sourceMappingURL=defaultPane.js.map
\ No newline at end of file
diff --git a/dist/defaultPane.js.map b/dist/defaultPane.js.map
new file mode 100644
index 00000000..628eff03
--- /dev/null
+++ b/dist/defaultPane.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"defaultPane.js","names":["UI","$rdf","ns","defaultPane","icon","icons","originalIconBase","name","audience","solid","label","_subject","render","subject","context","dom","filter","pred","inverse","session","paneRegistry","byName","predicates","uri","outliner","getOutliner","kb","store","log","info","location","canon","div","createElement","setAttribute","plist","statementsMatching","appendPropertyTRs","undefined","termType","value","slice","st","sym","link","updater","editable","Util","docpart","anyStatementMatching","why","holdingTr","holdingTd","img","src","addEventListener","addNewTripleIconMouseDownListener","e","UserInput","addNewPredicateObject","stopPropagation","preventDefault","className","appendChild"],"sources":["../src/defaultPane.js"],"sourcesContent":["/* Default Pane\n **\n ** This outline pane contains the properties which are\n ** normally displayed to the user. See also: internalPane\n ** This pane hides the ones considered too low-level for the normal user.\n */\n\nimport * as UI from 'solid-ui-jss'\nimport * as $rdf from 'rdflib'\n\nconst ns = UI.ns\n\nexport const defaultPane = {\n icon: UI.icons.originalIconBase + 'about.png',\n\n name: 'default',\n\n audience: [ns.solid('Developer')],\n\n label: function (_subject) {\n return 'about '\n },\n\n render: function (subject, context) {\n const dom = context.dom\n\n const filter = function (pred, inverse) {\n if (\n typeof context.session.paneRegistry.byName('internal').predicates[\n pred.uri\n ] !== 'undefined'\n ) {\n return false\n }\n if (\n inverse &&\n pred.uri === 'http://www.w3.org/1999/02/22-rdf-syntax-ns#type'\n ) {\n return false\n }\n return true\n }\n\n const outliner = context.getOutliner(dom)\n const kb = context.session.store\n // var outline = outliner; // @@\n UI.log.info('@defaultPane.render, dom is now ' + dom.location)\n subject = kb.canon(subject)\n const div = dom.createElement('div')\n div.setAttribute('class', 'defaultPane')\n // appendRemoveIcon(div, subject, div)\n\n let plist = kb.statementsMatching(subject)\n outliner.appendPropertyTRs(div, plist, false, filter)\n plist = kb.statementsMatching(undefined, undefined, subject)\n outliner.appendPropertyTRs(div, plist, true, filter)\n if (\n subject.termType === 'Literal' &&\n subject.value.slice(0, 7) === 'http://'\n ) {\n outliner.appendPropertyTRs(\n div,\n [$rdf.st(kb.sym(subject.value), UI.ns.link('uri'), subject)],\n true,\n filter\n )\n }\n if (\n (subject.termType === 'NamedNode' &&\n kb.updater.editable($rdf.Util.uri.docpart(subject.uri), kb)) ||\n (subject.termType === 'BlankNode' &&\n kb.anyStatementMatching(subject) &&\n kb.anyStatementMatching(subject).why &&\n kb.anyStatementMatching(subject).why.uri &&\n kb.updater.editable(kb.anyStatementMatching(subject).why.uri))\n // check the document containing something about of the bnode @@ what about as object?\n /* ! && HCIoptions[\"bottom insert highlights\"].enabled */\n ) {\n const holdingTr = dom.createElement('tr') // these are to minimize required changes\n const holdingTd = dom.createElement('td') // in userinput.js\n holdingTd.setAttribute('colspan', '2')\n holdingTd.setAttribute('notSelectable', 'true')\n const img = dom.createElement('img')\n img.src = UI.icons.originalIconBase + 'tango/22-list-add-new.png'\n img.addEventListener('click', function addNewTripleIconMouseDownListener (\n e\n ) {\n outliner.UserInput.addNewPredicateObject(e)\n e.stopPropagation()\n e.preventDefault()\n })\n img.className = 'bottom-border-active'\n // img.addEventListener('click', thisOutline.UserInput.addNewPredicateObject,false)\n div\n .appendChild(holdingTr)\n .appendChild(holdingTd)\n .appendChild(img)\n }\n return div\n }\n}\n\n// ends\n"],"mappings":"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","ignoreList":[]}
\ No newline at end of file
diff --git a/dist/dokieli/dokieliPane.js b/dist/dokieli/dokieliPane.js
new file mode 100644
index 00000000..2801c3ae
--- /dev/null
+++ b/dist/dokieli/dokieliPane.js
@@ -0,0 +1,165 @@
+/* Human-readable editable "Dokieli" Pane
+ **
+ ** This outline pane contains the document contents for a Dokieli document
+ ** The dokeili system allows the user to edit a document including anotations
+ ** review. It does not use turtle, but RDF/a
+ */
+
+import * as UI from 'solid-ui-jss';
+import * as $rdf from 'rdflib';
+import * as mime from '../utils/mimeTypes';
+
+// const DOKIELI_TEMPLATE_URI = 'https://dokie.li/new' // Copy to make new dok
+
+import DOKIELI_TEMPLATE from './new.js'; // Distributed with this library
+
+export default {
+ icon: UI.icons.iconBase + 'dokieli-logo.png',
+ // @@ improve? more like doccument?
+
+ name: 'Dokieli',
+ mintClass: UI.ns.solid('DokieliDocument'),
+ // @@ A better class?
+
+ label: function (subject, context) {
+ const kb = context.session.store;
+ const ns = UI.ns;
+ const allowed = [
+ // 'text/plain',
+ 'text/html', 'application/xhtml+xml'
+ // 'image/png', 'image/jpeg', 'application/pdf',
+ // 'video/mp4'
+ ];
+ const hasContentTypeIn = function (kb, x, displayables) {
+ const cts = kb.fetcher.getHeader(x, 'content-type');
+ if (cts) {
+ for (let j = 0; j < cts.length; j++) {
+ for (let k = 0; k < displayables.length; k++) {
+ if (cts[j].indexOf(displayables[k]) >= 0) {
+ return true;
+ }
+ }
+ }
+ }
+ return false;
+ };
+
+ // This data coul d come from a fetch OR from ldp comtaimner
+ const hasContentTypeIn2 = function (kb, x, displayables) {
+ const t = kb.findTypeURIs(x);
+ for (let k = 0; k < displayables.length; k++) {
+ if ($rdf.Util.mediaTypeClass(displayables[k]).uri in t) {
+ return true;
+ }
+ }
+ return false;
+ };
+ if (!subject.uri) return null; // no bnodes
+
+ const t = kb.findTypeURIs(subject);
+ if (t[ns.link('WebPage').uri]) return 'view';
+ if (hasContentTypeIn(kb, subject, allowed) || hasContentTypeIn2(kb, subject, allowed)) {
+ return 'Dok';
+ }
+ return null;
+ },
+ // Create a new folder in a Solid system, with a dokieli editable document in it
+ mintNew: function (context, newPaneOptions) {
+ const kb = context.session.store;
+ let newInstance = newPaneOptions.newInstance;
+ if (!newInstance) {
+ let uri = newPaneOptions.newBase;
+ if (uri.endsWith('/')) {
+ uri = uri.slice(0, -1);
+ newPaneOptions.newBase = uri;
+ }
+ newInstance = kb.sym(uri);
+ }
+ const contentType = mime.lookup(newInstance.uri);
+ if (!contentType || !contentType.includes('html')) {
+ newInstance = $rdf.sym(newInstance.uri + '.html');
+ }
+ newPaneOptions.newInstance = newInstance; // Save for creation system
+
+ // console.log('New dokieli will make: ' + newInstance)
+
+ let htmlContents = DOKIELI_TEMPLATE;
+ let filename = newInstance.uri.split('/').slice(-1)[0];
+ filename = decodeURIComponent(filename.split('.')[0]);
+ const encodedTitle = filename.replace(/&/g, '&').replace(//g, '>');
+ htmlContents = htmlContents.replace('', '' + encodedTitle);
+ htmlContents = htmlContents.replace('', '' + encodedTitle + '
');
+ // console.log('@@ New HTML for Dok:' + htmlContents)
+ return new Promise(function (resolve) {
+ kb.fetcher.webOperation('PUT', newInstance.uri, {
+ data: htmlContents,
+ contentType: 'text/html'
+ }).then(function () {
+ console.log('new Dokieli document created at ' + newPaneOptions.newInstance);
+ resolve(newPaneOptions);
+ }).catch(function (err) {
+ console.log('Error creating dokieli doc at ' + newPaneOptions.newInstance + ': ' + err);
+ });
+ });
+ },
+ // Derived from: humanReadablePane .. share code?
+ render: function (subject, context) {
+ const myDocument = context.dom;
+ 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');
+
+ // Function to set iframe attributes
+ const setIframeAttributes = (iframe, blob, lines) => {
+ const objectURL = URL.createObjectURL(blob);
+ iframe.setAttribute('src', objectURL);
+ iframe.setAttribute('type', blob.type);
+ iframe.setAttribute('class', 'doc');
+ iframe.setAttribute('style', `border: 1px solid; padding: 1em; height:${lines}em; width:800px; resize: both; overflow: auto;`);
+
+ // Apply sandbox attribute only for HTML files
+ // @@ NOte beflow - 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.
+ // We could sandbox only HTML files I suppose.
+ // HTML5 bug: https://lists.w3.org/Archives/Public/public-html/2011Jun/0330.html
+ if (blob.type === 'text/html' || blob.type === 'application/xhtml+xml') {
+ iframe.setAttribute('sandbox', 'allow-scripts allow-same-origin');
+ }
+ };
+
+ // Fetch and process the blob
+ kb.fetcher._fetch(subject.uri).then(response => response.blob()).then(blob => {
+ const blobTextPromise = blob.type.startsWith('text') ? blob.text() : Promise.resolve('');
+ return blobTextPromise.then(blobText => ({
+ blob,
+ blobText
+ }));
+ }).then(({
+ blob,
+ blobText
+ }) => {
+ const newLines = blobText.includes('
+
+
+
+
+
+
+
+
+
+