issue-pane 2.4.9 → 2.4.10

package/.github/workflows/ci.yml

@@ -24,7 +24,36 @@ jobs:
         uses: actions/setup-node@v1
         with:
           node-version: ${{ matrix.node-version }}
-      - run: npm install -g npm # for issues with executables on npm 7
       - run: npm ci
+      - run: npm run lint --if-present
       - run: npm test
-      - run: npm run build
+      - run: npm run build --if-present
+      - name: Save build
+        if: matrix.node-version == '14.x'
+        uses: actions/upload-artifact@v2
+        with:
+          name: build
+          path: |
+            .
+            !node_modules
+          retention-days: 1
+  npm-publish-build:
+      needs: build
+      runs-on: ubuntu-latest
+      steps:
+        - uses: actions/download-artifact@v2
+          with:
+            name: build
+        - uses: actions/setup-node@v1
+          with:
+            node-version: 14.x
+        - uses: rlespinasse/github-slug-action@v3.x
+        - name: Append commit hash to package version
+          run: 'sed -i -E "s/(\"version\": *\"[^\"]+)/\1-${GITHUB_SHA_SHORT}/" package.json'
+        - name: Disable pre- and post-publish actions
+          run: 'sed -i -E "s/\"((pre|post)publish)/\"ignore:\1/" package.json'
+        - uses: JS-DevTools/npm-publish@v1
+          with:
+            token: ${{ secrets.NPM_TOKEN }}
+            tag: ${{ env.GITHUB_REF_SLUG }}
+

package/board.js

@@ -11,7 +11,7 @@
 */
 
 import * as UI from 'solid-ui'
-const kb = UI.store
+import { store } from 'solid-logic'
 const ns = UI.ns
 const $rdf = UI.rdf
 
