underpost 2.8.845 → 2.8.846

package/README.md

@@ -38,10 +38,13 @@ template
 
 
 
+
+
+
 <!-- badges -->
 
 
-[![Node.js CI](https://github.com/underpostnet/engine/actions/workflows/docker-image.ci.yml/badge.svg?branch=master)](https://github.com/underpostnet/engine/actions/workflows/docker-image.yml) [![Test](https://github.com/underpostnet/engine/actions/workflows/coverall.ci.yml/badge.svg?branch=master)](https://github.com/underpostnet/engine/actions/workflows/coverall.yml) [![Downloads](https://img.shields.io/npm/dm/underpost.svg)](https://www.npmjs.com/package/underpost) [![Socket Badge](https://socket.dev/api/badge/npm/package/underpost/2.8.845)](https://socket.dev/npm/package/underpost/overview/2.8.845) [![Coverage Status](https://coveralls.io/repos/github/underpostnet/engine/badge.svg?branch=master)](https://coveralls.io/github/underpostnet/engine?branch=master) [![Version](https://img.shields.io/npm/v/underpost.svg)](https://www.npmjs.org/package/underpost) [![License](https://img.shields.io/npm/l/underpost.svg)](https://www.npmjs.com/package/underpost)
+[![Node.js CI](https://github.com/underpostnet/engine/actions/workflows/docker-image.ci.yml/badge.svg?branch=master)](https://github.com/underpostnet/engine/actions/workflows/docker-image.yml) [![Test](https://github.com/underpostnet/engine/actions/workflows/coverall.ci.yml/badge.svg?branch=master)](https://github.com/underpostnet/engine/actions/workflows/coverall.yml) [![Downloads](https://img.shields.io/npm/dm/underpost.svg)](https://www.npmjs.com/package/underpost) [![Socket Badge](https://socket.dev/api/badge/npm/package/underpost/2.8.846)](https://socket.dev/npm/package/underpost/overview/2.8.846) [![Coverage Status](https://coveralls.io/repos/github/underpostnet/engine/badge.svg?branch=master)](https://coveralls.io/github/underpostnet/engine?branch=master) [![Version](https://img.shields.io/npm/v/underpost.svg)](https://www.npmjs.org/package/underpost) [![License](https://img.shields.io/npm/l/underpost.svg)](https://www.npmjs.com/package/underpost)
 
 
 <!-- end-badges -->
@@ -62,6 +65,9 @@ template
 
 
 
+
+
+
 </div>
 
 <div align="center">
@@ -106,7 +112,7 @@ Run dev client server
 npm run dev
 ```
 <!-- -->
-## underpost ci/cd cli v2.8.845
+## underpost ci/cd cli v2.8.846
 
 ### Usage: `underpost [options] [command]`
   ```

package/cli.md

@@ -1,4 +1,4 @@
-## underpost ci/cd cli v2.8.845
+## underpost ci/cd cli v2.8.846
 
 ### Usage: `underpost [options] [command]`
   ```
@@ -118,7 +118,8 @@ options.
 Arguments:
   path         The absolute or relative directory path of the repository.
   commit-type  The type of commit to perform. Options: feat, fix, docs, style,
-               refactor, perf, cd, test, build, ci, chore, revert, backup.
+               refactor, perf, ci, cd, infra, build, test, chore, revert,
+               backup.
   module-tag   Optional: Sets a specific module tag for the commit.
   message      Optional: Provides an additional custom message for the commit.
 
@@ -558,7 +559,7 @@ Options:
 Runs a script from the specified path.
 
 Arguments:
-  runner-id                                The runner ID to run. Options: spark-template, rmi, kill, secret, gpu-env, tf-gpu-test, dev-cluster, cyberia-ide, engine-ide, ide, monitor, db-client, cluster, deploy, tf-vae-test, deploy-job.
+  runner-id                                The runner ID to run. Options: spark-template, rmi, kill, secret, gpu-env, tf-gpu-test, dev-cluster, cyberia-ide, engine-ide, ssh-deploy, ide, monitor, db-client, cluster, deploy, tf-vae-test, deploy-job.
   path                                     The absolute or relative directory path where the script is located.
 
 Options:

package/docker-compose.yml

@@ -58,7 +58,7 @@ services:
           cpus: '0.25'
           memory: 20M
     labels: # labels in Compose file instead of Dockerfile
-      engine.version: '2.8.845'
+      engine.version: '2.8.846'
     networks:
       - load-balancer
 

package/manifests/deployment/dd-template-development/deployment.yaml

@@ -17,7 +17,7 @@ spec:
     spec:
       containers:
         - name: dd-template-development-blue
-          image: localhost/rockylinux9-underpost:v2.8.845
+          image: localhost/rockylinux9-underpost:v2.8.846
           #          resources:
           #            requests:
           #              memory: "124Ki"
@@ -100,7 +100,7 @@ spec:
     spec:
       containers:
         - name: dd-template-development-green
-          image: localhost/rockylinux9-underpost:v2.8.845
+          image: localhost/rockylinux9-underpost:v2.8.846
           #          resources:
           #            requests:
           #              memory: "124Ki"

package/package.json

@@ -2,7 +2,7 @@
     "type": "module",
     "main": "src/index.js",
     "name": "underpost",
-    "version": "2.8.845",
+    "version": "2.8.846",
     "description": "pwa api rest template",
     "scripts": {
         "start": "env-cmd -f .env.production node --max-old-space-size=8192 src/server",

package/src/cli/index.js

@@ -86,13 +86,7 @@ program
   .argument('<deploy-id>', `The deployment configuration ID. Use 'clean' to restore default environment settings.`)
   .argument('[env]', 'Optional: The environment to set (e.g., "production", "development"). Defaults to "production".')
   .description('Sets environment variables and configurations related to a specific deployment ID.')
-  .action((...args) => {
-    if (args[0] === 'current') {
-      console.log(process.env.DEPLOY_ID);
-      return;
-    }
-    loadConf(...args);
-  });
+  .action(loadConf);
 
 // 'config' command: Manage Underpost configurations
 program

package/src/cli/run.js

@@ -86,6 +86,13 @@ class UnderpostRun {
       shellExec(`${baseCommand} run ide /home/dd/engine`);
       shellExec(`${baseCommand} run ide /home/dd/engine/engine-private`);
     },
+    'ssh-deploy': (path, options = UnderpostRun.DEFAULT_OPTION) => {
+      const baseCommand = options.dev || true ? 'node bin' : 'underpost';
+      shellCd('/home/dd/engine');
+      shellExec(`git reset`);
+      shellExec(`${baseCommand} cmt . --empty cd ssh-${path}`);
+      shellExec(`${baseCommand} push . underpostnet/engine`);
+    },
     ide: (path, options = UnderpostRun.DEFAULT_OPTION) => {
       const { underpostRoot } = options;
       shellExec(`node ${underpostRoot}/bin/vs ${path}`);

package/src/client/Default.index.js

@@ -18,7 +18,7 @@ import { ElementsDefault } from './components/default/ElementsDefault.js';
 import { Scroll } from './components/core/Scroll.js';
 
 const htmlMainBody = async () => {
-  return html`<span style="color: black; padding: 5px">Hello World!!</span>`;
+  return html`<span>Hello World!!</span>`;
 };
 
 window.onload = () =>

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

@@ -53,7 +53,7 @@ const Chat = {
       html`
         <div class="in">
           <span class="chat-message-header">${getIsoDate(new Date())} | ${id}:</span><br />
-          ${message}
+          <span class="chat-message-body"> ${message}</span>
         </div>
       `,
     );

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

@@ -822,70 +822,72 @@ const generateRandomPasswordSelection = (length) => {
 
 const commitData = {
   feat: {
-    description: 'A new feature',
+    description: 'New feature or enhancement (frontend, backend, API, or UX)',
     title: 'Features',
     emoji: '✨',
   },
   fix: {
-    description: 'A bug fix',
+    description: 'Fix a bug',
     title: 'Bug Fixes',
     emoji: '🐛',
   },
   docs: {
-    description: 'Documentation only changes',
+    description: 'Documentation changes',
     title: 'Documentation',
     emoji: '📚',
   },
   style: {
-    description:
-      'Changes that do not affect the meaning of the code (white-space, formatting, missing semi-colons, etc)',
+    description: 'Formatting, whitespace, semicolons, code style',
     title: 'Styles',
     emoji: '💎',
   },
   refactor: {
-    description: 'A code change that neither fixes a bug nor adds a feature',
+    description: 'Code refactor.',
     title: 'Code Refactoring',
     emoji: '📦',
   },
   perf: {
-    description: 'A code change that improves performance',
+    description: 'Performance improvements across the stack.',
     title: 'Performance Improvements',
     emoji: '⚡️',
   },
+  ci: {
+    description: 'CI pipeline changes (GitHub Actions, runners, caching)',
+    title: 'Continuous Integration',
+    emoji: '⚙️',
+  },
   cd: {
-    description:
-      'Changes to our Continuous Delivery configuration files and scripts (example scopes: Jenkins, Spinnaker, ArgoCD)',
+    description: 'CD / deployment changes (Remote ssh deployment scripts)',
     title: 'Continuous Delivery',
     emoji: '🚀',
   },
-  test: {
-    description: 'Adding missing tests or correcting existing tests',
-    title: 'Tests',
-    emoji: '🚨',
+  infra: {
+    description: 'Infrastructure changes (MAAS, LXD, cloud infra, networking, provisioning).',
+    title: 'Infrastructure',
+    emoji: '🏗️',
   },
   build: {
-    description: 'Changes that affect the build system or external dependencies (example scopes: gulp, broccoli, npm)',
+    description: 'Build system or dependency changes (tooling, bundler, build scripts).',
     title: 'Builds',
     emoji: '🛠',
   },
-  ci: {
-    description:
-      'Changes to our CI configuration files and scripts (example scopes: Travis, Circle, BrowserStack, SauceLabs)',
-    title: 'Continuous Integrations',
-    emoji: '⚙️',
+  test: {
+    description: 'Unit or integration tests added/updated, test helpers, flake fixes.',
+    title: 'Tests',
+    emoji: '🚨',
   },
   chore: {
-    description: "Other changes that don't modify src or test files",
+    description: "Other changes that don't modify src or tests (automation, housekeeping).",
     title: 'Chores',
     emoji: '♻️',
   },
   revert: {
-    description: 'Reverts a previous commit',
+    description: 'Revert a previous commit or change.',
     title: 'Reverts',
     emoji: '🗑',
   },
   backup: {
-    description: 'Changes related to backups, including creation, restoration, and maintenance.',
+    description: 'Backups, snapshotting, restore scripts, or backup docs.',
     title: 'Backups',
     emoji: '💾',
   },

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

@@ -105,7 +105,6 @@ const Content = {
       class: '',
       container: '',
       url: '',
-      aHrefOptions: { disable: false },
       raw: false,
     },
   ) {
@@ -143,10 +142,7 @@ const Content = {
           ? getApiBaseUrl({ id: file._id, endpoint: 'file/blob' })
           : URL.createObjectURL(getBlobFromUint8ArrayFile(file.data.data, file.mimetype));
         const imgRender = html`<img class="in ${options.class}" ${options.style} src="${url}" />`;
-        render += html`${options.aHrefOptions?.disable
-          ? imgRender
-          : html`<a href="${url}" target="_top">${imgRender}</a>`}`;
-
+        render += imgRender;
         break;
       }
       case 'pdf': {

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

@@ -212,13 +212,13 @@ const addTheme = (options) => {
   };
 };
 
-const borderChar = (px, color, selectors) => {
+const borderChar = (px, color, selectors, hover = false) => {
   if (selectors) {
     return selectors
       .map(
         (selector) => html`
           <style>
-            ${selector} {
+            ${selector}${hover ? ':hover' : ''} {
               text-shadow: ${px}px -${px}px ${px}px ${color}, -${px}px ${px}px ${px}px ${color},
                 -${px}px -${px}px ${px}px ${color}, ${px}px ${px}px ${px}px ${color};
             }
@@ -854,6 +854,18 @@ const imageShimmer = () => html`<div
   </div>
 </div>`;
 
+const renderChessPattern = () => `background: repeating-conic-gradient(#808080 0 25%, #0000 0 50%) 50% / 20px 20px`;
+
+const extractBackgroundImageUrl = (element) => {
+  const style = window.getComputedStyle(element);
+  const imageString = style.backgroundImage;
+  const foundUrlRaw = imageString.match(/^url\(?(.+)\)$/i)[1];
+  if (!foundUrlRaw) return null;
+  const foundUrl = foundUrlRaw.replace(/^['|"| ]*/, '').replace(/['" ]*$/, '');
+  if (!foundUrl) return null;
+  return foundUrl;
+};
+
 const simpleIconsRender = (selector) => {
   sa(selector).forEach((el) => {
     el.src = `https://cdn.simpleicons.org/coveralls/${rgbToHex(window.getComputedStyle(s('html')).color)}`;
@@ -893,4 +905,6 @@ export {
   cssEffect,
   imageShimmer,
   simpleIconsRender,
+  extractBackgroundImageUrl,
+  renderChessPattern,
 };

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

@@ -122,6 +122,7 @@ const CssCommonCore = async () => {
         left: 0;
         width: 100%;
         z-index: 1;
+        transition: 0.3s;
       }
       @keyframes ripple {
         to {
@@ -607,6 +608,10 @@ const CssCoreLight = {
           background: gray;
           transition: 0.3s;
         }
+        .bar-default-modal-icon {
+          width: 15px;
+          height: 15px;
+        }
         .slide-menu-top-bar {
           width: 100%;
           top: 0;

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

@@ -8,7 +8,12 @@ const DropDown = {
   Tokens: {},
   Render: async function (options) {
     const id = options.id ? options.id : getId(this.Tokens, 'dropdown-');
-    this.Tokens[id] = { onClickEvents: {}, lastSelectValue: undefined, oncheckvalues: {} };
+    this.Tokens[id] = {
+      onClickEvents: {},
+      lastSelectValue: undefined,
+      oncheckvalues: {},
+      originData: options.data ? newInstance(options.data) : [],
+    };
 
     options.data.push({
       value: 'reset',
@@ -65,17 +70,21 @@ const DropDown = {
             if (options.type === 'checkbox' && ToggleSwitch.Tokens[`checkbox-role-${valueDisplay}`])
               ToggleSwitch.Tokens[`checkbox-role-${valueDisplay}`].click();
             if (optionData.value !== 'close') {
-              if (optionData.value !== 'reset')
-                htmls(
-                  `.dropdown-current-${id}`,
-                  options.type === 'checkbox'
-                    ? data
-                        .filter((d) => d.checked)
-                        .map((v, i, a) => `${v.display}${i < a.length - 1 ? ',' : ''}`)
-                        .join('')
-                    : optionData.display,
-                );
-              else htmls(`.dropdown-current-${id}`, '');
+              if (optionData.value !== 'reset') {
+                if (options.type === 'checkbox') {
+                  // const _instanValue = data
+                  //   .filter((d) => d.checked)
+                  //   .map((v, i, a) => `${v.display}${i < a.length - 1 ? ',' : ''}`)
+                  //   .join('');
+                  const value = Object.keys(DropDown.Tokens[id].oncheckvalues);
+                  htmls(
+                    `.dropdown-current-${id}`,
+                    value.map((v) => DropDown.Tokens[id].originData.find((_v) => _v.value === v).display),
+                  );
+                } else {
+                  htmls(`.dropdown-current-${id}`, optionData.display);
+                }
+              } else htmls(`.dropdown-current-${id}`, '');
 
               this.Tokens[id].value =
                 options.type === 'checkbox' ? data.filter((d) => d.checked).map((d) => d.data) : optionData.data;

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

@@ -243,8 +243,17 @@ const Modal = {
                     style="top: ${options.heightTopBar + 50}px; z-index: 9; ${true ||
                     (options.mode && options.mode.match('right'))
                       ? 'right'
-                      : 'left'}: 50px; width: 50px; height: 100px; transition: .3s"
+                      : 'left'}: 50px; width: 50px; height: 150px; transition: .3s"
                   >
+                    <div
+                      class="abs main-body-btn main-body-btn-ui"
+                      style="top: 0px; ${true || (options.mode && options.mode.match('right')) ? 'right' : 'left'}: 0px"
+                    >
+                      <div class="abs center">
+                        <i class="fas fa-caret-down main-body-btn-ui-open hide"></i>
+                        <i class="fas fa-caret-up main-body-btn-ui-close"></i>
+                      </div>
+                    </div>
                     <div
                       class="abs main-body-btn main-body-btn-menu"
                       style="top: 50px; ${true || (options.mode && options.mode.match('right'))
@@ -257,15 +266,16 @@ const Modal = {
                       </div>
                     </div>
                     <div
-                      class="abs main-body-btn main-body-btn-ui"
-                      style="top: 0px; ${true || (options.mode && options.mode.match('right')) ? 'right' : 'left'}: 0px"
+                      class="abs main-body-btn main-body-btn-bar-custom ${options?.slideMenuTopBarFix ? '' : 'hide'}"
+                      style="top: 100px; ${true || (options.mode && options.mode.match('right'))
+                        ? 'right'
+                        : 'left'}: 0px"
                     >
                       <div class="abs center">
-                        <i class="fas fa-caret-down main-body-btn-ui-open hide"></i>
-                        <i class="fas fa-caret-up main-body-btn-ui-close"></i>
+                        <i class="fa-solid fa-magnifying-glass main-body-btn-ui-bar-custom-open"></i>
+                        <i class="fa-solid fa-home hide main-body-btn-ui-bar-custom-close"></i>
                       </div>
                     </div>
-                    <div class="main-body-btn-container-custom"></div>
                   </div>
                 `,
               );
@@ -274,6 +284,22 @@ const Modal = {
                 Modal.actionBtnCenter();
               };
 
+              s(`.main-body-btn-bar-custom`).onclick = () => {
+                if (s(`.main-body-btn-ui-close`).classList.contains('hide')) {
+                  s(`.main-body-btn-ui`).click();
+                }
+                if (s(`.main-body-btn-ui-bar-custom-open`).classList.contains('hide')) {
+                  s(`.main-body-btn-ui-bar-custom-open`).classList.remove('hide');
+                  s(`.main-body-btn-ui-bar-custom-close`).classList.add('hide');
+                  s(`.slide-menu-top-bar-fix`).style.top = '0px';
+                } else {
+                  s(`.main-body-btn-ui-bar-custom-open`).classList.add('hide');
+                  s(`.main-body-btn-ui-bar-custom-close`).classList.remove('hide');
+                  s(`.slide-menu-top-bar-fix`).style.top = '-100px';
+                  s(`.top-bar-search-box-container`).click();
+                }
+              };
+
               let _heightTopBar, _heightBottomBar, _topMenu;
               s(`.main-body-btn-ui`).onclick = () => {
                 if (s(`.main-body-btn-ui-open`).classList.contains('hide')) {
@@ -404,7 +430,10 @@ const Modal = {
                   </div>
                 </div>
                 ${options?.slideMenuTopBarFix
-                  ? html`<div class="abs modal slide-menu-top-bar-fix" style="height: ${options.heightTopBar}px">
+                  ? html`<div
+                      class="abs modal slide-menu-top-bar-fix"
+                      style="height: ${options.heightTopBar}px; top: 0px"
+                    >
                       ${await options.slideMenuTopBarFix()}
                     </div>`
                   : ''}
@@ -598,7 +627,16 @@ const Modal = {
                   Modal.removeModal(searchBoxHistoryId);
                   return;
                 }
-                setTimeout(() => getResultSearchBox(validatorData));
+                setTimeout(() => {
+                  getResultSearchBox(validatorData);
+
+                  if (
+                    s(`.slide-menu-top-bar-fix`) &&
+                    !s(`.main-body-btn-ui-bar-custom-open`).classList.contains('hide')
+                  ) {
+                    s(`.main-body-btn-bar-custom`).click();
+                  }
+                });
               };
 
               const getDefaultSearchBoxSelector = () => `.search-result-btn-${currentKeyBoardSearchBoxIndex}`;
@@ -691,7 +729,6 @@ const Modal = {
                   Modal.MoveTitleToBar(id);
 
                   prepend(`.btn-bar-modal-container-${id}`, html`<div class="hide">${inputInfoNode.outerHTML}</div>`);
-                  if (s(`.slide-menu-top-bar-fix`)) s(`.slide-menu-top-bar-fix`).classList.add('hide');
                 }
               };
 
@@ -711,7 +748,6 @@ const Modal = {
                   } catch (e) {}
                 }
                 Modal.removeModal(searchBoxHistoryId);
-                if (s(`.slide-menu-top-bar-fix`)) s(`.slide-menu-top-bar-fix`).classList.remove('hide');
               };
               s('.top-bar-search-box').onblur = () => {
                 hoverFocusCtl.checkDismiss();
@@ -1025,7 +1061,7 @@ const Modal = {
                   await Modal.onHomeRouterEvent();
                   Object.keys(this.Data[idModal].onHome).map((keyListener) => this.Data[idModal].onHome[keyListener]());
                 });
-                EventsUI.onClick(`.action-btn-app-icon`, () => Modal.onHomeRouterEvent());
+                EventsUI.onClick(`.action-btn-app-icon`, () => s(`.action-btn-home`).click());
                 Keyboard.instanceMultiPressKey({
                   id: 'input-shortcut-global-escape',
                   keys: ['Escape'],
@@ -1435,7 +1471,8 @@ const Modal = {
           setDocTitle({ ...options.RouterInstance, route: '' });
         };
         s(`.main-btn-home`).onclick = async () => {
-          await this.onHomeRouterEvent();
+          // await this.onHomeRouterEvent();
+          s(`.action-btn-home`).click();
         };
         EventsUI.onClick(`.btn-icon-menu-back`, backMenuButtonEvent);
         EventsUI.onClick(`.btn-icon-menu-mode`, () => {