solid-panes 4.4.2-7 → 4.5.0

package/dist/outline/outlineIcons.js

@@ -0,0 +1,126 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.outlineIcons = void 0;
+var UI = _interopRequireWildcard(require("solid-ui"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+// This is a system of tracking tooltip phrases used by the tabulator outliner
+
+const outlineIcons = exports.outlineIcons = {};
+outlineIcons.src = []; // collect the URIs of the icon filterColumns
+outlineIcons.tooltips = []; // look up tool tips from URL
+
+/// /////////////////////// Common icons
+
+outlineIcons.src.icon_expand = UI.icons.originalIconBase + 'tbl-expand-trans.png';
+outlineIcons.src.icon_more = UI.icons.originalIconBase + 'tbl-more-trans.png'; // looks just like expand, diff semantics
+// Icon.src.icon_expand = UI.icons.originalIconBase + 'clean/Icon.src.Icon.src.icon_expand.png';
+outlineIcons.src.icon_collapse = UI.icons.originalIconBase + 'tbl-collapse.png';
+outlineIcons.src.icon_internals = UI.icons.originalIconBase + 'tango/22-emblem-system.png';
+outlineIcons.src.icon_instances = UI.icons.originalIconBase + 'tango/22-folder-open.png';
+outlineIcons.src.icon_foaf = UI.icons.originalIconBase + 'foaf/foafTiny.gif';
+outlineIcons.src.icon_social = UI.icons.originalIconBase + 'social/social.gif';
+outlineIcons.src.icon_mb = UI.icons.originalIconBase + 'microblog/microblog.png';
+outlineIcons.src.icon_shrink = UI.icons.originalIconBase + 'tbl-shrink.png'; // shrink list back up
+outlineIcons.src.icon_rows = UI.icons.originalIconBase + 'tbl-rows.png';
+// Icon.src.Icon.src.icon_columns = 'icons/tbl-columns.png';
+
+// Status balls:
+
+outlineIcons.src.icon_unrequested = UI.icons.originalIconBase + '16dot-blue.gif';
+// outlineIcons.src.Icon.src.icon_parse = UI.icons.originalIconBase + '18x18-white.gif';
+outlineIcons.src.icon_fetched = UI.icons.originalIconBase + '16dot-green.gif';
+outlineIcons.src.icon_failed = UI.icons.originalIconBase + '16dot-red.gif';
+outlineIcons.src.icon_requested = UI.icons.originalIconBase + '16dot-yellow.gif';
+// Icon.src.icon_maximize = UI.icons.originalIconBase + 'clean/Icon.src.Icon.src.icon_con_max.png';
+
+// Panes:
+outlineIcons.src.icon_CVPane = UI.icons.originalIconBase + 'CV.png';
+outlineIcons.src.icon_defaultPane = UI.icons.originalIconBase + 'about.png';
+outlineIcons.src.icon_visit = UI.icons.originalIconBase + 'tango/22-text-x-generic.png';
+outlineIcons.src.icon_dataContents = UI.icons.originalIconBase + 'rdf_flyer.24.gif'; // @@ Bad .. find better
+outlineIcons.src.icon_n3Pane = UI.icons.originalIconBase + 'w3c/n3_smaller.png'; // @@ Bad .. find better
+outlineIcons.src.icon_RDFXMLPane = UI.icons.originalIconBase + '22-text-xml4.png'; // @@ Bad .. find better
+outlineIcons.src.icon_imageContents = UI.icons.originalIconBase + 'tango/22-image-x-generic.png';
+outlineIcons.src.icon_airPane = UI.icons.originalIconBase + '1pt5a.gif';
+outlineIcons.src.icon_LawPane = UI.icons.originalIconBase + 'law.jpg';
+outlineIcons.src.icon_pushbackPane = UI.icons.originalIconBase + 'pb-logo.png';
+
+// For photo albums (By albert08@csail.mit.edu)
+outlineIcons.src.icon_photoPane = UI.icons.originalIconBase + 'photo_small.png';
+outlineIcons.src.icon_tagPane = UI.icons.originalIconBase + 'tag_small.png';
+outlineIcons.src.icon_TinyTag = UI.icons.originalIconBase + 'tag_tiny.png';
+outlineIcons.src.icon_photoBegin = UI.icons.originalIconBase + 'photo_begin.png';
+outlineIcons.src.icon_photoNext = UI.icons.originalIconBase + 'photo_next.png';
+outlineIcons.src.icon_photoBack = UI.icons.originalIconBase + 'photo_back.png';
+outlineIcons.src.icon_photoEnd = UI.icons.originalIconBase + 'photo_end.png';
+outlineIcons.src.icon_photoImportPane = UI.icons.originalIconBase + 'flickr_small.png';
+// Icon.src.icon_CloseButton = UI.icons.originalIconBase + 'close_tiny.png';
+// Icon.src.icon_AddButton = UI.icons.originalIconBase + 'addphoto_tiny.png';
+
+// For that one we need a document with grid lines.  Make data-x-generix maybe
+
+// actions for sources;
+outlineIcons.src.icon_retract = UI.icons.originalIconBase + 'retract.gif';
+outlineIcons.src.icon_refresh = UI.icons.originalIconBase + 'refresh.gif';
+outlineIcons.src.icon_optoff = UI.icons.originalIconBase + 'optional_off.PNG';
+outlineIcons.src.icon_opton = UI.icons.originalIconBase + 'optional_on.PNG';
+outlineIcons.src.icon_map = UI.icons.originalIconBase + 'compassrose.png';
+outlineIcons.src.icon_retracted = outlineIcons.src.icon_unrequested;
+outlineIcons.src.icon_retracted = outlineIcons.src.icon_unrequested;
+outlineIcons.src.icon_time = UI.icons.originalIconBase + 'icons/Wclocksmall.png';
+
+// Within outline mode:
+
+outlineIcons.src.icon_telephone = UI.icons.originalIconBase + 'silk/telephone.png';
+outlineIcons.src.icon_time = UI.icons.originalIconBase + 'Wclocksmall.png';
+outlineIcons.src.icon_remove_node = UI.icons.originalIconBase + 'tbl-x-small.png';
+outlineIcons.src.icon_add_triple = UI.icons.originalIconBase + 'tango/22-list-add.png';
+outlineIcons.src.icon_add_new_triple = UI.icons.originalIconBase + 'tango/22-list-add-new.png';
+outlineIcons.src.icon_show_choices = UI.icons.originalIconBase + 'userinput_show_choices_temp.png'; // looks just like collapse, diff smmantics
+
+// Inline Justification
+outlineIcons.src.icon_display_reasons = UI.icons.originalIconBase + 'tango/22-help-browser.png';
+outlineIcons.tooltips[outlineIcons.src.icon_display_reasons] = 'Display explanations';
+
+// Other tooltips
+outlineIcons.tooltips[outlineIcons.src.icon_add_triple] = 'Add more';
+outlineIcons.tooltips[outlineIcons.src.icon_add_new_triple] = 'Add one';
+outlineIcons.tooltips[outlineIcons.src.icon_remove_node] = 'Remove';
+outlineIcons.tooltips[outlineIcons.src.icon_expand] = 'View details.';
+outlineIcons.tooltips[outlineIcons.src.icon_collapse] = 'Hide details.';
+outlineIcons.tooltips[outlineIcons.src.icon_shrink] = 'Shrink list.';
+outlineIcons.tooltips[outlineIcons.src.icon_internals] = 'Under the hood';
+outlineIcons.tooltips[outlineIcons.src.icon_instances] = 'List';
+outlineIcons.tooltips[outlineIcons.src.icon_foaf] = 'Friends';
+outlineIcons.tooltips[outlineIcons.src.icon_rows] = 'Make a table of data like this';
+// Note the string '[Tt]his resource' can be replaced with an actual URI by the code
+outlineIcons.tooltips[outlineIcons.src.icon_unrequested] = 'Fetch this.';
+outlineIcons.tooltips[outlineIcons.src.icon_fetched] = 'Fetched successfully.';
+outlineIcons.tooltips[outlineIcons.src.icon_failed] = 'Failed to load. Click to retry.';
+outlineIcons.tooltips[outlineIcons.src.icon_requested] = 'This is being fetched. Please wait...';
+outlineIcons.tooltips[outlineIcons.src.icon_visit] = 'View document';
+outlineIcons.tooltips[outlineIcons.src.icon_retract] = 'Remove this source and all its data from tabulator.';
+outlineIcons.tooltips[outlineIcons.src.icon_refresh] = 'Refresh this source and reload its triples.';
+
+/// ////////////////////////////// End comon area
+
+outlineIcons.OutlinerIcon = function (src, width, alt, tooltip, filter) {
+  this.src = src;
+  this.alt = alt;
+  this.width = width;
+  this.tooltip = tooltip;
+  this.filter = filter;
+  // filter: RDFStatement,('subj'|'pred'|'obj')->boolean, inverse->boolean (whether the statement is an inverse).
+  // Filter on whether to show this icon for a term; optional property.
+  // If filter is not passed, this icon will never AUTOMATICALLY be shown.
+  // You can show it with termWidget.addIcon
+  return this;
+};
+outlineIcons.termWidgets = {};
+outlineIcons.termWidgets.optOn = new outlineIcons.OutlinerIcon(outlineIcons.src.icon_opton, 20, 'opt on', 'Make this branch of your query mandatory.');
+outlineIcons.termWidgets.optOff = new outlineIcons.OutlinerIcon(outlineIcons.src.icon_optoff, 20, 'opt off', 'Make this branch of your query optional.');
+outlineIcons.termWidgets.addTri = new outlineIcons.OutlinerIcon(outlineIcons.src.icon_add_triple, 18, 'add tri', 'Add one');
+// Ideally: "New "+label(subject)

package/dist/outline/propertyViews.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.propertyViews = propertyViews;
+exports.viewsAddPropertyView = viewsAddPropertyView;
+var _solidUi = require("solid-ui");
+var _viewAsImage = _interopRequireDefault(require("./viewAsImage"));
+var _viewAsMbox = _interopRequireDefault(require("./viewAsMbox"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/** some builtin simple views **/
+
+function propertyViews(dom) {
+  // view that applies to items that are objects of certain properties.
+  const views = {
+    properties: [],
+    defaults: [],
+    classes: []
+  }; // views
+
+  const asImage = (0, _viewAsImage.default)(dom);
+  const asMbox = (0, _viewAsMbox.default)(dom);
+  viewsAddPropertyView(views, _solidUi.ns.foaf('depiction').uri, asImage, true);
+  viewsAddPropertyView(views, _solidUi.ns.foaf('img').uri, asImage, true);
+  viewsAddPropertyView(views, _solidUi.ns.foaf('thumbnail').uri, asImage, true);
+  viewsAddPropertyView(views, _solidUi.ns.foaf('logo').uri, asImage, true);
+  viewsAddPropertyView(views, _solidUi.ns.schema('image').uri, asImage, true);
+  viewsAddPropertyView(views, _solidUi.ns.foaf('mbox').uri, asMbox, true);
+  return views;
+}
+
+/** add a property view function **/
+function viewsAddPropertyView(views, property, pviewfunc, isDefault) {
+  if (!views.properties[property]) {
+    views.properties[property] = [];
+  }
+  views.properties[property].push(pviewfunc);
+  if (isDefault) {
+    // will override an existing default!
+    views.defaults[property] = pviewfunc;
+  }
+} // viewsAddPropertyView

package/dist/outline/queryByExample.js

@@ -0,0 +1,285 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.QuerySource = QuerySource;
+exports.makeQueryRow = makeQueryRow;
+exports.viewAndSaveQuery = viewAndSaveQuery;
+var _solidLogic = require("solid-logic");
+var UI = _interopRequireWildcard(require("solid-ui"));
+var $rdf = _interopRequireWildcard(require("rdflib"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/* istanbul ignore file */
+// The query-by-example functionality in the tabulator
+// was the ability to expore a bit of the web in outline mode,
+// select a ceratain set of fields in the tree,
+// then pres "find all" which would then generte a SPARQL query
+// to find all other places which had the same pattern.
+// Fields could be optional by pressing th ewhite optoional button
+
+const optionalSubqueriesIndex = [];
+function predParentOf(node) {
+  let n = node;
+  while (true) {
+    if (n.getAttribute('predTR')) {
+      return n;
+    } else if (n.previousSibling && n.previousSibling.nodeName === 'TR') {
+      n = n.previousSibling;
+    } else {
+      console.log('Could not find predParent');
+      return node;
+    }
+  }
+}
+function makeQueryRow(q, tr, constraint) {
+  // predtr = predParentOf(tr)
+  // var nodes = tr.childNodes
+  // var n = tr.childNodes.length
+  const inverse = tr.AJAR_inverse;
+  // var hasVar = 0
+  let parentVar, level, pat;
+  function makeRDFStatement(freeVar, parent) {
+    if (inverse) {
+      return new $rdf.Statement(freeVar, st.predicate, parent);
+    } else {
+      return new $rdf.Statement(parent, st.predicate, freeVar);
+    }
+  }
+  let optionalSubqueryIndex = null;
+  for (level = tr.parentNode; level; level = level.parentNode) {
+    if (typeof level.AJAR_statement !== 'undefined') {
+      // level.AJAR_statement
+      level.setAttribute('bla', level.AJAR_statement); // @@? -timbl
+      // UI.log.debug("Parent TR statement="+level.AJAR_statement + ", var=" + level.AJAR_variable)
+      /* for(let c=0;c<level.parentNode.childNodes.length;c++) //This makes sure the same variable is used for a subject
+      if(level.parentNode.childNodes[c].AJAR_variable)
+        level.AJAR_variable = level.parentNode.childNodes[c].AJAR_variable; */
+      if (!level.AJAR_variable) {
+        makeQueryRow(q, level);
+      }
+      parentVar = level.AJAR_variable;
+      const predLevel = predParentOf(level);
+      if (predLevel.getAttribute('optionalSubqueriesIndex')) {
+        optionalSubqueryIndex = predLevel.getAttribute('optionalSubqueriesIndex');
+        pat = optionalSubqueriesIndex[optionalSubqueryIndex];
+      }
+      break;
+    }
+  }
+  if (!pat) {
+    pat = q.pat;
+  }
+  const predtr = predParentOf(tr);
+  // /////OPTIONAL KLUDGE///////////
+  const opt = predtr.getAttribute('optional');
+  if (!opt) {
+    if (optionalSubqueryIndex) {
+      predtr.setAttribute('optionalSubqueriesIndex', optionalSubqueryIndex);
+    } else {
+      predtr.removeAttribute('optionalSubqueriesIndex');
+    }
+  }
+  if (opt) {
+    const optForm = _solidLogic.store.formula();
+    optionalSubqueriesIndex.push(optForm);
+    predtr.setAttribute('optionalSubqueriesIndex', optionalSubqueriesIndex.length - 1);
+    pat.optional.push(optForm);
+    pat = optForm;
+  }
+
+  // //////////////////////////////
+
+  const st = tr.AJAR_statement;
+  const constraintVar = tr.AJAR_inverse ? st.subject : st.object; // this is only used for constraints
+  let hasParent = true;
+  if (constraintVar.isBlank && constraint) {
+    window.alert('You cannot constrain a query with a blank node. No constraint will be added.');
+  }
+  if (!parentVar) {
+    hasParent = false;
+    parentVar = inverse ? st.object : st.subject; // if there is no parents, uses the sub/obj
+  }
+  // UI.log.debug('Initial variable: '+tr.AJAR_variable)
+  const v = tr.AJAR_variable ? tr.AJAR_variable : _solidLogic.store.variable(UI.utils.newVariableName());
+  q.vars.push(v);
+  v.label = hasParent ? parentVar.label : UI.utils.label(parentVar);
+  v.label += ' ' + UI.utils.predicateLabelForXML(st.predicate, inverse);
+  const pattern = makeRDFStatement(v, parentVar);
+  // alert(pattern)
+  v.label = v.label.slice(0, 1).toUpperCase() + v.label.slice(1); // init cap
+
+  // See ../rdf/sparql.js
+  // This should only work on literals but doesn't.
+  function ConstraintEqualTo(value) {
+    this.describe = function (varstr) {
+      return varstr + ' = ' + value.toNT();
+    };
+    this.test = function (term) {
+      return value.sameTerm(term);
+    };
+    return this;
+  }
+  if (constraint) {
+    // binds the constrained variable to its selected value
+    pat.constraints[v] = new ConstraintEqualTo(constraintVar);
+  }
+  UI.log.info('Pattern: ' + pattern);
+  pattern.tr = tr;
+  tr.AJAR_pattern = pattern; // Cross-link UI and query line
+  tr.AJAR_variable = v;
+  // UI.log.debug('Final variable: '+tr.AJAR_variable)
+  UI.log.debug('Query pattern: ' + pattern);
+  pat.statements.push(pattern);
+  return v;
+} // makeQueryRow
+
+function saveQuery(selection, qs) {
+  // var qs = outline.qs // @@
+  const q = new $rdf.Query();
+  const n = selection.length;
+  let i, sel, st, tr;
+  for (i = 0; i < n; i++) {
+    sel = selection[i];
+    tr = sel.parentNode;
+    st = tr.AJAR_statement;
+    UI.log.debug('Statement ' + st);
+    if (sel.getAttribute('class').indexOf('pred') >= 0) {
+      UI.log.info('   We have a predicate');
+      makeQueryRow(q, tr);
+    }
+    if (sel.getAttribute('class').indexOf('obj') >= 0) {
+      UI.log.info('   We have an object');
+      makeQueryRow(q, tr, true);
+    }
+  }
+  qs.addQuery(q);
+  function resetOutliner(pat) {
+    const n = pat.statements.length;
+    let pattern, tr;
+    for (let i = 0; i < n; i++) {
+      pattern = pat.statements[i];
+      tr = pattern.tr;
+      // UI.log.debug('tr: ' + tr.AJAR_statement);
+      if (typeof tr !== 'undefined') {
+        tr.AJAR_pattern = null; // TODO: is this == to whats in current version?
+        tr.AJAR_variable = null;
+      }
+    }
+    for (const x in pat.optional) {
+      resetOutliner(pat.optional[x]);
+    }
+  }
+  resetOutliner(q.pat);
+  // NextVariable=0;
+  return q;
+} // saveQuery
+
+// When the user asks for all list of all matching parts of the data
+//
+function viewAndSaveQuery(outline, selection) {
+  const qs = outline.qs;
+  UI.log.info('outline.doucment is now ' + outline.document.location);
+  const q = saveQuery(selection, qs);
+  /*
+  if (tabulator.isExtension) {
+    // tabulator.drawInBestView(q)
+  } else
+  */
+
+  for (let i = 0; i < qs.listeners.length; i++) {
+    qs.listeners[i].getActiveView().view.drawQuery(q);
+    qs.listeners[i].updateQueryControls(qs.listeners[i].getActiveView());
+  }
+}
+
+/**
+ * The QuerySource object stores a set of listeners and a set of queries.
+ * It keeps the listeners aware of those queries that the source currently
+ * contains, and it is then up to the listeners to decide what to do with
+ * those queries in terms of displays.
+ * Not used 2010-08 -- TimBL
+ * @class QuerySource
+ * @author jambo
+ */
+
+function QuerySource() {
+  /**
+   * stores all of the queries currently held by this source,
+   * indexed by ID number.
+   */
+  this.queries = [];
+  /**
+   * stores the listeners for a query object.
+   * @see TabbedContainer
+   */
+  this.listeners = [];
+
+  /**
+   * add a Query object to the query source--It will be given an ID number
+   * and a name, if it doesn't already have one. This subsequently adds the
+   * query to all of the listeners the QuerySource knows about.
+   */
+  this.addQuery = function (q) {
+    let i;
+    if (q.name === null || q.name === '') {
+      q.name = 'Query #' + (this.queries.length + 1);
+    }
+    q.id = this.queries.length;
+    this.queries.push(q);
+    for (i = 0; i < this.listeners.length; i++) {
+      if (this.listeners[i] !== null) {
+        this.listeners[i].addQuery(q);
+      }
+    }
+  };
+
+  /**
+   * Remove a Query object from the source.  Tells all listeners to also
+   * remove the query.
+   */
+  this.removeQuery = function (q) {
+    let i;
+    for (i = 0; i < this.listeners.length; i++) {
+      if (this.listeners[i] !== null) {
+        this.listeners[i].removeQuery(q);
+      }
+    }
+    if (this.queries[q.id] !== null) {
+      delete this.queries[q.id];
+    }
+  };
+
+  /**
+   * adds a "Listener" to this QuerySource - that is, an object
+   * which is capable of both adding and removing queries.
+   * Currently, only the TabbedContainer class is added.
+   * also puts all current queries into the listener to be used.
+   */
+  this.addListener = function (listener) {
+    let i;
+    this.listeners.push(listener);
+    for (i = 0; i < this.queries.length; i++) {
+      if (this.queries[i] !== null) {
+        listener.addQuery(this.queries[i]);
+      }
+    }
+  };
+  /**
+   * removes listener from the array of listeners, if it exists! Also takes
+   * all of the queries from this source out of the listener.
+   */
+  this.removeListener = function (listener) {
+    let i;
+    for (i = 0; i < this.queries.length; i++) {
+      if (this.queries[i] !== null) {
+        listener.removeQuery(this.queries[i]);
+      }
+    }
+    for (i = 0; i < this.listeners.length; i++) {
+      if (this.listeners[i] === listener) {
+        delete this.listeners[i];
+      }
+    }
+  };
+}