underpost 2.8.85 → 2.8.86

package/src/cli/deploy.js

@@ -242,12 +242,10 @@ spec:
         cert: false,
         versions: '',
         traffic: '',
-        dashboardUpdate: false,
         replicas: '',
         restoreHosts: false,
         disableUpdateDeployment: false,
         infoTraffic: false,
-        rebuildClientsBundle: false,
       },
     ) {
       if (options.infoUtil === true)
@@ -311,22 +309,21 @@ Password: <Your Key>
             deployId,
             env,
             traffic: UnderpostDeploy.API.getCurrentTraffic(deployId),
+            router: await UnderpostDeploy.API.routerFactory(deployId, env),
+            pods: await UnderpostDeploy.API.get(deployId),
           });
         }
         return;
       }
-      if (options.rebuildClientsBundle === true) await UnderpostDeploy.API.rebuildClientsBundle(deployList);
       if (!(options.versions && typeof options.versions === 'string')) options.versions = 'blue,green';
       if (!options.replicas) options.replicas = 1;
       if (options.sync) UnderpostDeploy.API.sync(deployList, options);
       if (options.buildManifest === true) await UnderpostDeploy.API.buildManifest(deployList, env, options);
-      if (options.infoRouter === true) logger.info('router', await UnderpostDeploy.API.routerFactory(deployList, env));
-      if (options.dashboardUpdate === true) await UnderpostDeploy.API.updateDashboardData(deployList, env, options);
-      if (options.infoRouter === true) return;
-      shellExec(`kubectl delete configmap underpost-config`);
-      shellExec(
-        `kubectl create configmap underpost-config --from-file=/home/dd/engine/engine-private/conf/dd-cron/.env.${env}`,
-      );
+      if (options.infoRouter === true) {
+        logger.info('router', await UnderpostDeploy.API.routerFactory(deployList, env));
+        return;
+      }
+      UnderpostDeploy.API.configMap(env);
       let renderHosts = '';
       let concatHots = '';
       const etcHost = (
@@ -435,23 +432,6 @@ Password: <Your Key>
 
       return result;
     },
