npm - mashlib - Versions diffs - 2.0.0-b6e2711c → 2.0.0-c633331d - Mend

mashlib 2.0.0-b6e2711c → 2.0.0-c633331d

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/browse-test.html CHANGED Viewed

@@ -2,6 +2,17 @@
 <html id="docHTML">
 <head>
   <meta content="text/html; charset=UTF-8" http-equiv="content-type">
+  <script>
+    // Suppress harmless ResizeObserver loop errors that block the UI
+    window.addEventListener('error', function(e) {
+      if (e.message && e.message.includes('ResizeObserver loop')) {
+        e.stopImmediatePropagation();
+        e.stopPropagation();
+        e.preventDefault();
+        return false;
+      }
+    }, true);
+  </script>
   <link type="text/css" rel="stylesheet" href="mash.css" />
   <script type="text/javascript" src="mashlib.js"></script>
 <script>

package/dist/browse.html CHANGED Viewed

@@ -2,15 +2,27 @@
 <html id="docHTML">
 <head>
   <meta content="text/html; charset=UTF-8" http-equiv="content-type">
+  <script>
+    // Suppress harmless ResizeObserver loop errors that block the UI
+    window.addEventListener('error', function(e) {
+      if (e.message && e.message.includes('ResizeObserver loop')) {
+        e.stopImmediatePropagation();
+        e.stopPropagation();
+        e.preventDefault();
+        return false;
+      }
+    }, true);
+  </script>
   <link type="text/css" rel="stylesheet" href="mash.css" />
-  <script type="text/javascript" src="mashlib.min.js"></script>
+  <script type="text/javascript" src="mashlib.js"></script>
 <script>
 document.addEventListener('DOMContentLoaded', function() {
     const authn = SolidLogic.authn
-    const authSession = SolidLogic.authn.authSession
+    const authSession = SolidLogic.authSession
     const store = SolidLogic.store
     const dom = document
-    $rdf.Fetcher.crossSiteProxyTemplate = self.origin + '/xss?uri={uri}'
+    // Disable cross-site proxy - modern Solid servers support CORS
+    // $rdf.Fetcher.crossSiteProxyTemplate = self.origin + '/xss?uri={uri}'
     const uri = window.location.href
     window.document.title = 'SolidOS Web App: ' + uri
     const outliner = panes.getOutliner(dom) //function from solid-panes
@@ -59,11 +71,11 @@ document.addEventListener('DOMContentLoaded', function() {
         const logoutButton = loginButtonArea.querySelector('input');
         logoutButton.value = "Logout";
         let displayId = `&lt;${me.value}>`;
-        webIdArea.innerHTML = displayId;
-        banner.style.backgroundColor="#bbccbb";
+        webIdArea.innerHTML = displayId;
+        banner.style.backgroundColor="#bbccbb";
       } else {
         banner.style.backgroundColor="#ccbbbb";
-      }
+      }
       loginButtonArea.style.display="inline-block";
     }
@@ -81,7 +93,7 @@ document.addEventListener('DOMContentLoaded', function() {
         mungeLoginArea();
         go()
       })
-    }
+    }
     mungeLoginArea();
 });
 </script>
