solid-panes 3.5.29-alpha.1 → 3.5.29

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "solid-panes",
-  "version": "3.5.29-alpha.1",
+  "version": "3.5.29",
   "description": "Solid-compatible Panes: applets and views for the mashlib and databrowser",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -15,7 +15,7 @@
     "clean": "rm -rf dist lib",
     "lint": "eslint 'src/**/*.js' 'src/**/*.ts'",
     "lint-fix": "eslint 'src/**/*.js' 'src/**/*.ts' --fix",
-    "test": "npm run lint && jest",
+    "test": "npm run lint && jest src/**/*test*",
     "test-watch": "npm run lint && jest --onlyChanged --watch",
     "prepublishOnly": "npm test && npm run build",
     "postversion": "git push origin main --follow-tags",
@@ -46,47 +46,45 @@
   "homepage": "https://github.com/solidos/solid-panes",
   "dependencies": {
     "@solid/better-simple-slideshow": "^0.1.0",
-    "activitystreams-pane": "0.6.8",
-    "chat-pane": "2.4.20",
-    "contacts-pane": "^2.6.6-alpha",
-    "folder-pane": "^2.4.20",
-    "issue-pane": "2.4.14",
-    "marked": "^4.2.2",
-    "meeting-pane": "^2.3.14",
+    "activitystreams-pane": "0.6.9",
+    "chat-pane": "2.4.21",
+    "contacts-pane": "^2.6.8",
+    "folder-pane": "^2.4.21",
+    "issue-pane": "2.4.15",
+    "marked": "^4.2.12",
+    "meeting-pane": "^2.3.15",
     "mime-types": "^2.1.35",
-    "pane-registry": "2.4.13",
-    "profile-pane": "^1.0.14-alpha.1",
-    "rdflib": "^2.2.21",
-    "solid-logic": "^2.0.1",
+    "profile-pane": "^1.0.15",
     "solid-namespace": "^0.5.2",
-    "solid-ui": "2.4.24",
-    "source-pane": "2.2.19"
+    "solid-ui": "2.4.25",
+    "source-pane": "2.2.20"
   },
   "devDependencies": {
-    "@babel/cli": "^7.19.3",
-    "@babel/core": "^7.20.2",
+    "@babel/cli": "^7.20.7",
+    "@babel/core": "^7.20.12",
     "@babel/preset-env": "^7.20.2",
     "@babel/preset-typescript": "^7.18.6",
-    "@testing-library/dom": "^8.19.0",
+    "@testing-library/dom": "^8.20.0",
     "@testing-library/jest-dom": "^5.16.5",
     "@types/jest": "^27.5.2",
     "@types/webpack-env": "^1.18.0",
-    "@typescript-eslint/eslint-plugin": "^5.43.0",
-    "@typescript-eslint/parser": "^5.43.0",
+    "@typescript-eslint/eslint-plugin": "^5.50.0",
+    "@typescript-eslint/parser": "^5.50.0",
     "babel-loader": "^8.3.0",
     "babel-plugin-inline-import": "^3.0.0",
     "buffer": "^6.0.3",
-    "eslint": "^8.27.0",
+    "eslint": "^8.33.0",
     "html-webpack-plugin": "^5.5.0",
     "husky": "^7.0.4",
     "jest": "^27.5.1",
     "jest-fetch-mock": "^3.0.3",
     "lint-staged": "^12.5.0",
+    "node-polyfill-webpack-plugin": "^2.0.1",
     "path-browserify": "^1.0.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "ts-jest": "^27.1.5",
-    "typescript": "^4.8.2",
+    "typescript": "^4.9.5",
     "webpack": "^5.75.0",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1"

package/src/RDFXMLPane.js

@@ -5,10 +5,10 @@
  ** in generated N3 syntax.
  */
 
-const UI = require('solid-ui')
+import * as UI from 'solid-ui'
 const ns = UI.ns
 
-module.exports = {
+export const RDFXMLPane =  {
   icon: UI.icons.originalIconBase + '22-text-xml4.png',
 
   name: 'RDFXML',

package/src/argument/argumentPane.js

@@ -11,7 +11,7 @@ import * as UI from 'solid-ui'
 import * as panes from 'pane-registry'
 
 // console.log('@@@ argument pane icon at ' + (module.__dirname || __dirname) + '/icon_argument.png')
-module.exports = {
+export default {
   icon: (module.__dirname || __dirname) + '/icon_argument.png', // @@ fix fro mashlib version
 
   name: 'argument',

package/src/attach/attachPane.js

@@ -8,10 +8,10 @@
  **
  */
 
-const UI = require('solid-ui')
-const $rdf = require('rdflib')
+ import * as UI from 'solid-ui'
+ import * as $rdf from 'rdflib'
 
-module.exports = {
+export default {
   icon: UI.icons.iconBase + 'noun_25830.svg', // noun_25830
 
   name: 'attachments',

package/src/audio/audioPane.js

@@ -1,11 +1,11 @@
 /*   Single audio play Pane
  **
  */
-const UI = require('solid-ui')
-const $rdf = require('rdflib')
+ import * as UI from 'solid-ui'
+ import * as $rdf from 'rdflib'
 const ns = UI.ns
 
-module.exports = {
+export default {
   icon: UI.icons.iconBase + 'noun_534313.svg',
 
   name: 'audio',

package/src/classInstancePane.js

@@ -3,12 +3,12 @@
  **  This outline pane lists the members of a class
  */
 
-const UI = require('solid-ui')
-const $rdf = require('rdflib')
+import * as UI from 'solid-ui'
+import * as $rdf from 'rdflib'
 
 const ns = UI.ns
 
-module.exports = {
+export const classInstancePane =  {
   icon: UI.icons.originalIconBase + 'tango/22-folder-open.png',
 
   name: 'classInstance',

package/src/dataContentPane.js

@@ -9,11 +9,10 @@
 //         - Expand automatically all the way down
 //         - original source view?  Use ffox view source
 
-const UI = require('solid-ui')
-const $rdf = require('rdflib')
+import * as UI from 'solid-ui'
 const ns = UI.ns
 
-module.exports = {
+export const dataContentPane = {
   icon: UI.icons.originalIconBase + 'rdf_flyer.24.gif',
 
   name: 'dataContents',
@@ -280,7 +279,7 @@ module.exports = {
     // or we could keep all the pre-smushed triples.
     const sts = kb.statementsMatching(undefined, undefined, undefined, subject) // @@ slow with current store!
 
-    if ($rdf.keepThisCodeForLaterButDisableFerossConstantConditionPolice) {
+    if (false) { // keep code
       alternativeRendering()
     } else {
       mainRendering()

package/src/defaultPane.js

@@ -5,11 +5,11 @@
  ** This pane hides the ones considered too low-level for the normal user.
  */
 
-const UI = require('solid-ui')
-const $rdf = require('rdflib')
+import * as UI from 'solid-ui'
+import * as $rdf from 'rdflib'
 const ns = UI.ns
 
-module.exports = {
+export const defaultPane =  {
   icon: UI.icons.originalIconBase + 'about.png',
 
   name: 'default',

package/src/dokieli/dokieliPane.js

@@ -5,15 +5,15 @@
  ** review.   It does not use turtle, but RDF/a
  */
 
-const UI = require('solid-ui')
-const $rdf = require('rdflib')
-const mime = require('mime-types')
+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
 
-const DOKIELI_TEMPLATE = require('./new.js') // Distributed with this library
+import * as  DOKIELI_TEMPLATE from './new.js' // Distributed with this library
 
-module.exports = {
+export default {
   icon: UI.icons.iconBase + 'dokieli-logo.png', // @@ improve? more like doccument?
 
   name: 'Dokieli',

package/src/dokieli/new.js

@@ -1,4 +1,4 @@
-module.exports = `
+export default `
 <!DOCTYPE html>
 <html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
   <head>

package/src/form/pane.js

@@ -1,5 +1,5 @@
 /*
- **                 Pane for running existing forms for any object
+ **             Pane for running existing forms for any object
  **
  */
 
@@ -8,7 +8,7 @@ import { authn } from 'solid-logic'
 import * as $rdf from 'rdflib'
 const ns = UI.ns
 
-module.exports = {
+export const formPane = {
   icon: UI.icons.iconBase + 'noun_122196.svg',
 
   name: 'form',

package/src/home/homePane.ts

@@ -56,20 +56,7 @@ const HomePaneSource: PaneDefinition = {
       )
       create.newThingUI(creationContext, context, relevantPanes) // newUI Have to pass panes down
 
-      div.appendChild(dom.createElement('h4')).textContent = 'Private things'
-      // TODO: Replace by a common, representative interface
-      login
-        .registrationList(homePaneContext, { private: true })
-        .then(function (authContext) {
-          div.appendChild(dom.createElement('h4')).textContent = 'Public things'
-          div.appendChild(dom.createElement('p')).textContent =
-            'Things in this list are visible to others.'
-          login
-            .registrationList(authContext, { public: true })
-            .then(function () {
-              // done
-            })
-        })
+      login.registrationList(homePaneContext, {}).then(function () {})
     }
 
     const div = dom.createElement('div')

package/src/imagePane.js

@@ -2,9 +2,9 @@
  **
  **  This outline pane contains the document contents for an Image document
  */
-const UI = require('solid-ui')
+import * as UI from 'solid-ui'
 
-module.exports = {
+export const imagePane =  {
   icon: UI.icons.originalIconBase + 'tango/22-image-x-generic.png',
 
   name: 'image',

package/src/index.ts

@@ -15,7 +15,7 @@ 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 { registerPanes } from './registerPanes.js'
 import {
   list,
   paneForIcon,

package/src/microblogPane/microblogPane.js

@@ -6,7 +6,7 @@
 import { authn, store } from 'solid-logic'
 import * as UI from 'solid-ui'
 
-module.exports = {
+export default {
   icon: UI.icons.originalIconBase + 'microblog/microblog.png',
   name: 'microblogPane',
   label: function (subject) {

package/src/n3Pane.js

@@ -4,10 +4,10 @@
  ** or at least the RDF semantics we attribute to that resource,
  ** in generated N3 syntax.
  */
-const UI = require('solid-ui')
+import * as UI from 'solid-ui'
 const ns = UI.ns
 
-module.exports = {
+export const n3Pane =  {
   icon: UI.icons.originalIconBase + 'w3c/n3_smaller.png',
 
   name: 'n3',

package/src/outline/licenseOptions.js

@@ -1,12 +1,11 @@
 // This was a student project to
-// allow the user to chose favoite CC licence terms and have them highlighted
+// allow the user to chose favoite CC license terms and have them highlighted
 
 // tabulator.options becaome UI.licenseOptions
-// Possible future alternative directoons: Store licence preferences in a solid preferences file
-import * as UI from 'solid-ui'
+// Possible future alternative directoons: Store license preferences in a solid preferences file
 import { store } from 'solid-logic'
 
-const licenseURI = [
+export const licenseURI = [
   'http://creativecommons.org/licenses/by-nc-nd/3.0/',
   'http://creativecommons.org/licenses/by-nc-sa/3.0/',
   'http://creativecommons.org/licenses/by-nc/3.0/',
@@ -17,7 +16,7 @@ const licenseURI = [
 
 const names = ['BY-NC-ND', 'BY-NC-SA', 'BY-NC', 'BY-ND', 'BY-SA', 'BY']
 
-module.exports = function licenseOptions () {
+export function licenseOptions () {
   this.options = {}
   this.references = []
   this.checkedLicenses = []
@@ -81,12 +80,14 @@ module.exports = function licenseOptions () {
     }
   }
 
-  this.checkLicence = function checkLicense (statement) {
+  this.checkLicense = function checkLicense (statement) {
     const licenses = store.each(
       statement.why,
-      store.sym('http://creativecommons.org/ns#license')
+      store.sym('http://creativecommons.org/ns#license'),
+      null,
+      statement.why
     )
-    UI.log.info('licenses:' + statement.why + ': ' + licenses)
+    // UI.log.info('licenses:' + statement.why + ': ' + licenses)
     for (let i = 0; i < licenses.length; i++) {
       for (let j = 0; j < this.checkedLicenses.length; j++) {
         if (this.checkedLicenses[j] && licenses[i].uri === licenseURI[j]) {

package/src/outline/manager.js

@@ -6,11 +6,12 @@ import * as paneRegistry from 'pane-registry'
 import * as $rdf from 'rdflib'
 import * as UI from 'solid-ui'
 import { authn, authSession, store } from 'solid-logic'
-import propertyViews from './propertyViews'
+import { propertyViews } from './propertyViews'
+import { licenseOptions } from './licenseOptions'
 
-const outlineIcons = require('./outlineIcons.js')
-const UserInput = require('./userInput.js')
-const queryByExample = require('./queryByExample.js')
+import { outlineIcons } from './outlineIcons.js' // @@ chec
+import { UserInput } from './userInput.js'
+import * as queryByExample from './queryByExample.js'
 
 /* global alert XPathResult sourceWidget */
 // XPathResult?
@@ -180,7 +181,7 @@ export default function (context) {
 
     // check the IPR on the data.  Ok if there is any checked license which is one the document has.
     if (statement && statement.why) {
-      if (UI.licenceOptions && UI.licenceOptions.checkLicence()) {
+      if (licenseOptions && licenseOptions.checklicense && licenseOptions.checklicense()) {
         theClass += ' licOkay' // flag as light green etc .licOkay {background-color: #dfd}
       }
     }
@@ -646,23 +647,20 @@ export default function (context) {
                 const renderPane = function (pane) {
                   let paneDiv
                   UI.log.info('outline: Rendering pane (2): ' + pane.name)
-                  if (UI.no_catch_pane_errors) {
-                    // for debugging
+
+                  try {
                     paneDiv = pane.render(subject, context, options)
-                  } else {
-                    try {
-                      paneDiv = pane.render(subject, context, options)
-                    } catch (e) {
-                      // Easier debugging for pane developers
-                      paneDiv = dom.createElement('div')
-                      paneDiv.setAttribute('class', 'exceptionPane')
-                      const pre = dom.createElement('pre')
-                      paneDiv.appendChild(pre)
-                      pre.appendChild(
-                        dom.createTextNode(UI.utils.stackString(e))
-                      )
-                    }
+                  } catch (e) {
+                    // Easier debugging for pane developers
+                    paneDiv = dom.createElement('div')
+                    paneDiv.setAttribute('class', 'exceptionPane')
+                    const pre = dom.createElement('pre')
+                    paneDiv.appendChild(pre)
+                    pre.appendChild(
+                      dom.createTextNode(UI.utils.stackString(e))
+                    )
                   }
+
                   if (
                     pane.requireQueryButton &&
                     dom.getElementById('queryButton')

package/src/outline/manager.test.ts

@@ -1,4 +1,10 @@
 /* eslint-env jest */
+
+import { TextEncoder, TextDecoder } from 'util'
+global.TextEncoder = TextEncoder as any
+global.TextDecoder = TextDecoder as any
+
+
 import OutlineManager from './manager'
 
 import { lit, NamedNode, sym, blankNode } from 'rdflib'

package/src/outline/outlineIcons.js

@@ -1,7 +1,9 @@
 // This is a system of tracking tooltip phrases used by the tabulator outliner
 
-const outlineIcons = (module.exports = {}) // was tabulator.Icon
-const UI = require('solid-ui')
+import * as UI from 'solid-ui'
+
+
+export const outlineIcons = {}
 
 outlineIcons.src = [] // collect the URIs of the icon filterColumns
 outlineIcons.tooltips = [] // look up tool tips from URL

package/src/outline/propertyViews.test.ts

@@ -1,6 +1,12 @@
 /* eslint-env jest */
+
+import { TextEncoder, TextDecoder } from 'util'
+global.TextEncoder = TextEncoder as any
+global.TextDecoder = TextDecoder as any
+
+
 import { sym } from 'rdflib'
-import propertyViews from './propertyViews'
+import { propertyViews } from './propertyViews'
 
 describe('property views', () => {
   it.each([

package/src/outline/propertyViews.ts

@@ -4,7 +4,7 @@ import viewAsMbox from './viewAsMbox'
 
 /** some builtin simple views **/
 
-export default (dom) => {
+export function propertyViews (dom) {
   // view that applies to items that are objects of certain properties.
   const views = {
     properties: [],
@@ -25,7 +25,7 @@ export default (dom) => {
 }
 
 /** add a property view function **/
-function viewsAddPropertyView (views, property, pviewfunc, isDefault) {
+export function viewsAddPropertyView (views, property, pviewfunc, isDefault) {
   if (!views.properties[property]) {
     views.properties[property] = []
   }
@@ -34,4 +34,4 @@ function viewsAddPropertyView (views, property, pviewfunc, isDefault) {
     // will override an existing default!
     views.defaults[property] = pviewfunc
   }
-} // addPropertyView
+} // viewsAddPropertyView

package/src/outline/queryByExample.js

@@ -9,12 +9,6 @@
 import { store } from 'solid-logic'
 import * as UI from 'solid-ui'
 
-module.exports = {
-  makeQueryRow,
-  QuerySource,
-  viewAndSaveQuery // Main function to generate and use the query
-}
-
 const optionalSubqueriesIndex = []
 
 function predParentOf (node) {
@@ -31,7 +25,7 @@ function predParentOf (node) {
   }
 }
 
-function makeQueryRow (q, tr, constraint) {
+export function makeQueryRow (q, tr, constraint) {
   // predtr = predParentOf(tr)
   // var nodes = tr.childNodes
   // var n = tr.childNodes.length
@@ -193,7 +187,7 @@ function saveQuery (selection, qs) {
 
 // When the user asks for all list of all matching parts of the data
 //
-function viewAndSaveQuery (outline, selection) {
+export function viewAndSaveQuery (outline, selection) {
   const qs = outline.qs
   UI.log.info('outline.doucment is now ' + outline.document.location)
   const q = saveQuery(selection, qs)
@@ -219,7 +213,7 @@ function viewAndSaveQuery (outline, selection) {
  * @author jambo
  */
 
-function QuerySource () {
+export function QuerySource () {
   /**
    * stores all of the queries currently held by this source,
    * indexed by ID number.

package/src/outline/userInput.js

@@ -21,7 +21,7 @@ let UserInputFormula // Formula to store references of user's work
 let TempFormula // Formula to store incomplete triples (Requests),
 // temporarily disjoint with kb to avoid bugs
 
-module.exports = function UserInput (outline) {
+export function UserInput (outline) {
   const myDocument = outline.document // is this ok?
   // UI.log.warn("myDocument when it's set is "+myDocument.location);
   this.menuId = 'predicateMenu1'

package/src/playlist/playlistPane.js

@@ -3,11 +3,11 @@
  **  This pane allows playlists and playlists slots to be viewed
  **  seeAlso: http://smiy.sourceforge.net/pbo/spec/playbackontology.html
  */
-const UI = require('solid-ui')
-const $rdf = require('rdflib')
+ import * as UI from 'solid-ui'
+ import * as $rdf from 'rdflib'
 const ns = UI.ns
 
-module.exports = {
+export default {
   icon: UI.icons.iconBase + 'noun_1619.svg',
 
   name: 'playlistSlot',

package/src/profile/editProfile.view.ts

@@ -110,6 +110,7 @@ const editProfileView: PaneDefinition = {
 
         main.appendChild(paneDiv(context, me, 'contact'))
 
+
         heading('People you know who have WebIDs')
 
         comment(`This is your public social network.
@@ -130,6 +131,25 @@ const editProfileView: PaneDefinition = {
           noun: 'friend'
         })
 
+        heading('Communities you participate in')
+
+        comment(`These are organizations and projects (etc) whose stuff you share`)
+
+        // TODO: would be useful to explain what it means to "drag organizations"
+        //       what is it that is being dragged?
+        //       is there a way to search for people (or things to drag) on this page?
+        //  Also provide a way of using cut and paste
+        if (editableProfile) {
+          comment('Drag organizations onto the target below to add organizations.')
+        }
+
+        widgets.attachmentList(dom, me, main, {
+          doc: profile,
+          modify: !!editableProfile,
+          predicate: ns.solid('community'),
+          noun: 'community'
+        })
+
         // heading('The style of your public profile') headings are in form now
         renderProfileForm(main, me)