-    rebuildClientsBundle(deployList) {
-      for (const _deployId of deployList.split(',')) {
-        const deployId = _deployId.trim();
-        const repoName = `engine-${deployId.split('-')[1]}`;
-
-        shellExec(`underpost script set ${deployId}-client-build '
-cd /home/dd/engine &&
-git checkout . &&
-underpost pull . underpostnet/${repoName} &&
-underpost pull ./engine-private underpostnet/${repoName}-private &&
-underpost env ${deployId} production &&
-node bin/deploy build-full-client ${deployId}
-'`);
-
-        shellExec(`node bin script run ${deployId}-client-build --itc --pod-name ${deployId}`);
-      }
-    },
     resourcesFactory() {
       return {
         requests: {
@@ -465,60 +445,6 @@ node bin/deploy build-full-client ${deployId}
         totalPods: UnderpostRootEnv.API.get('total-pods'),
       };
     },
-    async updateDashboardData(deployList, env, options) {
-      try {
-        const deployId = process.env.DEFAULT_DEPLOY_ID;
-        const host = process.env.DEFAULT_DEPLOY_HOST;
-        const path = process.env.DEFAULT_DEPLOY_PATH;
-        const { db } = JSON.parse(fs.readFileSync(`./engine-private/conf/${deployId}/conf.server.json`, 'utf8'))[host][
-          path
-        ];
-
-        await DataBaseProvider.load({ apis: ['instance'], host, path, db });
-
-        /** @type {import('../api/instance/instance.model.js').InstanceModel} */
-        const Instance = DataBaseProvider.instance[`${host}${path}`].mongoose.models.Instance;
-
-        await Instance.deleteMany();
-
-        for (const _deployId of deployList.split(',')) {
-          const deployId = _deployId.trim();
-          if (!deployId) continue;
-          const confServer = loadReplicas(
-            JSON.parse(fs.readFileSync(`./engine-private/conf/${deployId}/conf.server.json`, 'utf8')),
-            'proxy',
-          );
-          const router = await UnderpostDeploy.API.routerFactory(deployId, env);
-          const pathPortAssignmentData = pathPortAssignmentFactory(router, confServer);
-
-          for (const host of Object.keys(confServer)) {
-            for (const { path, port } of pathPortAssignmentData[host]) {
-              if (!confServer[host][path]) continue;
-
-              const { client, runtime, apis } = confServer[host][path];
-
-              const body = {
-                deployId,
-                host,
-                path,
-                port,
-                client,
-                runtime,
-                apis,
-              };
-
-              logger.info('save', body);
-
-              await new Instance(body).save();
-            }
-          }
-        }
-
-        await DataBaseProvider.instance[`${host}${path}`].mongoose.close();
-      } catch (error) {
-        logger.error(error, error.stack);
-      }
-    },
     existsContainerFile({ podName, path }) {
       return JSON.parse(
         shellExec(`kubectl exec ${podName} -- test -f ${path} && echo "true" || echo "false"`, {
@@ -548,6 +474,19 @@ node bin/deploy build-full-client ${deployId}
       }
       return { ready: notReadyPods.length === 0, notReadyPods, readyPods };
     },
+    configMap(env) {
+      shellExec(`kubectl delete configmap underpost-config`);
+      shellExec(
+        `kubectl create configmap underpost-config --from-file=/home/dd/engine/engine-private/conf/dd-cron/.env.${env}`,
+      );
+    },
+    switchTraffic(deployId, env, targetTraffic, replicas = 1) {
+      UnderpostRootEnv.API.set(`${deployId}-${env}-traffic`, targetTraffic);
+      shellExec(
+        `node bin deploy --info-router --build-manifest --traffic ${targetTraffic} --replicas ${replicas} ${deployId} ${env}`,
+      );
+      shellExec(`sudo kubectl apply -f ./engine-private/conf/${deployId}/build/${env}/proxy.yaml`);
+    },
   };
 }
 

package/src/cli/index.js

@@ -23,6 +23,7 @@ program.name('underpost').description(`underpost ci/cd cli ${Underpost.version}`
 program
   .command('new')
   .argument('<app-name>', 'The name of the application to create.')
+  .option('--dev', 'Sets the development cli context')
   .description('Initializes a new Underpost project with a predefined structure.')
   .action(Underpost.repo.new);
 
@@ -123,6 +124,11 @@ program
   .option('--full', 'Initializes the cluster with all available statefulsets and services.')
   .option('--ns-use <ns-name>', 'Switches the current Kubernetes context to the specified namespace.')
   .option('--kubeadm', 'Initializes the cluster using kubeadm for control plane management.')
+  .option('--grafana', 'Initializes the cluster with a Grafana deployment.')
+  .option(
+    '--prom [hosts]',
+    'Initializes the cluster with a Prometheus Operator deployment and monitor scrap for specified hosts.',
+  )
   .option('--dev', 'Initializes a development-specific cluster configuration.')
   .option('--list-pods', 'Displays detailed information about all pods.')
   .option('--info-capacity', 'Displays the current total machine capacity information.')
@@ -155,7 +161,6 @@ program
     '--build-manifest',
     'Builds Kubernetes YAML manifests, including deployments, services, proxies, and secrets.',
   )
-  .option('--dashboard-update', 'Updates dashboard instance data with the current router configuration.')
   .option('--replicas <replicas>', 'Sets a custom number of replicas for deployments.')
   .option('--versions <deployment-versions>', 'A comma-separated list of custom deployment versions.')
   .option('--traffic <traffic-versions>', 'A comma-separated list of custom deployment traffic weights.')
@@ -163,10 +168,6 @@ program
   .option('--info-traffic', 'Retrieves traffic configuration from current resource deployments.')
   .option('--kubeadm', 'Enables the kubeadm context for deployment operations.')
   .option('--restore-hosts', 'Restores default `/etc/hosts` entries.')
-  .option(
-    '--rebuild-clients-bundle',
-    'Inside the container, rebuilds client bundles (only static public or storage client files).',
-  )
   .description('Manages application deployments, defaulting to deploying development pods.')
   .action(Underpost.deploy.callback);
 
@@ -240,6 +241,20 @@ program
   .description('Manages database operations, including import, export, and collection management.')
   .action(Underpost.db.callback);
 
+program
+  .command('metadata')
+  .argument('[deploy-id]', 'The deployment ID to manage metadata.')
+  .argument('[host]', 'The host to manage metadata.')
+  .argument('[path]', 'The path to manage metadata.')
+  .option('--import', 'Imports from local storage.')
+  .option('--export', 'Exports to local storage.')
+  .option('--crons', 'Apply to cron data collection')
+  .option('--instances', 'Apply to instance data collection')
+  .option('--generate', 'Generate cluster metadata')
+  .option('--itc', 'Apply under container execution context')
+  .description('Manages cluster metadata operations, including import and export.')
+  .action(Underpost.db.clusterMetadataBackupCallback);
+
 // 'script' command: Execute scripts
 program
   .command('script')
@@ -268,7 +283,6 @@ program
   .option('--itc', 'Executes cron jobs within the container execution context.')
   .option('--init', 'Initializes cron jobs for the default deployment ID.')
   .option('--git', 'Uploads cron job configurations to GitHub.')
-  .option('--dashboard-update', 'Updates dashboard cron data with the current job configurations.')
   .description('Manages cron jobs, including initialization, execution, and configuration updates.')
   .action(Underpost.cron.callback);
 

package/src/cli/monitor.js

@@ -120,10 +120,7 @@ class UnderpostMonitor {
                           fs.readFileSync(`./engine-private/conf/${deployId}/conf.server.json`, 'utf8'),
                         );
 
-                        shellExec(`kubectl delete configmap underpost-config`);
-                        shellExec(
-                          `kubectl create configmap underpost-config --from-file=/home/dd/engine/engine-private/conf/dd-cron/.env.${env}`,
-                        );
+                        UnderpostDeploy.API.configMap(env);
 
                         for (const host of Object.keys(confServer)) {
                           shellExec(`sudo kubectl delete HTTPProxy ${host}`);

package/src/cli/repository.js

@@ -80,7 +80,7 @@ class UnderpostRepository {
       );
     },
 
-    new(repositoryName) {
+    new(repositoryName, options = { dev: false }) {
       return new Promise(async (resolve, reject) => {
         try {
           await logger.setUpInfo();
@@ -89,15 +89,22 @@ class UnderpostRepository {
               await UnderpostStartUp.API.listenPortController(UnderpostStartUp.API.listenServerFactory(), ':'),
             );
           else actionInitLog();
-          const exeRootPath = `${getNpmRootPath()}/underpost`;
+          const npmRoot = getNpmRootPath();
+          const underpostRoot = options?.dev === true ? '.' : `${npmRoot}/underpost`;
           const destFolder = `./${repositoryName}`;
           logger.info('Note: This process may take several minutes to complete');
           logger.info('build app', { destFolder });
           if (fs.existsSync(destFolder)) fs.removeSync(destFolder);
           fs.mkdirSync(destFolder, { recursive: true });
-          fs.copySync(exeRootPath, destFolder);
-          fs.writeFileSync(`${destFolder}/.gitignore`, fs.readFileSync(`${exeRootPath}/.dockerignore`, 'utf8'), 'utf8');
-          shellExec(`cd ${destFolder} && git init && git add . && git commit -m "Base template implementation"`);
+          if (!options.dev) {
+            fs.copySync(underpostRoot, destFolder);
+            fs.writeFileSync(
+              `${destFolder}/.gitignore`,
+              fs.readFileSync(`${underpostRoot}/.dockerignore`, 'utf8'),
+              'utf8',
+            );
+            shellExec(`cd ${destFolder} && git init && git add . && git commit -m "Base template implementation"`);
+          }
           shellExec(`cd ${destFolder} && npm run build`);
           shellExec(`cd ${destFolder} && npm run dev`);
           return resolve();

package/src/cli/run.js

@@ -1,7 +1,7 @@
 import { daemonProcess, getTerminalPid, openTerminal, pbcopy, shellCd, shellExec } from '../server/process.js';
 import read from 'read';
 import { getNpmRootPath } from '../server/conf.js';
-import { loggerFactory } from '../server/logger.js';
+import { actionInitLog, loggerFactory } from '../server/logger.js';
 import UnderpostTest from './test.js';
 import fs from 'fs-extra';
 import { range, setPad, timer } from '../client/components/core/CommonJs.js';
@@ -54,6 +54,9 @@ class UnderpostRun {
         }`,
       );
     },
+    'underpost-config': (path, options = UnderpostRun.DEFAULT_OPTION) => {
+      UnderpostDeploy.API.configMap(path ?? 'production');
+    },
     '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`,
@@ -76,6 +79,11 @@ class UnderpostRun {
       shellExec(`${baseCommand} deploy --expose mongo`, { async: true });
       shellExec(`${baseCommand} deploy --expose valkey`, { async: true });
     },
+    'ssh-cluster-info': (path, options = UnderpostRun.DEFAULT_OPTION) => {
+      const { underpostRoot } = options;
+      shellExec(`chmod +x ${underpostRoot}/manifests/maas/ssh-cluster-info.sh`);
+      shellExec(`${underpostRoot}/manifests/maas/ssh-cluster-info.sh`);
+    },
     'cyberia-ide': (path, options = UnderpostRun.DEFAULT_OPTION) => {
       const baseCommand = options.dev ? 'node bin' : 'underpost';
       shellExec(`${baseCommand} run ide /home/dd/cyberia-server`);
@@ -93,6 +101,25 @@ class UnderpostRun {
       shellExec(`${baseCommand} cmt . --empty ci package-pwa-microservices-template`);
       shellExec(`${baseCommand} push . underpostnet/engine`);
     },
+    clean: (path, options = UnderpostRun.DEFAULT_OPTION) => {
+      shellCd(path ?? `/home/dd/engine`);
+      shellExec(`node bin/deploy clean-core-repo`);
+    },
+    pull: (path, options = UnderpostRun.DEFAULT_OPTION) => {
+      shellCd(`/home/dd/engine`);
+      shellExec(`node bin/deploy clean-core-repo`);
+      shellExec(`underpost pull . underpostnet/engine`);
+      shellExec(`underpost pull engine-private underpostnet/engine-private`, { silent: true });
+    },
+    'release-deploy': (path, options = UnderpostRun.DEFAULT_OPTION) => {
+      actionInitLog();
+      shellExec(`underpost --version`);
+      shellCd(`/home/dd/engine`);
+      for (const _deployId of fs.readFileSync(`./engine-private/deploy/dd.router`, 'utf8').split(',')) {
+        const deployId = _deployId.trim();
+        shellExec(`underpost run deploy ${deployId}`, { async: true });
+      }
+    },
     'ssh-deploy': (path, options = UnderpostRun.DEFAULT_OPTION) => {
       const baseCommand = options.dev || true ? 'node bin' : 'underpost';
       shellCd('/home/dd/engine');
@@ -104,6 +131,16 @@ class UnderpostRun {
       const { underpostRoot } = options;
       shellExec(`node ${underpostRoot}/bin/vs ${path}`);
     },
+    'dev-client': (_path, options = UnderpostRun.DEFAULT_OPTION) => {
+      let [deployId, hostpath, subConf, lite] = _path.split(',');
+      let [host, path] = hostpath.split('/');
+      if (!path) path = '/';
+      shellExec(`npm run dev-client ${deployId} ${host} ${path} ${subConf} static${lite === 'l' ? ' l' : ''}`);
+    },
+    'dev-api': (path, options = UnderpostRun.DEFAULT_OPTION) => {
+      let [deployId, subConf] = path.split(',');
+      shellExec(`npm run dev-api ${deployId} ${subConf}`);
+    },
     monitor: (path, options = UnderpostRun.DEFAULT_OPTION) => {
       const pid = getTerminalPid();
       logger.info('monitor pid', pid);
@@ -181,6 +218,34 @@ class UnderpostRun {
       const { underpostRoot } = options;
       shellExec(`kubectl apply -k ${underpostRoot}/manifests/deployment/adminer/.`);
     },
+    promote: async (path, options = UnderpostRun.DEFAULT_OPTION) => {
+      let [inputDeployId, inputEnv, inputReplicas] = path.split(',');
+      if (!inputEnv) inputEnv = 'production';
+      if (!inputReplicas) inputReplicas = 1;
+      if (inputDeployId === 'dd') {
+        for (const deployId of fs.readFileSync(`./engine-private/deploy/dd.router`, 'utf8').split(',')) {
+          const currentTraffic = UnderpostDeploy.API.getCurrentTraffic(deployId);
+          const targetTraffic = currentTraffic === 'blue' ? 'green' : 'blue';
+          UnderpostDeploy.API.switchTraffic(deployId, inputEnv, targetTraffic, inputReplicas);
+        }
+      } else {
+        const currentTraffic = UnderpostDeploy.API.getCurrentTraffic(inputDeployId);
+        const targetTraffic = currentTraffic === 'blue' ? 'green' : 'blue';
+        UnderpostDeploy.API.switchTraffic(inputDeployId, inputEnv, targetTraffic, inputReplicas);
+      }
+    },
+
+    metrics: async (path, options = UnderpostRun.DEFAULT_OPTION) => {
+      const deployList = fs.readFileSync(`./engine-private/deploy/dd.router`, 'utf8').split(',');
+      let hosts = [];
+      for (const deployId of deployList) {
+        const confServer = JSON.parse(fs.readFileSync(`./engine-private/conf/${deployId}/conf.server.json`, 'utf8'));
+        hosts = hosts.concat(Object.keys(confServer));
+      }
+      shellExec(`node bin cluster --prom ${hosts.join(',')}`);
+      shellExec(`node bin cluster --grafana`);
+    },
+
     cluster: async (path, options = UnderpostRun.DEFAULT_OPTION) => {
       const deployList = fs.readFileSync(`./engine-private/deploy/dd.router`, 'utf8').split(',');
       const env = 'production';
@@ -216,25 +281,23 @@ class UnderpostRun {
       const ignorePods = UnderpostDeploy.API.get(`${deployId}-${env}-${targetTraffic}`).map((p) => p.NAME);
       shellExec(`sudo kubectl rollout restart deployment/${deployId}-${env}-${targetTraffic}`);
 
-      let secondsElapsed = 0;
-      logger.info('Deployment init', { deployId, env, targetTraffic });
+      let checkStatusIteration = 0;
+      const checkStatusIterationMsDelay = 1000;
+      const iteratorTag = `[${deployId}-${env}-${targetTraffic}]`;
+      logger.info('Deployment init', { deployId, env, targetTraffic, checkStatusIterationMsDelay });
 
       while (!UnderpostDeploy.API.checkDeploymentReadyStatus(deployId, env, targetTraffic, ignorePods).ready) {
-        await timer(1000);
-        secondsElapsed++;
-        logger.info(`Deployment in progress, seconds elapsed: ${secondsElapsed}`);
+        await timer(checkStatusIterationMsDelay);
+        checkStatusIteration++;
+        logger.info(
+          `${iteratorTag} | Deployment in progress... | Delay number check iterations: ${checkStatusIteration}`,
+        );
       }
 
-      logger.info(`Deployment ready, seconds elapsed: ${secondsElapsed}`);
+      logger.info(`${iteratorTag} | Deployment ready. | Total delay number check iterations: ${checkStatusIteration}`);
 
-      UnderpostRootEnv.API.set(`${deployId}-${env}-traffic`, targetTraffic);
+      UnderpostDeploy.API.switchTraffic(deployId, env, targetTraffic);
 
-      shellExec(
-        `node bin deploy --info-router --build-manifest --traffic ${targetTraffic} --replicas ${
-          options.replicas ? options.replicas : 1
-        } ${deployId} ${env}`,
-      );
-      shellExec(`sudo kubectl apply -f ./engine-private/conf/${deployId}/build/${env}/proxy.yaml`);
       shellExec(`sudo kubectl rollout restart deployment/${deployId}-${env}-${currentTraffic}`);
     },
     'tf-vae-test': async (path, options = UnderpostRun.DEFAULT_OPTION) => {

package/src/client/Default.index.js

@@ -15,7 +15,6 @@ import { DefaultParams } from './components/default/CommonDefault.js';
 import { SocketIo } from './components/core/SocketIo.js';
 import { SocketIoDefault } from './components/default/SocketIoDefault.js';
 import { ElementsDefault } from './components/default/ElementsDefault.js';
-import { Scroll } from './components/core/Scroll.js';
 import { CssDefaultDark, CssDefaultLight } from './components/default/CssDefault.js';
 
 const htmlMainBody = async () => {
@@ -39,7 +38,6 @@ window.onload = () =>
       await LogInDefault();
       await LogOutDefault();
       await SignUpDefault();
-      await Scroll.pullTopRefresh();
       await Keyboard.Init({ callBackTime: DefaultParams.EVENT_CALLBACK_TIME });
     },
   });

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

@@ -10,7 +10,7 @@ import { Modal } from './Modal.js';
 import { NotificationManager } from './NotificationManager.js';
 import { Translate } from './Translate.js';
 import { Validator } from './Validator.js';
-import { append, htmls, s } from './VanillaJs.js';
+import { append, getProxyPath, htmls, s } from './VanillaJs.js';
 
 const Account = {
   UpdateEvent: {},
@@ -103,7 +103,11 @@ const Account = {
             e.preventDefault();
             const result = await UserService.post({
               id: 'mailer/verify-email',
-              body: { email: s(`.account-email`).value },
+              body: {
+                email: s(`.account-email`).value,
+                hostname: `${location.hostname}`,
+                proxyPath: getProxyPath(),
+              },
             });
             NotificationManager.Push({
               html: result.status === 'error' ? result.message : Translate.Render(`email send`),

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

@@ -7,7 +7,7 @@ import { Modal, renderViewTitle } from './Modal.js';
 import { DocumentService } from '../../services/document/document.service.js';
 import { CoreService, getApiBaseUrl } from '../../services/core/core.service.js';
 import { loggerFactory } from './Logger.js';
-import { imageShimmer, renderCssAttr } from './Css.js';
+import { imageShimmer, renderChessPattern, renderCssAttr, styleFactory } from './Css.js';
 
 const logger = loggerFactory(import.meta);
 
@@ -114,7 +114,6 @@ const Content = {
         width: '100%',
         border: 'none',
       };
-    options.style = `style="${renderCssAttr(options)}"`;
     if (!options.class) options.class = ``;
     const { container, file } = options;
     const ext = file.name.split('.')[file.name.split('.').length - 1];
@@ -126,7 +125,7 @@ const Content = {
           const content = options.url
             ? await CoreService.getRaw({ url: options.url })
             : await getRawContentFile(getBlobFromUint8ArrayFile(file.data.data, file.mimetype));
-          render += html`<div class="${options.class}" ${options.style}>${marked.parse(content)}</div>`;
+          render += html`<div class="${options.class}" ${styleFactory(options.style)}>${marked.parse(content)}</div>`;
         }
 
         break;
@@ -135,13 +134,18 @@ const Content = {
       case 'jpeg':
       case 'webp':
       case 'svg':
+      case 'gif':
       case 'png': {
         const url = options.url
           ? options.url
           : file._id
           ? 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}" />`;
+        const imgRender = html`<img
+          class="in ${options.class}"
+          ${styleFactory(options.style, `${renderChessPattern(50)}`)}
+          src="${url}"
+        />`;
         render += imgRender;
         break;
       }
@@ -153,14 +157,14 @@ const Content = {
           : URL.createObjectURL(getBlobFromUint8ArrayFile(file.data.data, file.mimetype));
         render += html`<iframe
           class="in ${options.class} iframe-${options.idModal}"
-          ${options.style}
+          ${styleFactory(options.style)}
           src="${url}"
         ></iframe>`;
         break;
       }
 
       case 'json':
-        render += html`<pre class="in ${options.class}" ${options.style}>
+        render += html`<pre class="in ${options.class}" ${styleFactory(options.style)}>
         ${JSON.stringify(
             JSON.parse(
               options.url
@@ -174,7 +178,7 @@ const Content = {
         break;
 
       default:
-        render += html`<div class="in ${options.class}" ${options.style}>
+        render += html`<div class="in ${options.class}" ${styleFactory(options.style)}>
           ${options.url
             ? await CoreService.getRaw({ url: options.url })
             : await getRawContentFile(getBlobFromUint8ArrayFile(file.data.data, file.mimetype))}

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

@@ -1026,7 +1026,8 @@ const imageShimmer = () => html`<div
   </div>
 </div>`;
 
-const renderChessPattern = () => `background: repeating-conic-gradient(#808080 0 25%, #0000 0 50%) 50% / 20px 20px`;
+const renderChessPattern = (patternSize = 20) =>
+  `background: repeating-conic-gradient(#808080 0 25%, #0000 0 50%) 50% / ${patternSize}px ${patternSize}px`;
 
 const extractBackgroundImageUrl = (element) => {
   const style = window.getComputedStyle(element);
@@ -1044,6 +1045,8 @@ const simpleIconsRender = (selector) => {
   });
 };
 
+const styleFactory = (payload, plain = '') => `style="${renderCssAttr({ style: payload })} ${plain}"`;
+
 export {
   Css,
   Themes,
@@ -1083,4 +1086,5 @@ export {
   lightenHex,
   darkenHex,
   adjustHex,
+  styleFactory,
 };

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

@@ -359,4 +359,9 @@ const InputFile = {
   },
 };
 
-export { Input, InputFile, fileFormDataFactory, getSrcFromFileData, getFileFromFileData };
+function isTextInputFocused() {
+  const active = document.activeElement;
+  return active && (active.tagName === 'INPUT' || active.tagName === 'TEXTAREA');
+}
+
+export { Input, InputFile, fileFormDataFactory, getSrcFromFileData, getFileFromFileData, isTextInputFocused };

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

@@ -189,6 +189,9 @@ const LogIn = {
       </form>
     `;
   },
+  cleanMainUser: () => {
+    LogIn.Scope.user.main.model.user = {};
+  },
 };
 
 export { LogIn };

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

@@ -8,7 +8,7 @@ import { Webhook } from './Webhook.js';
 const LogOut = {
   Event: {},
   Trigger: async function (options) {
-    LogIn.Scope.user.main.model.user = {};
+    LogIn.cleanMainUser();
     await Webhook.unregister();
     for (const eventKey of Object.keys(this.Event)) await this.Event[eventKey](options);
     if (s(`.session`))

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

@@ -28,7 +28,7 @@ import { setDocTitle, closeModalRouteChangeEvent, handleModalViewRoute } from '.
 import { NotificationManager } from './NotificationManager.js';
 import { EventsUI } from './EventsUI.js';
 import { Translate } from './Translate.js';
-import { Input } from './Input.js';
+import { Input, isTextInputFocused } from './Input.js';
 import { Validator } from './Validator.js';
 import { DropDown } from './DropDown.js';
 import { Keyboard } from './Keyboard.js';
@@ -186,7 +186,7 @@ const Modal = {
                       `.default-slide-menu-top-bar-fix-title-container`,
                       html`
                         <div class="inl default-slide-menu-top-bar-fix-title-container-text">
-                          ${options.RouterInstance.NameApp}
+                          ${options.RouterInstance.BannerAppTemplate}
                         </div>
                       `,
                     );
@@ -502,7 +502,7 @@ const Modal = {
                       class="abs modal slide-menu-top-bar-fix"
                       style="height: ${options.heightTopBar}px; top: 0px"
                     >
-                      <a class="a-link-top-banner">
+                      <a class="a-link-top-banner fl">
                         <div class="inl">${await options.slideMenuTopBarBannerFix()}</div></a
                       >
                     </div>`
@@ -608,6 +608,7 @@ const Modal = {
                     }),
                   );
                   s(`.search-result-btn-${result.routerId}`).onclick = () => {
+                    if (!s(`.html-${searchBoxHistoryId}`) || !s(`.html-${searchBoxHistoryId}`).hasChildNodes()) return;
                     s(`.html-${searchBoxHistoryId}`).childNodes[currentKeyBoardSearchBoxIndex].classList.remove(
                       `main-btn-menu-active`,
                     );
@@ -621,6 +622,7 @@ const Modal = {
               };
 
               const getResultSearchBox = (validatorData) => {
+                if (!s(`.html-${searchBoxHistoryId}`) || !s(`.html-${searchBoxHistoryId}`).hasChildNodes()) return;
                 const { model, id } = validatorData;
                 switch (model) {
                   case 'search-box':
@@ -998,6 +1000,7 @@ const Modal = {
                     ['Alt', 'k'],
                   ],
                   eventCallBack: () => {
+                    if (isTextInputFocused()) return;
                     if (s(`.top-bar-search-box`)) {
                       if (s(`.main-body-btn-ui-close`).classList.contains('hide')) {
                         s(`.main-body-btn-ui-open`).click();
@@ -1157,7 +1160,7 @@ const Modal = {
                   if (s(`.slide-menu-top-bar-fix`)) {
                     htmls(
                       `.slide-menu-top-bar-fix`,
-                      html`<a class="a-link-top-banner">${await options.slideMenuTopBarBannerFix()}</a>`,
+                      html`<a class="a-link-top-banner fl">${await options.slideMenuTopBarBannerFix()}</a>`,
                     );
                     Modal.setTopBannerLink();
                   }

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

@@ -7,7 +7,7 @@ import { LogIn } from './LogIn.js';
 import { NotificationManager } from './NotificationManager.js';
 import { Translate } from './Translate.js';
 import { Validator } from './Validator.js';
-import { getQueryParams, s } from './VanillaJs.js';
+import { getProxyPath, getQueryParams, s } from './VanillaJs.js';
 
 const Recover = {
   Event: {},
@@ -80,7 +80,10 @@ const Recover = {
         }
         switch (mode) {
           case 'recover-verify-email': {
-            const result = await UserService.post({ id: 'recover-verify-email', body });
+            const result = await UserService.post({
+              id: 'recover-verify-email',
+              body: { ...body, proxyPath: getProxyPath(), hostname: `${location.hostname}` },
+            });
             NotificationManager.Push({
               html:
                 result.status === 'error' ? result.message : Translate.Render(`${result.status}-recover-verify-email`),