@@ -93,6 +105,7 @@ document.addEventListener('DOMContentLoaded', function() {
     The SolidOS Databrowser
   </header>
   <main id="mainContent" tabindex="-1">
     <div class="input-row" id="inputArea">
         Viewing <input id="uriField" type="text" class="uri-field" placeholder="enter a pod address e.g. https://you.solidcommunity.net/"/> <input type="button" id="goButton" value="Go" />
     </div>
@@ -124,10 +137,10 @@ document.addEventListener('DOMContentLoaded', function() {
       width:100%;
       padding:1em;
       background-color:#ccbbbb;
-      margin-bottom:0.6em;
     }
     .input-row {
-      margin-left:1em;
+      padding-left:1em;
+      padding-bottom:1em;
     }
     .user-row {
       margin-top:0.5em;

package/dist/mashlib.js CHANGED Viewed

@@ -6266,7 +6266,7 @@ function _defineProperty(e, r, t) {
   /**
    * Default signup endpoints (list of identity providers)
    */
-  signupEndpoint: 'https://solidproject.org/use-solid/',
+  signupEndpoint: 'https://solidproject.org/get_a_pod',
   /**
    * Default height of the Signup popup window, in pixels
    */
@@ -44313,6 +44313,10 @@ const dataContentPane = exports.dataContentPane = {
   name: 'dataContents',
   audience: [ns.solid('Developer')],
   label: function (subject, context) {
+    // Don't match markdown files - let humanReadablePane handle those
+    if (subject.uri && (subject.uri.endsWith('.md') || subject.uri.endsWith('.markdown'))) {
+      return null;
+    }
     if ('http://www.w3.org/2007/ont/link#ProtocolEvent' in context.session.store.findTypeURIs(subject)) {
       return null;
     }
@@ -48489,6 +48493,11 @@ var _default = exports["default"] = {
     };
     if (!subject.uri) return null; // no bnodes
+    // Don't match markdown files - let humanReadablePane handle those
+    const uri = subject.uri;
+    if (uri.endsWith('.md') || uri.endsWith('.markdown')) {
+      return null;
+    }
     const t = kb.findTypeURIs(subject);
     if (t[ns.link('WebPage').uri]) return 'view';
     if (hasContentTypeIn(kb, subject, allowed) || hasContentTypeIn2(kb, subject, allowed)) {
@@ -55012,7 +55021,7 @@ __webpack_require__(1594);
 let buttonContainer = document.createElement('section');
 const addMeToYourFriendsDiv = (subject, context) => {
   buttonContainer = context.dom.createElement('section');
-  buttonContainer.setAttribute('class', 'buttonSubSection text-truncate text-center center');
+  buttonContainer.setAttribute('class', 'buttonSubSection text-truncate text-center section-centered');
   buttonContainer.setAttribute('aria-labelledby', 'add-me-to-your-friends-button-section');
   buttonContainer.setAttribute('data-testid', 'button');
@@ -55025,7 +55034,7 @@ const addMeToYourFriendsDiv = (subject, context) => {
   const button = createAddMeToYourFriendsButton(subject, context);
   button.classList.add('actionButton', 'btn-primary', 'action-button-focus');
   buttonContainer.appendChild(button);
-  return (0, _litHtml.html)`<div class="center">${buttonContainer}</div>`;
+  return (0, _litHtml.html)`${buttonContainer}`;
 };
 exports.addMeToYourFriendsDiv = addMeToYourFriendsDiv;
 const createAddMeToYourFriendsButton = (subject, context) => {
@@ -55330,7 +55339,7 @@ const ChatWithMe = (subject, context) => {
     let exists;
     try {
       yield (0, _litHtml.html)`
-      <div class="buttonSubSection center">
+      <div class="buttonSubSection">
         <div class="actionButton loading-text center" role="status" aria-live="polite">
           ${_texts.loadingMessage.toUpperCase()}
         </div>
@@ -56442,8 +56451,8 @@ Object.defineProperty(exports, "__esModule", ({
 }));
 exports["default"] = void 0;
 var _default = exports["default"] = {
-  buildTime: '2026-01-27T09:47:04Z',
-  commit: '2173cd4e7bb0b0a12a2c61ce72f310d69526f2e7',
+  buildTime: '2026-01-29T11:13:04Z',
+  commit: 'bab16e7219fe8a05adbcf449ae865462bf5fc6b2',
   npmInfo: {
     'solid-panes': '4.0.0-newStyle',
     npm: '10.8.2',
@@ -67803,6 +67812,12 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  **  This is for peeking at a page, because the user might not want to leave the data browser.
  */
+// Helper function to check if a URI has a markdown file extension
+const isMarkdownFile = uri => {
+  if (!uri) return false;
+  const path = uri.split('?')[0].split('#')[0]; // Remove query string and fragment
+  return /\.(md|markdown|mdown|mkd|mkdn)$/i.test(path);
+};
 const humanReadablePane = {
   icon: _solidUi.icons.originalIconBase + 'tango/22-text-x-generic.png',
   name: 'humanReadable',
@@ -67840,6 +67855,11 @@ const humanReadablePane = {
     const t = kb.findTypeURIs(subject);
     if (t[_solidUi.ns.link('WebPage').uri]) return 'view';
+    // Check file extension for markdown files
+    if (isMarkdownFile(subject.uri)) {
+      return 'View';
+    }
     if (hasContentTypeIn(kb, subject, allowed) || hasContentTypeIn2(kb, subject, allowed)) {
       return 'View';
     }
@@ -67851,6 +67871,9 @@ const humanReadablePane = {
     const kb = context.session.store;
     const cts = kb.fetcher.getHeader(subject.doc(), 'content-type');
     const ct = cts ? cts[0].split(';', 1)[0].trim() : null; // remove content-type parameters
+    // Fallback: detect markdown by file extension if content-type is not text/markdown
+    const isMarkdown = ct === 'text/markdown' || isMarkdownFile(subject.uri);
     if (ct) {
       // console.log('humanReadablePane: c-t:' + ct)
     } else {
@@ -67859,8 +67882,22 @@ const humanReadablePane = {
     //  @@ When we can, use CSP to turn off scripts within the iframe
     div.setAttribute('class', 'docView');
-    const element = ct === 'text/markdown' ? 'DIV' : 'IFRAME';
-    const frame = myDocument.createElement(element);
+    // render markdown to html in a DIV element
+    const renderMarkdownContent = function (frame) {
+      kb.fetcher.webOperation('GET', subject.uri).then(response => {
+        const markdownText = response.responseText;
+        const lines = Math.min(30, markdownText.split(/\n/).length + 5);
+        const res = _marked.marked.parse(markdownText);
+        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;`);
+      }).catch(error => {
+        console.error('Error fetching markdown content:', error);
+        frame.innerHTML = '<p>Error loading content</p>';
+      });
+    };
     const setIframeAttributes = (frame, blob, lines) => {
       frame.setAttribute('src', URL.createObjectURL(blob));
       frame.setAttribute('type', blob.type);
@@ -67876,25 +67913,16 @@ const humanReadablePane = {
         frame.setAttribute('sandbox', 'allow-scripts allow-same-origin');
       }
     };
-    // render markdown to html
-    const markdownHtml = function () {
-      kb.fetcher.webOperation('GET', subject.uri).then(response => {
-        const markdownText = response.responseText;
-        const lines = Math.min(30, markdownText.split(/\n/).length + 5);
-        const res = _marked.marked.parse(markdownText);
-        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;`);
-      }).catch(error => {
-        console.error('Error fetching markdown content:', error);
-        frame.innerHTML = '<p>Error loading content</p>';
-      });
-    };
-    if (ct === 'text/markdown') {
-      markdownHtml();
+    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);
     } else {
+      // For other content types, use IFRAME
+      const frame = myDocument.createElement('IFRAME');
       // Fetch and process the blob
       kb.fetcher._fetch(subject.uri).then(response => response.blob()).then(blob => {
         const blobTextPromise = blob.type.startsWith('text') ? blob.text() : Promise.resolve('');
@@ -67908,14 +67936,22 @@ const humanReadablePane = {
       }) => {
         const newLines = blobText.includes('<script src="https://dokie.li/scripts/dokieli.js">') ? -10 : 5;
         const lines = Math.min(30, blobText.split(/\n/).length + newLines);
-        setIframeAttributes(frame, blob, lines);
+        // For text content, create a new blob with proper charset to avoid encoding warnings
+        if (blob.type.startsWith('text/') && !blob.type.includes('charset')) {
+          const newBlob = new Blob([blobText], {
+            type: blob.type + '; charset=utf-8'
+          });
+          setIframeAttributes(frame, newBlob, lines);
+        } else {
+          setIframeAttributes(frame, blob, lines);
+        }
       }).catch(err => {
         console.log('Error fetching or processing blob:', err);
       });
+      const tr = myDocument.createElement('TR');
+      tr.appendChild(frame);
+      div.appendChild(tr);
     }
-    const tr = myDocument.createElement('TR');
-    tr.appendChild(frame);
-    div.appendChild(tr);
     return div;
   }
 };
@@ -70214,6 +70250,10 @@ const n3Pane = exports.n3Pane = {
   name: 'n3',
   audience: [ns.solid('Developer')],
   label: function (subject, context) {
+    // Don't match markdown files - let humanReadablePane handle those
+    if (subject.uri && (subject.uri.endsWith('.md') || subject.uri.endsWith('.markdown'))) {
+      return null;
+    }
     const store = context.session.store;
     if ('http://www.w3.org/2007/ont/link#ProtocolEvent' in store.findTypeURIs(subject)) {
       return null;
@@ -93553,6 +93593,10 @@ const RDFXMLPane = exports.RDFXMLPane = {
   name: 'RDFXML',
   audience: [ns.solid('Developer')],
   label: function (subject, context) {
+    // Don't match markdown files - let humanReadablePane handle those
+    if (subject.uri && (subject.uri.endsWith('.md') || subject.uri.endsWith('.markdown'))) {
+      return null;
+    }
     const store = context.session.store;
     if ('http://www.w3.org/2007/ont/link#ProtocolEvent' in store.findTypeURIs(subject)) {
       return null;
@@ -113915,8 +113959,8 @@ var dist = __webpack_require__(7523);
 var solid_logic_esm = __webpack_require__(9332);
 ;// ./src/versionInfo.ts
 /* harmony default export */ const versionInfo = ({
-  buildTime: '2026-01-27T10:29:02Z',
-  commit: 'b6e2711c393927907dfebcd00562a6a8ebdc0fe1',
+  buildTime: '2026-01-29T15:21:59Z',
+  commit: 'c633331d790a2072ca94487cf448108b57161e57',
   npmInfo: {
     'mashlib': '2.0.0',
     'npm': '10.8.2',