@@ -38,7 +38,7 @@ export function board (dom, columnValues, renderItem, options) {
     function droppedURIHandler (uris) {
       uris.forEach(function (u) {
         console.log('Dropped on column: ' + u)
-        const item = kb.sym(u)
+        const item = store.sym(u)
         options.columnDropHandler(item, x)
       })
     }
@@ -54,19 +54,19 @@ export function board (dom, columnValues, renderItem, options) {
   function defaultRenderItem (item, category) {
     const card = dom.createElement('div')
     const table = card.appendChild(dom.createElement('table'))
-    const classes = kb.each(item, ns.rdf('type'))
-    const catColors = classes.map(cat => kb.any(cat, ns.ui('backgroundColor'))).filter(c => c)
+    const classes = store.each(item, ns.rdf('type'))
+    const catColors = classes.map(cat => store.any(cat, ns.ui('backgroundColor'))).filter(c => c)
 
     table.appendChild(UI.widgets.personTR(dom, null, item))
     table.subject = item
     table.style = 'margin: 1em;' // @@ use style.js
-    const backgroundColor = catColors[0] || kb.any(category, ns.ui('backgroundColor'))
+    const backgroundColor = catColors[0] || store.any(category, ns.ui('backgroundColor'))
     card.style.backgroundColor = backgroundColor ? backgroundColor.value : '#fff'
     return card
   }
 
   function sortedBy (values, predicate, defaultSortValue, reverse) {
-    const toBeSorted = values.map(x => [kb.any(x, predicate) || defaultSortValue, x])
+    const toBeSorted = values.map(x => [store.any(x, predicate) || defaultSortValue, x])
     toBeSorted.sort()
     if (reverse) toBeSorted.reverse() // @@ check
     return toBeSorted.map(pair => pair[1])
@@ -82,7 +82,7 @@ export function board (dom, columnValues, renderItem, options) {
     }
     for (let col = mainRow.firstChild; col; col = col.nextSibling) {
       const category = col.subject
-      let items = kb.each(null, ns.rdf('type'), category)
+      let items = store.each(null, ns.rdf('type'), category)
       const sortBy = options.sortBy || ns.dct('created')
       if (options.filter) {
         items = items.filter(options.filter)

package/issue.js

@@ -1,10 +1,10 @@
 // All the UI for a single issue, without store load or listening for changes
 //
-import { authn, icons, messageArea, ns, rdf, store, style, utils, widgets } from 'solid-ui'
+import { icons, messageArea, ns, rdf, style, utils, widgets } from 'solid-ui'
+import { authn, store } from 'solid-logic'
 import { newIssueForm } from './newIssue'
 
 const $rdf = rdf
-const kb = store
 
 const SET_MODIFIED_DATES = false
 
@@ -14,11 +14,11 @@ function complain (message, context) {
 }
 
 export function getState (issue, classification) {
-  const tracker = kb.the(issue, ns.wf('tracker'), null, issue.doc())
-  const states = kb.any(tracker, ns.wf('issueClass'))
+  const tracker = store.the(issue, ns.wf('tracker'), null, issue.doc())
+  const states = store.any(tracker, ns.wf('issueClass'))
   classification = classification || states
-  const types = kb.each(issue, ns.rdf('type'))
-    .filter(ty => kb.holds(ty, ns.rdfs('subClassOf'), classification))
+  const types = store.each(issue, ns.rdf('type'))
+    .filter(ty => store.holds(ty, ns.rdfs('subClassOf'), classification))
   if (types.length !== 1) {
     // const initialState = kb.any(tracker, ns.wf('initialState')) No do NOT default
     // if (initialState) return initialState
@@ -29,8 +29,8 @@ export function getState (issue, classification) {
 
 export function renderIssueCard (issue, context) {
   function getBackgroundColor () {
-    const classes = kb.each(issue, ns.rdf('type')) // @@ pick cats in order then state
-    const catColors = classes.map(cat => kb.any(cat, ns.ui('backgroundColor'))).filter(c => !!c)
+    const classes = store.each(issue, ns.rdf('type')) // @@ pick cats in order then state
+    const catColors = classes.map(cat => store.any(cat, ns.ui('backgroundColor'))).filter(c => !!c)
 
     if (catColors.length) return catColors[0].value // pick first one
     return null
@@ -66,7 +66,7 @@ export function renderIssueCard (issue, context) {
   if (uncategorized) {
     const deleteButton = widgets.deleteButtonWithCheck(dom, buttonsCell, 'issue', async function () { // noun?
       try {
-        await kb.updater.update(kb.connectedStatements(issue))
+        await store.updater.update(store.connectedStatements(issue))
       } catch (err) {
         complain(`Unable to delete issue: ${err}`, context)
       }
@@ -102,16 +102,16 @@ export function exposeOverlay (subject, context) {
 
 export function renderIssue (issue, context) {
   // Don't bother changing the last modified dates of things: save time
-  function setModifiedDate (subj, kb, doc) {
+  function setModifiedDate (subj, store, doc) {
     if (SET_MODIFIED_DATES) {
       if (!getOption(tracker, 'trackLastModified')) return
-      let deletions = kb.statementsMatching(issue, ns.dct('modified'))
+      let deletions = store.statementsMatching(issue, ns.dct('modified'))
       deletions = deletions.concat(
-        kb.statementsMatching(issue, ns.wf('modifiedBy'))
+        store.statementsMatching(issue, ns.wf('modifiedBy'))
       )
       const insertions = [$rdf.st(issue, ns.dct('modified'), new Date(), doc)]
       if (me) insertions.push($rdf.st(issue, ns.wf('modifiedBy'), me, doc))
-      kb.updater.update(deletions, insertions, function (_uri, _ok, _body) {})
+      store.updater.update(deletions, insertions, function (_uri, _ok, _body) {})
     }
   }
 
@@ -144,18 +144,18 @@ export function renderIssue (issue, context) {
   }
   function getOption (tracker, option) {
     // eg 'allowSubIssues'
-    const opt = kb.any(tracker, ns.ui(option))
+    const opt = store.any(tracker, ns.ui(option))
     return !!(opt && opt.value)
   }
 
   function setPaneStyle () {
-    const types = kb.findTypeURIs(issue)
+    const types = store.findTypeURIs(issue)
     let mystyle = 'padding: 0.5em 1.5em 1em 1.5em; '
     let backgroundColor = null
     for (const uri in types) {
-      backgroundColor = kb.any(
-        kb.sym(uri),
-        kb.sym('http://www.w3.org/ns/ui#backgroundColor')
+      backgroundColor = store.any(
+        store.sym(uri),
+        store.sym('http://www.w3.org/ns/ui#backgroundColor')
       )
       if (backgroundColor) break
     }
@@ -165,29 +165,31 @@ export function renderIssue (issue, context) {
   }
 
   const dom = context.dom
-  const tracker = kb.the(issue, ns.wf('tracker'), null, issue.doc())
+  // eslint-disable-next-line no-use-before-define
+  const tracker = store.the(issue, ns.wf('tracker'), null, issue.doc())
   if (!tracker) throw new Error('No tracker')
-  const stateStore = kb.any(tracker, ns.wf('stateStore'))
+  // eslint-disable-next-line no-use-before-define
+  const stateStore = store.any(tracker, ns.wf('stateStore'))
   const store = issue.doc()
 
   const issueDiv = dom.createElement('div')
-  var me = authn.currentUser()
+  const me = authn.currentUser()
 
   setPaneStyle()
 
   authn.checkUser() // kick off async operation
 
-  const states = kb.any(tracker, ns.wf('issueClass'))
+  const states = store.any(tracker, ns.wf('issueClass'))
   if (!states) { throw new Error('This tracker ' + tracker + ' has no issueClass') }
   const select = widgets.makeSelectForCategory(
     dom,
-    kb,
+    store,
     issue,
     states,
     stateStore,
     function (ok, body) {
       if (ok) {
-        setModifiedDate(store, kb, store)
+        setModifiedDate(store, store, store)
         widgets.refreshTree(issueDiv)
       } else {
         console.log('Failed to change state:\n' + body)
@@ -196,18 +198,18 @@ export function renderIssue (issue, context) {
   )
   issueDiv.appendChild(select)
 
-  const cats = kb.each(tracker, ns.wf('issueCategory')) // zero or more
+  const cats = store.each(tracker, ns.wf('issueCategory')) // zero or more
   for (let i = 0; i < cats.length; i++) {
     issueDiv.appendChild(
       widgets.makeSelectForCategory(
         dom,
-        kb,
+        store,
         issue,
         cats[i],
         stateStore,
         function (ok, body) {
           if (ok) {
-            setModifiedDate(store, kb, store)
+            setModifiedDate(store, store, store)
             widgets.refreshTree(issueDiv)
           } else {
             console.log('Failed to change category:\n' + body)
@@ -251,7 +253,7 @@ export function renderIssue (issue, context) {
     wf:Task     :creationForm core:coreIsueForm .
 `
   const CORE_ISSUE_FORM = ns.wf('coreIsueForm')
-  $rdf.parse(coreIssueFormText, kb, CORE_ISSUE_FORM.doc().uri, 'text/turtle')
+  $rdf.parse(coreIssueFormText, store, CORE_ISSUE_FORM.doc().uri, 'text/turtle')
   widgets.appendForm(
     dom,
     issueDiv,
@@ -280,11 +282,11 @@ export function renderIssue (issue, context) {
 
   // Assigned to whom?
 
-  const assignments = kb.statementsMatching(issue, ns.wf('assignee'))
+  const assignments = store.statementsMatching(issue, ns.wf('assignee'))
   if (assignments.length > 1) {
     say('Weird, was assigned to more than one person. Fixing ..')
     const deletions = assignments.slice(1)
-    kb.updater.update(deletions, [], function (uri, ok, body) {
+    store.updater.update(deletions, [], function (uri, ok, body) {
       if (ok) {
         say('Now fixed.')
       } else {
@@ -298,17 +300,17 @@ export function renderIssue (issue, context) {
 
   async function getPossibleAssignees () {
     let devs = []
-    const devGroups = kb.each(issue, ns.wf('assigneeGroup'))
+    const devGroups = store.each(issue, ns.wf('assigneeGroup'))
     for (let i = 0; i < devGroups.length; i++) {
       const group = devGroups[i]
-      await kb.fetcher.load()
-      devs = devs.concat(kb.each(group, ns.vcard('member')))
+      await store.fetcher.load()
+      devs = devs.concat(store.each(group, ns.vcard('member')))
     }
     // Anyone who is a developer of any project which uses this tracker
-    const proj = kb.any(null, ns.doap('bug-database'), tracker) // What project?
+    const proj = store.any(null, ns.doap('bug-database'), tracker) // What project?
     if (proj) {
-      await kb.fetcher.load(proj)
-      devs = devs.concat(kb.each(proj, ns.doap('developer')))
+      await store.fetcher.load(proj)
+      devs = devs.concat(store.each(proj, ns.doap('developer')))
     }
     return devs
   }
@@ -322,7 +324,7 @@ export function renderIssue (issue, context) {
   getPossibleAssignees().then(devs => {
     if (devs.length) {
       devs.forEach(function (person) {
-        kb.fetcher.lookUpThing(person)
+        store.fetcher.lookUpThing(person)
       }) // best effort async for names etc
       const opts = {
         // 'mint': '** Add new person **',
@@ -337,14 +339,14 @@ export function renderIssue (issue, context) {
       issueDiv.appendChild(
         widgets.makeSelectForOptions(
           dom,
-          kb,
+          store,
           issue,
           ns.wf('assignee'),
           devs,
           opts,
           store,
           function (ok, body) {
-            if (ok) setModifiedDate(store, kb, store)
+            if (ok) setModifiedDate(store, store, store)
             else console.log('Failed to change assignee:\n' + body)
           }
         )
@@ -364,7 +366,7 @@ export function renderIssue (issue, context) {
     subIssuePanel.appendChild(dom.createElement('h4')).textContent = 'Super Issues'
     const listOfSupers = subIssuePanel.appendChild(dom.createElement('div'))
     listOfSupers.refresh = function () {
-      utils.syncTableToArrayReOrdered(listOfSupers, kb.each(null, ns.wf('dependent'), issue), renderSubIssue)
+      utils.syncTableToArrayReOrdered(listOfSupers, store.each(null, ns.wf('dependent'), issue), renderSubIssue)
     }
     listOfSupers.refresh()
 
@@ -372,7 +374,7 @@ export function renderIssue (issue, context) {
     subIssuePanel.appendChild(dom.createElement('h4')).textContent = 'Sub Issues'
     const listOfSubs = subIssuePanel.appendChild(dom.createElement('div'))
     listOfSubs.refresh = function () {
-      utils.syncTableToArrayReOrdered(listOfSubs, kb.each(issue, ns.wf('dependent')), renderSubIssue)
+      utils.syncTableToArrayReOrdered(listOfSubs, store.each(issue, ns.wf('dependent')), renderSubIssue)
     }
     listOfSubs.refresh()
 
@@ -385,7 +387,7 @@ export function renderIssue (issue, context) {
     b.addEventListener(
       'click',
       function (_event) {
-        subIssuePanel.insertBefore(newIssueForm(dom, kb, tracker, issue, listOfSubs.refresh), b.nextSibling) // Pop form just after button
+        subIssuePanel.insertBefore(newIssueForm(dom, store, tracker, issue, listOfSubs.refresh), b.nextSibling) // Pop form just after button
       },
       false
     )
@@ -394,7 +396,7 @@ export function renderIssue (issue, context) {
   issueDiv.appendChild(dom.createElement('br'))
 
   // Extras are stored centrally to the tracker
-  const extrasForm = kb.any(tracker, ns.wf('extrasEntryForm'))
+  const extrasForm = store.any(tracker, ns.wf('extrasEntryForm'))
   if (extrasForm) {
     widgets.appendForm(
       dom,
@@ -412,7 +414,7 @@ export function renderIssue (issue, context) {
   const spacer = issueDiv.appendChild(dom.createElement('tr'))
   spacer.setAttribute('style', 'height: 1em') // spacer and placeHolder
 
-  const template = kb.anyValue(tracker, ns.wf('issueURITemplate'))
+  const template = store.anyValue(tracker, ns.wf('issueURITemplate'))
   /*
   var chatDocURITemplate = kb.anyValue(tracker, ns.wf('chatDocURITemplate')) // relaive to issue
   var chat
@@ -425,18 +427,18 @@ export function renderIssue (issue, context) {
   if (template) {
     messageStore = issue.doc() // for now. Could go deeper
   } else {
-    messageStore = kb.any(tracker, ns.wf('messageStore'))
-    if (!messageStore) messageStore = kb.any(tracker, ns.wf('stateStore'))
-    kb.sym(messageStore.uri + '#' + 'Chat' + timestring()) // var chat =
+    messageStore = store.any(tracker, ns.wf('messageStore'))
+    if (!messageStore) messageStore = store.any(tracker, ns.wf('stateStore'))
+    store.sym(messageStore.uri + '#' + 'Chat' + timestring()) // var chat =
   }
 
-  kb.fetcher.nowOrWhenFetched(messageStore, function (ok, body, _xhr) {
+  store.fetcher.nowOrWhenFetched(messageStore, function (ok, body, _xhr) {
     if (!ok) {
       const er = dom.createElement('p')
       er.textContent = body // @@ use nice error message
       issueDiv.insertBefore(er, spacer)
     } else {
-      const discussion = messageArea(dom, kb, issue, messageStore)
+      const discussion = messageArea(dom, store, issue, messageStore)
       issueDiv.insertBefore(discussion, spacer)
     }
   })
@@ -455,14 +457,14 @@ export function renderIssue (issue, context) {
   widgets.attachmentList(dom, issue, issueDiv, {
     doc: stateStore,
     promptIcon: icons.iconBase + 'noun_25830.svg',
-    uploadFolder: kb.sym(uploadFolderURI), // Allow local files to be uploaded
+    uploadFolder: store.sym(uploadFolderURI), // Allow local files to be uploaded
     predicate: ns.wf('attachment')
   })
 
   // Delete button to delete the issue
   const deleteButton = widgets.deleteButtonWithCheck(dom, issueDiv, 'issue', async function () {
     try {
-      await kb.updater.update(kb.connectedStatements(issue))
+      await store.updater.update(store.connectedStatements(issue))
     } catch (err) {
       complain(`Unable to delete issue: ${err}`, context)
     }
@@ -480,7 +482,7 @@ export function renderIssue (issue, context) {
     'click',
     async function (_event) {
       try {
-        await kb.fetcher.load(messageStore, { force: true, clearPreviousData: true })
+        await store.fetcher.load(messageStore, { force: true, clearPreviousData: true })
       } catch (err) {
         alert(err)
         return

package/issuePane.js

@@ -6,6 +6,7 @@
  */
 
 import * as UI from 'solid-ui'
+import { store, authn } from 'solid-logic'
 import { board } from './board' // @@ will later be in solid-UI
 import { renderIssue, renderIssueCard, getState, exposeOverlay } from './issue'
 import { newTrackerButton } from './newTracker'
@@ -15,7 +16,6 @@ import { trackerSettingsFormText } from './trackerSettingsForm.js'
 
 const $rdf = UI.rdf
 const ns = UI.ns
-const kb = UI.store
 const widgets = UI.widgets
 
 // const MY_TRACKERS_ICON = UI.icons.iconBase + 'noun_Document_998605.svg'
@@ -36,10 +36,10 @@ export default {
 
   // Does the subject deserve an issue pane?
   label: function (subject, _context) {
-    const t = kb.findTypeURIs(subject)
+    const t = store.findTypeURIs(subject)
     if (
       t['http://www.w3.org/2005/01/wf/flow#Task'] ||
-      kb.holds(subject, UI.ns.wf('tracker'))
+      store.holds(subject, UI.ns.wf('tracker'))
     ) { return 'issue' } // in case ontology not available
     if (t['http://www.w3.org/2005/01/wf/flow#Tracker']) return 'tracker'
     // Later: Person. For a list of things assigned to them,
@@ -73,7 +73,7 @@ export default {
     const tracker = options.newInstance
     const appDoc = tracker.doc()
 
-    const me = UI.authn.currentUser()
+    const me = authn.currentUser()
     if (me) {
       kb.add(tracker, ns.dc('author'), me, appDoc)
     }
@@ -181,32 +181,32 @@ export default {
     /** /////////////////////////// Board
     */
     function renderBoard (tracker, klass) {
-      const states = kb.any(tracker, ns.wf('issueClass'))
+      const states = store.any(tracker, ns.wf('issueClass'))
       klass = klass || states // default to states
       const doingStates = klass.sameTerm(states)
 
       // These are states we will show by default: the open issues.
-      const stateArray = kb.any(klass, ns.owl('disjointUnionOf'))
+      const stateArray = store.any(klass, ns.owl('disjointUnionOf'))
       if (!stateArray) {
         return complain(`Configuration error: state ${states} does not have substates`)
       }
       let columnValues = stateArray.elements
       if (doingStates && columnValues.length > 2 // and there are more than two
       ) { // strip out closed states
-        columnValues = columnValues.filter(state => kb.holds(state, ns.rdfs('subClassOf'), ns.wf('Open')) || state.sameTerm(ns.wf('Open')))
+        columnValues = columnValues.filter(state => store.holds(state, ns.rdfs('subClassOf'), ns.wf('Open')) || state.sameTerm(ns.wf('Open')))
       }
 
       async function columnDropHandler (issue, newState) {
         const currentState = getState(issue, klass)
-        const tracker = kb.the(issue, ns.wf('tracker'), null, issue.doc())
-        const stateStore = kb.any(tracker, ns.wf('stateStore'))
+        const tracker = store.the(issue, ns.wf('tracker'), null, issue.doc())
+        const stateStore = store.any(tracker, ns.wf('stateStore'))
 
         if (newState.sameTerm(currentState)) {
           // alert('Same state ' + UI.utils.label(currentState)) // @@ remove
           return
         }
         try {
-          await kb.updater.update(
+          await store.updater.update(
             [$rdf.st(issue, ns.rdf('type'), currentState, stateStore)],
             [$rdf.st(issue, ns.rdf('type'), newState, stateStore)])
         } catch (err) {
@@ -216,7 +216,7 @@ export default {
       }
 
       function isOpen (issue) {
-        const types = kb.findTypeURIs(issue)
+        const types = store.findTypeURIs(issue)
         return !!types[ns.wf('Open').uri]
       }
 
@@ -237,7 +237,7 @@ export default {
       const refreshButton = widgets.button(dom, UI.icons.iconBase + 'noun_479395.svg',
         'refresh table', async _event => {
           try {
-            await kb.fetcher.load(stateStore, { force: true, clearPreviousData: true })
+            await store.fetcher.load(stateStore, { force: true, clearPreviousData: true })
           } catch (err) {
             alert(err)
             return
@@ -253,8 +253,8 @@ export default {
         query.pat.optional.push(clause)
         return clause
       }
-      const states = kb.any(subject, ns.wf('issueClass'))
-      const cats = kb.each(tracker, ns.wf('issueCategory')) // zero or more
+      const states = store.any(subject, ns.wf('issueClass'))
+      const cats = store.each(tracker, ns.wf('issueCategory')) // zero or more
       const vars = ['issue', 'state', 'created']
       var query = new $rdf.Query(UI.utils.label(subject))
       for (let i = 0; i < cats.length; i++) {
@@ -278,7 +278,7 @@ export default {
         clause.add(v['_cat_' + i], ns.rdfs('subClassOf'), cats[i])
       }
 
-      const propertyList = kb.any(tracker, ns.wf('propertyList')) // List of extra properties
+      const propertyList = store.any(tracker, ns.wf('propertyList')) // List of extra properties
       if (propertyList) {
         const properties = propertyList.elements
         for (let p = 0; p < properties.length; p++) {
@@ -294,10 +294,10 @@ export default {
       }
 
       const selectedStates = {}
-      const possible = kb.each(undefined, ns.rdfs('subClassOf'), states)
+      const possible = store.each(undefined, ns.rdfs('subClassOf'), states)
       possible.forEach(function (s) {
         if (
-          kb.holds(s, ns.rdfs('subClassOf'), ns.wf('Open')) ||
+          store.holds(s, ns.rdfs('subClassOf'), ns.wf('Open')) ||
           s.sameTerm(ns.wf('Open'))
         ) {
           selectedStates[s.uri] = true
@@ -321,7 +321,7 @@ export default {
           '?state': { initialSelection: selectedStates, label: 'Status' }
         }
       })
-      const stateStore = kb.any(subject, ns.wf('stateStore'))
+      const stateStore = store.any(subject, ns.wf('stateStore'))
       tableDiv.appendChild(tableRefreshButton(stateStore, tableDiv))
       return tableDiv
     }
@@ -329,7 +329,7 @@ export default {
     // Allow user to create new things within the folder
     function renderCreationControl (refreshTarget) {
       const creationDiv = dom.createElement('div')
-      const me = UI.authn.currentUser()
+      const me = authn.currentUser()
       const creationContext = {
         // folder: subject,
         div: creationDiv,
@@ -348,7 +348,7 @@ export default {
     function renderInstances (theClass) {
       const instancesDiv = dom.createElement('div')
       const context = { dom, div: instancesDiv, noun: 'tracker' }
-      UI.authn.registrationList(context, { public: true, private: true, type: theClass }).then(_context2 => {
+      UI.login.registrationList(context, { public: true, private: true, type: theClass }).then(_context2 => {
         instancesDiv.appendChild(renderCreationControl(instancesDiv))
         /* // keep this code in case we need a form
         const InstancesForm = ns.wf('TrackerInstancesForm')
@@ -364,10 +364,10 @@ export default {
       const settingsDiv = dom.createElement('div')
       // A registration control allows the to record this tracker in their type index
       const context = { dom, div: settingsDiv, noun: 'tracker' }
-      UI.authn.registrationControl(context, tracker, ns.wf('Tracker')).then(_context2 => {
+      UI.login.registrationControl(context, tracker, ns.wf('Tracker')).then(_context2 => {
         const settingsForm = ns.wf('TrackerSettingsForm')
         const text = trackerSettingsFormText
-        $rdf.parse(text, kb, settingsForm.doc().uri, 'text/turtle')
+        $rdf.parse(text, store, settingsForm.doc().uri, 'text/turtle')
         widgets.appendForm(dom, settingsDiv, {}, tracker, settingsForm,
           tracker.doc(), complainIfBad)
       })
@@ -385,25 +385,25 @@ export default {
           ele.appendChild(renderSettings(tracker))
         } else if (object.sameTerm(instancesView)) {
           ele.appendChild(renderInstances(ns.wf('Tracker')))
-        } else if ((kb.holds(tracker, ns.wf('issueCategory'), object)) ||
-                   (kb.holds(tracker, ns.wf('issueClass'), object))) {
+        } else if ((store.holds(tracker, ns.wf('issueCategory'), object)) ||
+                   (store.holds(tracker, ns.wf('issueClass'), object))) {
           ele.appendChild(renderBoard(tracker, object))
         } else {
           throw new Error('Unexpected tab type: ' + object)
         }
       }
-      const states = kb.any(tracker, ns.wf('issueClass'))
+      const states = store.any(tracker, ns.wf('issueClass'))
       const items = [instancesView, tableView, states]
-        .concat(kb.each(tracker, ns.wf('issueCategory')))
+        .concat(store.each(tracker, ns.wf('issueCategory')))
       items.push(settingsView)
       const selectedTab = tableView
       const options = { renderMain, items, selectedTab }
 
       // Add stuff to the ontologies which we believe but they don't say
       const doc = instancesView.doc()
-      kb.add(instancesView, ns.rdfs('label'), 'My Trackers', doc) // @@ squatting on wf ns
-      kb.add(settingsView, ns.rdfs('label'), 'Settings', doc) // @@ squatting on wf ns
-      kb.add(states, ns.rdfs('label'), 'By State', doc) // @@ squatting on wf ns
+      store.add(instancesView, ns.rdfs('label'), 'My Trackers', doc) // @@ squatting on wf ns
+      store.add(settingsView, ns.rdfs('label'), 'Settings', doc) // @@ squatting on wf ns
+      store.add(states, ns.rdfs('label'), 'By State', doc) // @@ squatting on wf ns
 
       const tabs = UI.tabs.tabWidget(options)
       return tabs
@@ -418,17 +418,17 @@ export default {
       tracker = subject
 
       try {
-        await fixSubClasses(kb, tracker)
+        await fixSubClasses(store, tracker)
       } catch (err) {
         console.log('@@@ Error fixing subclasses in config: ' + err)
       }
 
-      const states = kb.any(subject, ns.wf('issueClass'))
+      const states = store.any(subject, ns.wf('issueClass'))
       if (!states) throw new Error('This tracker has no issueClass')
-      const stateStore = kb.any(subject, ns.wf('stateStore'))
+      const stateStore = store.any(subject, ns.wf('stateStore'))
       if (!stateStore) throw new Error('This tracker has no stateStore')
 
-      UI.authn.checkUser() // kick off async operation
+      authn.checkUser() // kick off async operation
 
       const h = dom.createElement('h2')
       h.setAttribute('style', 'font-size: 150%')
@@ -454,7 +454,7 @@ export default {
         'click',
         function (_event) {
           b.disabled = true
-          container.appendChild(newIssueForm(dom, kb, tracker, null, showNewIssue))
+          container.appendChild(newIssueForm(dom, store, tracker, null, showNewIssue))
         },
         false
       )
@@ -490,28 +490,28 @@ export default {
     const settingsView = ns.wf('SettingsView')
     const instancesView = ns.wf('InstancesView')
 
-    const updater = kb.updater
-    const t = kb.findTypeURIs(subject)
+    const updater = store.updater
+    const t = store.findTypeURIs(subject)
     let tracker
 
     // Whatever we are rendering, lets load the ontology
     const flowOntology = UI.ns.wf('').doc()
-    if (!kb.holds(undefined, undefined, undefined, flowOntology)) {
+    if (!store.holds(undefined, undefined, undefined, flowOntology)) {
       // If not loaded already
-      $rdf.parse(require('./wf.js'), kb, flowOntology.uri, 'text/turtle') // Load ontology directly
+      $rdf.parse(require('./wf.js'), store, flowOntology.uri, 'text/turtle') // Load ontology directly
     }
     const userInterfaceOntology = UI.ns.ui('').doc()
-    if (!kb.holds(undefined, undefined, undefined, userInterfaceOntology)) {
+    if (!store.holds(undefined, undefined, undefined, userInterfaceOntology)) {
       // If not loaded already
-      $rdf.parse(require('./ui.js'), kb, userInterfaceOntology.uri, 'text/turtle') // Load ontology directly
+      $rdf.parse(require('./ui.js'), store, userInterfaceOntology.uri, 'text/turtle') // Load ontology directly
     }
 
     // Render a single issue
     if (
       t['http://www.w3.org/2005/01/wf/flow#Task'] ||
-      kb.holds(subject, UI.ns.wf('tracker'))
+      store.holds(subject, UI.ns.wf('tracker'))
     ) {
-      tracker = kb.any(subject, ns.wf('tracker'))
+      tracker = store.any(subject, ns.wf('tracker'))
       if (!tracker) throw new Error('This issue ' + subject + 'has no tracker')
 
       // Much data is in the tracker instance, so wait for the data from it
@@ -519,7 +519,7 @@ export default {
       context.session.store.fetcher
         .load(tracker.doc())
         .then(function (_xhrs) {
-          const stateStore = kb.any(tracker, ns.wf('stateStore'))
+          const stateStore = store.any(tracker, ns.wf('stateStore'))
           context.session.store.fetcher.nowOrWhenFetched(
             stateStore,
             subject,
@@ -574,7 +574,7 @@ export default {
 
     // var overlayPane = null // overlay.appendChild(dom.createElement('div')) // avoid stomping on style by pane
 
-    UI.authn.checkUser().then(webId => {
+    authn.checkUser().then(webId => {
       if (webId) {
         console.log('Web ID set already: ' + webId)
         context.me = webId
@@ -582,9 +582,9 @@ export default {
         return
       }
 
-      loginOutButton = UI.authn.loginStatusBox(dom, webIdUri => {
+      loginOutButton = UI.login.loginStatusBox(dom, webIdUri => {
         if (webIdUri) {
-          context.me = kb.sym(webIdUri)
+          context.me = store.sym(webIdUri)
           console.log('Web ID set from login button: ' + webIdUri)
           paneDiv.removeChild(loginOutButton)
           // enable things

package/newTracker.js

@@ -1,9 +1,9 @@
 import * as UI from 'solid-ui'
+import { store } from 'solid-logic'
 
 const $rdf = UI.rdf
 const ns = UI.ns
-const kb = UI.store
-const updater = kb.updater
+const updater = store.updater
 
 /* Button for making a whole new tracker
 ** This is the least tesetd part of the tracker system at the moment.
@@ -16,17 +16,17 @@ export function newTrackerButton (thisTracker, context) {
   }
 
   // const dom = context.dom
-  const button = UI.authn.newAppInstance(context.dom, { noun: 'tracker' }, function (
+  const button = UI.login.newAppInstance(context.dom, { noun: 'tracker' }, function (
     ws,
     base
   ) {
     const appPathSegment = 'issuetracker.w3.org' // how to allocate this string and connect to
     // console.log("Ready to make new instance at "+ws)
     const sp = UI.ns.space
-    const kb = context.session.store
+    const store = context.session.store
 
     if (!base) {
-      base = kb.any(ws, sp('uriPrefix')).value
+      base = store.any(ws, sp('uriPrefix')).value
       if (base.slice(-1) !== '/') {
         $rdf.log.error(
           appPathSegment + ': No / at end of uriPrefix ' + base
@@ -39,14 +39,14 @@ export function newTrackerButton (thisTracker, context) {
       }
     }
 
-    const stateStore = kb.any(thisTracker, ns.wf('stateStore'))
-    const newStore = kb.sym(base + 'store.ttl')
+    const stateStore = store.any(thisTracker, ns.wf('stateStore'))
+    const newStore = store.sym(base + 'store.ttl')
 
     const here = thisTracker.doc()
 
     const oldBase = here.uri.slice(0, here.uri.lastIndexOf('/') + 1)
 
-    var morph = function (x) {
+    const morph = function (x) {
       // Move any URIs in this space into that space
       if (x.elements !== undefined) return x.elements.map(morph) // Morph within lists
       if (x.uri === undefined) return x
@@ -56,12 +56,12 @@ export function newTrackerButton (thisTracker, context) {
         u = base + u.slice(oldBase.length)
         $rdf.log.debug(' Map ' + x.uri + ' to ' + u)
       }
-      return kb.sym(u)
+      return store.sym(u)
     }
     const there = morph(here)
     const newTracker = morph(thisTracker)
 
-    const myConfig = kb.statementsMatching(
+    const myConfig = store.statementsMatching(
       undefined,
       undefined,
       undefined,
@@ -69,7 +69,7 @@ export function newTrackerButton (thisTracker, context) {
     )
     for (let i = 0; i < myConfig.length; i++) {
       const st = myConfig[i]
-      kb.add(
+      store.add(
         morph(st.subject),
         morph(st.predicate),
         morph(st.object),
@@ -79,15 +79,15 @@ export function newTrackerButton (thisTracker, context) {
 
     // Keep a paper trail   @@ Revisit when we have non-public ones @@ Privacy
     //
-    kb.add(newTracker, UI.ns.space('inspiration'), thisTracker, stateStore)
+    store.add(newTracker, UI.ns.space('inspiration'), thisTracker, stateStore)
 
-    kb.add(newTracker, UI.ns.space('inspiration'), thisTracker, there)
+    store.add(newTracker, UI.ns.space('inspiration'), thisTracker, there)
 
     // $rdf.log.debug("\n Ready to put " + kb.statementsMatching(undefined, undefined, undefined, there)); //@@
 
     updater.put(
       there,
-      kb.statementsMatching(undefined, undefined, undefined, there),
+      store.statementsMatching(undefined, undefined, undefined, there),
       'text/turtle',
       function (uri2, ok, message) {
         if (ok) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "issue-pane",
-  "version": "2.4.9",
+  "version": "2.4.10",
   "description": "Solid-compatible Panes: issue editor",
   "main": "./issuePane.js",
   "scripts": {
@@ -34,9 +34,10 @@
   },
   "homepage": "https://github.com/solid/issue-pane",
   "dependencies": {
-    "pane-registry": "^2.4.6",
+    "pane-registry": "^2.4.7",
     "rdflib": "^2.2.17",
-    "solid-ui": "^2.4.15"
+    "solid-logic": "^1.3.14",
+    "solid-ui": "^2.4.19"
   },
   "devDependencies": {
     "eslint": "^7.32.0",