solid-panes 4.4.2-7 → 4.5.0

package/dist/n3Pane.css

@@ -0,0 +1,49 @@
+.n3-pane {
+	padding: 1rem;
+	border-top: solid 1px var(--color-data-pane-border-top, black);
+	border-left: solid 1px var(--color-data-pane-border-top, black);
+	border-bottom: solid 1px var(--color-data-pane-border-side, #777);
+	border-right: solid 1px var(--color-data-pane-border-side, #777);
+	color: var(--color-text-blue, #004);
+	box-sizing: border-box;
+}
+
+.n3-pane__source {
+	overflow-x: auto;
+	max-width: 100%;
+	box-sizing: border-box;
+	font-family: monospace;
+	font-size: 120%;
+	margin: 0;
+	white-space: pre;
+}
+
+.n3-pane__line {
+	white-space: pre;
+}
+
+.n3-pane[data-layout='mobile'] .n3-pane__source {
+	overflow-wrap: anywhere;
+	word-break: break-word;
+	white-space: normal;
+}
+
+.n3-pane[data-layout='mobile'] .n3-pane__line {
+	white-space: pre-wrap;
+	padding-left: var(--n3-indent, 0);
+	text-indent: calc(-1 * var(--n3-indent, 0));
+}
+
+@media (max-width: 576px) {
+	.n3-pane__source {
+		overflow-wrap: anywhere;
+		word-break: break-word;
+		white-space: normal;
+	}
+
+	.n3-pane__line {
+		white-space: pre-wrap;
+		padding-left: var(--n3-indent, 0);
+		text-indent: calc(-1 * var(--n3-indent, 0));
+	}
+}

package/dist/n3Pane.d.ts

@@ -1,5 +1,6 @@
-import { DataBrowserContext } from '../node_modules/pane-registry';
-import { NamedNode } from '../node_modules/rdflib';
+import type { DataBrowserContext } from 'pane-registry';
+import type { NamedNode } from 'rdflib';
+import './n3Pane.css';
 type N3PaneLike = {
     icon: string;
     name: string;

package/dist/n3Pane.js

@@ -0,0 +1,88 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.n3Pane = void 0;
+var UI = _interopRequireWildcard(require("solid-ui"));
+var $rdf = _interopRequireWildcard(require("rdflib"));
+require("./n3Pane.css");
+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); }
+/*      Notation3 content Pane
+ **
+ **  This pane shows the content of a particular RDF resource
+ ** or at least the RDF semantics we attribute to that resource,
+ ** in generated N3 syntax.
+ */
+
+const ns = UI.ns;
+function leadingIndentWidth(line) {
+  if (line.trim().length === 0) {
+    return 0;
+  }
+  let width = 0;
+  for (const character of line) {
+    if (character === ' ') {
+      width += 1;
+      continue;
+    }
+    if (character === '\t') {
+      width += 2;
+      continue;
+    }
+    break;
+  }
+  return Math.max(width, 2);
+}
+const n3Pane = exports.n3Pane = {
+  icon: UI.icons.originalIconBase + 'w3c/n3_smaller.png',
+  name: 'n3',
+  audience: [ns.solid('Developer')],
+  label: function (subject, context) {
+    const store = context.session.store;
+    if ('http://www.w3.org/2007/ont/link#ProtocolEvent' in store.findTypeURIs(subject)) {
+      return null;
+    }
+    const n = store.statementsMatching(undefined, undefined, undefined, subject).length;
+    if (n === 0) return null;
+    return 'Data (' + n + ') as N3';
+  },
+  render: function (subject, context) {
+    const myDocument = context.dom;
+    const kb = context.session.store;
+    function applyEnvironmentAttributes(element) {
+      const environment = context.environment ?? {};
+      element.dataset.layout = environment.layout ?? 'desktop';
+    }
+    const div = myDocument.createElement('div');
+    div.setAttribute('class', 'n3-pane');
+    applyEnvironmentAttributes(div);
+    // Because of smushing etc, this will not be a copy of the original source
+    // We could instead either fetch and re-parse the source,
+    // or we could keep all the pre-smushed triples.
+    const sts = kb.statementsMatching(undefined, undefined, undefined, subject); // @@ slow with current store!
+    /*
+    var kludge = kb.formula([]) // No features
+    for (var i=0; i< sts.length; i++) {
+        s = sts[i]
+        kludge.add(s.subject, s.predicate, s.object)
+    }
+    */
+    const sz = $rdf.Serializer(kb);
+    sz.suggestNamespaces(kb.namespaces);
+    sz.setBase(subject.uri);
+    const str = sz.statementsToN3(sts);
+    const source = myDocument.createElement('div');
+    source.classList.add('n3-pane__source');
+    str.split('\n').forEach(line => {
+      const lineElement = myDocument.createElement('div');
+      const indentWidth = leadingIndentWidth(line);
+      lineElement.classList.add('n3-pane__line');
+      lineElement.style.setProperty('--n3-indent', `${indentWidth}ch`);
+      lineElement.textContent = line.length > 0 ? line : ' ';
+      source.appendChild(lineElement);
+    });
+    div.appendChild(source);
+    return div;
+  }
+};

package/dist/outline/context.d.ts

@@ -1,5 +1,5 @@
-import { DataBrowserContext, PaneRegistry, RenderEnvironment } from '../../node_modules/pane-registry';
-import { SolidLogic } from '../../node_modules/solid-logic/dist/index.esm.js';
-import { LiveStore } from '../../node_modules/rdflib';
+import { DataBrowserContext, PaneRegistry, RenderEnvironment } from 'pane-registry';
+import { SolidLogic } from 'solid-logic';
+import { LiveStore } from 'rdflib';
 export declare function createContext(dom: HTMLDocument, paneRegistry: PaneRegistry, store: LiveStore, logic: SolidLogic, environment?: RenderEnvironment): DataBrowserContext;
 //# sourceMappingURL=context.d.ts.map

package/dist/outline/context.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createContext = createContext;
+var _index = require("../index");
+function createContext(dom, paneRegistry, store, logic, environment) {
+  return {
+    dom,
+    getOutliner: _index.getOutliner,
+    session: {
+      paneRegistry,
+      // @ts-ignore
+      store,
+      // @ts-ignore
+      logic
+    },
+    environment
+  };
+}

package/dist/outline/manager.css

@@ -0,0 +1,78 @@
+/* Styles extracted from manager.js */
+
+.obj {
+  margin: 0.2em;
+  border: none;
+  padding: 0;
+  vertical-align: top;
+}
+
+.pred, .pred.internal {
+  /* Add any specific styles for predicate TDs here */
+}
+
+.iconTD {
+  margin: 0.2em;
+  border: none;
+  padding: 0;
+  vertical-align: top;
+  width: 0px;
+}
+
+.labelTD {
+  width: 100%;
+}
+
+.paneIconTray {
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+}
+
+.paneShown {
+  width: 24px;
+  border: none !important;
+  border-radius: var(--border-radius-md, 0.5rem);
+  margin-left: var(--spacing-small, 0.1rem);
+  padding: 0.188rem; /* 3px */
+  background-color: var(--header-menu-item-hover, #e6dcff) !important;
+}
+
+.paneHidden {
+  width: 24px;
+  border-radius: var(--border-radius-md, 0.5rem);
+  margin-left: var(--spacing-small, 0.1rem);
+  padding: 0.188rem; /* 3px */
+}
+
+.header {
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  flex-wrap: wrap;
+}
+
+.strongHeader {
+  font-size: 150%;
+  margin: 0 0.6rem 0 0;
+  padding: 0.1rem 0.4rem;
+}
+
+.tableFullWidth {
+  width: 100%;
+  background: var(--color-background, #F8F9FB) !important;
+}
+
+.placeholderTable {
+  width: 100%;
+}
+
+.tdFlex {
+  margin: var(--spacing-xxxs, 0.2rem);
+  border: none;
+  padding: 0;
+  vertical-align: top;
+  display: flex;
+  justify-content: space-between;
+  flex-direction: row;
+}