solid-panes 3.7.3 → 4.0.0-cc645f25

package/src/defaultPane.js

@@ -1,102 +0,0 @@
-/*   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'
-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(UI.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

package/src/dokieli/Makefile

@@ -1,6 +0,0 @@
-
-new.js : new.html
-		(echo 'module.exports = `'; cat new.html; echo '`') > new.js
-
-new.html :
-	curl -HAccept:text/html https://dokie.li/new > new.html

package/src/dokieli/dokieliPane.js

@@ -1,190 +0,0 @@
-/*   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'
-import * as $rdf from 'rdflib'
-import * as mime from 'mime-types'
-
-// 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, '&amp;')
-      .replace(/</g, '&lt;')
-      .replace(/>/g, '&gt;')
-    htmlContents = htmlContents.replace('<title>', '<title>' + encodedTitle)
-    htmlContents = htmlContents.replace(
-      '</article>',
-      '<h1>' + encodedTitle + '</h1></article>'
-    )
-    // 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('<script src="https://dokie.li/scripts/dokieli.js">') ? -10 : 5
-        const lines = Math.min(30, blobText.split(/\n/).length + newLines)
-        setIframeAttributes(iframe, blob, lines)
-      })
-      .catch(err => {
-        console.log('Error fetching or processing blob:', err)
-      })
-
-    const cts = kb.fetcher.getHeader(subject.doc(), 'content-type')
-    const ct = cts ? cts[0].split(';', 1)[0].trim() : null
-    if (ct) {
-      console.log('dokieliPane: c-t:' + ct)
-    } else {
-      console.log('dokieliPane: unknown content-type?')
-    }
-
-   const tr = myDocument.createElement('tr')
-    tr.appendChild(iframe)
-    div.appendChild(tr)
-    return div
-  }
-}
-// ends

package/src/dokieli/new.html

@@ -1,30 +0,0 @@
-<!DOCTYPE html>
-<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
-  <head>
-    <meta charset="utf-8" />
-    <title></title>
-    <meta content="width=device-width, initial-scale=1" name="viewport" />
-    <link
-      href="https://dokie.li/media/css/basic.css"
-      media="all"
-      rel="stylesheet"
-      title="Basic"
-    />
-    <link
-      href="https://dokie.li/media/css/dokieli.css"
-      media="all"
-      rel="stylesheet"
-    />
-    <script src="https://dokie.li/scripts/dokieli.js"></script>
-  </head>
-
-  <body
-    about=""
-    prefix="rdf: http://www.w3.org/1999/02/22-rdf-syntax-ns# rdfs: http://www.w3.org/2000/01/rdf-schema# owl: http://www.w3.org/2002/07/owl# xsd: http://www.w3.org/2001/XMLSchema# dcterms: http://purl.org/dc/terms/ dctypes: http://purl.org/dc/dcmitype/ foaf: http://xmlns.com/foaf/0.1/ pimspace: http://www.w3.org/ns/pim/space# cc: https://creativecommons.org/ns# skos: http://www.w3.org/2004/02/skos/core# prov: http://www.w3.org/ns/prov# mem: http://mementoweb.org/ns# qb: http://purl.org/linked-data/cube# schema: http://schema.org/ void: http://rdfs.org/ns/void# rsa: http://www.w3.org/ns/auth/rsa# cert: http://www.w3.org/ns/auth/cert# wgs: http://www.w3.org/2003/01/geo/wgs84_pos# bibo: http://purl.org/ontology/bibo/ sioc: http://rdfs.org/sioc/ns# doap: http://usefulinc.com/ns/doap# dbr: http://dbpedia.org/resource/ dbp: http://dbpedia.org/property/ sio: http://semanticscience.org/resource/ opmw: http://www.opmw.org/ontology/ deo: http://purl.org/spar/deo/ doco: http://purl.org/spar/doco/ cito: http://purl.org/spar/cito/ fabio: http://purl.org/spar/fabio/ oa: http://www.w3.org/ns/oa# as: https://www.w3.org/ns/activitystreams# ldp: http://www.w3.org/ns/ldp# solid: http://www.w3.org/ns/solid/terms# acl: http://www.w3.org/ns/auth/acl# dio: https://w3id.org/dio# rel: https://www.w3.org/ns/iana/link-relations/relation#"
-    typeof="schema:CreativeWork sioc:Post prov:Entity"
-  >
-    <main>
-      <article about="" typeof="schema:Article"></article>
-    </main>
-  </body>
-</html>

package/src/form/pane.js

@@ -1,217 +0,0 @@
-/*
- **             Pane for running existing forms for any object
- **
- */
-
-import * as UI from 'solid-ui'
-import { authn } from 'solid-logic'
-import * as $rdf from 'rdflib'
-const ns = UI.ns
-
-export const formPane = {
-  icon: UI.icons.iconBase + 'noun_122196.svg',
-
-  name: 'form',
-
-  audience: [ns.solid('PowerUser')],
-
-  // Does the subject deserve this pane?
-  label: function (subject) {
-    const n = UI.widgets.formsFor(subject).length
-    UI.log.debug('Form pane: forms for ' + subject + ': ' + n)
-    if (!n) return null
-    return '' + n + ' forms'
-  },
-
-  render: function (subject, context) {
-    const kb = context.session.store
-    const dom = context.dom
-
-    const mention = function complain (message, style) {
-      const pre = dom.createElement('p')
-      pre.setAttribute('style', style || 'color: grey; background-color: white')
-      box.appendChild(pre).textContent = message
-      return pre
-    }
-
-    const complain = function complain (message, style) {
-      mention(message, 'style', style || 'color: grey; background-color: #fdd;')
-    }
-
-    const complainIfBad = function (ok, body) {
-      if (ok) {
-        // setModifiedDate(store, kb, store);
-        // rerender(box);   // Deleted forms at the moment
-      } else complain('Sorry, failed to save your change:\n' + body)
-    }
-
-    // The question of where to store this data about subject
-    // This in general needs a whole lot more thought
-    // and it connects to the discoverbility through links
-
-    // const t = kb.findTypeURIs(subject)
-
-    const me = authn.currentUser()
-
-    const box = dom.createElement('div')
-    box.setAttribute('class', 'formPane')
-
-    if (!me) {
-      mention(
-        'You are not logged in. If you log in and have ' +
-          'workspaces then you would be able to select workspace in which ' +
-          'to put this new information'
-      )
-    } else {
-      const ws = kb.each(me, ns.ui('workspace'))
-      if (ws.length === 0) {
-        mention(
-          "You don't seem to have any workspaces defined.  " +
-            'A workspace is a place on the web (http://..) or in ' +
-            'the file system (file:///) to store application data.\n'
-        )
-      } else {
-        // @@
-      }
-    }
-
-    // Render forms using a given store
-
-    const renderFormsFor = function (store, subject) {
-      kb.fetcher.nowOrWhenFetched(store.uri, subject, function (ok, body) {
-        if (!ok) return complain('Cannot load store ' + store.uri + ': ' + body)
-
-        //              Render the forms
-
-        const forms = UI.widgets.formsFor(subject)
-
-        // complain('Form for editing this form:');
-        for (let i = 0; i < forms.length; i++) {
-          const form = forms[i]
-          const heading = dom.createElement('h4')
-          box.appendChild(heading)
-          if (form.uri) {
-            const formStore = $rdf.Util.uri.document(form.uri)
-            if (formStore.uri !== form.uri) {
-              // The form is a hash-type URI
-              const e = box.appendChild(
-                UI.widgets.editFormButton(
-                  dom,
-                  box,
-                  form,
-                  formStore,
-                  complainIfBad
-                )
-              )
-              e.setAttribute('style', 'float: right;')
-            }
-          }
-          const anchor = dom.createElement('a')
-          anchor.setAttribute('href', form.uri)
-          heading.appendChild(anchor)
-          anchor.textContent = UI.utils.label(form, true)
-
-          /*  Keep tis as a reminder to let a New one have its URI given by user
-          mention("Where will this information be stored?")
-          const ele = dom.createElement('input');
-          box.appendChild(ele);
-          ele.setAttribute('type', 'text');
-          ele.setAttribute('size', '72');
-          ele.setAttribute('maxlength', '1024');
-          ele.setAttribute('style', 'font-size: 80%; color:#222;');
-          ele.value = store.uri
-          */
-
-          UI.widgets.appendForm(
-            dom,
-            box,
-            {},
-            subject,
-            form,
-            store,
-            complainIfBad
-          )
-        }
-      }) // end: when store loded
-    } // renderFormsFor
-
-    // Figure out what store
-
-    // Which places are editable and have stuff about the subject?
-
-    let store = null
-
-    // 1. The document URI of the subject itself
-    const docuri = $rdf.Util.uri.docpart(subject.uri)
-    if (subject.uri !== docuri && kb.updater.editable(docuri, kb)) {
-      store = subject.doc()
-    } // an editable data file with hash
-
-    store = store || kb.any(kb.sym(docuri), ns.link('annotationStore'))
-
-    // 2. where stuff is already stored
-    if (!store) {
-      const docs = {}
-      const docList = []
-      store.statementsMatching(subject).forEach(function (st) {
-        docs[st.why.uri] = 1
-      })
-      store
-        .statementsMatching(undefined, undefined, subject)
-        .forEach(function (st) {
-          docs[st.why.uri] = 2
-        })
-      for (const d in docs) docList.push(docs[d], d)
-      docList.sort()
-      for (let i = 0; i < docList.length; i++) {
-        const uri = docList[i][1]
-        if (uri && store.updater.editable(uri)) {
-          store = store.sym(uri)
-          break
-        }
-      }
-    }
-
-    // 3. In a workspace store
-    // @@ TODO: Can probably remove _followeach (not done this time because the commit is a very safe refactor)
-    const _followeach = function (kb, subject, path) {
-      if (path.length === 0) return [subject]
-      const oo = kb.each(subject, path[0])
-      let res = []
-      for (let i = 0; i < oo.length; i++) {
-        res = res.concat(_followeach(kb, oo[i], path.slice(1)))
-      }
-      return res
-    }
-
-    const date = '2014' // @@@@@@@@@@@@ pass as parameter
-
-    if (store) {
-      // mention("@@ Ok, we have a store <" + store.uri + ">.");
-      renderFormsFor(store, subject)
-    } else {
-      complain('No suitable store is known, to edit <' + subject.uri + '>.')
-      const foobarbaz = UI.login.selectWorkspace(dom, function (ws) {
-        mention('Workspace selected OK: ' + ws)
-
-        const activities = store.each(undefined, ns.space('workspace'), ws)
-        for (let j = 0; j < activities.length; j++) {
-          const act = activities[j]
-
-          const subjectDoc2 = store.any(ws, ns.space('store'))
-          const start = store.any(ws, ns.cal('dtstart')).value()
-          const end = store.any(ws, ns.cal('dtend')).value()
-          if (subjectDoc2 && start && end && start <= date && end > date) {
-            renderFormsFor(subjectDoc2, subject)
-            break
-          } else {
-            complain('Note no suitable annotation store in activity: ' + act)
-          }
-        }
-      })
-      box.appendChild(foobarbaz)
-    }
-
-    return box
-  }
-}

