solid-panes 3.5.29-alpha.1 → 3.5.30-6cc8fb8a

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)
 

package/src/registerPanes.js

@@ -1,76 +1,116 @@
-module.exports = function registerPanes (register) {
+import profilePane from 'profile-pane'
+import editProfileView from './profile/editProfile.view'
+import trustedApplications from './trustedApplications/trustedApplications.view'
+import dashboardPane from './dashboard/dashboardPane'
+import basicPreferences from './dashboard/basicPreferences'
+import issuePane from 'issue-pane'
+import contactsPane from 'contacts-pane'
+import activityStreamsPane from 'activitystreams-pane'
+import padPane from './pad/padPane'
+// import argumentPane from './argument/argumentPane.js'
+import transactionPane from './transaction/pane.js'
+import financialPeriodPane from './transaction/period.js'
+import meetingPane from 'meeting-pane'
+import tabbedPane from './tabbed/tabbedPane'
+import { longChatPane, shortChatPane } from 'chat-pane'
+import { schedulePane } from './schedule/schedulePane.js'
+// import publicationPane from './publication/publicationPane.js'
+import tripPane from './trip/tripPane.js'
+import { imagePane } from './imagePane.js'
+import playListPane from './playlist/playlistPane.js'
+import videoPane from './video/videoPane.js'
+import audioPane from './audio/audioPane.js'
+import dokieliPane from './dokieli/dokieliPane.js'
+import folderPane from 'folder-pane'
+import { classInstancePane } from './classInstancePane.js'
+import { slideshowPane }  from './slideshow/slideshowPane.js'
+import { socialPane } from './socialPane.js'
+import humanReadablePane from './humanReadablePane.js'
+
+import { dataContentPane } from './dataContentPane.js'
+import sourcePane from 'source-pane'
+import { n3Pane } from './n3Pane.js'
+import { RDFXMLPane } from './RDFXMLPane.js'
+import { formPane } from './form/pane.js'
+import { tableViewPane } from './tableViewPane.js'
+import { defaultPane } from './defaultPane.js'
+import uiPane from './ui/pane.js'
+
+import sharingPane from './sharing/sharingPane'
+import internalPane from './internal/internalPane'
+
+import homePane from './home/homePane'
+
+export function registerPanes (register) {
   /*  Note that the earliest panes have priority. So the most specific ones are first.
    **
    */
   // Developer designed:
 
-  register(require('profile-pane')) // View someone's public profile - dominates all other panes.
-
-  register(require('./profile/editProfile.view')) // Edit my profile. App. 201900802
-  register(require('./trustedApplications/trustedApplications.view')) // must be registered before basicPreferences
-  register(require('./dashboard/dashboardPane'))
-  register(require('./dashboard/basicPreferences')) // 20190702
-  register(require('issue-pane'))
-  register(require('contacts-pane'))
-  register(require('activitystreams-pane'))
-
-  register(require('./pad/padPane'))
-  // register(require('./argument/argumentPane.js')) // A position in an argument tree
-
-  register(require('./transaction/pane.js'))
-  register(require('./transaction/period.js'))
-
-  const chatPanes = require('chat-pane')
-  // FIXME: https://github.com/solidos/chat-pane/issues/40
-  if (chatPanes.longChatPane) {
-    register(chatPanes.longChatPane) // Long pane must have prio in case short pane tries to do a long pane
-    register(chatPanes.shortChatPane) // was './chat/chatPane.js'
-  } else {
-    register(chatPanes)
-  }
-  // register(require('./publication/publicationPane.js'))
-  register(require('meeting-pane'))
-  register(require('./tabbed/tabbedPane'))
-  register(require('./schedule/schedulePane.js'))
-
-  register(require('./trip/tripPane.js'))
+  register(profilePane) // View someone's public profile - dominates all other panes.
+  register(editProfileView) // Edit my profile. App. 201900802
+
+  register(trustedApplications) // must be registered before basicPreferences
+  register(dashboardPane)
+  register(basicPreferences)
+  register(issuePane)
+  register(contactsPane)
+  register(activityStreamsPane)
+
+  register(padPane)
+  // register(argumentPane) // A position in an argument tree
+
+  register(transactionPane)
+  register(financialPeriodPane)
+
+  register(meetingPane)
+  register(tabbedPane)
+
+  register(longChatPane) // Long pane must have prio in case short pane tries to do a long pane
+  register(shortChatPane) // was './chat/chatPane.js'
+
+  // register(publicationPane)  // Suppress for now
+
+  register(schedulePane)   // doodle poll
+
+  register(tripPane)
   // register(require('./airPane.js'))
 
   // Content views
 
-  register(require('./imagePane.js')) // Basic image view
-  register(require('./playlist/playlistPane.js')) // Basic playlist view
+  register(imagePane) // Basic image view
+  register(playListPane) // Basic playlist view
 
-  register(require('./video/videoPane.js')) // Video clip player
-  register(require('./audio/audioPane.js')) // Audio clip player
+  register(videoPane) // Video clip player
+  register(audioPane) // Audio clip player
 
-  register(require('./dokieli/dokieliPane.js')) // Should be above dataContentPane
-  register(require('folder-pane')) // Should be above dataContentPane
-  register(require('./classInstancePane.js')) // Should be above dataContentPane
+  register(dokieliPane) // Should be above dataContentPane
+  register(folderPane) // Should be above dataContentPane
+  register(classInstancePane) // Should be above dataContentPane
   // register(require('./dynamic/dynamicPanes.js')) // warp etc  warp broken 2017/8
-  register(require('./slideshow/slideshowPane.js'))
+  register(slideshowPane)
 
-  register(require('./socialPane.js'))
+  register(socialPane)
 
-  register(require('./humanReadablePane.js')) // A web page as a web page -- how to escape to tabr?
+  register(humanReadablePane) // A web page as a web page -- how to escape to tabr?
   // register(require('markdown-pane').Pane) // replaced by markdown in humanReadablePane
 
-  register(require('./dataContentPane.js')) // Preferred for a data file
-  register(require('source-pane')) // edit source
-  register(require('./n3Pane.js'))
-  register(require('./RDFXMLPane.js'))
+  register(dataContentPane) // Preferred for a data file
+  register(sourcePane) // edit source
+  register(n3Pane)
+  register(RDFXMLPane)
 
   // User configured - data driven
-  register(require('./form/pane.js'))
+  register(formPane)
 
   // Generic:
 
-  register(require('./tableViewPane.js'))
+  register(tableViewPane)
 
   // Fallback totally generic:
-  register(require('./defaultPane.js'))
+  register(defaultPane)
 
-  register(require('./ui/pane.js'))
+  register(uiPane)
 
   // register(require("categoryPane.js"))  // Not useful enough
   // register(require("pubsPane.js")) // not finished
@@ -91,12 +131,12 @@ module.exports = function registerPanes (register) {
   // register(require("photoImportPane.js"))
 
   // The sharing pane is fairly generic and administrative  201
-  register(require('./sharing/sharingPane'))
+  register(sharingPane)
 
   // The internals pane is always (almost?) the last as it is the least user-friendly
-  register(require('./internal/internalPane'))
+  register(internalPane)
 
-  register(require('./home/homePane'))
+  register(homePane) // This is a global pane
 
   // ENDS
 }

package/src/schedule/formsForSchedule.js

@@ -1,4 +1,4 @@
-module.exports = `
+export default `
 @prefix dc: <http://purl.org/dc/elements/1.1/>.
 @prefix foaf: <http://xmlns.com/foaf/0.1/>.
 @prefix cal: <http://www.w3.org/2002/12/cal/ical#>.

package/src/schedule/schedulePane.js

@@ -9,6 +9,11 @@ import { authn } from 'solid-logic'
 const $rdf = UI.rdf
 const ns = UI.ns
 
+import formText from './formsForSchedule.js'
+
+
+
+
 // @@ Give other combos too-- see schedule ontology
 const possibleAvailabilities = [
   ns.sched('No'),
@@ -16,7 +21,7 @@ const possibleAvailabilities = [
   ns.sched('Yes')
 ]
 
-module.exports = {
+export const schedulePane = {
   icon: UI.icons.iconBase + 'noun_346777.svg', // @@ better?
 
   name: 'schedule',
@@ -343,7 +348,6 @@ module.exports = {
     const form2 = kb.sym(formsURI + '#form2')
     const form3 = kb.sym(formsURI + '#form3')
 
-    const formText = require('./formsForSchedule.js')
     $rdf.parse(formText, kb, formsURI, 'text/turtle') // Load forms directly
 
     const inputStyle =

package/src/slideshow/slideshowPane.js

@@ -1,15 +1,12 @@
 /*   slideshow Pane
  **
  */
-const UI = require('solid-ui')
+import * as UI from 'solid-ui'
 const ns = UI.ns
 
-// tabulator.loadScript("js/panes/slideshow/better-simple-slideshow/js/better-simple-slideshow.js")
+import makeBSS from '@solid/better-simple-slideshow'
 
-const makeBSS = require('@solid/better-simple-slideshow')
-// load also js/panes/slideshow/better-simple-slideshow/css/simple-slideshow-styles.css
-
-module.exports = {
+export const slideshowPane = {
   icon: UI.icons.iconBase + 'noun_138712.svg',
 
   name: 'slideshow',

package/src/socialPane.js

@@ -10,9 +10,8 @@
 
 import * as UI from 'solid-ui'
 import { authn } from 'solid-logic'
-import * as $rdf from 'rdflib'
 
-module.exports = {
+export const socialPane =  {
   icon: UI.icons.originalIconBase + 'foaf/foafTiny.gif',
 
   name: 'social',
@@ -376,7 +375,7 @@ module.exports = {
     // @@ Does not look up profiles
     // Does distinguish reciprocated from unreciprocated friendships
     //
-    function triageFriends (s) {
+    function _triageFriends (s) {
       outgoing = kb.each(s, foaf('knows'))
       incoming = kb.each(undefined, foaf('knows'), s) // @@ have to load the friends
       const confirmed = []
@@ -443,9 +442,9 @@ module.exports = {
         }
       }
     }
-    if ($rdf.keepThisCodeForLaterButDisableFerossConstantConditionPolice) {
+    /* if ($rdf.keepThisCodeForLaterButDisableFerossConstantConditionPolice) {
       triageFriends(s)
-    }
+    } */
     // //////////////////////////////////// Basic info on left
 
     h3 = dom.createElement('h3')

package/src/tableViewPane.js

@@ -14,10 +14,10 @@
 
 // ///////////////////////////////////////////////////////////////////
 
-// Table view pane  -- view of a class/
-const UI = require('solid-ui')
+// Table view pane  -- view of a class as a table of properties of class members
+import * as UI from 'solid-ui'
 
-module.exports = {
+export const tableViewPane =  {
   icon: UI.icons.originalIconBase + 'table.png',
 
   name: 'tableOfClass',

package/src/test-import-export/common.js

@@ -1,6 +1,6 @@
 console.log('This is common.js')
 // https://2ality.com/2019/04/nodejs-esm-impl.html#importing-commonjs-from-esm
 
-module.exports = {
+export default {
   foo: 123
 }

package/src/test-import-export/edit-importer.js

@@ -1,4 +1,6 @@
 'use strict'
+//  Suspect this is unsed test code
+
 /*   Profile Editing Appp Pane
  **
  ** Unlike view panes, this is available any place whatever the real subject,
@@ -7,19 +9,12 @@
  ** Usage: paneRegistry.register('profile/profilePane')
  ** or standalone script adding onto existing mashlib.
  */
-exports.__esModule = true
+
 // import UI from 'solid-ui'
 // import solidUi, { SolidUi } from 'solid-ui'
 // @@ TODO: Write away the need for exception on next line
 // eslint-disable-next-line camelcase
-const solid_UI_1 = require('solid-UI')
-const UI2 = require('solid-UI')
-// let panes: any
-// let UI
-const UI0 = require('solid-ui')
-console.log('UI0.rdf ' + UI0.rdf)
-console.log('UI1.rdf ' + solid_UI_1.default.rdf)
-console.log('UI2.rdf ' + UI2.rdf)
+
 const thisPane = { foo: 'bar' }
-exports.default = thisPane
+export default thisPane
 // ENDS

package/src/transaction/pane.js

@@ -5,11 +5,11 @@
  ** trips, etc
  */
 
-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:  (module.__dirname || __dirname) + '22-pixel-068010-3d-transparent-glass-icon-alphanumeric-dollar-sign.png',
   icon: UI.icons.iconBase + 'noun_106746.svg',
 

package/src/transaction/period.js

@@ -5,10 +5,10 @@
  ** trips, etc
  */
 
-const UI = require('solid-ui')
+import * as UI from 'solid-ui'
 const ns = UI.ns
 
-module.exports = {
+export default {
   icon: UI.icons.iconBase + 'noun_142708.svg',
 
   name: 'period',

package/src/trip/tripPane.js

@@ -8,11 +8,11 @@
  **  trips, etc
  */
 
-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_62007.svg',
 
   name: 'travel expenses',

package/src/trustedApplications/trustedApplications.test.ts

@@ -1,4 +1,8 @@
 /* eslint-env jest */
+import { TextEncoder, TextDecoder } from 'util'
+global.TextEncoder = TextEncoder as any
+global.TextDecoder = TextDecoder as any
+
 import * as $rdf from 'rdflib'
 import solidNamespace from 'solid-namespace'
 import { generateRandomString, getStatementsToDelete, getStatementsToAdd } from './trustedApplications.utils'

package/src/ui/pane.js

@@ -2,11 +2,11 @@
  **
  */
 
-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 {
   // noun_170702.svg' builder   noun_122196.svg form
   icon: UI.icons.iconBase + 'noun_170702.svg',
 

package/src/versionInfo.ts

@@ -1,26 +1,24 @@
 export default {
-buildTime: "2022-11-29T11:51:42Z",
-commit: "b025463b5e9cc01466eebddaf08de79cbd8341de",
+buildTime: "2023-02-06T17:53:31Z",
+commit: "6cc8fb8a5139d754b84c06e177b755fe61c0223a",
 npmInfo:
 {
-  'solid-panes': '3.5.29-alpha.1',
+  'solid-panes': '3.5.30',
   npm: '8.19.3',
-  node: '16.14.0',
-  v8: '9.4.146.24-node.20',
-  uv: '1.43.0',
+  node: '14.21.2',
+  v8: '8.4.371.23-node.88',
+  uv: '1.42.0',
   zlib: '1.2.11',
   brotli: '1.0.9',
   ares: '1.18.1',
-  modules: '93',
-  nghttp2: '1.45.1',
+  modules: '83',
+  nghttp2: '1.42.0',
   napi: '8',
-  llhttp: '6.0.4',
-  openssl: '1.1.1m+quic',
+  llhttp: '2.1.6',
+  openssl: '1.1.1s',
   cldr: '40.0',
   icu: '70.1',
-  tz: '2021a3',
-  unicode: '14.0',
-  ngtcp2: '0.1.0-DEV',
-  nghttp3: '0.1.0-DEV'
+  tz: '2022f',
+  unicode: '14.0'
 }
 };

package/src/video/videoPane.js

@@ -1,10 +1,10 @@
 /*   Single video play Pane
  **
  */
-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_1619.svg',
 
   name: 'video',