solid-panes 3.7.3-1bd42721 → 3.7.3-322e9b27

package/src/tabbed/tabbedPane.ts

@@ -0,0 +1,60 @@
+/*   Tabbed view of anything
+ **
+ ** data-driven
+ **
+ */
+import { Store } from 'rdflib'
+import { PaneDefinition } from 'pane-registry'
+import { icons, ns, tabs, widgets } from 'solid-ui'
+
+const TabbedPane: PaneDefinition = {
+  icon: icons.iconBase + 'noun_688606.svg',
+
+  name: 'tabbed',
+
+  audience: [ns.solid('PowerUser')],
+
+  // Does the subject deserve this pane?
+  label: (subject, context) => {
+    const kb = context.session.store as Store
+    const typeURIs = kb.findTypeURIs(subject)
+    if (ns.meeting('Cluster').uri in typeURIs) {
+      return 'Tabbed'
+    }
+    return null
+  },
+
+  render: (subject, context) => {
+    const dom = context.dom
+    const store = context.session.store as Store
+    const div = dom.createElement('div')
+
+    ;(async () => {
+      if (!store.fetcher) {
+        throw new Error('Store has no fetcher')
+      }
+      await store.fetcher.load(subject)
+
+      div.appendChild(tabs.tabWidget({
+        dom,
+        subject,
+        predicate: store.any(subject, ns.meeting('predicate')) || ns.meeting('toolList'),
+        ordered: true,
+        orientation: ((store as Store).anyValue(subject, ns.meeting('orientation')) || '0') as ('0' | '1' | '2' | '3'),
+        renderMain: (containerDiv, item) => {
+          containerDiv.innerHTML = ''
+          const table = containerDiv.appendChild(context.dom.createElement('table'))
+          ;(context.getOutliner(context.dom) as any).GotoSubject(item, true, null, false, undefined, table)
+        },
+        renderTab: (containerDiv, item) => {
+          const predicate = store.the(subject, ns.meeting('predicate'))
+          containerDiv.appendChild(widgets.personTR(context.dom, predicate, item, {}))
+        },
+        backgroundColor: store.anyValue(subject, ns.ui('backgroundColor')) || '#ddddcc'
+      }))
+    })()
+    return div
+  }
+}
+
+export default TabbedPane

package/src/tableViewPane.js

@@ -0,0 +1,51 @@
+// Format an array of RDF statements as an HTML table.
+//
+// This can operate in one of three modes: when the class of object is given
+// or when the source document from which data is taken is given,
+// or if a prepared query object is given.
+// (In principle it could operate with neither class nor document
+// given but typically
+// there would be too much data.)
+// When the tableClass is not given, it looks for common  classes in the data,
+// and gives the user the option.
+//
+// 2008 Written, Ilaria Liccardi
+// 2014 core functionality now in common/table.js   -timbl
+
+// ///////////////////////////////////////////////////////////////////
+
+// Table view pane  -- view of a class as a table of properties of class members
+import * as UI from 'solid-ui'
+
+export const tableViewPane =  {
+  icon: UI.icons.originalIconBase + 'table.png',
+
+  name: 'tableOfClass',
+
+  label: function (subject, context) {
+    const store = context.session.store
+    // if (!store.holds(subject, UI.ns.rdf('type'),UI.ns.rdfs('Class'))) return null
+    if (!store.any(undefined, UI.ns.rdf('type'), subject)) {
+      return null
+    }
+    const n = store.statementsMatching(undefined, UI.ns.rdf('type'), subject)
+      .length
+    if (n === 0) {
+      // None, suppress pane
+      return null
+    }
+    if (n > 15) {
+      // @@ At the moment this pane can be slow with too many @@ fixme by using limits
+      return null
+    }
+    return UI.utils.label(subject) + ' table'
+  },
+
+  render: function (subject, context) {
+    const myDocument = context.dom
+    const div = myDocument.createElement('div')
+    div.setAttribute('class', 'tablePane')
+    div.appendChild(UI.table(myDocument, { tableClass: subject }))
+    return div
+  }
+}

package/src/test-import-export/common.js

@@ -0,0 +1,6 @@
+console.log('This is common.js')
+// https://2ality.com/2019/04/nodejs-esm-impl.html#importing-commonjs-from-esm
+
+export default {
+  foo: 123
+}

package/src/test-import-export/edit-importer.js

@@ -0,0 +1,20 @@
+'use strict'
+//  Suspect this is unsed test code
+
+/*   Profile Editing Appp Pane
+ **
+ ** Unlike view panes, this is available any place whatever the real subject,
+ ** and allows the user to edit their own profile.
+ **
+ ** Usage: paneRegistry.register('profile/profilePane')
+ ** or standalone script adding onto existing mashlib.
+ */
+
+// import UI from 'solid-ui'
+// import solidUi, { SolidUi } from 'solid-ui'
+// @@ TODO: Write away the need for exception on next line
+ 
+
+const thisPane = { foo: 'bar' }
+export default thisPane
+// ENDS