package/src/form/psuedocode-notes.txt

@@ -1,57 +0,0 @@
-These notes are about the user interaction flowchart
-for the process of chosing a workspace and if necessray
-making one, chosing an account or if necessary signing up for one.
-This is yet to be coded up mostly (2013-07).
-
-Could reflect as to whether to build the flow
-is data or RDF or do it with futures or just code it up in AJAX normal.
-
-________________________________________
-
-Allow cancel back to here at any time directly or indirectly
-    
-    If preferences not loaded, load preferences.
-        on error, explain problem and what trying to do, offer to cancel or try again.
-    In preferences, find workspaces.
-    
-    workspace dialogue:
-    offer create a new workspace
-        if so, refresh workspace form
-    offer select a workspace
-    if selected, continue returning ws.
-    
-    activity dialogue:
-    if workspace not loaded, load workspace
-    look for suitable activity
-    if only one, return that.
-    If none or more, make form.
-    offer to create a suitable activity
-    offer to select an activity.
-    on activity selected,
-        return the activity
-
-    create the form in the activity's store.
-
-
-
-In normal synchronous form this would look like:
-
- createForm(getActivity(selectWorkspace(loadPreferences(me))))
-
-or p = loadPreferences(me)
-   w = selectWorkspace(p)
-   a = getActivity(w)
-   x = createForm(a)
-   
-World futures really help?  You would end up with
-
-    loadPreference(me).then(function(p){
-        selectWorkspace(p).then(function(w){})})
-             .... etc
-
-or 
-    loadPreference(me).then(function(p){
-        selectWorkspace(p)})
-    .then(function(w){
-    });
-

