solid-panes 4.2.3-583c15bd → 4.2.3-6c548ee8

package/dist/dashboard/basicPreferences.js

@@ -0,0 +1,146 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.basicPreferencesPane = void 0;
+var _rdflib = require("rdflib");
+var _solidUi = require("solid-ui");
+/* babel-plugin-inline-import './ontologyData.ttl' */
+const ontologyData = "@prefix rdf: <http://www.w3.org/1999/02/22-rdf-syntax-ns#>.\n@prefix rdfs: <http://www.w3.org/2000/01/rdf-schema#>.\n@prefix solid: <http://www.w3.org/ns/solid/terms#>.\n@prefix foaf: <http://xmlns.com/foaf/0.1/>.\n@prefix schema: <http:/schema.org/>.\n@prefix ui: <http://www.w3.org/ns/ui#>.\n@prefix vcard: <http://www.w3.org/2006/vcard/ns#>.\n@prefix : <#>.\n\nsolid:User a rdfs:Class;\n  rdfs:label \"user\"@en, \"utilisateur\"@fr;\n  rdfs:comment \"\"\"Any person who might use a Solid-based system\"\"\";\n  rdfs:subClassOf foaf:Person, schema:Person, vcard:Individual.\n\n# Since these options are opt-in, it is a bit strange to have new users opt in\n# That they are new users - also we do not use this class for anything specific\n# yet\n# solid:NewUser a rdfs:Class;\n#  rdfs:label \"new user\"@en;\n#  rdfs:comment \"\"\"A person who might use a Solid-based system who has a low\n#  level of familiarity with technical details.\"\"\";\n#  rdfs:subClassOf solid:User.\n\nsolid:PowerUser a rdfs:Class;\n  rdfs:label \"power user\"@en;\n  rdfs:comment \"\"\"A person who might use a Solid-based system\n  who is prepared to be given a more complex interface in order\n  to be provided with more pwerful features.\"\"\";\n  rdfs:subClassOf solid:User.\n\n  solid:Developer a rdfs:Class;\n    rdfs:label \"Developer\";\n    rdfs:comment \"\"\"Any person who might use a Solid-based system,\n    who has software development skills.\"\"\";\n    rdfs:subClassOf solid:User.\n";
+/* babel-plugin-inline-import './preferencesFormText.ttl' */
+const preferencesFormText = "@prefix rdf: <http://www.w3.org/1999/02/22-rdf-syntax-ns#>.\n@prefix solid: <http://www.w3.org/ns/solid/terms#>.\n@prefix ui: <http://www.w3.org/ns/ui#>.\n@prefix : <#>.\n\n:this <http://purl.org/dc/elements/1.1/title> \"Basic preferences\" ;\n      a ui:Form ;\n      ui:part :categorizeUser, :privateComment, :personalInformationHeading;\n      ui:parts ( :personalInformationHeading :privateComment :categorizeUser ).\n\n:personalInformationHeading a ui:Heading;\n      ui:contents \"Personal information\".\n\n:privateComment a ui:Comment;\n      ui:contents \"This information is private.\".\n\n:categorizeUser a ui:Classifier;\n      ui:label \"Level of user\"; ui:property rdf:type ; ui:category solid:User.\n";
+const basicPreferencesPane = exports.basicPreferencesPane = {
+  icon: _solidUi.icons.iconBase + 'noun_Sliders_341315_000000.svg',
+  name: 'basicPreferences',
+  label: _subject => {
+    return null;
+  },
+  // Render the pane
+  // The subject should be the logged in user.
+  render: (subject, context) => {
+    const dom = context.dom;
+    const store = context.session.store;
+    function complainIfBad(ok, mess) {
+      if (ok) return;
+      container.appendChild(_solidUi.widgets.errorMessageBlock(dom, mess, '#fee'));
+    }
+    const container = dom.createElement('div');
+    const formArea = setupUserTypesSection(container, dom);
+    function loadData(doc, turtle) {
+      doc = doc.doc(); // remove # from URI if nec
+      if (!store.holds(undefined, undefined, undefined, doc)) {
+        // If not loaded already
+        ;
+        (0, _rdflib.parse)(turtle, store, doc.uri, 'text/turtle', null); // Load form directly
+      }
+    }
+    const preferencesForm = store.sym('urn:uuid:93774ba1-d3b6-41f2-85b6-4ae27ffd2597#this');
+    loadData(preferencesForm, preferencesFormText);
+    const ontologyExtra = store.sym('urn:uuid:93774ba1-d3b6-41f2-85b6-4ae27ffd2597-ONT');
+    loadData(ontologyExtra, ontologyData);
+    async function doRender() {
+      const renderContext = await _solidUi.login.ensureLoadedPreferences({
+        dom,
+        div: container
+      });
+      if (!renderContext.preferencesFile) {
+        // Could be CORS
+        console.log('Not doing private class preferences as no access to preferences file. ' + renderContext.preferencesFileError);
+        return;
+      }
+      const appendedForm = _solidUi.widgets.appendForm(dom, formArea, {}, renderContext.me, preferencesForm, renderContext.preferencesFile, complainIfBad);
+      appendedForm.style.borderStyle = 'none';
+      const trustedApplicationsView = context.session.paneRegistry.byName('trustedApplications');
+      if (trustedApplicationsView) {
+        container.appendChild(trustedApplicationsView.render(null, context));
+      }
+
+      // @@ TODO Remove need for casting as any and bang (!) syntax
+      addDeleteSection(container, store, renderContext.me, dom);
+    }
+    doRender();
+    return container;
+  }
+};
+function setupUserTypesSection(container, dom) {
+  const formContainer = createSection(container, dom, 'User types');
+  const description = formContainer.appendChild(dom.createElement('p'));
+  description.innerText = 'Here you can self-assign user types to help the data browser know which views you would like to access.';
+  const userTypesLink = formContainer.appendChild(dom.createElement('a'));
+  userTypesLink.href = 'https://github.com/solidos/userguide/#role';
+  userTypesLink.innerText = 'Read more';
+  const formArea = formContainer.appendChild(dom.createElement('div'));
+  return formArea;
+}
+var _default = exports.default = basicPreferencesPane; // ends
+function addDeleteSection(container, store, profile, dom) {
+  const section = createSection(container, dom, 'Delete account');
+  const podServerNodes = store.each(profile, _solidUi.ns.space('storage'), null, profile.doc());
+  const podServers = podServerNodes.map(node => node.value);
+  const list = section.appendChild(dom.createElement('ul'));
+  podServers.forEach(async server => {
+    const deletionLink = await generateDeletionLink(server, dom);
+    if (deletionLink) {
+      const listItem = list.appendChild(dom.createElement('li'));
+      listItem.appendChild(deletionLink);
+    }
+  });
+}
+async function generateDeletionLink(podServer, dom) {
+  const link = dom.createElement('a');
+  link.textContent = `Delete your account at ${podServer}`;
+  const deletionUrl = await getDeletionUrlForServer(podServer);
+  if (typeof deletionUrl !== 'string') {
+    return null;
+  }
+  link.href = deletionUrl;
+  return link;
+}
+
+/**
+ * Hacky way to get the deletion link to a Pod
+ *
+ * This function infers the deletion link by assuming the URL structure of Node Solid server.
+ * In the future, Solid will hopefully provide a standardised way of discovering the deletion link:
+ * https://github.com/solidos/data-interoperability-panel/issues/18
+ *
+ * If NSS is in multi-user mode (the case on inrupt.net and solid.community), the deletion URL for
+ * vincent.dev.inrupt.net would be at dev.inrupt.net/account/delete. In single-user mode, the
+ * deletion URL would be at vincent.dev.inrupt.net/account/delete.
+ *
+ * @param server Pod server containing the user's account.
+ * @returns URL of the page that Node Solid Server would offer to delete the account, or null if
+ *          the URLs we tried give invalid responses.
+ */
+async function getDeletionUrlForServer(server) {
+  const singleUserUrl = new URL(server);
+  const multiUserUrl = new URL(server);
+  multiUserUrl.pathname = singleUserUrl.pathname = '/account/delete';
+  const hostnameParts = multiUserUrl.hostname.split('.');
+  // Remove `vincent.` from `vincent.dev.inrupt.net`, for example:
+  multiUserUrl.hostname = hostnameParts.slice(1).join('.');
+  const multiUserNssResponse = await fetch(multiUserUrl.href, {
+    method: 'HEAD'
+  });
+  if (multiUserNssResponse.ok) {
+    return multiUserUrl.href;
+  }
+  const singleUserNssResponse = await fetch(singleUserUrl.href, {
+    method: 'HEAD'
+  });
+  if (singleUserNssResponse.ok) {
+    return singleUserUrl.href;
+  }
+  return null;
+}
+function createSection(container, dom, title) {
+  const section = container.appendChild(dom.createElement('div'));
+  section.style.border = '0.3em solid #418d99';
+  section.style.borderRadius = '0.5em';
+  section.style.padding = '0.7em';
+  section.style.marginTop = '0.7em';
+  const titleElement = section.appendChild(dom.createElement('h3'));
+  titleElement.innerText = title;
+  return section;
+}

