solid-panes 3.7.3 → 4.0.0-32da9eb1

package/src/humanReadablePane.js

@@ -1,150 +0,0 @@
-/*   Human-readable Pane
- **
- **  This outline pane contains the document contents for an HTML document
- **  This is for peeking at a page, because the user might not want to leave the data browser.
- */
-import { icons, ns } from 'solid-ui'
-import { Util } from 'rdflib'
-import { marked } from 'marked'
-import DOMPurify from 'dompurify';
-
-const humanReadablePane = {
-  icon: icons.originalIconBase + 'tango/22-text-x-generic.png',
-
-  name: 'humanReadable',
-
-  label: function (subject, context) {
-    const kb = context.session.store
-
-    //   See also the source pane, which has lower precedence.
-
-    const allowed = [
-      'text/plain',
-      'text/html',
-      'text/markdown',
-      '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 could come from a fetch OR from ldp container
-    const hasContentTypeIn2 = function (kb, x, displayables) {
-      const t = kb.findTypeURIs(x)
-      for (let k = 0; k < displayables.length; k++) {
-        if (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 'View'
-    }
-
-    return null
-  },
-
-  render: function (subject, context) {
-    const myDocument = context.dom
-    const div = myDocument.createElement('div')
-    const kb = context.session.store
-
-    const cts = kb.fetcher.getHeader(subject.doc(), 'content-type')
-    const ct = cts ? cts[0].split(';', 1)[0].trim() : null // remove content-type parameters
-    if (ct) {
-      // console.log('humanReadablePane: c-t:' + ct)
-    } else {
-      console.log('humanReadablePane: unknown content-type?')
-    }
-
-    //  @@ When we can, use CSP to turn off scripts within the iframe
-    div.setAttribute('class', 'docView')
-    const element = ct === 'text/markdown' ? 'DIV' : 'IFRAME'
-    const frame = myDocument.createElement(element)
-
-    const setIframeAttributes = (frame, blob, lines) => {
-      frame.setAttribute('src', URL.createObjectURL(blob));
-      frame.setAttribute('type', blob.type);
-      frame.setAttribute('class', 'doc');
-      frame.setAttribute('style', `border: 1px solid; padding: 1em; height: ${lines}em; width: 800px; resize: both; overflow: auto;`);
-
-      // Apply sandbox attribute only for HTML files
-      // @@ Note below - 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.
-      if (blob.type === 'text/html' || blob.type === 'application/xhtml+xml') {
-        frame.setAttribute('sandbox', 'allow-scripts allow-same-origin');
-      }
-    };
-
-    // render markdown to html
-    const markdownHtml = function () {
-      kb.fetcher.webOperation('GET', subject.uri).then(response => {
-        const markdownText = response.responseText
-        const lines = Math.min(30, markdownText.split(/\n/).length + 5)
-        const res = marked.parse(markdownText)
-        const clean = DOMPurify.sanitize(res)
-        frame.innerHTML = clean
-        frame.setAttribute('class', 'doc')
-        frame.setAttribute('style', `border: 1px solid; padding: 1em; height: ${lines}em; width: 800px; resize: both; overflow: auto;`)
-      }).catch(error => {
-        console.error('Error fetching markdown content:', error)
-        frame.innerHTML = '<p>Error loading content</p>'
-      })
-    }
-
-    if (ct === 'text/markdown') {
-      markdownHtml()
-    } else {
-    // 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(frame, blob, lines)
-      })
-      .catch(err => {
-        console.log('Error fetching or processing blob:', err)
-      })
-    }
-
-    const tr = myDocument.createElement('TR')
-    tr.appendChild(frame)
-    div.appendChild(tr)
-    return div
-  }
-}
-
-export default humanReadablePane
-// ends

package/src/imagePane.js

@@ -1,75 +0,0 @@
-/*   Image Pane
- **
- **  This outline pane contains the document contents for an Image document
- */
-import * as UI from 'solid-ui'
-
-export const imagePane =  {
-  icon: UI.icons.originalIconBase + 'tango/22-image-x-generic.png',
-
-  name: 'image',
-
-  label: function (subject, context) {
-    const store = context.session.store
-    if (
-      !store.anyStatementMatching(
-        subject,
-        UI.ns.rdf('type'),
-        store.sym('http://purl.org/dc/terms/Image')
-      )
-    ) {
-      // NB: Not dc: namespace!
-      return null
-    }
-
-    //   See also the source pane, which has lower precedence.
-
-    const contentTypeMatch = function (store, x, contentTypes) {
-      const cts = store.fetcher.getHeader(x, 'content-type')
-      if (cts) {
-        for (let j = 0; j < cts.length; j++) {
-          for (let k = 0; k < contentTypes.length; k++) {
-            if (cts[j].indexOf(contentTypes[k]) >= 0) {
-              return true
-            }
-          }
-        }
-      }
-      return false
-    }
-
-    const suppressed = ['application/pdf']
-    if (contentTypeMatch(store, subject, suppressed)) {
-      return null
-    }
-    return 'view'
-  },
-
-  render: function (subject, context) {
-    const myDocument = context.dom
-    const store = context.session.store
-    const div = myDocument.createElement('div')
-    div.setAttribute('class', 'imageView')
-    const img = myDocument.createElement('IMG')
-
-    // get image with authenticated fetch
-    store.fetcher._fetch(subject.uri)
-      .then(function(response) {
-        return response.blob()
-      })
-      .then(function(myBlob) {
-        const objectURL = URL.createObjectURL(myBlob)
-        img.setAttribute('src', objectURL) // w640 h480 //
-      })
-
-    img.setAttribute('style', 'max-width: 100%; max-height: 100%;')
-    //        div.style['max-width'] = '640'
-    //        div.style['max-height'] = '480'
-    const tr = myDocument.createElement('TR') // why need tr?
-    tr.appendChild(img)
-    div.appendChild(tr)
-    return div
-  }
-}
-
-// ends

package/src/index.ts

@@ -1,71 +0,0 @@
-/*                            SOLID PANES
- **
- **     Panes are regions of the outline view in which a particular subject is
- ** displayed in a particular way.
- ** Different panes about the same subject are typically stacked vertically.
- ** Panes may be used naked or with a pane selection header.
- **
- ** The label() method has two functions: it determines whether the pane is
- ** relevant to a given subject, returning null if not.
- ** If it is relevant, then it returns a suitable tooltip for a control which selects the pane
- */
-
-import versionInfo from './versionInfo'
-import * as UI from 'solid-ui'
-import { LiveStore } from 'rdflib'
-import { solidLogicSingleton, store } from 'solid-logic'
-import OutlineManager from './outline/manager.js'
-import { registerPanes } from './registerPanes.js'
-import {
-  list,
-  paneForIcon,
-  paneForPredicate,
-  register,
-  byName
-} from 'pane-registry'
-import { createContext } from './outline/context'
-import initMainPage from './mainPage'
-
-function getOutliner (dom) {
-  if (!dom.outlineManager) {
-    const context = createContext(
-      dom,
-      { list, paneForIcon, paneForPredicate, register, byName },
-            store as LiveStore,
-            solidLogicSingleton
-    )
-    dom.outlineManager = new OutlineManager(context)
-  }
-  return dom.outlineManager
-}
-
-if (typeof window !== 'undefined') {
-  getOutliner(window.document)
-}
-
-registerPanes((cjsOrEsModule: any) => register(cjsOrEsModule.default || cjsOrEsModule))
-
-// This has common outline mode functionality for the default and other other panes
-// A separate outline manager is required per DOM in cases like a browser extension
-// where there are many occurrences of window and of window.document
-// But each DOM should have just one outline manager.
-
-export {
-  OutlineManager,
-  getOutliner,
-  UI,
-  versionInfo,
-  initMainPage,
-  list, // from paneRegistry
-  paneForIcon, // from paneRegistry
-  paneForPredicate, // from paneRegistry
-  register, // from paneRegistry
-  byName // from paneRegistry
-}
-
-// export for simpler access by non-node scripts
-if (typeof window !== 'undefined') {
-  ;(<any>window).panes = {
-    getOutliner
-  }
-}

package/src/internal/internalPane.ts

@@ -1,263 +0,0 @@
-/*   Internal Pane
- **
- **  This outline pane contains the properties which are
- ** internal to the user's interaction with the web, and are not normally displayed
- */
-/* global alert confirm */
-
-import { icons, ns, widgets } from 'solid-ui'
-import { BlankNode, IndexedFormula, literal, NamedNode, st, sym, Variable, Store } from 'rdflib'
-import { PaneDefinition } from 'pane-registry'
-
-const pane: PaneDefinition = {
-  icon: icons.originalIconBase + 'tango/22-emblem-system.png',
-
-  name: 'internal',
-
-  label: function () {
-    return 'under the hood' // There is often a URI even of no statements
-  },
-
-  render: function (subject, context) {
-    const dom = context.dom
-    const store = context.session.store as Store
-    const canonizedSubject = store.canon(subject) as BlankNode | NamedNode | Variable
-    const types = store.findTypeURIs(canonizedSubject)
-
-    function filter (pred: NamedNode) {
-      if (types['http://www.w3.org/2007/ont/link#ProtocolEvent']) return true // display everything for them
-      const view = context.session.paneRegistry.byName('internal')
-      return (
-        view &&
-        view.predicates &&
-        !!(typeof view.predicates[pred.uri] !== 'undefined')
-      )
-    }
-
-    const div = dom.createElement('div')
-    div.setAttribute('class', 'internalPane')
-    div.setAttribute(
-      'style',
-      'background-color: #ddddff; padding: 0.5em; border-radius: 1em;'
-    )
-
-    function deleteRecursive (kb: IndexedFormula, folder: NamedNode) {
-      const fetcher = (kb as any).fetcher
-      if (!fetcher) {
-        console.error('No fetcher available')
-        return
-      }
-      return new Promise(function (resolve, reject) {
-        fetcher.load(folder).then(function () {
-          const promises = kb.each(folder, ns.ldp('contains')).map(file => {
-            if (kb.holds(file, ns.rdf('type'), ns.ldp('BasicContainer'))) {
-              return deleteRecursive(kb, file as NamedNode)
-            } else {
-              console.log('deleteRecursive leaf file: ' + file)
-              return fetcher.webOperation('DELETE', (file as NamedNode).uri)
-            }
-          })
-          Promise.all(promises).then(
-            () => {
-              console.log('deleteRecursive empty folder: ' + folder)
-              fetcher
-                .webOperation('DELETE', folder.uri)
-                .then(() => {
-                  console.log('Deleted Ok: ' + folder)
-                  resolve(undefined)
-                })
-                .catch((err: string) => {
-                  const str = 'Unable to delete ' + folder + ': ' + err
-                  console.log(str)
-                  reject(new Error(str))
-                })
-              resolve(undefined)
-            },
-            err => {
-              alert(err)
-              reject(err)
-            }
-          )
-        })
-      })
-    }
-
-    const isDocument = subject.uri && !subject.uri.includes('#')
-    if (isDocument) {
-      const controls = div.appendChild(dom.createElement('table'))
-      controls.style.width = '100%'
-      controls.style.margin = '1em'
-      const controlRow = controls.appendChild(dom.createElement('tr'))
-
-      const deleteCell = controlRow.appendChild(dom.createElement('td'))
-      const isFolder =
-        (subject.uri && subject.uri.endsWith('/')) ||
-        store.holds(subject, ns.rdf('type'), ns.ldp('Container'))
-      const noun = isFolder ? 'folder' : 'file'
-      if (!isProtectedUri(subject)) {
-        console.log(subject)
-        const deleteButton = widgets.deleteButtonWithCheck(
-          dom,
-          deleteCell,
-          noun,
-          function () {
-            if (
-              !confirm(
-                `Are you sure you want to delete ${subject}? This cannot be undone.`
-              )
-            ) {
-              return
-            }
-            // @@ TODO Remove casing of store.fetcher
-            if (!store.fetcher) {
-              throw new Error('Store has no fetcher')
-            }
-            const promise = isFolder
-              ? (deleteRecursive(store, subject) || Promise.resolve())
-              : store.fetcher.webOperation('DELETE', subject.uri) || Promise.resolve()
-            promise
-              .then(() => {
-                const str = 'Deleted: ' + subject
-                console.log(str)
-              })
-              .catch((err: any) => {
-                const str = 'Unable to delete ' + subject + ': ' + err
-                console.log(str)
-                alert(str)
-              })
-          }
-        )
-        deleteButton.style = 'height: 2em;'
-        deleteButton.class = '' // Remove hover hide
-        deleteCell.appendChild(deleteButton)
-      }
-
-      const refreshCell = controlRow.appendChild(dom.createElement('td'))
-      const refreshButton = widgets.button(
-        dom,
-        icons.iconBase + 'noun_479395.svg',
-        'refresh'
-      )
-      refreshCell.appendChild(refreshButton)
-      refreshButton.addEventListener('click', () => {
-        if (!store.fetcher) {
-          throw new Error('Store has no fetcher')
-        }
-        store.fetcher.refresh(subject, function (
-          ok,
-          errm
-        ) {
-          let str
-          if (ok) {
-            str = 'Refreshed OK: ' + subject
-          } else {
-            str = 'Error refreshing: ' + subject + ': ' + errm
-          }
-          console.log(str)
-          alert(str)
-        })
-      })
-    }
-
-    let plist = store.statementsMatching(subject)
-    let docURI = ''
-    if (!store.fetcher) {
-      throw new Error('Store has no fetcher')
-    }
-
-    if (subject.uri) {
-      plist.push(
-        st(
-          subject,
-          sym('http://www.w3.org/2007/ont/link#uri'),
-          subject.uri as any, // @@ TODO Remove casting
-          store.fetcher.appNode
-        )
-      )
-      if (subject.uri.indexOf('#') >= 0) {
-        docURI = subject.uri.split('#')[0]
-        plist.push(
-          st(
-            subject,
-            sym('http://www.w3.org/2007/ont/link#documentURI'),
-            subject.uri.split('#')[0] as any, // @@ TODO Remove casting
-            store.fetcher.appNode
-          )
-        )
-        plist.push(
-          st(
-            subject,
-            sym('http://www.w3.org/2007/ont/link#document'),
-            sym(subject.uri.split('#')[0]),
-            store.fetcher.appNode
-          )
-        )
-      } else {
-        docURI = subject.uri
-      }
-    }
-    if (docURI) {
-      if (!store.updater) {
-        throw new Error('Store has no updater')
-      }
-
-      const ed = store.updater.editable(docURI)
-      if (ed) {
-        plist.push(
-          st(
-            subject,
-            sym('http://www.w3.org/ns/rww#editable'),
-            literal(ed.toString()),
-            store.fetcher.appNode
-          )
-        )
-      }
-    }
-    // @@ TODO get a proper type
-    const outliner: any = context.getOutliner(dom)
-    outliner.appendPropertyTRs(div, plist, false, filter)
-    plist = store.statementsMatching(undefined, undefined, subject)
-    outliner.appendPropertyTRs(div, plist, true, filter)
-    return div
-  },
-
-  predicates: {
-    // Predicates used for inner workings. Under the hood
-    'http://www.w3.org/2007/ont/link#request': 1,
-    'http://www.w3.org/2007/ont/link#requestedBy': 1,
-    'http://www.w3.org/2007/ont/link#source': 1,
-    'http://www.w3.org/2007/ont/link#session': 2, // 2=  test neg but display
-    'http://www.w3.org/2007/ont/link#uri': 1,
-    'http://www.w3.org/2007/ont/link#documentURI': 1,
-    'http://www.w3.org/2007/ont/link#document': 1,
-    'http://www.w3.org/2007/ont/link#all': 1, // From userinput.js
-    'http://www.w3.org/2007/ont/link#Document': 1,
-    'http://www.w3.org/ns/rww#editable': 1,
-    'http://www.w3.org/2000/01/rdf-schema#seeAlso': 1,
-    'http://www.w3.org/2002/07/owl#': 1
-  },
-
-  classes: {
-    // Things which are inherently already undercover
-    'http://www.w3.org/2007/ont/link#ProtocolEvent': 1
-  }
-}
-
-function isProtectedUri (subject: NamedNode): boolean {
-  // TODO: Could make the code below smarter by removing some of the redundancy by creating a recursive function, but did not bother now
-  const siteUri = subject.site().uri
-  return (
-    subject.uri === siteUri ||
-    subject.uri === siteUri + 'profile/' ||
-    subject.uri === siteUri + 'profile/card' ||
-    subject.uri === siteUri + 'settings/' ||
-    subject.uri === siteUri + 'settings/prefs.ttl' ||
-    subject.uri === siteUri + 'settings/privateTypeIndex.ttl' ||
-    subject.uri === siteUri + 'settings/publicTypeIndex.ttl' ||
-    subject.uri === siteUri + 'settings/serverSide.ttl'
-  )
-}
-
-export default pane
-
-// ends

package/src/mainPage/footer.ts

@@ -1,19 +0,0 @@
-import { LiveStore } from 'rdflib'
-import { initFooter } from 'solid-ui'
-
-/**
- * links in the footer
-*/
-const SOLID_PROJECT_URL = 'https://solidproject.org'
-const SOLID_PROJECT_NAME = 'solidproject.org'
-
-export function createFooter (store: LiveStore) {
-  initFooter(store, setFooterOptions())
-}
-
-function setFooterOptions () {
-  return {
-    solidProjectUrl: SOLID_PROJECT_URL,
-    solidProjectName: SOLID_PROJECT_NAME
-  }
-}

package/src/mainPage/header.ts

@@ -1,79 +0,0 @@
-import { authSession, authn } from 'solid-logic'
-import { icons, initHeader } from 'solid-ui'
-/**
- * menu icons
-*/
-const HELP_MENU_ICON = icons.iconBase + 'noun_help.svg'
-const SOLID_ICON_URL = 'https://solidproject.org/assets/img/solid-emblem.svg'
-
-/**
- * menu elements
-*/
-const USER_GUIDE_MENU_ITEM = 'User guide'
-const REPORT_A_PROBLEM_MENU_ITEM = 'Report a problem'
-const SHOW_YOUR_PROFILE_MENU_ITEM = 'Show your profile'
-const LOG_OUT_MENU_ITEM = 'Log out'
-
-type UserMenuItem = { label: string; onclick: () => void } ;
-/**
- * URLS
- */
-const USER_GUIDE_MENU_URL = 'https://solidos.github.io/userguide/'
-const REPORT_A_PROBLEM_MENU_URL = 'https://github.com/solidos/solidos/issues'
-
-export async function createHeader (store, outliner) {
-  initHeader(store, await setUserMenu(outliner), setHeaderOptions())
-}
-
-function setHeaderOptions () {
-  const helpMenuList = [
-    { label: USER_GUIDE_MENU_ITEM, url: USER_GUIDE_MENU_URL, target: '_blank' },
-    { label: REPORT_A_PROBLEM_MENU_ITEM, url: REPORT_A_PROBLEM_MENU_URL, target: '_blank' }
-  ]
-  const headerOptions = { logo: SOLID_ICON_URL, helpIcon: HELP_MENU_ICON, helpMenuList: helpMenuList }
-
-  return headerOptions
-}
-
-async function setUserMenu (outliner: any) {
-  const showProfile = {
-    label: SHOW_YOUR_PROFILE_MENU_ITEM,
-    onclick: () => openUserProfile(outliner)
-  }
-
-  const logOut: UserMenuItem = {
-    label: LOG_OUT_MENU_ITEM,
-    onclick: () => {
-      authSession.logout()
-    }
-  }
-
-  // the order of the menu is important here, show profile first and logout last
-  let userMenuList:UserMenuItem[] = [] // was [showProfile] 
-  userMenuList = userMenuList.concat(await getMenuItems(outliner));
-  userMenuList.push(logOut)
-
-  return userMenuList
-}
-
-// Does not work to jump to user profile, 
-function openUserProfile (outliner: any) {
-  outliner.GotoSubject(authn.currentUser(), true, undefined, true, undefined)
-  location.reload()
-}
-
-async function getMenuItems (outliner: any) {
-  const items = await outliner.getDashboardItems()
-  return items.map((element) => {
-    return {
-      label: element.label,
-      onclick: () => openDashboardPane(outliner, element.tabName || element.paneName)
-    }
-  })
-}
-
-async function openDashboardPane (outliner: any, pane: string): Promise<void> {
-  outliner.showDashboard({
-    pane
-  })
-}

package/src/mainPage/index.ts

@@ -1,20 +0,0 @@
-/*   Main Page
- **
- **  This code is called in mashlib and renders the header and footer of the Databrowser.
- */
-
-import { LiveStore, NamedNode } from 'rdflib'
-import { getOutliner } from '../index'
-import { createHeader } from './header'
-import { createFooter } from './footer'
-
-export default async function initMainPage (store: LiveStore, uri?: string|NamedNode|null) {
-  const outliner = getOutliner(document)
-  uri = uri || window.location.href
-  let subject = uri
-  if (typeof uri === 'string') subject = store.sym(uri)
-  outliner.GotoSubject(subject, true, undefined, true, undefined)
-  const header = await createHeader(store, outliner)
-  const footer = createFooter(store)
-  return Promise.all([header, footer])
-}

package/src/meeting/Makefile

@@ -1,3 +0,0 @@
-
-meetingDetailsForm.js : meetingDetailsForm.ttl
-				sed -f wrap-as-js.sed meetingDetailsForm.ttl > $@