solid-panes 4.2.6 → 4.4.0

package/README.md

@@ -78,3 +78,45 @@ contacts (A VCARD Address Book, Group, Individual, Organization) can be handled
 pane. Any other pane which wants to deal with contacts can just use the pane within its own user interface.
 
 ![Mapping many classes on the L to panes on the R](https://solidos.github.io/solid-panes/doc/images/panes-for-classes.svg)
+
+
+## Generative AI usage
+The SolidOS team is using GitHub Copilot integrated in Visual Studio Code. 
+We have added comments in the code to make it explicit which parts are 100% written by AI. 
+
+### Prompt usage hitory:
+* Model Claude Opus 4.6: Initially solid-panes is loaded into an HTML shell form mashlib that looks like ... Also, an iFrame is rendered inside the `<div class="TabulatorOutline" id="DummyUUID">` for “isolated pane rendering”. Analyze the solid-panes code for what it uses from this HTML and suggest a new HTML structure which is mobile and accessibility friendly. Let's go ahead and make changes in this code as suggested to accommodate the new databrowser HTML.
+
+* Raptor mini: take a look at how I wired the environment from mashlib into solid-panes. It is not quite right, can you suggest fixes?
+
+* Raptor mini: Update the code to use the new solid-ui-header component. Keep in mind the log in and sign up are wired in specific ways.
+
+* Auto: change the menu to fill up the menu items like in the code: async function getMenuItems (outliner: any) {
+const items = await outliner.getDashboardItems()
+return items.map((element) => {
+return {
+label: element.label,
+onclick: () => openDashboardPane(outliner, element.tabName || element.paneName)
+}
+})
+}
+
+* Auto: each #sym:MenuItem has an icon which i want displayed on the left side of each menu item when rendered
+
+* Auto: don't add each menu item in a button looking border. Simply list them.
+Upon hover apply background color e6dcff and selected or active to be background color: cbb9ff
+
+* Raptor mini: the menu dissapears when on mobile. That is great.
+I want the menu to have a tiny button on the bottom margin left with an arrow to the left or right for expanding the menu or for making it small. This is only for web. When we make it small it folds and only displays the icons of teh menu items, when it is expanded it should also add the labels to the menu items.
+
+* Raptor mini: i want to imporve the left side menu on mobile. When the menu is visible it should be higher, the top part should be on top of the header, folding out and in with the rest of the menu. It should have an x close button and it should say menu. The locor of that top line of the header should be the color of the header 332746
+
+* Raptor mini: the menu, on desktop, has a button to fold in or out. I want the same behavior to occur also when i simply click the folded in menu: it should expend. Not just when i click the dedicated button
+
+* Raprot mini: instead of this code (index.ts of footer), I want to make use of a new footer web component with the readme: # solid-ui-footer component
+
+* Raptor mini: The footer created shoudl actually be part of the left side menu only. Should be displayed inside it and should collaps and expand as the menu.
+
+* Raptor mini: the footer should completely dissapear when menu folded up.
+
+* Raptor mini: Please always keep the footer at the bottom of the menu

package/dist/0314353e28ce6e5539af.svg

@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" 
+  viewBox="0 0 20 20" 
+  fill="none"
+  >
+  <path d="M13.3327 17.5V15.8333C13.3327 14.9493 12.9815 14.1014 12.3564 13.4763C11.7313 12.8512 10.8834 12.5 9.99935 12.5H4.99935C4.11529 12.5 3.26745 12.8512 2.64233 13.4763C2.01721 14.1014 1.66602 14.9493 1.66602 15.8333V17.5" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M13.334 2.60669C14.0488 2.792 14.6818 3.20941 15.1337 3.79341C15.5856 4.37741 15.8308 5.09493 15.8308 5.83336C15.8308 6.57178 15.5856 7.28931 15.1337 7.8733C14.6818 8.4573 14.0488 8.87471 13.334 9.06002" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M18.334 17.5001V15.8334C18.3334 15.0948 18.0876 14.3774 17.6351 13.7937C17.1826 13.2099 16.5491 12.793 15.834 12.6084" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M7.49935 9.16667C9.3403 9.16667 10.8327 7.67428 10.8327 5.83333C10.8327 3.99238 9.3403 2.5 7.49935 2.5C5.6584 2.5 4.16602 3.99238 4.16602 5.83333C4.16602 7.67428 5.6584 9.16667 7.49935 9.16667Z" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/dist/4cceba29ab33b1ddd9bb.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg"  
+    viewBox="0 0 16 16" 
+    fill="none"
+  >
+    <path d="M13.334 13.3333C13.6876 13.3333 14.0267 13.1929 14.2768 12.9428C14.5268 12.6928 14.6673 12.3536 14.6673 12V5.33333C14.6673 4.97971 14.5268 4.64057 14.2768 4.39052C14.0267 4.14048 13.6876 4 13.334 4H8.06732C7.84433 4.00219 7.62435 3.94841 7.42752 3.84359C7.23069 3.73877 7.06329 3.58625 6.94065 3.4L6.40065 2.6C6.27924 2.41565 6.11397 2.26432 5.91965 2.1596C5.72533 2.05488 5.50806 2.00004 5.28732 2H2.66732C2.3137 2 1.97456 2.14048 1.72451 2.39052C1.47446 2.64057 1.33398 2.97971 1.33398 3.33333V12C1.33398 12.3536 1.47446 12.6928 1.72451 12.9428C1.97456 13.1929 2.3137 13.3333 2.66732 13.3333H13.334Z" stroke="currentColor" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
+  </svg>

package/dist/7b7538c6f6b317968009.svg

@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" 
+    viewBox="0 0 20 20" 
+    fill="none"
+  >
+    <path d="M7.5 2.5H3.33333C2.8731 2.5 2.5 2.8731 2.5 3.33333V9.16667C2.5 9.6269 2.8731 10 3.33333 10H7.5C7.96024 10 8.33333 9.6269 8.33333 9.16667V3.33333C8.33333 2.8731 7.96024 2.5 7.5 2.5Z" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M16.666 2.5H12.4993C12.0391 2.5 11.666 2.8731 11.666 3.33333V5.83333C11.666 6.29357 12.0391 6.66667 12.4993 6.66667H16.666C17.1263 6.66667 17.4993 6.29357 17.4993 5.83333V3.33333C17.4993 2.8731 17.1263 2.5 16.666 2.5Z" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M16.666 10H12.4993C12.0391 10 11.666 10.3731 11.666 10.8333V16.6667C11.666 17.1269 12.0391 17.5 12.4993 17.5H16.666C17.1263 17.5 17.4993 17.1269 17.4993 16.6667V10.8333C17.4993 10.3731 17.1263 10 16.666 10Z" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M7.5 13.3333H3.33333C2.8731 13.3333 2.5 13.7063 2.5 14.1666V16.6666C2.5 17.1268 2.8731 17.4999 3.33333 17.4999H7.5C7.96024 17.4999 8.33333 17.1268 8.33333 16.6666V14.1666C8.33333 13.7063 7.96024 13.3333 7.5 13.3333Z" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/dist/92d03142abe6efc0b42d.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" 
+      viewBox="0 0 20 20" 
+      fill="none"
+    >
+    <path d="M13.0151 9.27363C14.2948 8.34031 15.1282 6.82984 15.1282 5.1282C15.1282 2.30051 12.8277 0 9.99998 0C7.17228 0 4.87177 2.30051 4.87177 5.1282C4.87177 6.82984 5.70509 8.34031 6.98486 9.27363C3.80361 10.491 1.53845 13.5754 1.53845 17.1795C1.53845 18.7347 2.80373 20 4.35896 20H15.641C17.1962 20 18.4615 18.7347 18.4615 17.1795C18.4615 13.5754 16.1963 10.491 13.0151 9.27363ZM6.41025 5.1282C6.41025 3.14883 8.0206 1.53848 9.99998 1.53848C11.9794 1.53848 13.5897 3.14883 13.5897 5.1282C13.5897 7.10758 11.9794 8.71797 9.99998 8.71797C8.0206 8.71797 6.41025 7.10758 6.41025 5.1282ZM15.641 18.4615H4.35896C3.65205 18.4615 3.07693 17.8864 3.07693 17.1795C3.07693 13.362 6.18255 10.2564 10 10.2564C13.8175 10.2564 16.9231 13.362 16.9231 17.1795C16.9231 17.8864 16.3479 18.4615 15.641 18.4615Z" fill="currentColor"/>
+  </svg>

package/dist/RDFXMLPane.js

@@ -49,6 +49,7 @@ const RDFXMLPane = exports.RDFXMLPane = {
     sz.setBase(subject.uri);
     const str = sz.statementsToXML(sts);
     const pre = myDocument.createElement('PRE');
+    pre.setAttribute('style', 'overflow-x: auto; max-width: 100%; box-sizing: border-box;');
     pre.appendChild(myDocument.createTextNode(str));
     div.appendChild(pre);
     return div;

package/dist/dashboard/basicPreferences.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"basicPreferences.d.ts","sourceRoot":"","sources":["../../src/dashboard/basicPreferences.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAM9C,eAAO,MAAM,oBAAoB,EAAE,cA6ElC,CAAA;AAoBD,eAAe,oBAAoB,CAAA"}
+{"version":3,"file":"basicPreferences.d.ts","sourceRoot":"","sources":["../../src/dashboard/basicPreferences.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAM9C,eAAO,MAAM,oBAAoB,EAAE,cA8ElC,CAAA;AAoBD,eAAe,oBAAoB,CAAA"}

package/dist/dashboard/basicPreferences.js

@@ -20,6 +20,7 @@ const basicPreferencesPane = exports.basicPreferencesPane = {
   // The subject should be the logged in user.
   render: (subject, context) => {
     const dom = context.dom;
+    // @ts-ignore
     const store = context.session.store;
     function complainIfBad(ok, mess) {
       if (ok) return;

package/dist/dashboard/dashboardPane.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dashboardPane.d.ts","sourceRoot":"","sources":["../../src/dashboard/dashboardPane.ts"],"names":[],"mappings":"AAIA,OAAO,EAAsB,cAAc,EAAE,MAAM,eAAe,CAAA;AAElE,eAAO,MAAM,aAAa,EAAE,cAoC3B,CAAA;AAuCD,eAAe,aAAa,CAAA"}
+{"version":3,"file":"dashboardPane.d.ts","sourceRoot":"","sources":["../../src/dashboard/dashboardPane.ts"],"names":[],"mappings":"AAIA,OAAO,EAAsB,cAAc,EAAE,MAAM,eAAe,CAAA;AAElE,eAAO,MAAM,aAAa,EAAE,cAoC3B,CAAA;AAiDD,eAAe,aAAa,CAAA"}

package/dist/dashboard/dashboardPane.js

@@ -38,12 +38,18 @@ const dashboardPane = exports.dashboardPane = {
   }
 };
 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)) {
+  if (uri && webId) {
     return buildDashboard(container, context);
   }
-  return buildHomePage(container, subject);
+  if (!uri && subject) {
+    return buildHomePage(container, subject);
+  }
+  if (!uri && !subject && webId) {
+    return buildDashboard(container, context);
+  }
+  const fallbackSubject = subject || webId || _solidLogic.store.sym(window.location.href);
+  return buildHomePage(container, fallbackSubject);
 }
 function buildDashboard(container, context) {
   // console.log('build dashboard')

package/dist/dashboard/homepage.d.ts

@@ -1,3 +1,3 @@
 import { Fetcher, IndexedFormula, NamedNode } from 'rdflib';
-export declare function generateHomepage(subject: NamedNode, store: IndexedFormula, fetcher: Fetcher): Promise<HTMLElement>;
+export declare function generateHomepage(uri: NamedNode, store: IndexedFormula, fetcher: Fetcher): Promise<HTMLElement>;
 //# sourceMappingURL=homepage.d.ts.map

package/dist/dashboard/homepage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"homepage.d.ts","sourceRoot":"","sources":["../../src/dashboard/homepage.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,SAAS,EAAO,MAAM,QAAQ,CAAA;AAGhE,wBAAsB,gBAAgB,CACpC,OAAO,EAAE,SAAS,EAClB,KAAK,EAAE,cAAc,EACrB,OAAO,EAAE,OAAO,GACf,OAAO,CAAC,WAAW,CAAC,CAUtB"}
+{"version":3,"file":"homepage.d.ts","sourceRoot":"","sources":["../../src/dashboard/homepage.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAG3D,wBAAsB,gBAAgB,CACpC,GAAG,EAAE,SAAS,EACd,KAAK,EAAE,cAAc,EACrB,OAAO,EAAE,OAAO,GACf,OAAO,CAAC,WAAW,CAAC,CAUtB"}

package/dist/dashboard/homepage.js

@@ -4,11 +4,10 @@ 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);
+var _ownerProfile = require("../profileUtils/ownerProfile");
+async function generateHomepage(uri, store, fetcher) {
+  const ownersProfile = await (0, _ownerProfile.loadProfileFromURI)(uri, store, fetcher);
+  const name = (0, _ownerProfile.getName)(store, ownersProfile);
   const wrapper = document.createElement('div');
   wrapper.classList.add('container');
   wrapper.appendChild(createTitle(ownersProfile.uri, name));
@@ -35,38 +34,9 @@ function createTitle(uri, name) {
   profileLink.href = uri;
   profileLink.innerText = name;
   const profileLinkPost = document.createElement('span');
-  profileLinkPost.innerText = '\'s Pod';
+  profileLinkPost.innerText = '\'s Profile';
   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/form/pane.js

@@ -84,7 +84,7 @@ const formPane = exports.formPane = {
             if (formStore.uri !== form.uri) {
               // The form is a hash-type URI
               const e = box.appendChild(UI.widgets.editFormButton(dom, box, form, formStore, complainIfBad));
-              e.setAttribute('style', 'float: right;');
+              e.setAttribute('style', 'margin-left: auto; display: block;');
             }
           }
           const anchor = dom.createElement('a');

package/dist/home/homePane.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"homePane.d.ts","sourceRoot":"","sources":["../../src/home/homePane.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAM9C,QAAA,MAAM,cAAc,EAAE,cAoDrB,CAAA;AAGD,eAAe,cAAc,CAAA"}
+{"version":3,"file":"homePane.d.ts","sourceRoot":"","sources":["../../src/home/homePane.ts"],"names":[],"mappings":"AAUA,OAAO,EAAsB,cAAc,EAAE,MAAM,eAAe,CAAA;AAMlE,QAAA,MAAM,cAAc,EAAE,cAuDrB,CAAA;AAGD,eAAe,cAAc,CAAA"}

package/dist/home/homePane.js

@@ -29,6 +29,7 @@ const HomePaneSource = {
   label: function () {
     return 'home';
   },
+  audience: [_solidUi.ns.solid('PowerUser')],
   render: function (subject, context) {
     const dom = context.dom;
     const showContent = async function () {
@@ -56,6 +57,7 @@ const HomePaneSource = {
         me
       };
       const relevantPanes = await _solidUi.login.filterAvailablePanes(context.session.paneRegistry.list);
+      // @ts-ignore
       _solidUi.create.newThingUI(creationContext, context, relevantPanes); // newUI Have to pass panes down
 
       _solidUi.login.registrationList(homePaneContext, {}).then(function () {});

package/dist/humanReadablePane.js

@@ -136,6 +136,7 @@ const humanReadablePane = {
 
     // Fallback: detect markdown by file extension if content-type is not text/markdown
     const isMarkdown = ct === 'text/markdown' || isMarkdownFile(subject.uri);
+    const isPlainText = ct === 'text/plain';
     if (ct) {
       // console.log('humanReadablePane: c-t:' + ct)
     } else {
@@ -144,6 +145,7 @@ const humanReadablePane = {
 
     //  @@ When we can, use CSP to turn off scripts within the iframe
     div.setAttribute('class', 'docView');
+    div.setAttribute('style', 'display: block; width: 100%; max-width: 100%; box-sizing: border-box;');
 
     // render markdown to html in a DIV element
     const renderMarkdownContent = function (frame) {
@@ -154,24 +156,47 @@ const humanReadablePane = {
         const clean = _dompurify.default.sanitize(res);
         frame.innerHTML = clean;
         frame.setAttribute('class', 'doc');
-        frame.setAttribute('style', `border: 1px solid; padding: 1em; height: ${lines}em; width: 800px; resize: both; overflow: auto;`);
+        frame.setAttribute('style', `display: block; border: 1px solid; padding: 1em; height: ${lines}em; max-width: 100%; width: 100%; box-sizing: border-box; resize: both; overflow: auto;`);
       }).catch(error => {
         console.error('Error fetching markdown content:', error);
         frame.innerHTML = '<p>Error loading content</p>';
       });
     };
+
+    // render plain text in a PRE element
+    const renderPlainTextContent = function (frame) {
+      kb.fetcher.webOperation('GET', subject.uri).then(response => {
+        const plainText = response.responseText;
+        const lines = Math.min(30, plainText.split(/\n/).length + 5);
+        frame.textContent = plainText;
+        frame.setAttribute('class', 'doc');
+        frame.setAttribute('style', `display: block; border: 1px solid; padding: 1em; height: ${lines}em; max-width: 100%; width: 100%; box-sizing: border-box; resize: both; overflow: auto; font-family: monospace; white-space: pre-wrap; word-wrap: break-word;`);
+      }).catch(error => {
+        console.error('Error fetching plain text content:', error);
+        frame.textContent = 'Error loading content';
+      });
+    };
     const setIframeAttributes = (frame, lines) => {
       frame.setAttribute('src', subject.uri);
       frame.setAttribute('class', 'doc');
-      frame.setAttribute('style', `border: 1px solid; padding: 1em; height: ${lines}em; width: 800px; resize: both; overflow: auto;`);
+      frame.setAttribute('style', `display: block; border: 1px solid; padding: 1em; height: ${lines}em; max-width: 100%; width: 100%; box-sizing: border-box; resize: both; overflow: auto;`);
     };
     if (isMarkdown) {
       // For markdown, use a DIV element and render the content
       const frame = myDocument.createElement('DIV');
       renderMarkdownContent(frame);
-      const tr = myDocument.createElement('TR');
-      tr.appendChild(frame);
-      div.appendChild(tr);
+      const frameContainer = myDocument.createElement('div');
+      frameContainer.setAttribute('style', 'display: block; width: 100%; max-width: 100%; box-sizing: border-box;');
+      frameContainer.appendChild(frame);
+      div.appendChild(frameContainer);
+    } else if (isPlainText) {
+      // For plain text, use a PRE element and render the content
+      const frame = myDocument.createElement('PRE');
+      renderPlainTextContent(frame);
+      const frameContainer = myDocument.createElement('div');
+      frameContainer.setAttribute('style', 'display: block; width: 100%; max-width: 100%; box-sizing: border-box;');
+      frameContainer.appendChild(frame);
+      div.appendChild(frameContainer);
     } else {
       // For other content types, use IFRAME
       const frame = myDocument.createElement('IFRAME');
@@ -196,9 +221,10 @@ const humanReadablePane = {
         // Fallback to default height
         setIframeAttributes(frame, 30);
       });
-      const tr = myDocument.createElement('TR');
-      tr.appendChild(frame);
-      div.appendChild(tr);
+      const frameContainer = myDocument.createElement('div');
+      frameContainer.setAttribute('style', 'display: block; width: 100%; max-width: 100%; box-sizing: border-box;');
+      frameContainer.appendChild(frame);
+      div.appendChild(frameContainer);
     }
     return div;
   }

package/dist/icons/clock.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" 
+    viewBox="0 0 20 20" 
+    fill="none"
+  >
+    <path d="M9.99935 18.3334C14.6017 18.3334 18.3327 14.6025 18.3327 10.0001C18.3327 5.39771 14.6017 1.66675 9.99935 1.66675C5.39698 1.66675 1.66602 5.39771 1.66602 10.0001C1.66602 14.6025 5.39698 18.3334 9.99935 18.3334Z" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M10 5V10L13.3333 8.33333" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
+  </svg>

package/dist/icons/comment.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" 
+    viewBox="0 0 24 24" 
+    fill="none"
+    >
+    <path d="M21 15C21 15.5304 20.7893 16.0391 20.4142 16.4142C20.0391 16.7893 19.5304 17 19 17H7L3 21V5C3 4.46957 3.21071 3.96086 3.58579 3.58579C3.96086 3.21071 4.46957 3 5 3H19C19.5304 3 20.0391 3.21071 20.4142 3.58579C20.7893 3.96086 21 4.46957 21 5V15Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/dist/icons/dashboard.svg

@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" 
+    viewBox="0 0 20 20" 
+    fill="none"
+  >
+    <path d="M7.5 2.5H3.33333C2.8731 2.5 2.5 2.8731 2.5 3.33333V9.16667C2.5 9.6269 2.8731 10 3.33333 10H7.5C7.96024 10 8.33333 9.6269 8.33333 9.16667V3.33333C8.33333 2.8731 7.96024 2.5 7.5 2.5Z" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M16.666 2.5H12.4993C12.0391 2.5 11.666 2.8731 11.666 3.33333V5.83333C11.666 6.29357 12.0391 6.66667 12.4993 6.66667H16.666C17.1263 6.66667 17.4993 6.29357 17.4993 5.83333V3.33333C17.4993 2.8731 17.1263 2.5 16.666 2.5Z" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M16.666 10H12.4993C12.0391 10 11.666 10.3731 11.666 10.8333V16.6667C11.666 17.1269 12.0391 17.5 12.4993 17.5H16.666C17.1263 17.5 17.4993 17.1269 17.4993 16.6667V10.8333C17.4993 10.3731 17.1263 10 16.666 10Z" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M7.5 13.3333H3.33333C2.8731 13.3333 2.5 13.7063 2.5 14.1666V16.6666C2.5 17.1268 2.8731 17.4999 3.33333 17.4999H7.5C7.96024 17.4999 8.33333 17.1268 8.33333 16.6666V14.1666C8.33333 13.7063 7.96024 13.3333 7.5 13.3333Z" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/dist/icons/downArrow.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" 
+    viewBox="0 0 12 7" 
+    fill="none"
+  >
+    <path d="M0.679688 0.678955L5.50729 5.50656L10.3349 0.678955" stroke="currentColor" stroke-width="1.35776" stroke-linecap="round" stroke-linejoin="round"/>
+  </svg>

package/dist/icons/folder.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg"  
+    viewBox="0 0 16 16" 
+    fill="none"
+  >
+    <path d="M13.334 13.3333C13.6876 13.3333 14.0267 13.1929 14.2768 12.9428C14.5268 12.6928 14.6673 12.3536 14.6673 12V5.33333C14.6673 4.97971 14.5268 4.64057 14.2768 4.39052C14.0267 4.14048 13.6876 4 13.334 4H8.06732C7.84433 4.00219 7.62435 3.94841 7.42752 3.84359C7.23069 3.73877 7.06329 3.58625 6.94065 3.4L6.40065 2.6C6.27924 2.41565 6.11397 2.26432 5.91965 2.1596C5.72533 2.05488 5.50806 2.00004 5.28732 2H2.66732C2.3137 2 1.97456 2.14048 1.72451 2.39052C1.47446 2.64057 1.33398 2.97971 1.33398 3.33333V12C1.33398 12.3536 1.47446 12.6928 1.72451 12.9428C1.97456 13.1929 2.3137 13.3333 2.66732 13.3333H13.334Z" stroke="currentColor" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
+  </svg>

package/dist/icons/friends.svg

@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" 
+  viewBox="0 0 20 20" 
+  fill="none"
+  >
+  <path d="M13.3327 17.5V15.8333C13.3327 14.9493 12.9815 14.1014 12.3564 13.4763C11.7313 12.8512 10.8834 12.5 9.99935 12.5H4.99935C4.11529 12.5 3.26745 12.8512 2.64233 13.4763C2.01721 14.1014 1.66602 14.9493 1.66602 15.8333V17.5" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M13.334 2.60669C14.0488 2.792 14.6818 3.20941 15.1337 3.79341C15.5856 4.37741 15.8308 5.09493 15.8308 5.83336C15.8308 6.57178 15.5856 7.28931 15.1337 7.8733C14.6818 8.4573 14.0488 8.87471 13.334 9.06002" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M18.334 17.5001V15.8334C18.3334 15.0948 18.0876 14.3774 17.6351 13.7937C17.1826 13.2099 16.5491 12.793 15.834 12.6084" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M7.49935 9.16667C9.3403 9.16667 10.8327 7.67428 10.8327 5.83333C10.8327 3.99238 9.3403 2.5 7.49935 2.5C5.6584 2.5 4.16602 3.99238 4.16602 5.83333C4.16602 7.67428 5.6584 9.16667 7.49935 9.16667Z" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/dist/icons/help.svg

@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 35 35" 
+    fill="none"
+    >
+    <path d="M17.4546 30.9091C10.0462 30.9091 4 24.8625 4 17.4546C4 10.0462 10.0467 4 17.4546 4C24.8629 4 30.9091 10.0466 30.9091 17.4546C30.9091 24.8629 24.8625 30.9091 17.4546 30.9091ZM17.4546 5.57671C10.9051 5.57671 5.57671 10.9051 5.57671 17.4546C5.57671 24.0041 10.9051 29.3324 17.4546 29.3324C24.0041 29.3324 29.3324 24.0041 29.3324 17.4546C29.3324 10.9051 24.0041 5.57671 17.4546 5.57671Z" fill="currentColor"/>
+    <path d="M17.4554 21.3963C17.0201 21.3963 16.6671 21.0434 16.6671 20.608V19.7642C16.6671 18.3614 17.4221 17.0533 18.6374 16.3502C19.3671 15.9281 19.8205 15.1429 19.8205 14.3011C19.8205 12.997 18.7595 11.9361 17.4554 11.9361C16.1513 11.9361 15.0904 12.997 15.0904 14.3011C15.0904 14.7365 14.7374 15.0895 14.302 15.0895C13.8666 15.0895 13.5137 14.7365 13.5137 14.3011C13.5137 12.1277 15.2819 10.3594 17.4554 10.3594C19.6289 10.3594 21.3972 12.1277 21.3972 14.3011C21.3972 15.7039 20.6422 17.012 19.4269 17.7151C18.6971 18.1372 18.2438 18.9224 18.2438 19.7642V20.608C18.2438 21.0434 17.8908 21.3963 17.4554 21.3963Z" fill="currentColor"/>
+    <path d="M17.4544 24.5499C17.8898 24.5499 18.2427 24.1969 18.2427 23.7615C18.2427 23.3261 17.8898 22.9731 17.4544 22.9731C17.019 22.9731 16.666 23.3261 16.666 23.7615C16.666 24.1969 17.019 24.5499 17.4544 24.5499Z" fill="currentColor"/>
+  </svg>

package/dist/icons/iconHelper.d.ts

@@ -0,0 +1,2 @@
+export declare function createUiIcon(icon: string, label?: string, color?: string): string;
+//# sourceMappingURL=iconHelper.d.ts.map

package/dist/icons/iconHelper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconHelper.d.ts","sourceRoot":"","sources":["../../src/icons/iconHelper.ts"],"names":[],"mappings":"AAAA,wBAAgB,YAAY,CAC1B,IAAI,EAAE,MAAM,EACZ,KAAK,SAAS,EACd,KAAK,GAAE,MAAuB,GAC7B,MAAM,CA6BR"}

package/dist/icons/iconHelper.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createUiIcon = createUiIcon;
+function createUiIcon(icon, label = 'icon', color = 'currentColor') {
+  const styleBlocks = ['display:block'];
+  const extraAttrs = ['role="img"', `aria-label="${label}"`, 'focusable="false"', 'aria-hidden="true"', 'width="100%"', 'height="100%"', `style="${styleBlocks.join('; ')}"`].join(' ');
+  let svg = icon.replace(/^\uFEFF/, '').trim();
+
+  // If webpack gave us a data URL instead of raw SVG, decode it first
+  if (svg.startsWith('data:image/svg+xml;base64,')) {
+    svg = decodeURIComponent(escape(atob(svg.slice('data:image/svg+xml;base64,'.length))));
+  } else if (svg.startsWith('data:image/svg+xml,')) {
+    svg = decodeURIComponent(svg.slice('data:image/svg+xml,'.length));
+  }
+  if (color) {
+    svg = svg.replace(/\bcurrentColor\b/gi, color);
+  }
+  svg = svg.replace(/^(<svg\b)/i, `$1 ${extraAttrs}`);
+  return `data:image/svg+xml;base64,${btoa(unescape(encodeURIComponent(svg)))}`;
+}

package/dist/icons/menu.svg

@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" 
+    viewBox="0 0 24 24" 
+    fill="none"
+>
+    <path d="M3 6H21" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M3 12H21" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M3 18H21" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/dist/icons/person.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" 
+      viewBox="0 0 20 20" 
+      fill="none"
+    >
+    <path d="M13.0151 9.27363C14.2948 8.34031 15.1282 6.82984 15.1282 5.1282C15.1282 2.30051 12.8277 0 9.99998 0C7.17228 0 4.87177 2.30051 4.87177 5.1282C4.87177 6.82984 5.70509 8.34031 6.98486 9.27363C3.80361 10.491 1.53845 13.5754 1.53845 17.1795C1.53845 18.7347 2.80373 20 4.35896 20H15.641C17.1962 20 18.4615 18.7347 18.4615 17.1795C18.4615 13.5754 16.1963 10.491 13.0151 9.27363ZM6.41025 5.1282C6.41025 3.14883 8.0206 1.53848 9.99998 1.53848C11.9794 1.53848 13.5897 3.14883 13.5897 5.1282C13.5897 7.10758 11.9794 8.71797 9.99998 8.71797C8.0206 8.71797 6.41025 7.10758 6.41025 5.1282ZM15.641 18.4615H4.35896C3.65205 18.4615 3.07693 17.8864 3.07693 17.1795C3.07693 13.362 6.18255 10.2564 10 10.2564C13.8175 10.2564 16.9231 13.362 16.9231 17.1795C16.9231 17.8864 16.3479 18.4615 15.641 18.4615Z" fill="currentColor"/>
+  </svg>

package/dist/icons/personInCircle.svg

@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" 
+    viewBox="0 0 64 64" 
+    fill="none"
+  >
+    <path d="M32.0007 58.6666C46.7282 58.6666 58.6673 46.7275 58.6673 31.9999C58.6673 17.2723 46.7282 5.33325 32.0007 5.33325C17.2731 5.33325 5.33398 17.2723 5.33398 31.9999C5.33398 46.7275 17.2731 58.6666 32.0007 58.6666Z" stroke="currentColor" stroke-width="5.33333" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M32 34.6667C36.4183 34.6667 40 31.085 40 26.6667C40 22.2485 36.4183 18.6667 32 18.6667C27.5817 18.6667 24 22.2485 24 26.6667C24 31.085 27.5817 34.6667 32 34.6667Z" stroke="currentColor" stroke-width="5.33333" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M18.666 55.0986V50.6666C18.666 49.2521 19.2279 47.8955 20.2281 46.8954C21.2283 45.8952 22.5849 45.3333 23.9993 45.3333H39.9993C41.4138 45.3333 42.7704 45.8952 43.7706 46.8954C44.7708 47.8955 45.3327 49.2521 45.3327 50.6666V55.0986" stroke="currentColor" stroke-width="5.33333" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/dist/icons/sharing.svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" 
+    viewBox="0 0 20 20" 
+    fill="none"
+>
+    <path d="M15 6.66675C16.3807 6.66675 17.5 5.54746 17.5 4.16675C17.5 2.78604 16.3807 1.66675 15 1.66675C13.6193 1.66675 12.5 2.78604 12.5 4.16675C12.5 5.54746 13.6193 6.66675 15 6.66675Z" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M5 12.5C6.38071 12.5 7.5 11.3807 7.5 10C7.5 8.61929 6.38071 7.5 5 7.5C3.61929 7.5 2.5 8.61929 2.5 10C2.5 11.3807 3.61929 12.5 5 12.5Z" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M15 18.3333C16.3807 18.3333 17.5 17.214 17.5 15.8333C17.5 14.4525 16.3807 13.3333 15 13.3333C13.6193 13.3333 12.5 14.4525 12.5 15.8333C12.5 17.214 13.6193 18.3333 15 18.3333Z" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M7.1582 11.2583L12.8499 14.575" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M12.8415 5.42505L7.1582 8.74172" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
+  </svg>

package/dist/icons/signOut.svg

@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" 
+    viewBox="0 0 20 20" 
+    fill="none"
+  >
+    <path d="M13.3334 14.1667L17.5 10L13.3334 5.83337" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M17.5 10H7.5" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M7.5 17.5H4.16667C3.72464 17.5 3.30072 17.3244 2.98816 17.0118C2.67559 16.6993 2.5 16.2754 2.5 15.8333V4.16667C2.5 3.72464 2.67559 3.30072 2.98816 2.98816C3.30072 2.67559 3.72464 2.5 4.16667 2.5H7.5" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
+  </svg>

package/dist/icons/star.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.60306 1.91274C9.63958 1.83895 9.696 1.77685 9.76594 1.73342C9.83588 1.69 9.91657 1.66699 9.9989 1.66699C10.0812 1.66699 10.1619 1.69 10.2319 1.73342C10.3018 1.77685 10.3582 1.83895 10.3947 1.91274L12.3197 5.8119C12.4465 6.06854 12.6337 6.29058 12.8653 6.45895C13.0968 6.62732 13.3657 6.737 13.6489 6.77857L17.9539 7.40857C18.0355 7.42039 18.1121 7.4548 18.1751 7.5079C18.2382 7.56101 18.2851 7.63069 18.3106 7.70908C18.3361 7.78746 18.3391 7.87141 18.3194 7.95143C18.2996 8.03146 18.2579 8.10436 18.1989 8.1619L15.0856 11.1936C14.8802 11.3937 14.7266 11.6406 14.6379 11.9133C14.5492 12.1859 14.5281 12.476 14.5764 12.7586L15.3114 17.0419C15.3258 17.1234 15.317 17.2074 15.286 17.2841C15.255 17.3609 15.203 17.4274 15.136 17.4761C15.069 17.5247 14.9897 17.5536 14.9071 17.5593C14.8245 17.5651 14.742 17.5475 14.6689 17.5086L10.8206 15.4852C10.567 15.3521 10.2849 15.2825 9.99848 15.2825C9.71208 15.2825 9.42996 15.3521 9.1764 15.4852L5.3289 17.5086C5.25584 17.5472 5.17339 17.5646 5.09094 17.5588C5.00848 17.5529 4.92933 17.524 4.86247 17.4754C4.79562 17.4268 4.74376 17.3604 4.71278 17.2838C4.6818 17.2071 4.67294 17.1233 4.68723 17.0419L5.4214 12.7594C5.46989 12.4767 5.44888 12.1864 5.36018 11.9136C5.27147 11.6408 5.11774 11.3937 4.91223 11.1936L1.7989 8.16274C1.73939 8.10526 1.69722 8.03223 1.6772 7.95197C1.65717 7.8717 1.66009 7.78742 1.68563 7.70873C1.71116 7.63004 1.75828 7.56011 1.82163 7.50689C1.88497 7.45367 1.96198 7.41932 2.0439 7.40774L6.34806 6.77857C6.63161 6.73732 6.90089 6.62778 7.13272 6.45939C7.36455 6.291 7.55198 6.0688 7.6789 5.8119L9.60306 1.91274Z" stroke="#314158" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/dist/index.d.ts

@@ -1,10 +1,11 @@
 import versionInfo from './versionInfo';
 import * as UI from 'solid-ui';
 import OutlineManager from './outline/manager.js';
-import { list, paneForIcon, paneForPredicate, register, byName } from 'pane-registry';
-import initMainPage from './mainPage';
-declare function getOutliner(dom: any): any;
-export { OutlineManager, getOutliner, UI, versionInfo, initMainPage, list, // from paneRegistry
+import { list, paneForIcon, paneForPredicate, register, byName, RenderEnvironment } from 'pane-registry';
+import { initMainPage, refreshUI } from './mainPage';
+declare function getOutliner(dom: any, environment?: RenderEnvironment): OutlineManager;
+declare function updateEnvironment(outliner: OutlineManager, environment: RenderEnvironment): void;
+export { OutlineManager, getOutliner, updateEnvironment, UI, versionInfo, initMainPage, refreshUI, list, // from paneRegistry
 paneForIcon, // from paneRegistry
 paneForPredicate, // from paneRegistry
 register, // from paneRegistry

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAYA,OAAO,WAAW,MAAM,eAAe,CAAA;AACvC,OAAO,KAAK,EAAE,MAAM,UAAU,CAAA;AAG9B,OAAO,cAAc,MAAM,sBAAsB,CAAA;AAEjD,OAAO,EACL,IAAI,EACJ,WAAW,EACX,gBAAgB,EAChB,QAAQ,EACR,MAAM,EACP,MAAM,eAAe,CAAA;AAEtB,OAAO,YAAY,MAAM,YAAY,CAAA;AAErC,iBAAS,WAAW,CAAE,GAAG,KAAA,OAWxB;AAaD,OAAO,EACL,cAAc,EACd,WAAW,EACX,EAAE,EACF,WAAW,EACX,YAAY,EACZ,IAAI,EAAE,oBAAoB;AAC1B,WAAW,EAAE,oBAAoB;AACjC,gBAAgB,EAAE,oBAAoB;AACtC,QAAQ,EAAE,oBAAoB;AAC9B,MAAM,EACP,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAYA,OAAO,WAAW,MAAM,eAAe,CAAA;AACvC,OAAO,KAAK,EAAE,MAAM,UAAU,CAAA;AAG9B,OAAO,cAAc,MAAM,sBAAsB,CAAA;AAEjD,OAAO,EACL,IAAI,EACJ,WAAW,EACX,gBAAgB,EAChB,QAAQ,EACR,MAAM,EACN,iBAAiB,EAClB,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAEpD,iBAAS,WAAW,CAAE,GAAG,KAAA,EAAE,WAAW,CAAC,EAAE,iBAAiB,GAAG,cAAc,CAe1E;AAED,iBAAS,iBAAiB,CAAE,QAAQ,EAAE,cAAc,EAAE,WAAW,EAAE,iBAAiB,QAInF;AAaD,OAAO,EACL,cAAc,EACd,WAAW,EACX,iBAAiB,EACjB,EAAE,EACF,WAAW,EACX,YAAY,EACZ,SAAS,EACT,IAAI,EAAE,oBAAoB;AAC1B,WAAW,EAAE,oBAAoB;AACjC,gBAAgB,EAAE,oBAAoB;AACtC,QAAQ,EAAE,oBAAoB;AAC9B,MAAM,EACP,CAAA"}