package/dist/dashboard/dashboardPane.js

@@ -0,0 +1,67 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.dashboardPane = void 0;
+var _solidUi = require("solid-ui");
+var _solidLogic = require("solid-logic");
+var _homepage = require("./homepage");
+const dashboardPane = exports.dashboardPane = {
+  icon: _solidUi.icons.iconBase + 'noun_547570.svg',
+  name: 'dashboard',
+  label: subject => {
+    if (subject.termType === 'NamedNode' && subject.uri === subject.site().uri) {
+      return 'Dashboard';
+    }
+    return null;
+  },
+  render: (subject, context) => {
+    console.log('Dashboard Pane Render');
+    const dom = context.dom;
+    const container = dom.createElement('div');
+    const runBuildPage = () => {
+      container.innerHTML = '';
+      buildPage(container, _solidLogic.authn.currentUser() || null, context, subject);
+    };
+    _solidLogic.authSession.events.on('login', () => {
+      // console.log('On Login')
+      runBuildPage();
+    });
+    _solidLogic.authSession.events.on('sessionRestore', () => {
+      // console.log('On Session Restore')
+      runBuildPage();
+    });
+    // console.log('Initial Load')
+    runBuildPage();
+    return container;
+  }
+};
+function buildPage(container, webId, context, subject) {
+  // if uri then SolidOS is a browse.html web app
+  const uri = new URL(window.location.href).searchParams.get('uri');
+  if (webId && (uri || webId.site().uri === subject.site().uri)) {
+    return buildDashboard(container, context);
+  }
+  return buildHomePage(container, subject);
+}
+function buildDashboard(container, context) {
+  // console.log('build dashboard')
+  // @@ TODO get a proper type
+  const outliner = context.getOutliner(context.dom);
+  outliner.getDashboard().then(dashboard => container.appendChild(dashboard));
+}
+function buildHomePage(container, subject) {
+  // console.log('build home page')
+  const wrapper = document.createElement('div');
+  container.appendChild(wrapper);
+  const shadow = wrapper.attachShadow({
+    mode: 'open'
+  });
+  const link = document.createElement('link');
+  link.rel = 'stylesheet';
+  link.href = '/common/css/bootstrap.min.css';
+  shadow.appendChild(link);
+  (0, _homepage.generateHomepage)(subject, _solidLogic.store, _solidLogic.store.fetcher).then(homepage => shadow.appendChild(homepage));
+}
+var _default = exports.default = dashboardPane;

