@underpostnet/underpost 2.98.0 → 2.98.1

package/src/cli/run.js

@@ -146,111 +146,6 @@ class UnderpostRun {
    * @memberof UnderpostRun
    */
   static RUNNERS = {
-    /**
-     * @method spark-template
-     * @description Creates a new Spark template project using `sbt new` in `/home/dd/spark-template`, initializes a Git repository, and runs `replace_params.sh` and `build.sh`.
-     * @param {string} path - The input value, identifier, or path for the operation.
-     * @param {Object} options - The default underpost runner options for customizing workflow
-     * @memberof UnderpostRun
-     */
-    'spark-template': (path, options = UnderpostRun.DEFAULT_OPTION) => {
-      const dir = '/home/dd/spark-template';
-      shellExec(`sudo rm -rf ${dir}`);
-      shellCd('/home/dd');
-
-      // pbcopy(`cd /home/dd && sbt new ${process.env.GITHUB_USERNAME}/spark-template.g8`);
-      // await read({ prompt: 'Command copy to clipboard, press enter to continue.\n' });
-      shellExec(`cd /home/dd && sbt new ${process.env.GITHUB_USERNAME}/spark-template.g8 '--name=spark-template'`);
-
-      shellCd(dir);
-
-      shellExec(`git init && git add . && git commit -m "Base implementation"`);
-      shellExec(`chmod +x ./replace_params.sh`);
-      shellExec(`chmod +x ./build.sh`);
-
-      shellExec(`./replace_params.sh`);
-      shellExec(`./build.sh`);
-
-      shellCd('/home/dd/engine');
-    },
-    /**
-     * @method rmi
-     * @description Forces the removal of all local Podman images (`podman rmi $(podman images -qa) --force`).
-     * @param {string} path - The input value, identifier, or path for the operation.
-     * @param {Object} options - The default underpost runner options for customizing workflow
-     * @memberof UnderpostRun
-     */
-    rmi: (path, options = UnderpostRun.DEFAULT_OPTION) => {
-      shellExec(`podman rmi $(podman images -qa) --force`);
-    },
-    /**
-     * @method kill
-     * @description Kills processes listening on the specified port(s). If the `path` contains a `+`, it treats it as a range of ports to kill.
-     * @param {string} path - The input value, identifier, or path for the operation (used as the port number).
-     * @param {Object} options - The default underpost runner options for customizing workflow
-     * @memberof UnderpostRun
-     */
-    kill: (path = '', options = UnderpostRun.DEFAULT_OPTION) => {
-      if (options.pid) return shellExec(`sudo kill -9 ${options.pid}`);
-      for (const _path of path.split(',')) {
-        if (_path.split('+')[1]) {
-          let [port, sumPortOffSet] = _path.split('+');
-          port = parseInt(port);
-          sumPortOffSet = parseInt(sumPortOffSet);
-          for (const sumPort of range(0, sumPortOffSet))
-            shellExec(`sudo kill -9 $(lsof -t -i:${parseInt(port) + parseInt(sumPort)})`);
-        } else shellExec(`sudo kill -9 $(lsof -t -i:${_path})`);
-      }
-    },
-    /**
-     * @method secret
-     * @description Creates an Underpost secret named 'underpost' from a file, defaulting to `/home/dd/engine/engine-private/conf/dd-cron/.env.production` if no path is provided.
-     * @param {string} path - The input value, identifier, or path for the operation (used as the optional path to the secret file).
-     * @param {Object} options - The default underpost runner options for customizing workflow
-     * @memberof UnderpostRun
-     */
-    secret: (path, options = UnderpostRun.DEFAULT_OPTION) => {
-      shellExec(
-        `underpost secret underpost --create-from-file ${
-          path ? path : `/home/dd/engine/engine-private/conf/dd-cron/.env.production`
-        }`,
-      );
-    },
-    /**
-     * @method underpost-config
-     * @description Calls `UnderpostDeploy.API.configMap` to create a Kubernetes ConfigMap, defaulting to the 'production' environment.
-     * @param {string} path - The input value, identifier, or path for the operation (used as the optional configuration name/environment).
-     * @param {Object} options - The default underpost runner options for customizing workflow
-     * @memberof UnderpostRun
-     */
-    'underpost-config': (path = '', options = UnderpostRun.DEFAULT_OPTION) => {
-      UnderpostDeploy.API.configMap(path ? path : 'production', options.namespace);
-    },
-    /**
-     * @method gpu-env
-     * @description Sets up a dedicated GPU development environment cluster, resetting and then setting up the cluster with `--dedicated-gpu` and monitoring the pods.
-     * @param {string} path - The input value, identifier, or path for the operation.
-     * @param {Object} options - The default underpost runner options for customizing workflow
-     * @memberof UnderpostRun
-     */
-    'gpu-env': (path, options = UnderpostRun.DEFAULT_OPTION) => {
-      shellExec(
-        `node bin cluster --dev --reset && node bin cluster --dev --dedicated-gpu --kubeadm && kubectl get pods --all-namespaces -o wide -w`,
-      );
-    },
-    /**
-     * @method tf-gpu-test
-     * @description Deletes existing `tf-gpu-test-script` ConfigMap and `tf-gpu-test-pod`, and applies the test manifest from `manifests/deployment/tensorflow/tf-gpu-test.yaml`.
-     * @param {string} path - The input value, identifier, or path for the operation.
-     * @param {Object} options - The default underpost runner options for customizing workflow
-     * @memberof UnderpostRun
-     */
-    'tf-gpu-test': (path, options = UnderpostRun.DEFAULT_OPTION) => {
-      const { underpostRoot, namespace } = options;
-      shellExec(`kubectl delete configmap tf-gpu-test-script -n ${namespace} --ignore-not-found`);
-      shellExec(`kubectl delete pod tf-gpu-test-pod -n ${namespace} --ignore-not-found`);
-      shellExec(`kubectl apply -f ${underpostRoot}/manifests/deployment/tensorflow/tf-gpu-test.yaml -n ${namespace}`);
-    },
     /**
      * @method dev-cluster
      * @description Resets and deploys a full development cluster including MongoDB, Valkey, exposes services, and updates `/etc/hosts` for local access.
@@ -899,7 +794,7 @@ EOF
     'host-update': async (path, options = UnderpostRun.DEFAULT_OPTION) => {
       // const baseCommand = options.dev ? 'node bin' : 'underpost';
       shellExec(`chmod +x ${options.underpostRoot}/scripts/rocky-setup.sh`);
-      shellExec(`${options.underpostRoot}/scripts/rocky-setup.sh --yes${options.dev ? ' --install-dev' : ``}`);
+      shellExec(`${options.underpostRoot}/scripts/rocky-setup.sh${options.dev ? ' --install-dev' : ``}`);
     },
 
     /**
@@ -1600,6 +1495,113 @@ EOF
         ],
       });
     },
+
+    /**
+     * @method spark-template
+     * @description Creates a new Spark template project using `sbt new` in `/home/dd/spark-template`, initializes a Git repository, and runs `replace_params.sh` and `build.sh`.
+     * @param {string} path - The input value, identifier, or path for the operation.
+     * @param {Object} options - The default underpost runner options for customizing workflow
+     * @memberof UnderpostRun
+     */
+    'spark-template': (path, options = UnderpostRun.DEFAULT_OPTION) => {
+      const dir = '/home/dd/spark-template';
+      shellExec(`sudo rm -rf ${dir}`);
+      shellCd('/home/dd');
+
+      // pbcopy(`cd /home/dd && sbt new ${process.env.GITHUB_USERNAME}/spark-template.g8`);
+      // await read({ prompt: 'Command copy to clipboard, press enter to continue.\n' });
+      shellExec(`cd /home/dd && sbt new ${process.env.GITHUB_USERNAME}/spark-template.g8 '--name=spark-template'`);
+
+      shellCd(dir);
+
+      shellExec(`git init && git add . && git commit -m "Base implementation"`);
+      shellExec(`chmod +x ./replace_params.sh`);
+      shellExec(`chmod +x ./build.sh`);
+
+      shellExec(`./replace_params.sh`);
+      shellExec(`./build.sh`);
+
+      shellCd('/home/dd/engine');
+    },
+    /**
+     * @method rmi
+     * @description Forces the removal of all local Podman images (`podman rmi $(podman images -qa) --force`).
+     * @param {string} path - The input value, identifier, or path for the operation.
+     * @param {Object} options - The default underpost runner options for customizing workflow
+     * @memberof UnderpostRun
+     */
+    rmi: (path, options = UnderpostRun.DEFAULT_OPTION) => {
+      shellExec(`podman rmi $(podman images -qa) --force`);
+    },
+    /**
+     * @method kill
+     * @description Kills processes listening on the specified port(s). If the `path` contains a `+`, it treats it as a range of ports to kill.
+     * @param {string} path - The input value, identifier, or path for the operation (used as the port number).
+     * @param {Object} options - The default underpost runner options for customizing workflow
+     * @memberof UnderpostRun
+     */
+    kill: (path = '', options = UnderpostRun.DEFAULT_OPTION) => {
+      if (options.pid) return shellExec(`sudo kill -9 ${options.pid}`);
+      for (const _path of path.split(',')) {
+        if (_path.split('+')[1]) {
+          let [port, sumPortOffSet] = _path.split('+');
+          port = parseInt(port);
+          sumPortOffSet = parseInt(sumPortOffSet);
+          for (const sumPort of range(0, sumPortOffSet))
+            shellExec(`sudo kill -9 $(lsof -t -i:${parseInt(port) + parseInt(sumPort)})`);
+        } else shellExec(`sudo kill -9 $(lsof -t -i:${_path})`);
+      }
+    },
+    /**
+     * @method secret
+     * @description Creates an Underpost secret named 'underpost' from a file, defaulting to `/home/dd/engine/engine-private/conf/dd-cron/.env.production` if no path is provided.
+     * @param {string} path - The input value, identifier, or path for the operation (used as the optional path to the secret file).
+     * @param {Object} options - The default underpost runner options for customizing workflow
+     * @memberof UnderpostRun
+     */
+    secret: (path, options = UnderpostRun.DEFAULT_OPTION) => {
+      const secretPath = path ? path : `/home/dd/engine/engine-private/conf/dd-cron/.env.production`;
+      const command = options.dev
+        ? `node bin secret underpost --create-from-file ${secretPath}`
+        : `underpost secret underpost --create-from-file ${secretPath}`;
+      shellExec(command);
+    },
+    /**
+     * @method underpost-config
+     * @description Calls `UnderpostDeploy.API.configMap` to create a Kubernetes ConfigMap, defaulting to the 'production' environment.
+     * @param {string} path - The input value, identifier, or path for the operation (used as the optional configuration name/environment).
+     * @param {Object} options - The default underpost runner options for customizing workflow
+     * @memberof UnderpostRun
+     */
+    'underpost-config': (path = '', options = UnderpostRun.DEFAULT_OPTION) => {
+      UnderpostDeploy.API.configMap(path ? path : 'production', options.namespace);
+    },
+    /**
+     * @method gpu-env
+     * @description Sets up a dedicated GPU development environment cluster, resetting and then setting up the cluster with `--dedicated-gpu` and monitoring the pods.
+     * @param {string} path - The input value, identifier, or path for the operation.
+     * @param {Object} options - The default underpost runner options for customizing workflow
+     * @memberof UnderpostRun
+     */
+    'gpu-env': (path, options = UnderpostRun.DEFAULT_OPTION) => {
+      shellExec(
+        `node bin cluster --dev --reset && node bin cluster --dev --dedicated-gpu --kubeadm && kubectl get pods --all-namespaces -o wide -w`,
+      );
+    },
+    /**
+     * @method tf-gpu-test
+     * @description Deletes existing `tf-gpu-test-script` ConfigMap and `tf-gpu-test-pod`, and applies the test manifest from `manifests/deployment/tensorflow/tf-gpu-test.yaml`.
+     * @param {string} path - The input value, identifier, or path for the operation.
+     * @param {Object} options - The default underpost runner options for customizing workflow
+     * @memberof UnderpostRun
+     */
+    'tf-gpu-test': (path, options = UnderpostRun.DEFAULT_OPTION) => {
+      const { underpostRoot, namespace } = options;
+      shellExec(`kubectl delete configmap tf-gpu-test-script -n ${namespace} --ignore-not-found`);
+      shellExec(`kubectl delete pod tf-gpu-test-pod -n ${namespace} --ignore-not-found`);
+      shellExec(`kubectl apply -f ${underpostRoot}/manifests/deployment/tensorflow/tf-gpu-test.yaml -n ${namespace}`);
+    },
+
     /**
      * @method deploy-job
      * @description Creates and applies a custom Kubernetes Pod manifest (Job) for running arbitrary commands inside a container image (defaulting to a TensorFlow/NVIDIA image).

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;
@@ -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/Panel.js

@@ -13,7 +13,7 @@ import { ToggleSwitch } from './ToggleSwitch.js';
 import { RichText } from './RichText.js';
 import { loggerFactory } from './Logger.js';
 import { Badge } from './Badge.js';
-import { Content } from './Content.js';
+import { Content, attachMarkdownLinkHandlers } from './Content.js';
 import { DocumentService } from '../../services/document/document.service.js';
 import { NotificationManager } from './NotificationManager.js';
 import { getApiBaseUrl } from '../../services/core/core.service.js';
@@ -37,6 +37,7 @@ const Panel = {
       onClick: () => {},
       share: {
         copyLink: false,
+        copySourceMd: false,
       },
       showCreatorProfile: false,
     },
@@ -152,6 +153,51 @@ const Panel = {
             }
           });
         }
+        if (options.share && options.share.copySourceMd) {
+          EventsUI.onClick(
+            `.${idPanel}-btn-copy-source-md-${id}`,
+            async (e) => {
+              try {
+                const filesData = options.filesData();
+                const foundFiles = filesData.find((d) => String(d._id || d.id) === String(obj._id || obj.id));
+
+                if (foundFiles && foundFiles.mdFileId && foundFiles.mdFileId.mdPlain) {
+                  await copyData(foundFiles.mdFileId.mdPlain);
+                  await NotificationManager.Push({
+                    status: 'success',
+                    html: html`<div>${Translate.Render('markdown-source-copied')}</div>`,
+                  });
+                } else {
+                  await NotificationManager.Push({
+                    status: 'warning',
+                    html: html`<div>No markdown source available</div>`,
+                  });
+                }
+              } catch (error) {
+                logger.error('Error copying markdown source:', error);
+                await NotificationManager.Push({
+                  status: 'error',
+                  html: html`<div>${Translate.Render('error-copying-markdown')}</div>`,
+                });
+              }
+            },
+            { context: 'modal' },
+          );
+
+          // Add tooltip hover effect
+          setTimeout(() => {
+            const btn = s(`.${idPanel}-btn-copy-source-md-${id}`);
+            const tooltip = s(`.${idPanel}-source-md-tooltip-${id}`);
+            if (btn && tooltip) {
+              btn.addEventListener('mouseenter', () => {
+                tooltip.style.opacity = '1';
+              });
+              btn.addEventListener('mouseleave', () => {
+                tooltip.style.opacity = '0';
+              });
+            }
+          });
+        }
         EventsUI.onClick(
           `.${idPanel}-btn-delete-${id}`,
           async (e) => {
@@ -514,30 +560,50 @@ const Panel = {
             </div>
           </div>
         </div>
-        ${options.share && options.share.copyLink
+        ${options.share && (options.share.copyLink || options.share.copySourceMd)
           ? html`<div
               class="${idPanel}-share-btn-container ${idPanel}-share-btn-container-${id}"
-              style="position: absolute; bottom: 8px; right: 8px; z-index: 2;"
+              style="position: absolute; bottom: 8px; right: 8px; z-index: 2; display: flex; gap: 8px;"
             >
-              <button
-                class="btn-icon ${idPanel}-btn-copy-share-${id}"
-                style="background: transparent; color: #888; border: none; border-radius: 50%; width: 40px; height: 40px; cursor: pointer; display: flex; align-items: center; justify-content: center; position: relative; transition: all 0.3s ease;"
-              >
-                <i class="fas fa-link" style="font-size: 20px;"></i>
-                ${obj.totalCopyShareLinkCount && obj.totalCopyShareLinkCount > 0
-                  ? html`<span
-                      class="${idPanel}-share-count-${id}"
-                      style="position: absolute; top: -4px; right: -4px; background: #666; color: white; border-radius: 10px; padding: 1px 5px; font-size: 10px; font-weight: bold; min-width: 16px; text-align: center;"
-                      >${obj.totalCopyShareLinkCount}</span
-                    >`
-                  : ''}
-              </button>
-              <div
-                class="${idPanel}-share-tooltip-${id}"
-                style="position: absolute; bottom: 50px; right: 0; background: rgba(0,0,0,0.8); color: white; padding: 6px 10px; border-radius: 4px; font-size: 12px; white-space: nowrap; opacity: 0; pointer-events: none; transition: opacity 0.3s ease;"
-              >
-                ${Translate.Render('copy-share-link')}
-              </div>
+              ${options.share.copyLink
+                ? html`<div style="position: relative;">
+                    <button
+                      class="btn-icon ${idPanel}-btn-copy-share-${id}"
+                      style="background: transparent; color: #888; border: none; border-radius: 50%; width: 40px; height: 40px; cursor: pointer; display: flex; align-items: center; justify-content: center; position: relative; transition: all 0.3s ease;"
+                    >
+                      <i class="fas fa-link" style="font-size: 20px;"></i>
+                      ${obj.totalCopyShareLinkCount && obj.totalCopyShareLinkCount > 0
+                        ? html`<span
+                            class="${idPanel}-share-count-${id}"
+                            style="position: absolute; top: -4px; right: -4px; background: #666; color: white; border-radius: 10px; padding: 1px 5px; font-size: 10px; font-weight: bold; min-width: 16px; text-align: center;"
+                            >${obj.totalCopyShareLinkCount}</span
+                          >`
+                        : ''}
+                    </button>
+                    <div
+                      class="${idPanel}-share-tooltip-${id}"
+                      style="position: absolute; bottom: 50px; right: 0; background: rgba(0,0,0,0.8); color: white; padding: 6px 10px; border-radius: 4px; font-size: 12px; white-space: nowrap; opacity: 0; pointer-events: none; transition: opacity 0.3s ease;"
+                    >
+                      ${Translate.Render('copy-share-link')}
+                    </div>
+                  </div>`
+                : ''}
+              ${options.share.copySourceMd
+                ? html`<div style="position: relative;">
+                    <button
+                      class="btn-icon ${idPanel}-btn-copy-source-md-${id}"
+                      style="background: transparent; color: #888; border: none; border-radius: 50%; width: 40px; height: 40px; cursor: pointer; display: flex; align-items: center; justify-content: center; position: relative; transition: all 0.3s ease;"
+                    >
+                      <i class="fas fa-code" style="font-size: 20px;"></i>
+                    </button>
+                    <div
+                      class="${idPanel}-source-md-tooltip-${id}"
+                      style="position: absolute; bottom: 50px; right: 0; background: rgba(0,0,0,0.8); color: white; padding: 6px 10px; border-radius: 4px; font-size: 12px; white-space: nowrap; opacity: 0; pointer-events: none; transition: opacity 0.3s ease;"
+                    >
+                      Copy Source MD
+                    </div>
+                  </div>`
+                : ''}
             </div>`
           : ''}
       </div>`;
@@ -748,6 +814,8 @@ const Panel = {
             append(`.${idPanel}-render`, await renderPanel(doc));
           }
         } else htmls(`.${idPanel}-render`, await renderPanel({ ...obj, ...documents }));
+
+        attachMarkdownLinkHandlers(`.${idPanel}-render`);
         Input.cleanValues(formData);
         s(`.btn-${idPanel}-close`).click();
         s(`.${scrollClassContainer}`).scrollTop = 0;
@@ -810,6 +878,7 @@ const Panel = {
         if (options.on.initAdd) await options.on.initAdd();
       };
       if (s(`.${scrollClassContainer}`)) s(`.${scrollClassContainer}`).style.overflow = 'auto';
+      attachMarkdownLinkHandlers(`.${idPanel}-render`);
     });
 
     if (data.length > 0) for (const obj of data) render += await renderPanel(obj);

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

@@ -92,6 +92,7 @@ const PanelForm = {
       firsUpdateEvent: async () => {},
       share: {
         copyLink: false,
+        copySourceMd: false,
       },
       showCreatorProfile: false,
     },

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

@@ -679,6 +679,14 @@ const TranslateCore = {
       en: 'Public Profile',
       es: 'Perfil Público',
     };
+    Translate.Data['external-link-warning'] = {
+      en: 'You are about to open an external link. Do you want to continue?',
+      es: 'Está a punto de abrir un enlace externo. ¿Desea continuar?',
+    };
+    Translate.Data['markdown-source-copied'] = {
+      en: 'Markdown source copied to clipboard',
+      es: 'Fuente de Markdown copiada al portapapeles',
+    };
   },
 };