issue-pane 2.6.1 → 3.0.0-a58a4367

package/dist/ecosystem-roadmap.ttl

@@ -1,78 +0,0 @@
-@prefix : <#>.
-@prefix dc: <http://purl.org/dc/elements/1.1/>.
-@prefix dct: <http://purl.org/dc/terms/>.
-@prefix foaf: <http://xmlns.com/foaf/0.1/>.
-@prefix owl: <http://www.w3.org/2002/07/owl#>.
-@prefix rdfs: <http://www.w3.org/2000/01/rdf-schema#>.
-@prefix ui: <http://www.w3.org/ns/ui#>.
-@prefix wf: <http://www.w3.org/2005/01/wf/flow#>.
-@prefix xsd: <http://www.w3.org/2001/XMLSchema#>.
-@prefix c: </profile/card#>.
-
-:Classification
-    rdfs:label "Category";
-    owl:disjointUnionOf
-    ( :Specification :Tests :Servers :Clients :DeveloperTools :Vertical ).
-:Clients
-    rdfs:comment "Client side frameworks, SDKs and operating systems";
-    rdfs:label "Clients";
-    rdfs:subClassOf :Classification.
-:DeveloperTools rdfs:label "Developer tools"; rdfs:subClassOf :Classification.
-
-:InProgress
-    rdfs:label "In progress";
-    rdfs:subClassOf wf:Open, :States;
-    ui:backgroundColor "#f9ee71"^^xsd:color.
-:NextSession
-    rdfs:label "To be done this month";
-    rdfs:subClassOf wf:Open, :States;
-    ui:backgroundColor "#91fdb9"^^xsd:color.
-:Released
-    rdfs:label "Released";
-    rdfs:subClassOf wf:Open, :States;
-    ui:backgroundColor "#e2a7fb"^^xsd:color.
-:Research
-    rdfs:label "Research";
-    rdfs:subClassOf wf:Open, :States;
-    ui:backgroundColor "#ffffff"^^xsd:color.
-:Servers
-rdfs:label "Solid Server implementations"; rdfs:subClassOf :Classification.
-:Someday
-    rdfs:label "Someday pile";
-    rdfs:subClassOf wf:Open, :States;
-    ui:backgroundColor "#e3e3e3"^^xsd:color.
-:Specification
-rdfs:label "Parts of the Solid specification"; rdfs:subClassOf :Classification.
-:States
-    rdfs:label "Task";
-    owl:disjointUnionOf
-    ( :Research :Someday :ToBeDone :NextSession :InProgress :Works :Released ).
-:Tests rdfs:label "Test suites"; rdfs:subClassOf :Classification.
-
-:this
-    a wf:Tracker;
-    dc:author c:me;
-    dc:created "2020-07-21T14:00:20Z"^^xsd:dateTime;
-    dct:title "Solid Ecosystem: Roadmap";
-    wf:assigneeClass foaf:Person;
-    wf:defaultView :Classification;
-    wf:description
-        """A roadmap for the whole Solid ecosystem.
-See also other linked roadmaps for parts of the ecosystem like the SolidOS, Spec, open source projects, etc.
-
-
-""";
-    wf:initialState :Someday;
-    wf:issueCategory :Classification;
-    wf:issueClass :States;
-    wf:stateStore <state.ttl>.
-:ToBeDone
-    rdfs:label "To Be Done";
-    rdfs:subClassOf wf:Open, :States;
-    ui:backgroundColor "#e0ffeb"^^xsd:color.
-:Vertical rdfs:label "Apps and Verticals"; rdfs:subClassOf :Classification.
-
-:Works
-    rdfs:label "Code runs";
-    rdfs:subClassOf wf:Open, :States;
-    ui:backgroundColor "#dcdbff"^^xsd:color.

package/dist/state-big-tracker.ttl