package/dist/dashboard/homepage.js

@@ -0,0 +1,72 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.generateHomepage = generateHomepage;
+var _rdflib = require("rdflib");
+var _solidUi = require("solid-ui");
+async function generateHomepage(subject, store, fetcher) {
+  const ownersProfile = await loadProfile(subject, store, fetcher);
+  const name = getName(store, ownersProfile);
+  const wrapper = document.createElement('div');
+  wrapper.classList.add('container');
+  wrapper.appendChild(createTitle(ownersProfile.uri, name));
+  wrapper.appendChild(createDataSection(name));
+  return wrapper;
+}
+function createDataSection(name) {
+  const dataSection = document.createElement('section');
+  const title = document.createElement('h2');
+  title.innerText = 'Data';
+  dataSection.appendChild(title);
+  const listGroup = document.createElement('div');
+  listGroup.classList.add('list-group');
+  dataSection.appendChild(listGroup);
+  const publicDataLink = document.createElement('a');
+  publicDataLink.classList.add('list-group-item');
+  publicDataLink.href = window.document.location.href + 'public/';
+  publicDataLink.innerText = `View ${name}'s files`;
+  listGroup.appendChild(publicDataLink);
+  return dataSection;
+}
+function createTitle(uri, name) {
+  const profileLink = document.createElement('a');
+  profileLink.href = uri;
+  profileLink.innerText = name;
+  const profileLinkPost = document.createElement('span');
+  profileLinkPost.innerText = '\'s Pod';
+  const title = document.createElement('h1');
+  title.appendChild(profileLink);
+  title.appendChild(profileLinkPost);
+  return title;
+}
+async function loadProfile(subject, store, fetcher) {
+  const pod = subject.site().uri;
+  // TODO: This is a hack - we cannot assume that the profile is at this document, but we will live with it for now
+  const webId = (0, _rdflib.sym)(`${pod}profile/card#me`);
+  try {
+    await fetcher.load(webId);
+    return webId;
+  } catch (err) {
+    // Fall back to pod root and any discovered profile links.
+  }
+  try {
+    await fetcher.load(subject);
+  } catch (err) {
+    return subject;
+  }
+  const primaryTopic = store.any(subject, _solidUi.ns.foaf('primaryTopic'), null, subject.doc());
+  if (primaryTopic && primaryTopic.termType === 'NamedNode') {
+    try {
+      await fetcher.load(primaryTopic);
+      return primaryTopic;
+    } catch (err) {
+      return subject;
+    }
+  }
+  return subject;
+}
+function getName(store, ownersProfile) {
+  return store.anyValue(ownersProfile, _solidUi.ns.vcard('fn'), null, ownersProfile.doc()) || store.anyValue(ownersProfile, _solidUi.ns.foaf('name'), null, ownersProfile.doc()) || new URL(ownersProfile.uri).host.split('.')[0];
+}

