issue-pane 2.4.20-9a4e6f86 → 2.4.20-c8b693ad

package/Makefile

@@ -1,6 +1,8 @@
 # Wrap TTL files into JS files for bundling with library
 
-,all : wf.js trackerSettingsForm.js trackerInstancesForm.js ui.js
+# unused:  trackerInstancesForm.js
+
+,all : wf.js trackerSettingsForm.js  ui.js
 
 #individualForm.js : individualForm.ttl
 #				(echo 'module.exports = `' ; cat individualForm.ttl; echo '`') >  individualForm.js

package/csvButton.js

@@ -0,0 +1,98 @@
+// A Button to copy the state of the tracker in CSV format
+// Comma-separated Values
+//
+// Yes this mixes the layers but that is not all bad if it gets it in one file
+// one can look at 
+
+import { icons, ns, utils, widgets } from 'solid-ui'
+import { store } from 'solid-logic'
+
+export function csvText(store, tracker)  {
+  function encode(value) {
+    // https://www.rfc-editor.org/rfc/rfc4180
+    const stripped = value.replace('\n', ' ')
+    if (!stripped.contains(',')) {
+      return stripped
+    }  // If contains comma then put in quotes and double up internal quotes
+    return '"' + stripped.replace('"', '""') + '"'
+  }
+
+  function columnText(task, column) {
+    let thing
+    if (column.predicate)  {
+      thing = store.any(task, column.predicate)
+    }
+    else if (column.category)  {
+      const types = store.each(task, ns.rdf('type'))
+      for (const t of types) {
+        if (store.holds(t, ns.rdfs('subClassOf'), column.category)){
+          thing = t
+        }
+      }
+      if (!thing) throw new Error('wot no category', column.category)
+    } else {
+      throw new Error('wot no pred or cat', column)
+    }
+    return utils.label(thing)
+  }
+
+  function taskLine(task) {
+    return columns.map(column => columnText(task, column))
+        .map(encode)
+        .join(',')
+            + '/n'
+  }
+  const stateStore = store.any(tracker, ns.wf('stateStore'))
+  const tasks = store.any(null, ns.wf('tracker'), tracker, stateStore)
+
+  let columns = [
+    /*  like:
+    { label: 'Name',    predicate: ns.dct('title')  },
+    { label: 'State', category: ns.wf('Task') }
+      */
+] 
+  const states = store.any(tracker, ns.wf('issueClass')) // Main states are subclasses of this class
+  const categories = store.each(tracker, ns.wf('issueCategory')) | []
+  const classifications = [states ] + categories
+  for (const c in classifications){
+    const column = { label: utils.label(c), category: c}
+    console.log('  CSV: found column from classifications', column)
+    columns.append(column) // Classes are different
+  }
+
+  // const propertyList = ns.wf('propertyList')
+  const form = store.any(tracker, ns.wf('extrasEntryForm'), null, tracker.doc())
+  if (form) {
+    const parts = store.any(form, ns.ui('parts'), null, form.doc())
+    const fields = parts.elements
+    for (const field of fields) {
+      const prop = store.any(field,ns.ui('property'))
+      const lab = utils.label(prop)
+      const column = {label: lab, predicate: prop}
+      console.log('  CSV: found column from form', column)
+      columns.append(column)
+    }
+  }
+  const header = columns.map(col => col.label).join(',') + '\n'
+  // Order tasks?? By Creation date? By Status?
+  const body = tasks.map(taskLine)
+  return header + body
+}
+
+export function csvButton (dom, tracker) {
+  const wrapper = dom.createElement('div')
+  // Add a button
+  const button = widgets.button(dom, icons.iconBase + 'noun_479395.svg',
+    'Copy as CSV', async _event => {
+      const csv = csvText(store, tracker)
+      var copyEvent = new ClipboardEvent('copy');
+      copyEvent.clipboardData.items.add(csv, 'text/csv');
+      copyEvent.clipboardData.items.add(csv, 'text/plain');
+      dom.dispatchEvent(copyEvent);
+      alert('Copy dispatched.')
+    })
+
+  wrapper.appendChild(button)
+  return wrapper
+}
+

package/issuePane.js

@@ -1,4 +1,4 @@
-/*   Issue Tracker Pane
+  /*   Issue Tracker Pane
  **
  **  This solid view allows a user to interact with an issue tracker, or individual issue,
  ** to change its state according to an ontology, comment on it, etc.
@@ -11,6 +11,7 @@ import { board } from './board' // @@ will later be in solid-UI
 import { renderIssue, renderIssueCard, getState, exposeOverlay } from './issue'
 import { newTrackerButton } from './newTracker'
 import { newIssueForm } from './newIssue'
+import { csvButton } from './csvButton'
 import { trackerSettingsFormText } from './trackerSettingsForm.js'
 // import { trackerInstancesFormText } from './trackerInstancesForm.js'
 
@@ -355,6 +356,7 @@ export default {
     }
     function renderSettings (tracker) {
       const settingsDiv = dom.createElement('div')
+      settingsDiv.appendChild(csvButton(dom, tracker)) // Button to copy the tracker as a CSV file
       const states = kb.any(tracker, ns.wf('issueClass'))
       const views = [tableView, states] // Possible default views
         .concat(kb.each(tracker, ns.wf('issueCategory')))

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "issue-pane",
-  "version": "2.4.20-9a4e6f86",
+  "version": "2.4.20-c8b693ad",
   "description": "Solid-compatible Panes: issue editor",
   "main": "./issuePane.js",
   "scripts": {