@@ -1,64 +0,0 @@
-@prefix dc: <http://purl.org/dc/terms/> .
-@prefix rdfs: <http://www.w3.org/2000/01/rdf-schema#> .
-@prefix con: <http://www.w3.org/2000/10/swap/pim/contact#> .
-@prefix dc: <http://purl.org/dc/elements/1.1/>.
-@prefix doap: <http://usefulinc.com/ns/doap#> .
-@prefix wf: <http://www.w3.org/2005/01/wf/flow#> .
-@prefix ical: <http://www.w3.org/2002/12/cal/ical#> .
-@prefix owl: <http://www.w3.org/2002/07/owl#> .
-@prefix ui: <http://www.w3.org/ns/ui#> .
-@prefix dct: <http://purl.org/dc/terms/> .
-@prefix : <big-tracker.ttl#> . # the config file
-
-    <#Task1> wf:tracker :this ;
-        dc:title "Test task 1";
-        a :New , :Action;
-        dct:created 2004-08-21;
-        ical:location "London";
-        wf:dateReceived 2000-01-12;
-        wf:earliestDate 1999-12-12;
-        wf:latestDate 2001-12-12;
-
-        wf:description "Yadda Tadda yadda ";
-        rdfs:comment "This is a comment".
-
-    <#Task2> wf:tracker :this ;
-        dc:title "Test task 2";
-        a :Accepted , :Action;
-        dct:created 2004-06-21;
-        ical:location "London";
-        wf:dateReceived 2000-01-12;
-        wf:earliestDate 1999-12-12;
-        wf:latestDate 2001-12-12;
-
-        wf:description "Yadda Tadda yadda ";
-        rdfs:comment "This is a comment".
-
-    <#Task3> wf:tracker :this ;
-        dc:title "Test task 3";
-        a :New , :Book;
-        dct:created 2004-04-21;
-        ical:location "London";
-        wf:dateReceived 2000-01-12;
-        wf:earliestDate 1999-12-12;
-        wf:latestDate 2001-12-12;
-
-        wf:description "Yadda Tadda yadda ";
-        rdfs:comment "This is a comment".
-
-    <#Task4> wf:tracker :this ;
-        dc:title "Test task 4";
-        a :Accepted , :Book;
-        dct:created 2004-09-21;
-        ical:location "London";
-        wf:dateReceived 2000-01-12;
-        wf:earliestDate 1999-12-12;
-        wf:latestDate 2001-12-12;
-
-        wf:description "Yadda Tadda yadda ";
-        rdfs:comment "This is a comment".
-
-
-
-# ENDS
-

package/eslint.config.mjs

@@ -1,32 +0,0 @@
-import globals from "globals";
-import js from "@eslint/js";
-import importPlugin from "eslint-plugin-import";
-
-export default [
-  {
-    languageOptions: {
-      globals: {
-        ...globals.browser,
-        ...globals.node,
-        Atomics: "readonly",
-        SharedArrayBuffer: "readonly",
-      },
-      ecmaVersion: 2022,
-      sourceType: "module",
-    },
-    plugins: {
-      import: importPlugin,
-    },
-    rules: {
-      ...js.configs.recommended.rules,
-      ...importPlugin.configs.recommended.rules,
-      "no-unused-vars": [
-        "warn",
-        {
-          argsIgnorePattern: "^_",
-          varsIgnorePattern: "^_",
-        },
-      ],
-    },
-  },
-];

package/issue.js

