solid-panes 3.5.19 → 3.5.20-b3dce45b

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "solid-panes",
-  "version": "3.5.19",
+  "version": "3.5.20-b3dce45b",
   "description": "Solid-compatible Panes: applets and views for the mashlib and databrowser",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -8,7 +8,7 @@
     "build": "npm run clean && npm run build-version && npm run build-lib && npm run build-types",
     "build-form": "(cd src/schedule/ && make)",
     "build-lib": "npm run build-form && babel src -d lib --source-maps --extensions '.ts,.js'",
-    "build-dev": "webpack --progress --colors --mode=development",
+    "build-dev": "webpack --progress --mode=development",
     "build-types": "tsc --emitDeclarationOnly",
     "build-version": "./timestamp.sh > src/versionInfo.ts  && eslint 'src/versionInfo.ts' --fix",
     "watch": "npm run build-version && babel src -d lib --source-maps --extensions '.ts,.js' --watch",
@@ -17,7 +17,7 @@
     "lint-fix": "eslint 'src/**/*.js' 'src/**/*.ts' --fix",
     "test": "npm run lint && jest",
     "test-watch": "npm run lint && jest --onlyChanged --watch",
-    "prepublishOnly": "npm test && npm run build",
+    "ignore:prepublishOnly": "npm test && npm run build",
     "postversion": "git push origin main --follow-tags"
   },
   "repository": {
@@ -46,26 +46,26 @@
   "dependencies": {
     "@babel/polyfill": "^7.12.1",
     "@solid/better-simple-slideshow": "^0.1.0",
-    "activitystreams-pane": "^0.6.3",
+    "activitystreams-pane": "^0.6.4",
     "babel-preset-env": "^1.7.0",
     "babel-preset-metalab": "^1.0.0",
-    "chat-pane": "^2.4.15",
-    "contacts-pane": "^2.6.0",
-    "folder-pane": "^2.4.12",
-    "issue-pane": "^2.4.9",
-    "marked": "^4.0.8",
-    "meeting-pane": "^2.3.8",
+    "chat-pane": "^2.4.16",
+    "contacts-pane": "^2.6.1",
+    "folder-pane": "^2.4.13",
+    "issue-pane": "^2.4.10",
+    "marked": "^4.0.12",
+    "meeting-pane": "^2.3.9",
     "mime-types": "^2.1.34",
-    "pane-registry": "^2.4.6",
+    "pane-registry": "^2.4.7",
     "path-browserify": "^1.0.1",
-    "profile-pane": "^1.0.7",
+    "profile-pane": "^1.0.8",
     "rdflib": "^2.2.17",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "solid-logic": "^1.3.13",
+    "solid-logic": "^1.3.14",
     "solid-namespace": "^0.5.2",
-    "solid-ui": "^2.4.18",
-    "source-pane": "^2.2.14"
+    "solid-ui": "^2.4.19",
+    "source-pane": "^2.2.15"
   },
   "devDependencies": {
     "@babel/cli": "^7.16.0",

package/src/argument/argumentPane.js

@@ -6,9 +6,9 @@
 ** Should allow editing the data too
 
 */
-
-const UI = require('solid-ui')
-const panes = require('pane-registry')
+import { store } from 'solid-logic'
+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 = {
@@ -17,7 +17,7 @@ module.exports = {
   name: 'argument',
 
   label: function (subject) {
-    const kb = UI.store
+    const kb = store
     const t = kb.findTypeURIs(subject)
 
     if (t[UI.ns.arg('Position').uri]) return 'Argument'
@@ -28,7 +28,7 @@ module.exports = {
   // View the data in a file in user-friendly way
   render: function (subject, dom) {
     const outliner = panes.getOutliner(dom)
-    const kb = UI.store
+    const kb = store
     const arg = UI.ns.arg
 
     subject = kb.canon(subject)

package/src/dashboard/basicPreferences.ts

@@ -1,9 +1,8 @@
-import { authn, icons, ns, widgets } from 'solid-ui'
+import { PaneDefinition } from 'pane-registry'
 import { IndexedFormula, NamedNode, parse, Store } from 'rdflib'
-
-import preferencesFormText from './preferencesFormText.ttl'
+import { icons, login, ns, widgets } from 'solid-ui'
 import ontologyData from './ontologyData.ttl'
-import { PaneDefinition } from 'pane-registry'
+import preferencesFormText from './preferencesFormText.ttl'
 
 export const basicPreferencesPane: PaneDefinition = {
   icon: icons.iconBase + 'noun_Sliders_341315_000000.svg',
@@ -46,7 +45,7 @@ export const basicPreferencesPane: PaneDefinition = {
     loadData(ontologyExtra, ontologyData)
 
     async function doRender () {
-      const renderContext = await authn.logInLoadPreferences({
+      const renderContext = await login.ensureLoadedPreferences({
         dom,
         div: container
       })

package/src/dashboard/dashboardPane.ts

@@ -1,4 +1,5 @@
-import { authn, icons, store } from 'solid-ui'
+import { icons } from 'solid-ui'
+import { authn, authSession, store } from 'solid-logic'
 import { Fetcher, NamedNode } from 'rdflib'
 import { generateHomepage } from './homepage'
 import { DataBrowserContext, PaneDefinition } from 'pane-registry'
@@ -27,11 +28,11 @@ export const dashboardPane: PaneDefinition = {
       )
     }
 
-    authn.authSession.onLogin(() => {
+    authSession.onLogin(() => {
       // console.log('On Login')
       runBuildPage()
     })
-    authn.authSession.onSessionRestore(() => {
+    authSession.onSessionRestore(() => {
       // console.log('On Session Restore')
       runBuildPage()
     })

package/src/dataContentPane.js

@@ -38,7 +38,7 @@ module.exports = {
   },
   /*
   shouldGetFocus: function(subject) {
-      return UI.store.whether(subject, UI.ns.rdf('type'), UI.ns.link('RDFDocument'))
+      return store.whether(subject, UI.ns.rdf('type'), UI.ns.link('RDFDocument'))
   },
 */
   statementsAsTables: function statementsAsTables (sts, context, initialRoots) {

package/src/form/pane.js

@@ -3,8 +3,9 @@
  **
  */
 
-const UI = require('solid-ui')
-const $rdf = require('rdflib')
+import * as UI from 'solid-ui'
+import { authn } from 'solid-logic'
+import * as $rdf from 'rdflib'
 const ns = UI.ns
 
 module.exports = {
@@ -50,7 +51,7 @@ module.exports = {
 
     // const t = kb.findTypeURIs(subject)
 
-    const me = UI.authn.currentUser()
+    const me = authn.currentUser()
 
     const box = dom.createElement('div')
     box.setAttribute('class', 'formPane')
@@ -190,7 +191,7 @@ module.exports = {
       renderFormsFor(store, subject)
     } else {
       complain('No suitable store is known, to edit <' + subject.uri + '>.')
-      const foobarbaz = UI.authn.selectWorkspace(dom, function (ws) {
+      const foobarbaz = UI.login.selectWorkspace(dom, function (ws) {
         mention('Workspace selected OK: ' + ws)
 
         const activities = store.each(undefined, ns.space('workspace'), ws)

package/src/home/homePane.ts

@@ -8,10 +8,11 @@
  **
  */
 
-import { authn, create, icons } from 'solid-ui'
 import { PaneDefinition } from 'pane-registry'
-import { CreateContext } from 'solid-ui/lib/create/types'
 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
@@ -37,7 +38,7 @@ const HomePaneSource: PaneDefinition = {
             var loginStatusDiv = div.appendChild(context.dom.createElement('div'))
             // TODO: Find out what the actual type is:
             type UriType = unknown;
-            loginStatusDiv.appendChild(UI.authn.loginStatusBox(context.dom, () => {
+            loginStatusDiv.appendChild(UI.login.loginStatusBox(context.dom, () => {
               // Here we know new log in status
             }))
       */
@@ -50,20 +51,20 @@ const HomePaneSource: PaneDefinition = {
         statusArea: div,
         me: me
       }
-      const relevantPanes = await authn.filterAvailablePanes(
+      const relevantPanes = await login.filterAvailablePanes(
         context.session.paneRegistry.list
       )
       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
-      authn
+      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.'
-          authn
+          login
             .registrationList(authContext, { public: true })
             .then(function () {
               // done

package/src/index.ts

@@ -10,11 +10,10 @@
  ** If it is relevant, then it returns a suitable tooltip for a control which selects the pane
  */
 
-// create the unique UI module on which to attach panes (no, don't attach as UI dot panes any more)
-// var UI = require('solid-ui') // Note we will add the panes register to this.
 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 {
@@ -27,39 +26,46 @@ import {
 import { createContext } from './outline/context'
 import initMainPage from './mainPage'
 
-export function getOutliner (dom) {
+function getOutliner (dom) {
   if (!dom.outlineManager) {
     const context = createContext(
       dom,
       { list, paneForIcon, paneForPredicate, register, byName },
-            UI.store as LiveStore,
-            UI.solidLogicSingleton
+            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))
 
-export {
-  list,
-  paneForIcon,
-  paneForPredicate,
-  register,
-  byName
-} from 'pane-registry'
-
-// We attach the solid-UI lower-level system for convenience
-// Currently most panes are built using it anyway.
-// It also gives access to rdflib as panes.UI.rdf
-
 // 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, UI, versionInfo, initMainPage }
+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/mainPage/header.ts

@@ -1,4 +1,5 @@
-import { icons, authn, initHeader } from 'solid-ui'
+import { authSession, authn } from 'solid-logic'
+import { icons, initHeader } from 'solid-ui'
 /**
  * menu icons
 */
@@ -41,7 +42,7 @@ async function setUserMenu (outliner: any) {
   const logOut = {
     label: LOG_OUT_MENU_ITEM,
     onclick: () => {
-      authn.authSession.logout()
+      authSession.logout()
     }
   }
 

package/src/microblogPane/microblogPane.js

@@ -3,13 +3,14 @@
  Charles McKenzie <charles2@mit.edu>
 */
 /* global alert */
-const UI = require('solid-ui')
+import { authn, store } from 'solid-logic'
+import * as UI from 'solid-ui'
 
 module.exports = {
   icon: UI.icons.originalIconBase + 'microblog/microblog.png',
   name: 'microblogPane',
   label: function (subject) {
-    if (UI.store.whether(subject, UI.ns.rdf('type'), UI.ns.foaf('Person'))) {
+    if (store.whether(subject, UI.ns.rdf('type'), UI.ns.foaf('Person'))) {
       return 'Microblog'
     } else {
       return null
@@ -25,9 +26,9 @@ module.exports = {
     const terms = UI.rdf.Namespace('http://purl.org/dc/terms/')
     const RDF = UI.ns.rdf
 
-    const kb = UI.store
+    const kb = store
     const charCount = 140
-    const sf = UI.store.fetcher
+    const sf = store.fetcher
     //* **********************************************
     // BACK END
     //* **********************************************
@@ -134,7 +135,7 @@ module.exports = {
       // attempt to fetch user account from local preferences if just
       // in case the user's foaf was not writable. add it to the store
       // this will probably need to change.
-      const theUser = UI.authn.currentUser()
+      const theUser = authn.currentUser()
 
       if (theUser) {
         let theAccount = UI.preferences.get('acct')
@@ -304,7 +305,7 @@ module.exports = {
       })
     }
     Microblog.prototype.getMyURI = function () {
-      const me = UI.authn.currentUser()
+      const me = authn.currentUser()
       console.log(me)
       const myMicroblog = kb.any(kb.sym(me), FOAF('holdsAccount'))
       console.log('\n\n' + myMicroblog)
@@ -533,7 +534,7 @@ module.exports = {
       } else if (resourceType.uri === SIOC('User').uri) {
         this.thisIsMe = s.uri === mb.getMyURI()
       } else if (resourceType.uri === FOAF('Person').uri) {
-        const me = UI.authn.currentUser()
+        const me = authn.currentUser()
         const meUri = me && me.uri
         this.thisIsMe = s.uri === meUri
       } else {
@@ -900,7 +901,7 @@ module.exports = {
         ) {
           creator = creators[c]
           // var mb = kb.sym(creator.uri.split("#")[0]);
-          // UI.store.fetcher.refresh(mb);
+          // store.fetcher.refresh(mb);
           break
           // TODO add support for more than one microblog in same foaf
         }

package/src/outline/dragDrop.js

@@ -20,9 +20,10 @@ if (!tabulator_gBrowser) {
 */
 
 /* 2007: adapted from dragAndDrop UI Library */
+import { store } from 'solid-logic'
+import * as UI from 'solid-ui'
+import * as $rdf from 'rdflib'
 
-const UI = require('solid-ui')
-const $rdf = require('rdflib')
 const dragAndDrop = (module.exports = {})
 
 dragAndDrop.util = {}
@@ -270,7 +271,7 @@ const TabulatorOutlinerObserver = {
         const templateDoc = $rdf.sym(
           'chrome://tabulator/content/internalKnowledge.n3#defaultNew'
         )
-        UI.store.copyTo(templateDoc, $rdf.sym(url))
+        store.copyTo(templateDoc, $rdf.sym(url))
         /*
       function WriteToFileRepresentedBy (subject){
           var outputFormulaTerm=kb.any(subject,OWL('unionOf'))
@@ -333,7 +334,7 @@ const TabulatorOutlinerObserver = {
     const thisOutline = table.outline
     thisOutline.UserInput.insertTermTo(
       targetTd,
-      UI.utils.getAbout(UI.store, this.dragTarget)
+      UI.utils.getAbout(store, this.dragTarget)
     )
   },
   onDragStart: function (x, y, td) {

package/src/outline/licenseOptions.js

@@ -3,6 +3,8 @@
 
 // tabulator.options becaome UI.licenseOptions
 // Possible future alternative directoons: Store licence preferences in a solid preferences file
+import * as UI from 'solid-ui'
+import { store } from 'solid-logic'
 
 const licenseURI = [
   'http://creativecommons.org/licenses/by-nc-nd/3.0/',
@@ -15,9 +17,6 @@ const licenseURI = [
 
 const names = ['BY-NC-ND', 'BY-NC-SA', 'BY-NC', 'BY-ND', 'BY-SA', 'BY']
 
-const UI = require('solid-ui')
-const kb = UI.store
-
 module.exports = function licenseOptions () {
   this.options = {}
   this.references = []
@@ -83,9 +82,9 @@ module.exports = function licenseOptions () {
   }
 
   this.checkLicence = function checkLicense (statement) {
-    const licenses = kb.each(
+    const licenses = store.each(
       statement.why,
-      kb.sym('http://creativecommons.org/ns#license')
+      store.sym('http://creativecommons.org/ns#license')
     )
     UI.log.info('licenses:' + statement.why + ': ' + licenses)
     for (let i = 0; i < licenses.length; i++) {