issue-pane 2.4.10-47ba5f95 → 2.4.10-5e2ce57c

package/.eslintrc

@@ -1,10 +1,10 @@
 {
-  "root": true,
   "env": {
     "browser": true,
     "es6": true,
     "node": true
   },
+  "extends": "standard",
   "globals": {
     "Atomics": "readonly",
     "SharedArrayBuffer": "readonly"
@@ -14,6 +14,5 @@
       "argsIgnorePattern": "^_",
       "varsIgnorePattern": "^_"
     }]
-  },
-  "extends": ["eslint:recommended", "plugin:import/recommended"]
+  }
 }

package/board.js

@@ -10,10 +10,9 @@
  * @returns dom:Element
 */
 
-import * as UI from 'solid-ui'
+import { ns, rdf, utils, widgets } from 'solid-ui'
 import { store } from 'solid-logic'
-const ns = UI.ns
-const $rdf = UI.rdf
+const $rdf = rdf
 
 export function board (dom, columnValues, renderItem, options) {
   const board = dom.createElement('div')
@@ -27,7 +26,7 @@ export function board (dom, columnValues, renderItem, options) {
   const mainRow = table.appendChild(dom.createElement('tr'))
   columnValues.forEach(x => {
     const cell = headerRow.appendChild(dom.createElement('th'))
-    cell.textContent = UI.utils.label(x, true) // Initial capital
+    cell.textContent = utils.label(x, true) // Initial capital
     cell.subject = x
     cell.style = 'margin: 0.3em; padding: 0.5em 1em; font-treatment: bold; font-size: 120%;'
 
@@ -44,7 +43,7 @@ export function board (dom, columnValues, renderItem, options) {
     }
 
     if (options.columnDropHandler) {
-      UI.widgets.makeDropTarget(column, droppedURIHandler)
+      widgets.makeDropTarget(column, droppedURIHandler)
     }
   })
 
@@ -57,7 +56,7 @@ export function board (dom, columnValues, renderItem, options) {
     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.appendChild(widgets.personTR(dom, null, item))
     table.subject = item
     table.style = 'margin: 1em;' // @@ use style.js
     const backgroundColor = catColors[0] || store.any(category, ns.ui('backgroundColor'))
@@ -76,7 +75,7 @@ export function board (dom, columnValues, renderItem, options) {
     const actualRenderItem = renderItem || options.renderItem || defaultRenderItem
     function localRenderItem (subject) {
       const ele = actualRenderItem(subject)
-      UI.widgets.makeDraggable(ele, subject)
+      widgets.makeDraggable(ele, subject)
       ele.subject = subject
       return ele
     }
@@ -88,7 +87,7 @@ export function board (dom, columnValues, renderItem, options) {
         items = items.filter(options.filter)
       }
       const sortedItems = sortedBy(items, sortBy, now, true)
-      UI.utils.syncTableToArrayReOrdered(col, sortedItems, localRenderItem)
+      utils.syncTableToArrayReOrdered(col, sortedItems, localRenderItem)
     }
   }
 

package/issue.js

@@ -5,6 +5,7 @@ import { authn, store } from 'solid-logic'
 import { newIssueForm } from './newIssue'
 
 const $rdf = rdf
+const kb = store
 
 const SET_MODIFIED_DATES = false
 
@@ -18,7 +19,7 @@ function complain (message, context) {
 }
 
 export function isOpen (issue) {
-  const types = store.findTypeURIs(issue)
+  const types = kb.findTypeURIs(issue)
   return !!types[ns.wf('Open').uri]
 }
 
@@ -26,13 +27,13 @@ export function iconForIssue (issue) {
   return isOpen(issue) ? TASK_ICON : CLOSED_TASK_ICON
 }
 export function getState (issue, classification) {
-  const tracker = store.the(issue, ns.wf('tracker'), null, issue.doc())
-  const states = store.any(tracker, ns.wf('issueClass'))
+  const tracker = kb.the(issue, ns.wf('tracker'), null, issue.doc())
+  const states = kb.any(tracker, ns.wf('issueClass'))
   classification = classification || states
-  const types = store.each(issue, ns.rdf('type'))
-    .filter(ty => store.holds(ty, ns.rdfs('subClassOf'), classification))
+  const types = kb.each(issue, ns.rdf('type'))
+    .filter(ty => kb.holds(ty, ns.rdfs('subClassOf'), classification))
   if (types.length !== 1) {
-    // const initialState = store.any(tracker, ns.wf('initialState')) No do NOT default
+    // const initialState = kb.any(tracker, ns.wf('initialState')) No do NOT default
     // if (initialState) return initialState
     throw new Error('Issue must have one type as state: ' + types.length)
   }
@@ -40,8 +41,8 @@ export function getState (issue, classification) {
 }
 
 export function getBackgroundColorFromTypes (issue) {
-  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)
+  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)
 
   if (catColors.length) return catColors[0].value // pick first one
   return null
@@ -79,7 +80,7 @@ export function renderIssueCard (issue, context) {
   if (uncategorized) {
     const deleteButton = widgets.deleteButtonWithCheck(dom, buttonsCell, 'issue', async function () { // noun?
       try {
-        await store.updater.update(store.connectedStatements(issue))
+        await kb.updater.update(kb.connectedStatements(issue))
       } catch (err) {
         complain(`Unable to delete issue: ${err}`, context)
       }
@@ -122,15 +123,15 @@ function renderSpacer (dom, backgroundColor) {
 
 export function renderIssue (issue, context) {
   // Don't bother changing the last modified dates of things: save time
-  function setModifiedDate (subj, store, doc) {
+  function setModifiedDate (subj, kb, doc) {
     if (SET_MODIFIED_DATES) {
       if (!getOption(tracker, 'trackLastModified')) return
-      const deletions = store.statementsMatching(issue, ns.dct('modified'))
-        .concat(store.statementsMatching(issue, ns.wf('modifiedBy'))
+      const deletions = kb.statementsMatching(issue, ns.dct('modified'))
+        .concat(kb.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))
-      store.updater.update(deletions, insertions, function (_uri, _ok, _body) {})
+      kb.updater.update(deletions, insertions, function (_uri, _ok, _body) {})
     }
   }
 
@@ -163,7 +164,7 @@ export function renderIssue (issue, context) {
   }
   function getOption (tracker, option) {
     // eg 'allowSubIssues'
-    const opt = store.any(tracker, ns.ui(option))
+    const opt = kb.any(tracker, ns.ui(option))
     return !!(opt && opt.value)
   }
 
@@ -179,10 +180,10 @@ export function renderIssue (issue, context) {
 
   const dom = context.dom
   // eslint-disable-next-line no-use-before-define
-  const tracker = store.the(issue, ns.wf('tracker'), null, issue.doc())
+  const tracker = kb.the(issue, ns.wf('tracker'), null, issue.doc())
   if (!tracker) throw new Error('No tracker')
   // eslint-disable-next-line no-use-before-define
-  const stateStore = store.any(tracker, ns.wf('stateStore'))
+  const stateStore = kb.any(tracker, ns.wf('stateStore'))
   const store = issue.doc()
 
   const issueDiv = dom.createElement('div')
@@ -196,17 +197,17 @@ export function renderIssue (issue, context) {
   const iconButton = issueDiv.appendChild(widgets.button(dom, iconForIssue(issue)))
   widgets.makeDraggable(iconButton, issue) // Drag me wherever you need to do stuff with this issue
 
-  const states = store.any(tracker, ns.wf('issueClass'))
+  const states = kb.any(tracker, ns.wf('issueClass'))
   if (!states) { throw new Error('This tracker ' + tracker + ' has no issueClass') }
   const select = widgets.makeSelectForCategory(
     dom,
-    store,
+    kb,
     issue,
     states,
     stateStore,
     function (ok, body) {
       if (ok) {
-        setModifiedDate(store, store, store)
+        setModifiedDate(store, kb, store)
         widgets.refreshTree(issueDiv)
       } else {
         console.log('Failed to change state:\n' + body)
@@ -215,18 +216,18 @@ export function renderIssue (issue, context) {
   )
   issueDiv.appendChild(select)
 
-  const cats = store.each(tracker, ns.wf('issueCategory')) // zero or more
+  const cats = kb.each(tracker, ns.wf('issueCategory')) // zero or more
   for (const cat of cats) {
     issueDiv.appendChild(
       widgets.makeSelectForCategory(
         dom,
-        store,
+        kb,
         issue,
         cat,
         stateStore,
         function (ok, body) {
           if (ok) {
-            setModifiedDate(store, store, store)
+            setModifiedDate(store, kb, store)
             widgets.refreshTree(issueDiv)
           } else {
             console.log('Failed to change category:\n' + body)
@@ -270,7 +271,7 @@ export function renderIssue (issue, context) {
     wf:Task     :creationForm core:coreIsueForm .
 `
   const CORE_ISSUE_FORM = ns.wf('coreIsueForm')
-  $rdf.parse(coreIssueFormText, store, CORE_ISSUE_FORM.doc().uri, 'text/turtle')
+  $rdf.parse(coreIssueFormText, kb, CORE_ISSUE_FORM.doc().uri, 'text/turtle')
   const form = widgets.appendForm(
     dom,
     null, // was: container
@@ -285,11 +286,11 @@ export function renderIssue (issue, context) {
 
   // Assigned to whom?
 
-  const assignments = store.statementsMatching(issue, ns.wf('assignee'))
+  const assignments = kb.statementsMatching(issue, ns.wf('assignee'))
   if (assignments.length > 1) {
     say('Weird, was assigned to more than one person. Fixing ..')
     const deletions = assignments.slice(1)
-    store.updater.update(deletions, [], function (uri, ok, body) {
+    kb.updater.update(deletions, [], function (uri, ok, body) {
       if (ok) {
         say('Now fixed.')
       } else {
@@ -302,15 +303,15 @@ export function renderIssue (issue, context) {
   // Anyone assigned to any issue we know about
 
   async function getPossibleAssignees () {
-    const devGroups = store.each(issue, ns.wf('assigneeGroup'))
-    await store.fetcher.load(devGroups) // Load them all
-    const groupDevs = devGroups.map(group => store.each(group, ns.vcard('member'), null, group.doc())).flat()
+    const devGroups = kb.each(issue, ns.wf('assigneeGroup'))
+    await kb.fetcher.load(devGroups) // Load them all
+    const groupDevs = devGroups.map(group => kb.each(group, ns.vcard('member'), null, group.doc())).flat()
     // Anyone who is a developer of any project which uses this tracker
-    const proj = store.any(null, ns.doap('bug-database'), tracker) // What project?
+    const proj = kb.any(null, ns.doap('bug-database'), tracker) // What project?
     if (proj) {
-      await store.fetcher.load(proj)
+      await kb.fetcher.load(proj)
     }
-    const projectDevs = proj ? store.each(proj, ns.doap('developer')) : []
+    const projectDevs = proj ? kb.each(proj, ns.doap('developer')) : []
     return groupDevs.concat(projectDevs)
   }
 
@@ -323,7 +324,7 @@ export function renderIssue (issue, context) {
   getPossibleAssignees().then(devs => {
     if (devs.length) {
       devs.forEach(function (person) {
-        store.fetcher.lookUpThing(person)
+        kb.fetcher.lookUpThing(person)
       }) // best effort async for names etc
       const opts = {
         // 'mint': '** Add new person **',
@@ -338,14 +339,14 @@ export function renderIssue (issue, context) {
       issueDiv.appendChild(
         widgets.makeSelectForOptions(
           dom,
-          store,
+          kb,
           issue,
           ns.wf('assignee'),
           devs,
           opts,
           store,
           function (ok, body) {
-            if (ok) setModifiedDate(store, store, store)
+            if (ok) setModifiedDate(store, kb, store)
             else console.log('Failed to change assignee:\n' + body)
           }
         )
@@ -357,7 +358,7 @@ export function renderIssue (issue, context) {
   */
   function supersOver (issue, stack) {
     stack = stack || []
-    const sup = store.any(null, ns.wf('dependent'), issue, issue.doc())
+    const sup = kb.any(null, ns.wf('dependent'), issue, issue.doc())
     if (sup) return supersOver(sup, [sup].concat(stack))
     return stack
   }
@@ -369,7 +370,7 @@ export function renderIssue (issue, context) {
     const listOfSupers = subIssuePanel.appendChild(dom.createElement('div'))
     listOfSupers.style.display = 'flex'
     listOfSupers.refresh = function () {
-      // const supers = store.each(null, ns.wf('dependent'), issue, issue.doc())
+      // const supers = kb.each(null, ns.wf('dependent'), issue, issue.doc())
       const supers = supersOver(issue)
       utils.syncTableToArrayReOrdered(listOfSupers, supers, renderSubIssue)
     }
@@ -381,7 +382,7 @@ export function renderIssue (issue, context) {
     listOfSubs.style.display = 'flex'
     listOfSubs.style.flexDirection = 'reverse' // Or center
     listOfSubs.refresh = function () {
-      const subs = store.each(issue, ns.wf('dependent'), null, issue.doc())
+      const subs = kb.each(issue, ns.wf('dependent'), null, issue.doc())
       utils.syncTableToArrayReOrdered(listOfSubs, subs, renderSubIssue)
     }
     listOfSubs.refresh()
@@ -395,7 +396,7 @@ export function renderIssue (issue, context) {
     b.addEventListener(
       'click',
       function (_event) {
-        subIssuePanel.insertBefore(newIssueForm(dom, store, tracker, issue, listOfSubs.refresh), b.nextSibling) // Pop form just after button
+        subIssuePanel.insertBefore(newIssueForm(dom, kb, tracker, issue, listOfSubs.refresh), b.nextSibling) // Pop form just after button
       },
       false
     )
@@ -404,7 +405,7 @@ export function renderIssue (issue, context) {
   issueDiv.appendChild(dom.createElement('br'))
 
   // Extras are stored centrally to the tracker
-  const extrasForm = store.any(tracker, ns.wf('extrasEntryForm'))
+  const extrasForm = kb.any(tracker, ns.wf('extrasEntryForm'))
   if (extrasForm) {
     widgets.appendForm(
       dom,
@@ -422,31 +423,31 @@ export function renderIssue (issue, context) {
 
   const spacer = issueDiv.appendChild(renderSpacer(dom, backgroundColor))
 
-  const template = store.anyValue(tracker, ns.wf('issueURITemplate'))
+  const template = kb.anyValue(tracker, ns.wf('issueURITemplate'))
   /*
-  var chatDocURITemplate = store.anyValue(tracker, ns.wf('chatDocURITemplate')) // relaive to issue
+  var chatDocURITemplate = kb.anyValue(tracker, ns.wf('chatDocURITemplate')) // relaive to issue
   var chat
   if (chatDocURITemplate) {
     let template = $rdf.uri.join(chatDocURITemplate, issue.uri) // Template is relative to issue
-    chat = store.sym(expandTemplate(template))
+    chat = kb.sym(expandTemplate(template))
   } else
   */
   let messageStore
   if (template) {
     messageStore = issue.doc() // for now. Could go deeper
   } else {
-    messageStore = store.any(tracker, ns.wf('messageStore'))
-    if (!messageStore) messageStore = store.any(tracker, ns.wf('stateStore'))
-    store.sym(messageStore.uri + '#' + 'Chat' + timestring()) // var chat =
+    messageStore = kb.any(tracker, ns.wf('messageStore'))
+    if (!messageStore) messageStore = kb.any(tracker, ns.wf('stateStore'))
+    kb.sym(messageStore.uri + '#' + 'Chat' + timestring()) // var chat =
   }
 
-  store.fetcher.nowOrWhenFetched(messageStore, function (ok, body, _xhr) {
+  kb.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, store, issue, messageStore)
+      const discussion = messageArea(dom, kb, issue, messageStore)
       issueDiv.insertBefore(discussion, spacer)
       issueDiv.insertBefore(renderSpacer(dom, backgroundColor), discussion)
     } // Not sure why  e stuck this in upwards rather than downwards
@@ -465,14 +466,14 @@ export function renderIssue (issue, context) {
   widgets.attachmentList(dom, issue, issueDiv, {
     doc: stateStore,
     promptIcon: icons.iconBase + 'noun_25830.svg',
-    uploadFolder: store.sym(uploadFolderURI), // Allow local files to be uploaded
+    uploadFolder: kb.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 store.updater.update(store.connectedStatements(issue))
+      await kb.updater.update(kb.connectedStatements(issue))
     } catch (err) {
       complain(`Unable to delete issue: ${err}`, context)
     }
@@ -490,7 +491,7 @@ export function renderIssue (issue, context) {
     'click',
     async function (_event) {
       try {
-        await store.fetcher.load(messageStore, { force: true, clearPreviousData: true })
+        await kb.fetcher.load(messageStore, { force: true, clearPreviousData: true })
       } catch (err) {
         alert(err)
         return

package/issuePane.js

@@ -5,7 +5,7 @@
  **
  */
 
-import * as UI from 'solid-ui'
+import { create, login, ns, icons, rdf, tabs, table, utils, widgets } 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'
@@ -14,9 +14,7 @@ import { newIssueForm } from './newIssue'
 import { trackerSettingsFormText } from './trackerSettingsForm.js'
 // import { trackerInstancesFormText } from './trackerInstancesForm.js'
 
-const $rdf = UI.rdf
-const ns = UI.ns
-const widgets = UI.widgets
+const $rdf = rdf
 
 // const MY_TRACKERS_ICON = UI.icons.iconBase + 'noun_Document_998605.svg'
 // const TRACKER_ICON = UI.icons.iconBase + 'noun_list_638112'
@@ -24,7 +22,7 @@ const widgets = UI.widgets
 
 const OVERFLOW_STYLE = 'position: fixed; z-index: 100; top: 1.51em; right: 2em; left: 2em; bottom:1.5em; border: 0.1em grey; overflow: scroll;'
 export default {
-  icon: UI.icons.iconBase + 'noun_122196.svg', // was: js/panes/issue/tbl-bug-22.png
+  icon: icons.iconBase + 'noun_122196.svg', // was: js/panes/issue/tbl-bug-22.png
   // noun_list_638112 is a checklist document
   // noun_Document_998605.svg is a stack of twpo checklists
   // noun_97839.svg is a ladybug
@@ -39,7 +37,7 @@ export default {
     const t = store.findTypeURIs(subject)
     if (
       t['http://www.w3.org/2005/01/wf/flow#Task'] ||
-      store.holds(subject, UI.ns.wf('tracker'))
+      store.holds(subject, 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,
@@ -56,51 +54,50 @@ export default {
       const docs = deletions.concat(insertions).map(st => st.why)
       const uniqueDocs = Array.from(new Set(docs))
       const updates = uniqueDocs.map(doc =>
-        kb.updater.update(deletions.filter(st => st.why.sameTerm(doc)),
+        store.updater.update(deletions.filter(st => st.why.sameTerm(doc)),
           insertions.filter(st => st.why.sameTerm(doc))))
       return Promise.all(updates)
     }
 
-    const kb = context.session.store
-    const ns = UI.ns
+    const store = context.session.store
     let stateStore
     if (options.newInstance) {
-      stateStore = kb.sym(options.newInstance.doc().uri + '_state.ttl')
+      stateStore = store.sym(options.newInstance.doc().uri + '_state.ttl')
     } else {
-      options.newInstance = kb.sym(options.newBase + 'index.ttl#this')
-      stateStore = kb.sym(options.newBase + 'state.ttl')
+      options.newInstance = store.sym(options.newBase + 'index.ttl#this')
+      stateStore = store.sym(options.newBase + 'state.ttl')
     }
     const tracker = options.newInstance
     const appDoc = tracker.doc()
 
     const me = authn.currentUser()
     if (me) {
-      kb.add(tracker, ns.dc('author'), me, appDoc)
+      store.add(tracker, ns.dc('author'), me, appDoc)
     }
 
-    kb.add(tracker, ns.rdf('type'), ns.wf('Tracker'), appDoc)
-    kb.add(tracker, ns.dc('created'), new Date(), appDoc)
+    store.add(tracker, ns.rdf('type'), ns.wf('Tracker'), appDoc)
+    store.add(tracker, ns.dc('created'), new Date(), appDoc)
 
     // @@ to do --- adk user what sort of tracker they want
 
-    kb.add(tracker, ns.wf('issueClass'), ns.wf('Task'), appDoc) // @@ ask user
-    kb.add(tracker, ns.wf('initialState'), ns.wf('Open'), appDoc)
-    kb.add(tracker, ns.wf('stateStore'), stateStore, appDoc)
-    kb.add(tracker, ns.wf('assigneeClass'), ns.foaf('Person'), appDoc) // @@ set to people in the meeting?
+    store.add(tracker, ns.wf('issueClass'), ns.wf('Task'), appDoc) // @@ ask user
+    store.add(tracker, ns.wf('initialState'), ns.wf('Open'), appDoc)
+    store.add(tracker, ns.wf('stateStore'), stateStore, appDoc)
+    store.add(tracker, ns.wf('assigneeClass'), ns.foaf('Person'), appDoc) // @@ set to people in the meeting?
 
-    kb.add(tracker, ns.wf('stateStore'), stateStore, stateStore) // Back Link
+    store.add(tracker, ns.wf('stateStore'), stateStore, stateStore) // Back Link
 
-    const ins = kb.statementsMatching(undefined, undefined, undefined, appDoc).concat(kb.statementsMatching(undefined, undefined, undefined, stateStore))
+    const ins = store.statementsMatching(undefined, undefined, undefined, appDoc).concat(store.statementsMatching(undefined, undefined, undefined, stateStore))
     try {
       await updateMany([], ins)
     } catch (err) {
-      return UI.widgets.complain(context, 'Error writing tracker configuration: ' + err)
+      return widgets.complain(context, 'Error writing tracker configuration: ' + err)
     }
     /*
     try {
-      await kb.updater.updateMany([], kb.statementsMatching(undefined, undefined, undefined, stateStore))
+      await store.updater.updateMany([], store.statementsMatching(undefined, undefined, undefined, stateStore))
     } catch (err) {
-      return UI.widgets.complain(context, 'Error writing tracker state file: ' + err)
+      return widgets.complain(context, 'Error writing tracker state file: ' + err)
     }
 */
     const dom = context.dom
@@ -126,7 +123,7 @@ export default {
 
     function complain (message) {
       console.warn(message)
-      paneDiv.appendChild(UI.widgets.errorMessageBlock(dom, message))
+      paneDiv.appendChild(widgets.errorMessageBlock(dom, message))
     }
 
     function complainIfBad (ok, message) {
@@ -140,37 +137,24 @@ export default {
     ** This is would not be needed if our quey language
     ** allowed is to query ardf Collection membership.
     */
-    async function fixSubClasses (kb, tracker) { // 20220228
+    async function fixSubClasses (store, tracker) { // 20220228
       async function checkOneSuperclass (klass) {
-        const collection = kb.any(klass, ns.owl('disjointUnionOf'), null, doc)
+        const collection = store.any(klass, ns.owl('disjointUnionOf'), null, doc)
         if (!collection) throw new Error(`Classification ${klass} has no disjointUnionOf`)
         if (!collection.elements) throw new Error(`Classification ${klass} has no array`)
         const needed = new Set(collection.elements.map(x => x.uri))
+        const existing = new Set(store.each(null, ns.rdfs('subClassOf'), klass, doc).map(x => x.uri))
 
-        const existing = new Set(kb.each(null, ns.rdfs('subClassOf'), klass, doc).map(x => x.uri))
-        const superfluous = existing.filter(sub => !needed.has(sub))
-        const deleteActions = superfluous.map(sub => { return { action: 'delete', st: $rdf.st(kb.sym(sub), ns.rdfs('subClassOf'), klass, doc) } })
-        /*
-        for (const sub of existing) {
-          if (!needed.has(sub)) {
-            deletables.push($rdf.st(kb.sym(sub), ns.rdfs('subClassOf'), klass, doc))
-          }
-        }
-        */
-        const missing = needed.filter(sub => !existing.has(sub))
-        const insertActions = missing.ma(sub => { return { action: 'insert', st: $rdf.st(kb.sym(sub), ns.rdfs('subClassOf'), klass, doc) } })
-        /*
-        for (const sub of needed) {
-          if (!existing.has(sub)) {
-            insertables.push($rdf.st(kb.sym(sub), ns.rdfs('subClassOf'), klass, doc))
-          }
-        }
-        */
+        const superfluous = [...existing].filter(sub => !needed.has(sub))
+        const deleteActions = superfluous.map(sub => { return { action: 'delete', st: $rdf.st(store.sym(sub), ns.rdfs('subClassOf'), klass, doc) } })
+
+        const missing = [...needed].filter(sub => !existing.has(sub))
+        const insertActions = missing.map(sub => { return { action: 'insert', st: $rdf.st(store.sym(sub), ns.rdfs('subClassOf'), klass, doc) } })
         return deleteActions.concat(insertActions)
       }
       const doc = tracker.doc()
-      const states = kb.any(tracker, ns.wf('issueClass'))
-      const cats = kb.each(tracker, ns.wf('issueCategory')).concat([states])
+      const states = store.any(tracker, ns.wf('issueClass'))
+      const cats = store.each(tracker, ns.wf('issueCategory')).concat([states])
       let damage = [] // to make totally functionaly  need to deal with map over async.
       for (const klass of cats) {
         damage = damage.concat(await checkOneSuperclass(klass))
@@ -181,7 +165,7 @@ export default {
         // alert(`Internal error: s${damage} subclasses inconsistences!`)
         console.log('Damage:', damage)
         if (confirm(`Fix ${damage} inconsistent subclasses in tracker config?`)) {
-          await kb.updater.update(deletables, insertables)
+          await store.updater.update(deletables, insertables)
         }
       }
     }
@@ -210,7 +194,7 @@ export default {
         const stateStore = store.any(tracker, ns.wf('stateStore'))
 
         if (newState.sameTerm(currentState)) {
-          // alert('Same state ' + UI.utils.label(currentState)) // @@ remove
+          // alert('Same state ' + utils.label(currentState)) // @@ remove
           return
         }
         try {
@@ -218,7 +202,7 @@ export default {
             [$rdf.st(issue, ns.rdf('type'), currentState, stateStore)],
             [$rdf.st(issue, ns.rdf('type'), newState, stateStore)])
         } catch (err) {
-          UI.widgets.complain(context, 'Unable to change issue state: ' + err)
+          widgets.complain(context, 'Unable to change issue state: ' + err)
         }
         boardDiv.refresh() // reorganize board to match the new reality
       }
@@ -242,7 +226,7 @@ export default {
     /** ////////////// Table
     */
     function tableRefreshButton (stateStore, tableDiv) {
-      const refreshButton = widgets.button(dom, UI.icons.iconBase + 'noun_479395.svg',
+      const refreshButton = widgets.button(dom, icons.iconBase + 'noun_479395.svg',
         'refresh table', async _event => {
           try {
             await store.fetcher.load(stateStore, { force: true, clearPreviousData: true })
@@ -250,7 +234,7 @@ export default {
             alert(err)
             return
           }
-          UI.widgets.refreshTree(tableDiv)
+          widgets.refreshTree(tableDiv)
         })
       return refreshButton
     }
@@ -264,7 +248,7 @@ export default {
       const states = store.any(subject, ns.wf('issueClass'))
       const cats = store.each(tracker, ns.wf('issueCategory')) // zero or more
       const vars = ['issue', 'state', 'created']
-      const query = new $rdf.Query(UI.utils.label(subject))
+      const query = new $rdf.Query(utils.label(subject))
       for (let i = 0; i < cats.length; i++) {
         vars.push('_cat_' + i)
       }
@@ -318,7 +302,7 @@ export default {
         exposeOverlay(subject, context)
       }
 
-      const tableDiv = UI.table(dom, {
+      const tableDiv = table(dom, {
         query: query,
         keyVariable: '?issue', // Charactersic of row
         sortBy: '?created', // By default, sort by date
@@ -349,19 +333,19 @@ export default {
       }
       const issuePane = context.session.paneRegistry.byName('issue')
       const relevantPanes = [issuePane]
-      UI.create.newThingUI(creationContext, context, relevantPanes) // Have to pass panes down  newUI
+      create.newThingUI(creationContext, context, relevantPanes) // Have to pass panes down  newUI
       return creationDiv
     }
 
     function renderInstances (theClass) {
       const instancesDiv = dom.createElement('div')
       const context = { dom, div: instancesDiv, noun: 'tracker' }
-      UI.login.registrationList(context, { public: true, private: true, type: theClass }).then(_context2 => {
+      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')
         const text = trackerInstancesFormText
-        $rdf.parse(text, kb, InstancesForm.doc().uri, 'text/turtle')
+        $rdf.parse(text, store, InstancesForm.doc().uri, 'text/turtle')
         widgets.appendForm(dom, instancesDiv, {}, tracker, InstancesForm,
           tracker.doc(), complainIfBad)
         */
@@ -370,9 +354,18 @@ export default {
     }
     function renderSettings (tracker) {
       const settingsDiv = dom.createElement('div')
+      const states = store.any(tracker, ns.wf('issueClass'))
+      const views = [tableView, states] // Possible default views
+        .concat(store.each(tracker, ns.wf('issueCategory')))
+      const box = settingsDiv.appendChild(dom.createElement('div'))
+      const lhs = widgets.renderNameValuePair(dom, store, box, null, 'Default view') // @@ use a predicate?
+      lhs.appendChild(widgets.makeSelectForOptions(dom, store, tracker,
+        ns.wf('defaultView'),
+        views, {}, tracker.doc()))
+
       // A registration control allows the to record this tracker in their type index
       const context = { dom, div: settingsDiv, noun: 'tracker' }
-      UI.login.registrationControl(context, tracker, ns.wf('Tracker')).then(_context2 => {
+      login.registrationControl(context, tracker, ns.wf('Tracker')).then(_context2 => {
         const settingsForm = ns.wf('TrackerSettingsForm')
         const text = trackerSettingsFormText
         $rdf.parse(text, store, settingsForm.doc().uri, 'text/turtle')
@@ -404,7 +397,7 @@ export default {
       const items = [instancesView, tableView, states]
         .concat(store.each(tracker, ns.wf('issueCategory')))
       items.push(settingsView)
-      const selectedTab = tableView.uri
+      const selectedTab = store.any(tracker, ns.wf('defaultView'), null, tracker.doc()) || tableView
       const options = { renderMain, items, selectedTab }
 
       // Add stuff to the ontologies which we believe but they don't say
@@ -413,15 +406,42 @@ export default {
       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
+      const myTabs = tabs.tabWidget(options)
+      return myTabs
+    }
+
+    async function renderSingleIssue () {
+      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
+      try {
+        const _xhrs = await context.session.store.fetcher.load(tracker.doc())
+      } catch (err) {
+        const msg = 'Failed to load tracker config ' + tracker.doc() + ': ' + err
+        return complain(msg)
+      }
+
+      const stateStore = store.any(tracker, ns.wf('stateStore'))
+      if (!stateStore) {
+        return complain('Tracker has no state store: ' + tracker)
+      }
+      try {
+        await context.session.store.fetcher.load(subject)
+      } catch (err) {
+        return complain('Failed to load issue state ' + stateStore + ': ' + err)
+      }
+      paneDiv.appendChild(renderIssue(subject, context))
+      updater.addDownstreamChangeListener(stateStore, function () {
+        widgets.refreshTree(paneDiv)
+      }) // Live update
     }
 
     async function renderTracker () {
       function showNewIssue (issue) {
-        UI.widgets.refreshTree(paneDiv)
+        widgets.refreshTree(paneDiv)
         exposeOverlay(issue, context)
-        b.disabled = false // https://stackoverflow.com/questions/41176582/enable-disable-a-button-in-pure-javascript
+        newIssueButton.disabled = false // https://stackoverflow.com/questions/41176582/enable-disable-a-button-in-pure-javascript
       }
       tracker = subject
 
@@ -436,32 +456,32 @@ export default {
       const stateStore = store.any(subject, ns.wf('stateStore'))
       if (!stateStore) throw new Error('This tracker has no stateStore')
 
-      authn.checkUser() // kick off async operation
+      // const me = await authn.currentUser()
 
       const h = dom.createElement('h2')
       h.setAttribute('style', 'font-size: 150%')
       paneDiv.appendChild(h)
-      const classLabel = UI.utils.label(states)
+      const classLabel = utils.label(states)
       h.appendChild(dom.createTextNode(classLabel + ' list')) // Use class label @@I18n
 
       // New Issue button
-      const b = dom.createElement('button')
+      const newIssueButton = dom.createElement('button')
       const container = dom.createElement('div')
-      b.setAttribute('type', 'button')
-      b.setAttribute('style', 'padding: 0.3em; font-size: 100%; margin: 0.5em; display: flex; align-items: center;')
-      container.appendChild(b)
+      newIssueButton.setAttribute('type', 'button')
+      newIssueButton.setAttribute('style', 'padding: 0.3em; font-size: 100%; margin: 0.5em;')
+      container.appendChild(newIssueButton)
       paneDiv.appendChild(container)
       const img = dom.createElement('img')
-      img.setAttribute('src', UI.icons.iconBase + 'noun_19460_green.svg')
+      img.setAttribute('src', icons.iconBase + 'noun_19460_green.svg')
       img.setAttribute('style', 'width: 1em; height: 1em; margin: 0.2em;')
-      b.appendChild(img)
+      newIssueButton.appendChild(img)
       const span = dom.createElement('span')
       span.innerHTML = 'New ' + classLabel
-      b.appendChild(span)
-      b.addEventListener(
+      newIssueButton.appendChild(span)
+      newIssueButton.addEventListener(
         'click',
         function (_event) {
-          b.disabled = true
+          newIssueButton.disabled = true
           container.appendChild(newIssueForm(dom, store, tracker, null, showNewIssue))
         },
         false
@@ -482,7 +502,7 @@ export default {
           } else {
             console.log('No table refresh function?!')
           }
-          paneDiv.appendChild(newTrackerButton(subject))
+          paneDiv.appendChild(newTrackerButton(subject, context))
           updater.addDownstreamChangeListener(stateStore, tableDiv.refresh) // Live update
         })
         .catch(function (err) {
@@ -503,12 +523,12 @@ export default {
     let tracker
 
     // Whatever we are rendering, lets load the ontology
-    const flowOntology = UI.ns.wf('').doc()
+    const flowOntology = ns.wf('').doc()
     if (!store.holds(undefined, undefined, undefined, flowOntology)) {
       // If not loaded already
       $rdf.parse(require('./wf.js'), store, flowOntology.uri, 'text/turtle') // Load ontology directly
     }
-    const userInterfaceOntology = UI.ns.ui('').doc()
+    const userInterfaceOntology = ns.ui('').doc()
     if (!store.holds(undefined, undefined, undefined, userInterfaceOntology)) {
       // If not loaded already
       $rdf.parse(require('./ui.js'), store, userInterfaceOntology.uri, 'text/turtle') // Load ontology directly
@@ -517,54 +537,11 @@ export default {
     // Render a single issue
     if (
       t['http://www.w3.org/2005/01/wf/flow#Task'] ||
-      store.holds(subject, UI.ns.wf('tracker'))
+      store.holds(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
-
-      context.session.store.fetcher
-        .load(tracker.doc())
-        .then(function (_xhrs) {
-          const stateStore = store.any(tracker, ns.wf('stateStore'))
-          context.session.store.fetcher.nowOrWhenFetched(
-            stateStore,
-            subject,
-            function drawIssuePane2 (ok, body) {
-              if (!ok) {
-                return console.log(
-                  'Failed to load state ' + stateStore + ' ' + body
-                )
-              }
-              paneDiv.appendChild(renderIssue(subject, context))
-              updater.addDownstreamChangeListener(stateStore, function () {
-                UI.widgets.refreshTree(paneDiv)
-              }) // Live update
-            }
-          )
-        })
-        .catch(err => {
-          const msg = 'Failed to load config ' + tracker.doc() + ' ' + err
-          return complain(msg)
-        })
-      context.session.store.fetcher.nowOrWhenFetched(
-        tracker.doc(),
-        subject,
-        function drawIssuePane1 (ok, body) {
-          if (!ok) {
-            return console.log(
-              'Failed to load config ' + tracker.doc() + ' ' + body
-            )
-          }
-        }
-      ) // End nowOrWhenFetched tracker
-
-      // /////////////////////////////////////////////////////////
-      //
-      //          Render a Tracker instance
-      //
+      renderSingleIssue().then(() => console.log('Single issue rendered'))
     } else if (t['http://www.w3.org/2005/01/wf/flow#Tracker']) {
+      //          Render a Tracker instance
       renderTracker().then(() => console.log('Tracker rendered'))
     } else {
       console.log(
@@ -588,7 +565,7 @@ export default {
         return
       }
 
-      loginOutButton = UI.login.loginStatusBox(dom, webIdUri => {
+      loginOutButton = authn.loginStatusBox(dom, webIdUri => {
         if (webIdUri) {
           context.me = store.sym(webIdUri)
           console.log('Web ID set from login button: ' + webIdUri)

package/newIssue.js

@@ -1,9 +1,8 @@
 //  Form to collect data about a New Issue
 //
-import * as UI from 'solid-ui'
+import { ns, rdf, utils } from 'solid-ui'
 
-const $rdf = UI.rdf
-const ns = UI.ns
+const $rdf = rdf
 
 export function newIssueForm (dom, kb, tracker, superIssue, showNewIssue) {
   const form = dom.createElement('div') // form is broken as HTML behaviour can resurface on js error
@@ -87,7 +86,7 @@ export function newIssueForm (dom, kb, tracker, superIssue, showNewIssue) {
   }
 
   const states = kb.any(tracker, ns.wf('issueClass'))
-  const classLabel = UI.utils.label(states)
+  const classLabel = utils.label(states)
   form.innerHTML =
     '<h2>Add new ' +
     (superIssue ? 'sub ' : '') +

package/newTracker.js

@@ -28,7 +28,6 @@ export function newTrackerButton (thisTracker, context) {
       if (u === stateStore.uri) return newStore // special case
       if (u.slice(0, oldBase.length) === oldBase) {
         u = base + u.slice(oldBase.length)
-        $rdf.log.debug(' Map ' + x.uri + ' to ' + u)
       }
       return store.sym(u)
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "issue-pane",
-  "version": "2.4.10-47ba5f95",
+  "version": "2.4.10-5e2ce57c",
   "description": "Solid-compatible Panes: issue editor",
   "main": "./issuePane.js",
   "scripts": {
@@ -35,15 +35,15 @@
   "homepage": "https://github.com/solid/issue-pane",
   "dependencies": {
     "pane-registry": "^2.4.7",
-    "rdflib": "^2.2.18",
+    "rdflib": "^2.2.17",
     "solid-logic": "^1.3.14",
     "solid-ui": "^2.4.19"
   },
   "devDependencies": {
-    "eslint": "^8.11.0",
-    "eslint-plugin-import": "^2.25.4",
+    "eslint": "^7.32.0",
     "husky": "^7.0.4",
-    "lint-staged": "^12.3.7"
+    "lint-staged": "^11.2.6",
+    "standard": "^16.0.4"
   },
   "husky": {
     "hooks": {