underpost 2.89.1 → 2.89.21

package/src/cli/run.js

@@ -42,6 +42,9 @@ class UnderpostRun {
    * @type {Object}
    * @property {boolean} dev - Whether to run in development mode.
    * @property {string} podName - The name of the pod to run.
+   * @property {string} nodeName - The name of the node to run.
+   * @property {number} port - Custom port to use.
+   * @property {boolean} etcHosts - Whether to modify /etc/hosts.
    * @property {string} volumeHostPath - The host path for the volume.
    * @property {string} volumeMountPath - The mount path for the volume.
    * @property {string} imageName - The name of the image to run.
@@ -57,14 +60,22 @@ class UnderpostRun {
    * @property {string} tty - The TTY option for the container.
    * @property {string} stdin - The stdin option for the container.
    * @property {string} restartPolicy - The restart policy for the container.
+   * @property {string} runtimeClassName - The runtime class name for the container.
+   * @property {string} imagePullPolicy - The image pull policy for the container.
+   * @property {string} apiVersion - The API version for the container.
+   * @property {string} claimName - The claim name for the volume.
+   * @property {string} kind - The kind of resource to create.
    * @property {boolean} terminal - Whether to open a terminal.
    * @property {number} devProxyPortOffset - The port offset for the development proxy.
    * @property {string} confServerPath - The configuration server path.
+   * @property {string} underpostRoot - The root path of the Underpost installation.
    * @memberof UnderpostRun
    */
   static DEFAULT_OPTION = {
     dev: false,
     podName: '',
+    nodeName: '',
+    port: 0,
     volumeHostPath: '',
     volumeMountPath: '',
     imageName: '',
@@ -80,9 +91,15 @@ class UnderpostRun {
     tty: '',
     stdin: '',
     restartPolicy: '',
+    runtimeClassName: '',
+    imagePullPolicy: '',
+    apiVersion: '',
+    claimName: '',
+    kind: '',
     terminal: false,
     devProxyPortOffset: 0,
     confServerPath: '',
+    underpostRoot: '',
   };
   /**
    * @static
@@ -216,13 +233,66 @@ class UnderpostRun {
         );
         shellExec(`${baseCommand} cluster${options.dev ? ' --dev' : ''} --valkey --pull-image`);
       }
-      shellExec(`${baseCommand} deploy --expose mongo`, { async: true });
-      shellExec(`${baseCommand} deploy --expose valkey`, { async: true });
+      shellExec(`${baseCommand} deploy --expose --disable-update-underpost-config mongo`, { async: true });
+      shellExec(`${baseCommand} deploy --expose --disable-update-underpost-config valkey`, { async: true });
       {
         const hostListenResult = UnderpostDeploy.API.etcHostFactory(mongoHosts);
         logger.info(hostListenResult.renderHosts);
       }
     },
+
+    /**
+     * @method metadata
+     * @description Generates metadata for the specified path after exposing the development cluster.
+     * @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
+     */
+    metadata: async (path, options = UnderpostRun.DEFAULT_OPTION) => {
+      const ports = '6379,27017';
+      shellExec(`node bin run kill '${ports}'`);
+      shellExec(`node bin run dev-cluster --dev expose`, { async: true });
+      console.log('Loading fordward services...');
+      await timer(5000);
+      shellExec(`node bin metadata --generate ${path}`);
+      shellExec(`node bin run kill '${ports}'`);
+    },
+
+    /**
+     * @method svc-ls
+     * @description Lists systemd services and installed packages, optionally filtering by the provided path.
+     * @param {string} path - The input value, identifier, or path for the operation (used as the optional filter for services and packages).
+     * @param {Object} options - The default underpost runner options for customizing workflow
+     * @memberof UnderpostRun
+     */
+    'svc-ls': (path, options = UnderpostRun.DEFAULT_OPTION) => {
+      const log = shellExec(`systemctl list-units --type=service${path ? ` | grep ${path}` : ''}`, {
+        silent: true,
+        stdout: true,
+      });
+      console.log(path ? log.replaceAll(path, path.red) : log);
+      const log0 = shellExec(`sudo dnf list installed${path ? ` | grep ${path}` : ''}`, {
+        silent: true,
+        stdout: true,
+      });
+      console.log(path ? log0.replaceAll(path, path.red) : log0);
+    },
+
+    /**
+     * @method svc-rm
+     * @description Removes a systemd service by stopping it, disabling it, uninstalling the package, and deleting related files.
+     * @param {string} path - The input value, identifier, or path for the operation (used as the service name).
+     * @param {Object} options - The default underpost runner options for customizing workflow
+     * @memberof UnderpostRun
+     */
+    'svc-rm': (path, options = UnderpostRun.DEFAULT_OPTION) => {
+      shellExec(`sudo systemctl stop ${path}`);
+      shellExec(`sudo systemctl disable --now ${path}`);
+      shellExec(`sudo dnf remove -y ${path}*`);
+      shellExec(`sudo rm -f /usr/lib/systemd/system/${path}.service`);
+      shellExec(`sudo rm -f /etc/yum.repos.d/${path}*.repo`);
+    },
+
     /**
      * @method ssh-cluster-info
      * @description Executes the `ssh-cluster-info.sh` script to display cluster connection information.
@@ -498,7 +568,12 @@ class UnderpostRun {
      * @memberof UnderpostRun
      */
     'ls-images': async (path, options = UnderpostRun.DEFAULT_OPTION) => {
-      console.table(UnderpostDeploy.API.getCurrentLoadedImages('kind-worker', false));
+      console.table(
+        UnderpostDeploy.API.getCurrentLoadedImages(
+          options.nodeName ? options.nodeName : 'kind-worker',
+          path === 'spec' ? true : false,
+        ),
+      );
     },
 
     /**
@@ -515,39 +590,51 @@ class UnderpostRun {
     },
 
     /**
-     * @method dev-container
-     * @description Runs a development container pod named `underpost-dev-container` with specified volume mounts and opens a terminal to follow its logs.
-     * @param {string} path - The input value, identifier, or path for the operation (used as an optional command to run inside the container).
+     * @method dd-container
+     * @description Deploys a development or debug container tasks jobs, setting up necessary volumes and images, and running specified commands within the container.
+     * @param {string} path - The input value, identifier, or path for the operation (used as the command to run inside the container).
      * @param {Object} options - The default underpost runner options for customizing workflow
      * @memberof UnderpostRun
      */
-    'dev-container': async (path = '', options = UnderpostRun.DEFAULT_OPTION) => {
-      options.dev = true;
+    'dd-container': async (path = '', options = UnderpostRun.DEFAULT_OPTION) => {
       const baseCommand = options.dev ? 'node bin' : 'underpost';
       const baseClusterCommand = options.dev ? ' --dev' : '';
-      const currentImage = UnderpostDeploy.API.getCurrentLoadedImages('kind-worker', false).find((o) =>
-        o.IMAGE.match('underpost'),
-      );
+      const currentImage = UnderpostDeploy.API.getCurrentLoadedImages(
+        options.nodeName ? options.nodeName : 'kind-worker',
+        false,
+      ).find((o) => o.IMAGE.match('underpost'));
       const podName = `underpost-dev-container`;
-      if (!UnderpostDeploy.API.existsContainerFile({ podName: 'kind-worker', path: '/home/dd/engine' })) {
+      if (!options.nodeName) {
+        shellExec(`docker exec -i kind-worker bash -c "rm -rf /home/dd"`);
         shellExec(`docker exec -i kind-worker bash -c "mkdir -p /home/dd"`);
         shellExec(`docker cp /home/dd/engine kind-worker:/home/dd/engine`);
         shellExec(`docker exec -i kind-worker bash -c "chown -R 1000:1000 /home/dd || true; chmod -R 755 /home/dd"`);
+      } else {
+        shellExec(`kubectl apply -f ${options.underpostRoot}/manifests/pv-pvc-dd.yaml`);
       }
-      if (!currentImage) shellExec(`${baseCommand} dockerfile-pull-base-images${baseClusterCommand} --kind-load`);
+      if (!currentImage)
+        shellExec(
+          `${baseCommand} dockerfile-pull-base-images${baseClusterCommand} ${options.dev ? '--kind-load' : '--kubeadm-load'}`,
+        );
       // shellExec(`kubectl delete pod ${podName} --ignore-not-found`);
       await UnderpostRun.RUNNERS['deploy-job']('', {
-        dev: true,
+        dev: options.dev,
         podName,
-        imageName: currentImage ? currentImage.image : `localhost/rockylinux9-underpost:${Underpost.version}`,
-        volumeHostPath: '/home/dd',
+        imageName: currentImage
+          ? currentImage.image
+            ? currentImage.image
+            : currentImage.IMAGE
+              ? `${currentImage.IMAGE}:${currentImage.TAG}`
+              : `localhost/rockylinux9-underpost:${Underpost.version}`
+          : `localhost/rockylinux9-underpost:${Underpost.version}`,
         volumeMountPath: '/home/dd',
+        ...(options.dev ? { volumeHostPath: '/home/dd' } : { claimName: 'pvc-dd' }),
         on: {
           init: async () => {
             // openTerminal(`kubectl logs -f ${podName}`);
           },
         },
-        args: [daemonProcess(path ? path : `cd /home/dd/engine && npm run test`)],
+        args: [daemonProcess(path ? path : `cd /home/dd/engine && npm install && npm run test`)],
       });
     },
 
@@ -883,52 +970,84 @@ class UnderpostRun {
     service: async (path = '', options = UnderpostRun.DEFAULT_OPTION) => {
       const env = options.dev ? 'development' : 'production';
       const baseCommand = options.dev ? 'node bin' : 'underpost';
-      // const baseClusterCommand = options.dev ? ' --dev' : '';
+      const baseClusterCommand = options.dev ? ' --dev' : '';
       shellCd(`/home/dd/engine`);
       let [deployId, serviceId, host, _path, replicas, image, node] = path.split(',');
+      // const confClient = JSON.parse(fs.readFileSync(`./engine-private/conf/${deployId}/conf.client.json`, 'utf8'));
+      const confServer = JSON.parse(fs.readFileSync(`./engine-private/conf/${deployId}/conf.server.json`, 'utf8'));
+      // const confSSR = JSON.parse(fs.readFileSync(`./engine-private/conf/${deployId}/conf.ssr.json`, 'utf8'));
+      // const packageData = JSON.parse(fs.readFileSync(`./engine-private/conf/${deployId}/package.json`, 'utf8'));
       const services = fs.existsSync(`./engine-private/deploy/${deployId}/conf.services.json`)
         ? JSON.parse(fs.readFileSync(`./engine-private/deploy/${deployId}/conf.services.json`, 'utf8'))
         : [];
+      let serviceData = services.findIndex((s) => s.serviceId === serviceId);
+      const payload = {
+        serviceId,
+        path: _path,
+        port: options.port,
+        host,
+      };
+      let podToMonitor;
+      if (!payload.port)
+        switch (serviceId) {
+          case 'mongo-express-service': {
+            payload.port = 8081;
+            break;
+          }
+          case 'grafana': {
+            payload.port = 3000;
+            // payload.pathRewritePolicy = [
+            //   {
+            //     prefix: '/grafana',
+            //     replacement: '/',
+            //   },
+            // ];
+            break;
+          }
+        }
+      if (serviceData == -1) {
+        services.push(payload);
+      } else {
+        services[serviceData] = payload;
+      }
+      fs.writeFileSync(
+        `./engine-private/conf/${deployId}/conf.services.json`,
+        JSON.stringify(services, null, 4),
+        'utf8',
+      );
       switch (serviceId) {
         case 'mongo-express-service': {
-          let serviceData = services.findIndex((s) => s.serviceId === serviceId);
-          const payload = {
-            serviceId,
-            path: _path,
-            port: 8081,
-            host,
-          };
-          if (serviceData == -1) {
-            services.push(payload);
-          } else {
-            services[serviceData] = payload;
-          }
-          fs.writeFileSync(
-            `./engine-private/conf/${deployId}/conf.services.json`,
-            JSON.stringify(services, null, 4),
-            'utf8',
-          );
           shellExec(`kubectl delete svc mongo-express-service --ignore-not-found`);
           shellExec(`kubectl delete deployment mongo-express --ignore-not-found`);
           shellExec(`kubectl apply -f manifests/deployment/mongo-express/deployment.yaml`);
-
-          const success = await UnderpostTest.API.statusMonitor('mongo-express');
-
-          if (success) {
-            const versions = UnderpostDeploy.API.getCurrentTraffic(deployId) || 'blue';
-            if (!node) node = os.hostname();
-            shellExec(
-              `${baseCommand} deploy --kubeadm --build-manifest --sync --info-router --replicas ${
-                replicas ? replicas : 1
-              } --node ${node}${image ? ` --image ${image}` : ''}${versions ? ` --versions ${versions}` : ''} dd ${env}`,
-            );
-            shellExec(
-              `${baseCommand} deploy --kubeadm --disable-update-deployment ${deployId} ${env} --versions ${versions}`,
-            );
-          } else logger.error('Mongo Express deployment failed');
+          podToMonitor = 'mongo-express';
+          break;
+        }
+        case 'grafana': {
+          shellExec(
+            `node bin cluster${baseClusterCommand} --grafana --hosts '${host}' --prom '${Object.keys(confServer)}'`,
+          );
+          podToMonitor = 'grafana';
           break;
         }
       }
+      const success = await UnderpostTest.API.statusMonitor(podToMonitor);
+      if (success) {
+        const versions = UnderpostDeploy.API.getCurrentTraffic(deployId) || 'blue';
+        if (!node) node = os.hostname();
+        shellExec(
+          `${baseCommand} deploy${options.dev ? '' : ' --kubeadm'}${options.devProxyPortOffset ? ' --disable-deployment-proxy' : ''} --build-manifest --sync --info-router --replicas ${
+            replicas ? replicas : 1
+          } --node ${node}${image ? ` --image ${image}` : ''}${versions ? ` --versions ${versions}` : ''} dd ${env}`,
+        );
+        shellExec(
+          `${baseCommand} deploy${options.dev ? '' : ' --kubeadm'}${options.devProxyPortOffset ? ' --disable-deployment-proxy' : ''} --disable-update-deployment ${deployId} ${env} --versions ${versions}`,
+        );
+      } else logger.error('Mongo Express deployment failed');
+      if (options.etcHosts === true) {
+        const hostListenResult = UnderpostDeploy.API.etcHostFactory([host]);
+        logger.info(hostListenResult.renderHosts);
+      }
     },
 
     /**
@@ -1058,28 +1177,34 @@ class UnderpostRun {
     'deploy-job': async (path, options = UnderpostRun.DEFAULT_OPTION) => {
       const podName = options.podName || 'deploy-job';
       const volumeName = `${podName}-volume`;
-      const args = (options.args ? options.args : path ? [`python ${path}`] : []).filter((c) => c.trim());
+      if (typeof options.args === 'string') options.args = options.args.split(',');
+      const args = (options.args ? options.args : path ? [path] : [`python ${path}`]).filter((c) => c.trim());
       const imageName = options.imageName || 'nvcr.io/nvidia/tensorflow:24.04-tf2-py3';
       const containerName = options.containerName || `${podName}-container`;
       const gpuEnable = imageName.match('nvidia');
-      const runtimeClassName = gpuEnable ? 'nvidia' : '';
+      const runtimeClassName = options.runtimeClassName ? options.runtimeClassName : gpuEnable ? 'nvidia' : '';
       const namespace = options.namespace || 'default';
       const volumeMountPath = options.volumeMountPath || path;
       const volumeHostPath = options.volumeHostPath || path;
-      const enableVolumeMount = volumeHostPath && volumeMountPath;
+      const claimName = options.claimName || '';
+      const enableVolumeMount = volumeMountPath && (volumeHostPath || claimName);
       const tty = options.tty ? 'true' : 'false';
       const stdin = options.stdin ? 'true' : 'false';
       const restartPolicy = options.restartPolicy || 'Never';
-
+      const kind = options.kind || 'Pod';
+      const imagePullPolicy = options.imagePullPolicy || 'IfNotPresent';
+      const apiVersion = options.apiVersion || 'v1';
       if (options.volumeType === 'dev') options.volumeType = 'FileOrCreate';
       const volumeType =
-        options.volumeType || (enableVolumeMount && fs.statSync(volumeHostPath).isDirectory()) ? 'Directory' : 'File';
+        options.volumeType || (enableVolumeMount && volumeHostPath && fs.statSync(volumeHostPath).isDirectory())
+          ? 'Directory'
+          : 'File';
 
       const envs = UnderpostRootEnv.API.list();
 
       const cmd = `kubectl apply -f - <<EOF
-apiVersion: v1
-kind: Pod
+apiVersion: ${apiVersion}
+kind: ${kind}
 metadata:
   name: ${podName}
   namespace: ${namespace}
@@ -1091,7 +1216,7 @@ ${runtimeClassName ? `  runtimeClassName: ${runtimeClassName}` : ''}
   containers:
     - name: ${containerName}
       image: ${imageName}
-      imagePullPolicy: IfNotPresent
+      imagePullPolicy: ${imagePullPolicy}
       tty: ${tty}
       stdin: ${stdin}
       command: ${JSON.stringify(options.command ? options.command : ['/bin/bash', '-c'])}
@@ -1117,15 +1242,7 @@ ${Object.keys(envs)
   .join('\n')}`}
 ${
   enableVolumeMount
-    ? `
-      volumeMounts:
-        - name: ${volumeName}
-          mountPath: ${volumeMountPath}
-  volumes:
-    - name: ${volumeName}
-      hostPath:
-        path: ${volumeHostPath}
-        type: ${volumeType}`
+    ? UnderpostDeploy.API.volumeFactory([{ volumeMountPath, volumeName, volumeHostPath, volumeType, claimName }]).render
     : ''
 }
 EOF`;
@@ -1156,7 +1273,7 @@ EOF`;
         const underpostRoot = options?.dev === true ? '.' : `${npmRoot}/underpost`;
         if (options.command) options.command = options.command.split(',');
         if (options.args) options.args = options.args.split(',');
-        options.underpostRoot = underpostRoot;
+        if (!options.underpostRoot) options.underpostRoot = underpostRoot;
         options.npmRoot = npmRoot;
         logger.info('callback', { path, options });
         if (!(runner in UnderpostRun.RUNNERS)) throw new Error(`Runner not found: ${runner}`);

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

@@ -940,12 +940,13 @@ const ObjectLayerEngineModal = {
     const queryParams = getQueryParams();
     queryParams.page = 1;
     setQueryParams(queryParams);
-    const managerComponent = DefaultManagement.Tokens['modal-object-layer-engine-management'];
+    const modalId = 'modal-object-layer-engine-management';
+    const managerComponent = DefaultManagement.Tokens[modalId];
     if (managerComponent) {
       managerComponent.page = 1;
       if (!managerComponent.readyRowDataEvent) managerComponent.readyRowDataEvent = {};
       let readyLoad = false;
-      const gridId = 'object-layer-engine-management-grid-modal-object-layer-engine-management';
+      const gridId = `object-layer-engine-management-grid-${modalId}`;
       managerComponent.readyRowDataEvent['object-layer-engine-management'] = async () => {
         if (readyLoad) {
           AgGrid.grids[gridId].setGridOption('getRowClass', null);
@@ -961,7 +962,7 @@ const ObjectLayerEngineModal = {
       };
     }
 
-    const _s = s(`.management-table-btn-reload-modal-object-layer-engine-management`);
+    const _s = s(`.management-table-btn-reload-${modalId}`);
     if (_s) _s.click();
 
     s(`.main-btn-object-layer-engine-management`).click();

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

@@ -1,11 +1,12 @@
 import { loggerFactory } from './Logger.js';
-import { getProxyPath, listenQueryPathInstance } from './Router.js';
+import { getProxyPath, listenQueryPathInstance, setPath, setQueryParams } from './Router.js';
 import { ObjectLayerService } from '../../services/object-layer/object-layer.service.js';
 import { NotificationManager } from './NotificationManager.js';
 import { htmls, s } from './VanillaJs.js';
 import { BtnIcon } from './BtnIcon.js';
 import { darkTheme, ThemeEvents } from './Css.js';
-import { ObjectLayerCyberiaPortal } from '../cyberia-portal/ObjectLayerCyberiaPortal.js';
+import { ObjectLayerManagement } from '../../services/object-layer/object-layer.management.js';
+import { ObjectLayerEngineModal } from './ObjectLayerEngineModal.js';
 
 const logger = loggerFactory(import.meta);
 
@@ -66,7 +67,7 @@ const ObjectLayerEngineViewer = {
           if (cid) {
             await this.loadObjectLayer(cid);
           } else {
-            this.renderEmpty();
+            this.renderEmpty({ Elements });
           }
         },
       },
@@ -103,9 +104,15 @@ const ObjectLayerEngineViewer = {
     `;
   },
 
-  renderEmpty: async function () {
+  renderEmpty: async function ({ Elements }) {
     const id = 'object-layer-engine-viewer';
-    htmls(`#${id}`, await ObjectLayerCyberiaPortal.Render());
+    htmls(
+      `#${id}`,
+      await ObjectLayerManagement.RenderTable({
+        Elements,
+        idModal: 'modal-object-layer-engine-viewer',
+      }),
+    );
   },
 
   loadObjectLayer: async function (objectLayerId) {
@@ -398,6 +405,14 @@ const ObjectLayerEngineViewer = {
             transform: none;
           }
 
+          .edit-btn {
+            background: ${darkTheme ? '#4a9eff' : '#2196F3'};
+          }
+
+          .edit-btn:hover {
+            background: ${darkTheme ? '#3a8eff' : '#1186f2'};
+          }
+
           @media (max-width: 768px) {
             .gif-display-area {
               max-height: 500px;
@@ -440,7 +455,8 @@ const ObjectLayerEngineViewer = {
           .item-data-value-label {
             font-size: 20px;
             font-weight: 700;
-            color: ${darkTheme ? '#4a9eff' : '#2196F3'};
+            color: ${darkTheme ? '#aaa' : '#666'};
+            text-align: center;
           }
           .item-stat-entry {
             display: flex;
@@ -493,6 +509,32 @@ const ObjectLayerEngineViewer = {
             </div>
           </div>
 
+          <!-- Stats Data Section -->
+          <div class="control-group" style="margin-bottom: 20px;">
+            <h4><i class="fa-solid fa-chart-bar"></i> Stats Data</h4>
+            <div
+              style="display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 15px; padding: 10px 0;"
+            >
+              ${Object.keys(stats).length > 0
+                ? Object.entries(stats)
+                    .map(([statKey, statValue]) => {
+                      const statInfo = ObjectLayerEngineModal.statDescriptions[statKey];
+                      if (!statInfo) return '';
+                      return html`
+                        <div class="item-stat-entry">
+                          <div style="display: flex; align-items: center; gap: 8px;">
+                            <i class="${statInfo.icon}" id="stat-icon-${statKey}-${id}"></i>
+                            <span class="item-data-key-label">${statInfo.title}</span>
+                          </div>
+                          <span class="item-data-value-label">${statValue}</span>
+                        </div>
+                      `;
+                    })
+                    .join('')
+                : html`<div class="no-data-container">No stats data available</div>`}
+            </div>
+          </div>
+
           <div class="gif-display-area">
             <div class="gif-canvas-container" id="gif-canvas-container">
               <div style="text-align: center; color: ${darkTheme ? '#aaa' : '#666'};">
@@ -587,30 +629,17 @@ const ObjectLayerEngineViewer = {
               </div>
             </div>
           </div>
-          <!-- Stats Data Section -->
-          <div class="control-group" style="margin-bottom: 20px;">
-            <h4><i class="fa-solid fa-chart-bar"></i> Stats Data</h4>
-            <div
-              style="display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 15px; padding: 10px 0;"
-            >
-              ${Object.keys(stats).length > 0
-                ? Object.entries(stats)
-                    .map(
-                      ([statKey, statValue]) => html`
-                        <div class="item-stat-entry">
-                          <span class="item-data-key-label"> ${statKey} </span>
-                          <span style="item-data-value-label"> ${statValue} </span>
-                        </div>
-                      `,
-                    )
-                    .join('')
-                : html`<div class="no-data-container">No stats data available</div>`}
-            </div>
+
+          <div style="display: flex; gap: 10px; margin-top: 20px;">
+            <button class="download-btn" id="download-gif-btn" style="width: 100%;">
+              <i class="fa-solid fa-download"></i>
+              <span>Download GIF</span>
+            </button>
+            <button class="download-btn edit-btn" id="edit-object-layer-btn" style="width: 100%;">
+              <i class="fa-solid fa-edit"></i>
+              <span>Edit</span>
+            </button>
           </div>
-          <button class="download-btn" id="download-gif-btn">
-            <i class="fa-solid fa-download"></i>
-            <span>Download GIF</span>
-          </button>
         </div>
       `,
     );
@@ -658,6 +687,13 @@ const ObjectLayerEngineViewer = {
       });
     }
 
+    const editBtn = s('#edit-object-layer-btn');
+    if (editBtn) {
+      editBtn.addEventListener('click', () => {
+        this.toEngine();
+      });
+    }
+
     // Back button
     setTimeout(() => {
       const backBtn = s('[data-id="btn-back"]');
@@ -1046,14 +1082,30 @@ const ObjectLayerEngineViewer = {
     });
   },
 
-  Reload: async function () {
+  toEngine: function () {
+    const { objectLayer } = this.Data;
+    if (!objectLayer || !objectLayer._id) return;
+
+    // Navigate to editor route first
+    setPath(`${getProxyPath()}object-layer-engine`);
+    // Then add query param without replacing history
+    setQueryParams({ cid: objectLayer._id }, { replace: true });
+
+    if (s(`.modal-object-layer-engine`)) {
+      ObjectLayerEngineModal.Reload();
+    } else {
+      s(`.main-btn-object-layer-engine`)?.click();
+    }
+  },
+
+  Reload: async function ({ Elements }) {
     const queryParams = new URLSearchParams(window.location.search);
     const cid = queryParams.get('cid');
 
     if (cid) {
       await this.loadObjectLayer(cid);
     } else {
-      this.renderEmpty();
+      this.renderEmpty({ Elements });
     }
   },
 };

package/src/index.js

@@ -35,7 +35,7 @@ class Underpost {
    * @type {String}
    * @memberof Underpost
    */
-  static version = 'v2.89.1';
+  static version = 'v2.89.21';
   /**
    * Repository cli API
    * @static

package/src/server/start.js

@@ -132,7 +132,8 @@ class UnderpostStartUp {
       const buildBasePath = `/home/dd`;
       const repoName = `engine-${deployId.split('-')[1]}`;
       shellExec(`cd ${buildBasePath} && underpost clone ${process.env.GITHUB_USERNAME}/${repoName}`);
-      shellExec(`cd ${buildBasePath} && sudo mv ./${repoName} ./engine`);
+      shellExec(`cd ${buildBasePath} && sudo cp -a ./${repoName}/* ./engine`);
+      shellExec(`cd ${buildBasePath} && sudo rm -rf ./${repoName}`);
       shellExec(`cd ${buildBasePath}/engine && underpost clone ${process.env.GITHUB_USERNAME}/${repoName}-private`);
       shellExec(`cd ${buildBasePath}/engine && sudo mv ./${repoName}-private ./engine-private`);
       shellCd(`${buildBasePath}/engine`);