package/dist/dataContentPane.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.dataContentPane = void 0;
 var UI = _interopRequireWildcard(require("solid-ui"));
 var $rdf = _interopRequireWildcard(require("rdflib"));
-require("./styles/dataContentPane.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); }
 /*      Data content Pane
  **
@@ -69,7 +68,6 @@ const dataContentPane = exports.dataContentPane = {
       for (let i = 0; i < sts.length; i++) {
         const st = sts[i];
         const tr = myDocument.createElement('tr');
-        tr.classList.add('dataContentPaneTopAlignedRow');
         if (st.predicate.uri !== lastPred) {
           if (lastPred && same > 1) {
             predicateTD.setAttribute('rowspan', '' + same);
@@ -108,12 +106,12 @@ const dataContentPane = exports.dataContentPane = {
         case 'Literal':
           if (!obj.datatype || !obj.datatype.uri) {
             res = myDocument.createElement('div');
-            res.classList.add('contentPaneLiteral');
+            res.setAttribute('style', 'white-space: pre-wrap;');
             res.textContent = obj.value;
             return res;
           } else if (obj.datatype.uri === 'http://www.w3.org/1999/02/22-rdf-syntax-ns#XMLLiteral') {
             res = myDocument.createElement('div');
-            res.classList.add('embeddedXHTML');
+            res.setAttribute('class', 'embeddedXHTML');
             res.innerHTML = obj.value; // Try that  @@@ beware embedded dangerous code
             return res;
           }
@@ -134,11 +132,10 @@ const dataContentPane = exports.dataContentPane = {
             doneBnodes[obj.toNT()] = true; // Flag to prevent infinite recursion in propertyTree
             const newTable = propertyTree(obj);
             doneBnodes[obj.toNT()] = newTable; // Track where we mentioned it first
-            const parentTable = UI.utils.ancestor(newTable, 'TABLE');
-            if (parentTable && parentTable.classList.contains('dataContentPaneNestedLight')) {
-              newTable.classList.add('dataContentPaneNestedDark');
+            if (UI.utils.ancestor(newTable, 'TABLE') && UI.utils.ancestor(newTable, 'TABLE').style.backgroundColor === 'white') {
+              newTable.style.backgroundColor = '#eee';
             } else {
-              newTable.classList.add('dataContentPaneNestedLight');
+              newTable.style.backgroundColor = 'white';
             }
             return newTable;
           }
@@ -175,7 +172,7 @@ const dataContentPane = exports.dataContentPane = {
     }
     for (let i = 0; i < roots.length; i++) {
       const tr = myDocument.createElement('tr');
-      tr.classList.add(i % 2 === 0 ? 'dataContentPaneRowEven' : 'dataContentPaneRowOdd');
+      tr.setAttribute('style', `background-color: ${i % 2 === 0 ? '#f0f0f0' : 'white'};`);
       rep.appendChild(tr);
       const subjectTD = myDocument.createElement('td');
       tr.appendChild(subjectTD);
@@ -220,9 +217,9 @@ const dataContentPane = exports.dataContentPane = {
         return div;
       };
       for (let i = 0; i < roots.length; i++) {
-        const tr = myDocument.createElement('tr');
-        tr.classList.add('dataContentPaneTopAlignedRow');
+        const tr = myDocument.createElement('TR');
         const root = roots[i];
+        tr.style.verticalAlign = 'top';
         const td = outliner.outlineObjectTD(root, undefined, tr);
         tr.appendChild(td);
         div.appendChild(tr);

package/dist/home/homePane.js

@@ -0,0 +1,72 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _solidLogic = require("solid-logic");
+var _solidUi = require("solid-ui");
+/*   Home Pane
+ **
+ ** The home pane is avaiable everywhere and allows a user
+ ** to
+ **  - keep track of their stuff
+ **  - make new things, and possibly
+ **  - keep track of accounts and workspaces etc
+ **
+ */
+
+const HomePaneSource = {
+  icon: _solidUi.icons.iconBase + 'noun_547570.svg',
+  // noun_25830
+
+  global: true,
+  name: 'home',
+  // Does the subject deserve an home pane?
+  //
+  //   yes, always!
+  //
+  label: function () {
+    return 'home';
+  },
+  render: function (subject, context) {
+    const dom = context.dom;
+    const showContent = async function () {
+      const homePaneContext = {
+        div,
+        dom,
+        statusArea: div,
+        me
+      };
+      /*
+            div.appendChild(dom.createElement('h4')).textContent = 'Login status'
+            var loginStatusDiv = div.appendChild(context.dom.createElement('div'))
+            // TODO: Find out what the actual type is:
+            type UriType = unknown;
+            loginStatusDiv.appendChild(UI.login.loginStatusBox(context.dom, () => {
+              // Here we know new log in status
+            }))
+      */
+      div.appendChild(dom.createElement('h4')).textContent = 'Create new thing somewhere';
+      const creationDiv = div.appendChild(dom.createElement('div'));
+      const creationContext = {
+        div: creationDiv,
+        dom,
+        statusArea: div,
+        me
+      };
+      const relevantPanes = await _solidUi.login.filterAvailablePanes(context.session.paneRegistry.list);
+      _solidUi.create.newThingUI(creationContext, context, relevantPanes); // newUI Have to pass panes down
+
+      _solidUi.login.registrationList(homePaneContext, {}).then(function () {});
+    };
+    const div = dom.createElement('div');
+    const me = _solidLogic.authn.currentUser(); // this will be incorrect if not logged in
+
+    showContent();
+    return div;
+  }
+}; // pane object
+
+// ends
+var _default = exports.default = HomePaneSource;

package/dist/humanReadablePane.js

@@ -8,7 +8,6 @@ var _solidUi = require("solid-ui");
 var _rdflib = require("rdflib");
 var _marked = require("marked");
 var _dompurify = _interopRequireDefault(require("dompurify"));
-require("./styles/humanReadablePane.css");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /*   Human-readable Pane
  **
@@ -145,10 +144,6 @@ const humanReadablePane = {
 
     //  @@ When we can, use CSP to turn off scripts within the iframe
     div.setAttribute('class', 'docView');
-    const setFrameDisplayStyles = function (frame, lines) {
-      frame.classList.add('doc', 'humanReadableFrame');
-      frame.style.setProperty('--human-readable-height', `${lines}em`);
-    };
 
     // render markdown to html in a DIV element
     const renderMarkdownContent = function (frame) {
@@ -158,7 +153,8 @@ const humanReadablePane = {
         const res = _marked.marked.parse(markdownText);
         const clean = _dompurify.default.sanitize(res);
         frame.innerHTML = clean;
-        setFrameDisplayStyles(frame, lines);
+        frame.setAttribute('class', 'doc');
+        frame.setAttribute('style', `border: 1px solid; padding: 1em; height: ${lines}em; width: 800px; resize: both; overflow: auto;`);
       }).catch(error => {
         console.error('Error fetching markdown content:', error);
         frame.innerHTML = '<p>Error loading content</p>';
@@ -166,18 +162,19 @@ const humanReadablePane = {
     };
     const setIframeAttributes = (frame, lines) => {
       frame.setAttribute('src', subject.uri);
-      setFrameDisplayStyles(frame, lines);
+      frame.setAttribute('class', 'doc');
+      frame.setAttribute('style', `border: 1px solid; padding: 1em; height: ${lines}em; width: 800px; resize: both; overflow: auto;`);
     };
     if (isMarkdown) {
       // For markdown, use a DIV element and render the content
-      const frame = myDocument.createElement('div');
+      const frame = myDocument.createElement('DIV');
       renderMarkdownContent(frame);
-      const tr = myDocument.createElement('tr');
+      const tr = myDocument.createElement('TR');
       tr.appendChild(frame);
       div.appendChild(tr);
     } else {
       // For other content types, use IFRAME
-      const frame = myDocument.createElement('iframe');
+      const frame = myDocument.createElement('IFRAME');
 
       // Apply sandbox for HTML/XHTML
       if (ct === 'text/html' || ct === 'application/xhtml+xml') {
@@ -199,7 +196,7 @@ const humanReadablePane = {
         // Fallback to default height
         setIframeAttributes(frame, 30);
       });
-      const tr = myDocument.createElement('tr');
+      const tr = myDocument.createElement('TR');
       tr.appendChild(frame);
       div.appendChild(tr);
     }

package/dist/index.js

@@ -0,0 +1,108 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "OutlineManager", {
+  enumerable: true,
+  get: function () {
+    return _manager.default;
+  }
+});
+exports.UI = void 0;
+Object.defineProperty(exports, "byName", {
+  enumerable: true,
+  get: function () {
+    return _paneRegistry.byName;
+  }
+});
+exports.getOutliner = getOutliner;
+Object.defineProperty(exports, "initMainPage", {
+  enumerable: true,
+  get: function () {
+    return _mainPage.default;
+  }
+});
+Object.defineProperty(exports, "list", {
+  enumerable: true,
+  get: function () {
+    return _paneRegistry.list;
+  }
+});
+Object.defineProperty(exports, "paneForIcon", {
+  enumerable: true,
+  get: function () {
+    return _paneRegistry.paneForIcon;
+  }
+});
+Object.defineProperty(exports, "paneForPredicate", {
+  enumerable: true,
+  get: function () {
+    return _paneRegistry.paneForPredicate;
+  }
+});
+Object.defineProperty(exports, "register", {
+  enumerable: true,
+  get: function () {
+    return _paneRegistry.register;
+  }
+});
+Object.defineProperty(exports, "versionInfo", {
+  enumerable: true,
+  get: function () {
+    return _versionInfo.default;
+  }
+});
+var _versionInfo = _interopRequireDefault(require("./versionInfo"));
+var UI = _interopRequireWildcard(require("solid-ui"));
+exports.UI = UI;
+var _solidLogic = require("solid-logic");
+var _manager = _interopRequireDefault(require("./outline/manager.js"));
+var _registerPanes = require("./registerPanes.js");
+var _paneRegistry = require("pane-registry");
+var _context = require("./outline/context");
+var _mainPage = _interopRequireDefault(require("./mainPage"));
+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); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/*                            SOLID PANES
+ **
+ **     Panes are regions of the outline view in which a particular subject is
+ ** displayed in a particular way.
+ ** Different panes about the same subject are typically stacked vertically.
+ ** Panes may be used naked or with a pane selection header.
+ **
+ ** The label() method has two functions: it determines whether the pane is
+ ** relevant to a given subject, returning null if not.
+ ** If it is relevant, then it returns a suitable tooltip for a control which selects the pane
+ */
+
+function getOutliner(dom) {
+  if (!dom.outlineManager) {
+    const context = (0, _context.createContext)(dom, {
+      list: _paneRegistry.list,
+      paneForIcon: _paneRegistry.paneForIcon,
+      paneForPredicate: _paneRegistry.paneForPredicate,
+      register: _paneRegistry.register,
+      byName: _paneRegistry.byName
+    }, _solidLogic.store, _solidLogic.solidLogicSingleton);
+    dom.outlineManager = new _manager.default(context);
+  }
+  return dom.outlineManager;
+}
+if (typeof window !== 'undefined') {
+  getOutliner(window.document);
+}
+(0, _registerPanes.registerPanes)(cjsOrEsModule => (0, _paneRegistry.register)(cjsOrEsModule.default || cjsOrEsModule));
+
+// This has common outline mode functionality for the default and other other panes
+// A separate outline manager is required per DOM in cases like a browser extension
+// where there are many occurrences of window and of window.document
+// But each DOM should have just one outline manager.
+
+// export for simpler access by non-node scripts
+if (typeof window !== 'undefined') {
+  ;
+  window.panes = {
+    getOutliner
+  };
+}

package/dist/internal/internalPane.d.ts

@@ -1,5 +1,4 @@
 import { PaneDefinition } from 'pane-registry';
-import '../styles/internalPane.css';
 declare const pane: PaneDefinition;
 export default pane;
 //# sourceMappingURL=internalPane.d.ts.map

package/dist/internal/internalPane.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internalPane.d.ts","sourceRoot":"","sources":["../../src/internal/internalPane.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,4BAA4B,CAAA;AAEnC,QAAA,MAAM,IAAI,EAAE,cAoOX,CAAA;AAiBD,eAAe,IAAI,CAAA"}
+{"version":3,"file":"internalPane.d.ts","sourceRoot":"","sources":["../../src/internal/internalPane.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAE9C,QAAA,MAAM,IAAI,EAAE,cAwOX,CAAA;AAiBD,eAAe,IAAI,CAAA"}