@@ -1,506 +0,0 @@
-// All the UI for a single issue, without store load or listening for changes
-//
-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
-
-export const TASK_ICON = icons.iconBase + 'noun_17020_gray-tick.svg'
-export const OPEN_TASK_ICON = icons.iconBase + 'noun_17020_sans-tick.svg'
-export const CLOSED_TASK_ICON = icons.iconBase + 'noun_17020.svg'
-
-function complain (message, context) {
-  console.warn(message)
-  context.paneDiv.appendChild(widgets.errorMessageBlock(context.dom, message))
-}
-
-export function isOpen (issue) {
-  const types = kb.findTypeURIs(issue)
-  return !!types[ns.wf('Open').uri]
-}
-
-export function iconForIssue (issue) {
-  return isOpen(issue) ? TASK_ICON : CLOSED_TASK_ICON
-}
-export function getState (issue, classification) {
-  const tracker = kb.the(issue, ns.wf('tracker'), null, issue.doc())
-  const states = kb.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))
-  if (types.length !== 1) {
-    // 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)
-  }
-  return types[0]
-}
-
-export function getBackgroundColorFromTypes (issue) {
-  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
-}
-
-export function renderIssueCard (issue, context) {
-  function refresh () {
-    const backgroundColor = getBackgroundColorFromTypes(issue) || 'white'
-    card.style.backgroundColor = backgroundColor
-    editButton.style.backgroundColor = backgroundColor // Override white from style sheet
-  }
-  const dom = context.dom
-  const uncategorized = !getBackgroundColorFromTypes(issue) // This is a suspect issue. Prompt to delete it
-
-  const card = dom.createElement('div')
-  const table = card.appendChild(dom.createElement('table'))
-  table.style.width = '100%'
-  const options = { draggable: false } // Let the board make the whole card draggable
-  table.appendChild(widgets.personTR(dom, null, issue, options))
-  table.subject = issue
-  card.style = 'border-radius: 0.4em; border: 0.05em solid grey; margin: 0.3em;'
-
-  const img = card.firstChild.firstChild.firstChild.firstChild // div/table/tr/td/img
-  img.setAttribute('src', icons.iconBase + 'noun_Danger_1259514.svg') // override
-  // Add a button for viewing the whole issue in overlay
-  const buttonsCell = card.firstChild.firstChild.children[2] // right hand part of card
-  const editButton = widgets.button(dom, icons.iconBase + 'noun_253504.svg', 'edit', async _event => {
-    exposeOverlay(issue, context)
-  })
-  const editButtonImage = editButton.firstChild
-  editButtonImage.style.width = editButtonImage.style.height = '1.5em'
-  buttonsCell.appendChild(editButton)
-
-  // If uncategorized, shortcut to delete issue
-  if (uncategorized) {
-    const deleteButton = widgets.deleteButtonWithCheck(dom, buttonsCell, 'issue', async function () { // noun?
-      try {
-        await kb.updater.update(kb.connectedStatements(issue))
-      } catch (err) {
-        complain(`Unable to delete issue: ${err}`, context)
-      }
-      console.log('User deleted issue ' + issue)
-      card.parentNode.removeChild(card) // refresh doesn't work yet because it is not passed though tabs so short cut
-      widgets.refreshTree(context.paneDiv) // Should delete the card if nec when tabs pass it though
-      // complain('DELETED OK', context)
-    })
-    buttonsCell.appendChild(deleteButton)
-  }
-  card.style.maxWidth = '24em' // @@ User adjustable??
-  card.refresh = refresh
-  refresh()
-  return card
-}
-
-export function exposeOverlay (subject, context) {
-  function hideOverlay () {
-    overlay.innerHTML = '' // clear overlay
-    overlay.style.visibility = 'hidden'
-  }
-  const overlay = context.overlay
-  overlay.innerHTML = '' // clear existing
-  const button = overlay.appendChild(
-    widgets.button(context.dom, icons.iconBase + 'noun_1180156.svg', 'close', hideOverlay))
-  button.style.float = 'right'
-  button.style.margin = '0.7em'
-  delete button.style.backgroundColor // do not want white
-  overlay.style.visibility = 'visible'
-  overlay.appendChild(renderIssue(subject, context))
-  overlay.firstChild.style.overflow = 'auto' // was scroll
-}
-
-function renderSpacer (dom, backgroundColor) {
-  const spacer = dom.createElement('div')
-  spacer.setAttribute('style', 'height: 1em; margin: 0.5em;') // spacer and placeHolder
-  spacer.style.backgroundColor = backgroundColor // try that
-  return spacer
-}
-
-export function renderIssue (issue, context) {
-  // Don't bother changing the last modified dates of things: save time
-  function setModifiedDate (subj, kb, doc) {
-    if (SET_MODIFIED_DATES) {
-      if (!getOption(tracker, 'trackLastModified')) return
-      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))
-      kb.updater.update(deletions, insertions, function (_uri, _ok, _body) {})
-    }
-  }
-
-  function say (message, style) {
-    const pre = dom.createElement('pre')
-    pre.setAttribute('style', style || 'color: grey')
-    issueDiv.appendChild(pre)
-    pre.appendChild(dom.createTextNode(message))
-    return pre
-  }
-
-  function timestring () {
-    const now = new Date()
-    return '' + now.getTime()
-    // http://www.w3schools.com/jsref/jsref_obj_date.asp
-  }
-
-  function complain (message) {
-    console.warn(message)
-    issueDiv.appendChild(widgets.errorMessageBlock(dom, message))
-  }
-
-  function complainIfBad (ok, body) {
-    if (!ok) {
-      complain(
-        'Sorry, failed to save your change:\n' + body,
-        'background-color: pink;', context
-      )
-    }
-  }
-  function getOption (tracker, option) {
-    // eg 'allowSubIssues'
-    const opt = kb.any(tracker, ns.ui(option))
-    return !!(opt && opt.value)
-  }
-
-  function setPaneStyle () {
-    const backgroundColor = getBackgroundColorFromTypes(issue) || '#eee' // default grey
-    const mystyle0 = 'padding: 0.5em 1.5em 1em 1.5em; border: 0.7em;'
-    const mystyle = mystyle0 + 'border-color: ' + backgroundColor + '; '
-    issueDiv.setAttribute('style', mystyle)
-    issueDiv.style.backgroundColor = 'white'
-  }
-
-  /// ////////////// Body of renderIssue
-
-  const dom = context.dom
-  // eslint-disable-next-line no-use-before-define
-  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 = kb.any(tracker, ns.wf('stateStore'))
-  const store = issue.doc()
-
-  const issueDiv = dom.createElement('div')
-  const me = authn.currentUser()
-  const backgroundColor = getBackgroundColorFromTypes(issue) || 'white'
-
-  setPaneStyle()
-
-  authn.checkUser() // kick off async operation
-
-  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 = kb.any(tracker, ns.wf('issueClass'))
-  if (!states) { throw new Error('This tracker ' + tracker + ' has no issueClass') }
-  const select = widgets.makeSelectForCategory(
-    dom,
-    kb,
-    issue,
-    states,
-    stateStore,
-    function (ok, body) {
-      if (ok) {
-        setModifiedDate(store, kb, store)
-        widgets.refreshTree(issueDiv)
-      } else {
-        console.log('Failed to change state:\n' + body)
-      }
-    }
-  )
-  issueDiv.appendChild(select)
-
-  const cats = kb.each(tracker, ns.wf('issueCategory')) // zero or more
-  for (const cat of cats) {
-    issueDiv.appendChild(
-      widgets.makeSelectForCategory(
-        dom,
-        kb,
-        issue,
-        cat,
-        stateStore,
-        function (ok, body) {
-          if (ok) {
-            setModifiedDate(store, kb, store)
-            widgets.refreshTree(issueDiv)
-          } else {
-            console.log('Failed to change category:\n' + body)
-          }
-        }
-      )
-    )
-  }
-
-  // For when issue is the main solo subject, include link to tracker itself.
-  const a = dom.createElement('a')
-  a.setAttribute('href', tracker.uri)
-  a.setAttribute('style', 'float:right')
-  issueDiv.appendChild(a).textContent = utils.label(tracker)
-  a.addEventListener('click', widgets.openHrefInOutlineMode, true)
-
-  // Main Form for Title, description only
-  const coreIssueFormText = `
-    @prefix : <http://www.w3.org/ns/ui#> .
-    @prefix core: <http://www.w3.org/2005/01/wf/flow#>.
-    @prefix dc: <http://purl.org/dc/elements/1.1/>.
-    @prefix wf: <http://www.w3.org/2005/01/wf/flow#> .
-
-    core:coreIsueForm     a :Form;
-         <http://purl.org/dc/elements/1.1/title> "Core issue data";
-         :parts  (
-        core:titleField
-        core:descriptionField ) .
-
-    core:descriptionField     a :MultiLineTextField;
-         :label "Description";
-         :property wf:description;
-         :size "40" .
-
-    core:titleField     a :SingleLineTextField;
-         :label "Title";
-         :maxLength "128";
-         :property dc:title; # @@ Should move to dct or schema
-         :size "40" .
-
-    wf:Task     :creationForm core:coreIsueForm .
-`
-  const CORE_ISSUE_FORM = ns.wf('coreIsueForm')
-  $rdf.parse(coreIssueFormText, kb, CORE_ISSUE_FORM.doc().uri, 'text/turtle')
-  const form = widgets.appendForm(
-    dom,
-    null, // was: container
-    {},
-    issue,
-    CORE_ISSUE_FORM,
-    stateStore,
-    complainIfBad
-  )
-  issueDiv.appendChild(form)
-  form.style.backgroundColor = backgroundColor
-
-  // Assigned to whom?
-
-  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)
-    kb.updater.update(deletions, [], function (uri, ok, body) {
-      if (ok) {
-        say('Now fixed.')
-      } else {
-        complain('Fixed failed: ' + body, context)
-      }
-    })
-  }
-
-  // Who could be assigned to this?
-  // Anyone assigned to any issue we know about
-
-  async function getPossibleAssignees () {
-    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 = kb.any(null, ns.doap('bug-database'), tracker) // What project?
-    if (proj) {
-      await kb.fetcher.load(proj)
-    }
-    const projectDevs = proj ? kb.each(proj, ns.doap('developer')) : []
-    return groupDevs.concat(projectDevs)
-  }
-
-  // Super issues first - like parent directories .. maybe use breadcrums from?? @@
-  function renderSubIssue (issue) {
-    const options = { link: false }
-    return widgets.personTR(dom, ns.wf('dependent'), issue, options)
-  }
-
-  getPossibleAssignees().then(devs => {
-    if (devs.length) {
-      devs.forEach(function (person) {
-        kb.fetcher.lookUpThing(person)
-      }) // best effort async for names etc
-      const opts = {
-        // 'mint': '** Add new person **',
-        nullLabel: '(unassigned)'
-        /* 'mintStatementsFun': function (newDev) {
-          var sts = [ $rdf.st(newDev, ns.rdf('type'), ns.foaf('Person')) ]
-          if (proj) sts.push($rdf.st(proj, ns.doap('developer'), newDev))
-          return sts
-        }
-        */
-      }
-      issueDiv.appendChild(
-        widgets.makeSelectForOptions(
-          dom,
-          kb,
-          issue,
-          ns.wf('assignee'),
-          devs,
-          opts,
-          store,
-          function (ok, body) {
-            if (ok) setModifiedDate(store, kb, store)
-            else console.log('Failed to change assignee:\n' + body)
-          }
-        )
-      )
-    }
-  })
-
-  /*  The trees of super-issues and sub-issues
-  */
-  function supersOver (issue, stack) {
-    stack = stack || []
-    const sup = kb.any(null, ns.wf('dependent'), issue, issue.doc())
-    if (sup) return supersOver(sup, [sup].concat(stack))
-    return stack
-  }
-  if (getOption(tracker, 'allowSubIssues')) {
-    const subIssuePanel = issueDiv.appendChild(dom.createElement('div'))
-    subIssuePanel.style = 'margin: 1em; padding: 1em;'
-
-    subIssuePanel.appendChild(dom.createElement('h4')).textContent = 'Super Issues'
-    const listOfSupers = subIssuePanel.appendChild(dom.createElement('div'))
-    listOfSupers.style.display = 'flex'
-    listOfSupers.refresh = function () {
-      // const supers = kb.each(null, ns.wf('dependent'), issue, issue.doc())
-      const supers = supersOver(issue)
-      utils.syncTableToArrayReOrdered(listOfSupers, supers, renderSubIssue)
-    }
-    listOfSupers.refresh()
-
-    // Sub issues
-    subIssuePanel.appendChild(dom.createElement('h4')).textContent = 'Sub Issues'
-    const listOfSubs = subIssuePanel.appendChild(dom.createElement('div'))
-    listOfSubs.style.display = 'flex'
-    listOfSubs.style.flexDirection = 'reverse' // Or center
-    listOfSubs.refresh = function () {
-      const subs = kb.each(issue, ns.wf('dependent'), null, issue.doc())
-      utils.syncTableToArrayReOrdered(listOfSubs, subs, renderSubIssue)
-    }
-    listOfSubs.refresh()
-
-    const b = dom.createElement('button')
-    b.setAttribute('type', 'button')
-    subIssuePanel.appendChild(b)
-    const classLabel = utils.label(states)
-    b.innerHTML = 'New sub ' + classLabel
-    b.setAttribute('style', 'float: right; margin: 0.5em 1em;')
-    b.addEventListener(
-      'click',
-      function (_event) {
-        subIssuePanel.insertBefore(newIssueForm(dom, kb, tracker, issue, listOfSubs.refresh), b.nextSibling) // Pop form just after button
-      },
-      false
-    )
-  }
-
-  issueDiv.appendChild(dom.createElement('br'))
-
-  // Extras are stored centrally to the tracker
-  const extrasForm = kb.any(tracker, ns.wf('extrasEntryForm'))
-  if (extrasForm) {
-    widgets.appendForm(
-      dom,
-      issueDiv,
-      {},
-      issue,
-      extrasForm,
-      stateStore,
-      complainIfBad
-    )
-    // issueDiv.appendChild(renderSpacer(backgroundColor))
-  }
-
-  //   Comment/discussion area
-
-  const spacer = issueDiv.appendChild(renderSpacer(dom, backgroundColor))
-
-  const template = kb.anyValue(tracker, ns.wf('issueURITemplate'))
-  /*
-  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 = kb.sym(expandTemplate(template))
-  } else
-  */
-  let messageStore
-  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 =
-  }
-
-  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, kb, issue, messageStore)
-      issueDiv.insertBefore(discussion, spacer)
-      issueDiv.insertBefore(renderSpacer(dom, backgroundColor), discussion)
-    } // Not sure why  e stuck this in upwards rather than downwards
-  })
-
-  // Draggable attachment list
-  const attachmentHint = issueDiv.appendChild(dom.createElement('div'))
-  attachmentHint.innerHTML = `<h4>Attachments</h4>
-    <p>Drag files, emails,
-    web pages onto the paper clip, or click the file upload button.</p>`
-  const uploadFolderURI =
-     issue.uri.endsWith('/index.ttl#this') // This has a whole folder to itself
-       ? issue.uri.slice(0, 14) + 'Files/' // back to slash
-       : issue.dir().uri + 'Files/' + issue.uri.split('#')[1] + '/' // New folder for issue in file with others
-
-  widgets.attachmentList(dom, issue, issueDiv, {
-    doc: stateStore,
-    promptIcon: icons.iconBase + 'noun_25830.svg',
-    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 kb.updater.update(kb.connectedStatements(issue))
-    } catch (err) {
-      complain(`Unable to delete issue: ${err}`, context)
-    }
-    // @@ refreshTree
-    complain('DELETED OK', context)
-    issueDiv.style.backgroundColor = '#eee'
-    issueDiv.style.fontColor = 'orange'
-  })
-  deleteButton.style.float = 'right'
-
-  // Refresh button
-  const refreshButton = dom.createElement('button')
-  refreshButton.textContent = 'refresh messages'
-  refreshButton.addEventListener(
-    'click',
-    async function (_event) {
-      try {
-        await kb.fetcher.load(messageStore, { force: true, clearPreviousData: true })
-      } catch (err) {
-        alert(err)
-        return
-      }
-      widgets.refreshTree(issueDiv)
-    },
-    false
-  )
-  refreshButton.setAttribute('style', style.button)
-  issueDiv.appendChild(refreshButton)
-  return issueDiv
-} // renderIssue