package/src/global.d.ts

@@ -1,4 +0,0 @@
-declare module '*.ttl' {
-  const content: string
-  export default content
-}

package/src/home/homePane.ts

@@ -1,72 +0,0 @@
-/*   Home Pane
- **
- ** The home pane is avaiable everywhere and allows a user
- ** to
- **  - keep track of their stuff
- **  - make new things, and possibly
- **  - keep track of accounts and workspaces etc
- **
- */
-
-import { PaneDefinition } from 'pane-registry'
-import { NamedNode } from 'rdflib'
-import { authn } from 'solid-logic'
-import { create, icons, login } from 'solid-ui'
-import { CreateContext } from 'solid-ui/lib/create/types'
-
-const HomePaneSource: PaneDefinition = {
-  icon: icons.iconBase + 'noun_547570.svg', // noun_25830
-
-  global: true,
-
-  name: 'home',
-
-  // Does the subject deserve an home pane?
-  //
-  //   yes, always!
-  //
-  label: function () {
-    return 'home'
-  },
-
-  render: function (subject, context) {
-    const dom = context.dom
-    const showContent = async function () {
-      const homePaneContext = { div: div, dom: dom, statusArea: div, me: me }
-      /*
-            div.appendChild(dom.createElement('h4')).textContent = 'Login status'
-            var loginStatusDiv = div.appendChild(context.dom.createElement('div'))
-            // TODO: Find out what the actual type is:
-            type UriType = unknown;
-            loginStatusDiv.appendChild(UI.login.loginStatusBox(context.dom, () => {
-              // Here we know new log in status
-            }))
-      */
-      div.appendChild(dom.createElement('h4')).textContent =
-        'Create new thing somewhere'
-      const creationDiv = div.appendChild(dom.createElement('div'))
-      const creationContext: CreateContext = {
-        div: creationDiv,
-        dom: dom,
-        statusArea: div,
-        me: me
-      }
-      const relevantPanes = await login.filterAvailablePanes(
-        context.session.paneRegistry.list
-      )
-      create.newThingUI(creationContext, context, relevantPanes) // newUI Have to pass panes down
-
-      login.registrationList(homePaneContext, {}).then(function () {})
-    }
-
-    const div = dom.createElement('div')
-    const me: NamedNode = authn.currentUser() as NamedNode // this will be incorrect if not logged in
-
-    showContent()
-
-    return div
-  }
-} // pane object
-
-// ends
-export default HomePaneSource