@underpostnet/underpost 2.97.5 → 2.98.1

package/src/client/components/core/Content.js

@@ -1,6 +1,6 @@
 import { marked } from 'marked';
 import { FileService } from '../../services/file/file.service.js';
-import { append, getBlobFromUint8ArrayFile, getRawContentFile, htmls, s } from './VanillaJs.js';
+import { append, getBlobFromUint8ArrayFile, getRawContentFile, htmls, s, sa } from './VanillaJs.js';
 import { s4 } from './CommonJs.js';
 import { Translate } from './Translate.js';
 import { Modal, renderViewTitle } from './Modal.js';
@@ -12,6 +12,49 @@ import { getQueryParams } from './Router.js';
 
 const logger = loggerFactory(import.meta);
 
+const attachMarkdownLinkHandlers = (containerSelector) => {
+  const links = sa(`${containerSelector} a[href]`);
+  links.forEach((link) => {
+    link.addEventListener('click', async (e) => {
+      e.preventDefault();
+      const href = link.getAttribute('href');
+
+      // Check if link is external
+      const isExternal = href.startsWith('http://') || href.startsWith('https://');
+
+      if (isExternal) {
+        // Show warning modal for external links
+        const result = await Modal.RenderConfirm({
+          id: `external-link-${s4()}`,
+          html: async () => html`
+            <div class="in section-mp" style="text-align: center; padding: 20px;">
+              <p>${Translate.Render('external-link-warning')}</p>
+              <p style="word-break: break-all; margin-top: 10px;"><strong>${href}</strong></p>
+            </div>
+          `,
+          icon: html`<i class="fas fa-external-link-alt"></i>`,
+          style: {
+            width: '350px',
+            height: '500px',
+            overflow: 'auto',
+            'z-index': '11',
+            resize: 'none',
+          },
+        });
+
+        // Only open link if user confirmed (not cancelled or closed)
+        if (result && result.status === 'confirm') {
+          window.open(href, '_blank', 'noopener,noreferrer');
+        }
+        // If cancelled, do nothing - don't navigate
+      } else {
+        // Internal link - navigate normally
+        window.location.href = href;
+      }
+    });
+  });
+};
+
 const Content = {
   Render: async function (options = { idModal: '' }) {
     const { idModal } = options;
@@ -32,7 +75,8 @@ const Content = {
         if (!queryParams.cid) throw new Error(`no-result-found`);
 
         {
-          const { data, status, message } = await DocumentService.get({ id: queryParams.cid });
+          const { data: responseData, status, message } = await DocumentService.get({ id: queryParams.cid });
+          const data = Array.isArray(responseData) ? responseData : responseData?.data || [];
           if (status !== 'success' || !data || !data[0]) {
             logger.error(message);
             throw new Error(`no-result-found`);
@@ -81,7 +125,6 @@ const Content = {
         if (file) await this.RenderFile({ idModal, file, id: file._id });
         Modal.Data[idModal].onObserverListener[`main-content-observer`]();
       } catch (error) {
-        logger.error(error);
         htmls(`.content-render-${idModal}`, '');
         htmls(`.error-${idModal}`, html`<i class="fas fa-exclamation-circle"></i> ${Translate.Render(error.message)}`);
         s(`.error-${idModal}`).classList.remove('hide');
@@ -239,6 +282,11 @@ ${JSON.stringify(JSON.parse(content), null, 4)}</pre
 
     if (options.raw) return render;
     append(container, render);
+
+    // Scrape and handle markdown links after DOM insertion
+    if (ext === 'md') {
+      attachMarkdownLinkHandlers(container);
+    }
   },
 
   /**
@@ -274,4 +322,4 @@ ${JSON.stringify(JSON.parse(content), null, 4)}</pre
   },
 };
 
-export { Content };
+export { Content, attachMarkdownLinkHandlers };

package/src/client/components/core/Css.js

@@ -340,6 +340,36 @@ const dynamicCol = (options = { containerSelector: '', id: '', type: '', limit:
               );
             break;
 
+          case 'search-inputs':
+            if (s(`.${containerSelector}`).offsetWidth < limitCol)
+              htmls(
+                `.style-${id}-col`,
+                css`
+                  .${id}-col-a, .${id}-col-b, .${id}-col-c, .${id}-col-d {
+                    width: 100%;
+                  }
+                `,
+              );
+            else
+              htmls(
+                `.style-${id}-col`,
+                css`
+                  .${id}-col-a {
+                    width: 30%;
+                  }
+                  .${id}-col-b {
+                    width: 30%;
+                  }
+                  .${id}-col-c {
+                    width: 30%;
+                  }
+                  .${id}-col-d {
+                    width: 10%;
+                  }
+                `,
+              );
+            break;
+
           default:
             if (s(`.${containerSelector}`).offsetWidth < 900)
               htmls(