@underpostnet/underpost 3.1.2 → 3.1.3

package/src/cli/run.js

@@ -87,6 +87,7 @@ const logger = loggerFactory(import.meta);
  * @property {boolean} logs - Whether to enable logs.
  * @property {boolean} dryRun - Whether to perform a dry run.
  * @property {boolean} createJobNow - Whether to create the job immediately.
+ * @property {number} fromNCommit - Number of commits back to use for message propagation (default: 1, last commit only).
  * @property {string|Array<{ip: string, hostnames: string[]}>} hostAliases - Adds entries to the Pod /etc/hosts via Kubernetes hostAliases.
  *   As a string (CLI): semicolon-separated entries of "ip=hostname1,hostname2" (e.g., "127.0.0.1=foo.local,bar.local;10.1.2.3=foo.remote").
  *   As an array (programmatic): objects with `ip` and `hostnames` fields (e.g., [{ ip: "127.0.0.1", hostnames: ["foo.local"] }]).
@@ -151,6 +152,7 @@ const DEFAULT_OPTION = {
   logs: false,
   dryRun: false,
   createJobNow: false,
+  fromNCommit: 0,
   hostAliases: '',
 };
 
@@ -354,8 +356,10 @@ class UnderpostRun {
     },
     /**
      * @method template-deploy
-     * @description Pushes `engine-private`, dispatches CI workflow to build `pwa-microservices-template`, and optionally dispatches CD sync workflow.
-     * @param {string} path - The input value, identifier, or path for the operation.
+     * @description Pushes `engine-private`, dispatches CI workflow to build `pwa-microservices-template`,
+     * and optionally triggers engine-<conf-id> CI with sync/init which in turn dispatches the CD workflow
+     * after the build chain completes (template → ghpkg → engine-<conf-id> → CD).
+     * @param {string} path - The deployment path identifier (e.g., 'sync-engine-core', 'init-engine-core', or empty for build-only).
      * @param {Object} options - The default underpost runner options for customizing workflow
      * @memberof UnderpostRun
      */
@@ -368,7 +372,14 @@ class UnderpostRun {
         return;
       }
       shellExec(`${baseCommand} run pull`);
-      const message = shellExec(`node bin cmt --changelog --changelog-no-hash`, { silent: true, stdout: true }).trim();
+
+      // Capture last N commit messages for propagation (default: last 1 commit)
+      const fromN = options.fromNCommit && parseInt(options.fromNCommit) > 0 ? parseInt(options.fromNCommit) : 1;
+      const message = shellExec(`node bin cmt --changelog ${fromN} --changelog-no-hash`, {
+        silent: true,
+        stdout: true,
+      }).trim();
+
       shellExec(
         `${baseCommand} push ./engine-private ${options.force ? '-f ' : ''}${
           process.env.GITHUB_USERNAME
@@ -376,52 +387,40 @@ class UnderpostRun {
       );
       shellCd('/home/dd/engine');
 
-      // Store deploy boundary hash for changelog before dispatch
-      const deployBoundaryHash = shellExec('git rev-parse HEAD', {
-        stdout: true,
-        silent: true,
-        disableLog: true,
-      }).trim();
-
-      function replaceNthNewline(str, n, replacement = ' ') {
-        let count = 0;
-        return str.replace(/\r\n?|\n/g, (match) => {
-          count++;
-          return count === n ? replacement : match;
-        });
-      }
-      const sanitizedMessage = message
-        ? replaceNthNewline(message.replaceAll('"', '').replaceAll('`', '').replaceAll('#', '').replaceAll('- ', ''), 2)
-            .replace(/\r\n?|\n/g, ' ')
-            .trim()
-        : '';
+      const sanitizedMessage = Underpost.repo.sanitizeChangelogMessage(message);
 
       // Push engine repo so workflow YAML changes reach GitHub
       shellExec(`git reset`);
       shellExec(`${baseCommand} push . ${options.force ? '-f ' : ''}${process.env.GITHUB_USERNAME}/engine`);
 
-      // Dispatch CI workflow instead of empty commit + push
+      // Determine deploy conf and type from path (sync-engine-core, init-engine-core, etc.)
+      let deployConfId = '';
+      let deployType = '';
+      if (path.startsWith('sync-')) {
+        deployConfId = path.replace(/^sync-/, '');
+        deployType = 'sync-and-deploy';
+      } else if (path.startsWith('init-')) {
+        deployConfId = path.replace(/^init-/, '');
+        deployType = 'init';
+      }
+
+      // Dispatch npmpkg CI workflow — this builds pwa-microservices-template first.
+      // If deployConfId is set, npmpkg.ci.yml will dispatch the engine-<conf-id> CI
+      // with sync=true after template build completes. The engine CI then dispatches
+      // the CD workflow after the engine repo build finishes — ensuring correct sequence:
+      // npmpkg.ci → engine-<id>.ci → engine-<id>.cd
       const repo = `${process.env.GITHUB_USERNAME}/engine`;
+      const inputs = {};
+      if (sanitizedMessage) inputs.message = sanitizedMessage;
+      if (deployConfId) inputs.deploy_conf_id = deployConfId;
+      if (deployType) inputs.deploy_type = deployType;
+
       Underpost.repo.dispatchWorkflow({
         repo,
         workflowFile: 'npmpkg.ci.yml',
         ref: 'master',
-        inputs: sanitizedMessage ? { message: sanitizedMessage } : {},
+        inputs,
       });
-
-      // Dispatch CD sync-and-deploy if path starts with 'sync'
-      if (path.startsWith('sync')) {
-        const confId = path.replace(/^sync-/, '');
-        Underpost.repo.dispatchWorkflow({
-          repo,
-          workflowFile: `${confId}.cd.yml`,
-          ref: 'master',
-          inputs: { job: 'sync-and-deploy' },
-        });
-      }
-
-      // Store deploy boundary for changelog
-      shellExec(`${baseCommand} config set LAST_CI_DEPLOY_HASH ${deployBoundaryHash}`);
     },
 
     /**
@@ -1573,13 +1572,73 @@ EOF
     },
 
     /**
-     * @method ptls
+     * @method pid-info
+     * @description Displays detailed information about a process by PID, including service details, command line, executable path, working directory, environment variables, and parent process tree.
+     * @param {string} path - The PID of the process to inspect.
+     * @param {Object} options - The default underpost runner options for customizing workflow
+     * @memberof UnderpostRun
+     */
+    'pid-info': (path, options = DEFAULT_OPTION) => {
+      const pid = path;
+      if (!pid) {
+        logger.error('PID is required. Usage: underpost run pid-info <pid>');
+        return;
+      }
+
+      // Services
+      logger.info('Process info');
+      shellExec(`sudo ps -p ${pid} -o pid,ppid,user,stime,etime,cmd`);
+      logger.info('Command line');
+      shellExec(`sudo cat /proc/${pid}/cmdline | tr '\\0' ' ' ; echo`);
+      logger.info('Executable path');
+      shellExec(`sudo readlink -f /proc/${pid}/exe`);
+      logger.info('Working directory');
+      shellExec(`sudo readlink -f /proc/${pid}/cwd`);
+      logger.info('Environment variables (first 200)');
+      shellExec(`sudo tr '\\0' '\\n' </proc/${pid}/environ | head -200`);
+
+      // Parent
+      logger.info('Parent process');
+      const parentInfo = shellExec(`sudo ps -o pid,ppid,user,cmd -p ${pid}`, { stdout: true, silent: true });
+      console.log(parentInfo);
+      const ppidMatch = parentInfo.split('\n').find((l) => l.trim().startsWith(pid));
+      if (ppidMatch) {
+        const ppid = ppidMatch.trim().split(/\s+/)[1];
+        logger.info(`Parent PID: ${ppid}`);
+        shellExec(`ps -fp ${ppid}`);
+      }
+      logger.info('Process tree');
+      shellExec(`pstree -s ${pid}`);
+    },
+
+    /**
+     * @method background
+     * @description Runs a custom command in the background using nohup, logging output to `/var/log/<id>.log` and saving the PID to `/var/run/<id>.pid`.
+     * @param {string} path - The command to run in the background (e.g. 'npm run prod:container dd-cyberia-r3').
+     * @param {Object} options - The default underpost runner options for customizing workflow
+     * @memberof UnderpostRun
+     */
+    background: (path, options = DEFAULT_OPTION) => {
+      if (!path) {
+        logger.error('Command is required. Usage: underpost run background <command>');
+        return;
+      }
+      const id = path.split(/\s+/).pop();
+      const logFile = `/var/log/${id}.log`;
+      const pidFile = `/var/run/${id}.pid`;
+      logger.info(`Starting background process`, { id, logFile, pidFile });
+      shellExec(`nohup ${path} > ${logFile} 2>&1 & pid=$!; echo $pid > ${pidFile}; disown`);
+      logger.info(`Background process started for '${id}'`);
+    },
+
+    /**
+     * @method ports
      * @description Set on ~/.bashrc alias: ports <port> Command to list listening ports that match the given keyword.
      * @param {string} path - The input value, identifier, or path for the operation (used as a keyword to filter listening ports).
      * @param {Object} options - The default underpost runner options for customizing workflow
      * @memberof UnderpostRun
      */
-    ptls: async (path = '', options = DEFAULT_OPTION) => {
+    ports: async (path = '', options = DEFAULT_OPTION) => {
       shellExec(`chmod +x ${options.underpostRoot}/scripts/ports-ls.sh`);
       shellExec(`${options.underpostRoot}/scripts/ports-ls.sh`);
     },

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

@@ -49,7 +49,7 @@ const e404 = async () => {
     <br />
     <br />${Translate.Render('page-not-found')} <br />
     <br />
-    <a href="${location.origin}">${Translate.Render('back')}</a>
+    <a target="_top" href="${location.origin}">${Translate.Render('back')}</a>
   </div>`;
 };
 
@@ -68,7 +68,7 @@ const e500 = async () => {
     <br />
     <br />${Translate.Render('page-broken')} <br />
     <br />
-    <a href="${location.origin}">${Translate.Render('back')}</a>
+    <a target="_top" href="${location.origin}">${Translate.Render('back')}</a>
   </div>`;
 };
 

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

@@ -24,11 +24,18 @@ const Docs = {
       html: async () => {
         if (docData.renderHtml) return await docData.renderHtml();
         return html`
+          <style>
+            .iframe-${ModalId} {
+              width: 100%;
+              border: none;
+              background: white;
+              display: block;
+            }
+          </style>
           <iframe
             class="in iframe-${ModalId}"
-            style="width: 100%; border: none; background: white; display: block"
             src="${docData.url()}"
-            sandbox="allow-same-origin allow-scripts allow-popups allow-forms allow-popups-to-escape-sandbox"
+            sandbox="allow-same-origin allow-scripts allow-popups allow-forms allow-popups-to-escape-sandbox allow-top-navigation"
           >
           </iframe>
         `;

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

@@ -30,10 +30,9 @@ const RichText = {
     return html` <style>
         .md-container {
           background: white;
-          color: black;
         }
         .md-container button {
-          color: black !important;
+          color: black;
         }
       </style>
       <div class="in md-container"><textarea class="${id}"></textarea></div>`;

package/src/client/ssr/body/404.js

@@ -47,9 +47,12 @@ const main = () => {
         a {
           color: black;
         }
+        .main-body-ssr-404 {
+          top: 45%;
+        }
       </style>
 
-      <div class="abs center" style="top: 45%">
+      <div class="abs center main-body-ssr-404">
         ${icon}
         <br />
         <br />
@@ -57,17 +60,18 @@ const main = () => {
         <br />
         <br />${Translate.Render('page-not-found')} <br />
         <br />
-        <a href="${location.origin}">${Translate.Render('back')}</a>
+        <a target="_top" href="${location.origin}">${Translate.Render('back')}</a>
       </div>`,
   );
 };
 
-SrrComponent = () => html`<script>
-  {
-    const s = ${s};
-    const append = ${append};
-    const getLang = ${getLang};
-    const main = ${main};
-    window.onload = main;
-  }
-</script>`;
+SrrComponent = () =>
+  html`<script>
+    {
+      const s = ${s};
+      const append = ${append};
+      const getLang = ${getLang};
+      const main = ${main};
+      window.onload = main;
+    }
+  </script>`;

package/src/client/ssr/body/500.js

@@ -46,9 +46,12 @@ const main = () => {
         a {
           color: black;
         }
+        .main-body-ssr-500 {
+          top: 45%;
+        }
       </style>
 
-      <div class="abs center" style="top: 45%">
+      <div class="abs center main-body-ssr-500">
         ${icon}
         <br />
         <br />
@@ -56,17 +59,18 @@ const main = () => {
         <br />
         <br />${Translate.Render('page-broken')} <br />
         <br />
-        <a href="${location.origin}">${Translate.Render('back')}</a>
+        <a target="_top" href="${location.origin}">${Translate.Render('back')}</a>
       </div>`,
   );
 };
 
-SrrComponent = () => html`<script>
-  {
-    const s = ${s};
-    const append = ${append};
-    const getLang = ${getLang};
-    const main = ${main};
-    window.onload = main;
-  }
-</script>`;
+SrrComponent = () =>
+  html`<script>
+    {
+      const s = ${s};
+      const append = ${append};
+      const getLang = ${getLang};
+      const main = ${main};
+      window.onload = main;
+    }
+  </script>`;

package/src/client/ssr/body/SwaggerDarkMode.js

@@ -0,0 +1,285 @@
+const swaggerDarkCss = css`
+  /* ── Toggle button ── */
+  .swagger-ui .topbar-wrapper {
+    display: flex;
+    align-items: center;
+  }
+  .swagger-theme-toggle-btn {
+    background: rgba(255, 255, 255, 0.12);
+    border: 1px solid rgba(255, 255, 255, 0.3);
+    color: #fff;
+    padding: 5px 14px;
+    border-radius: 4px;
+    cursor: pointer;
+    font-size: 13px;
+    margin-left: auto;
+    margin-right: 16px;
+    white-space: nowrap;
+    transition: background 0.2s ease;
+  }
+  .swagger-theme-toggle-btn:hover {
+    background: rgba(255, 255, 255, 0.25);
+  }
+
+  /* ── Dark mode overrides — black/gray gradients ── */
+  body.swagger-dark {
+    background: #0f0f0f;
+  }
+  body.swagger-dark .swagger-ui {
+    background: #0f0f0f;
+  }
+  body.swagger-dark .swagger-ui .wrapper {
+    background: #0f0f0f;
+  }
+
+  /* Info block */
+  body.swagger-dark .swagger-ui .info .title,
+  body.swagger-dark .swagger-ui .info h1,
+  body.swagger-dark .swagger-ui .info h2,
+  body.swagger-dark .swagger-ui .info h3,
+  body.swagger-dark .swagger-ui .info p,
+  body.swagger-dark .swagger-ui .info li,
+  body.swagger-dark .swagger-ui .info a {
+    color: #e8e8e8;
+  }
+
+  /* Scheme / server selector bar */
+  body.swagger-dark .swagger-ui .scheme-container {
+    background: linear-gradient(180deg, #1a1a1a 0%, #222222 100%);
+    box-shadow: 0 1px 0 #383838;
+  }
+  body.swagger-dark .swagger-ui select {
+    background: #2a2a2a;
+    color: #e8e8e8;
+    border-color: #383838;
+  }
+
+  /* Operation tags */
+  body.swagger-dark .swagger-ui .opblock-tag {
+    color: #e8e8e8;
+    border-color: #383838;
+  }
+  body.swagger-dark .swagger-ui .opblock-tag small {
+    color: #a8a8a8;
+  }
+  body.swagger-dark .swagger-ui .opblock-tag:hover {
+    background: rgba(255, 255, 255, 0.04);
+  }
+
+  /* Operation blocks */
+  body.swagger-dark .swagger-ui .opblock {
+    background: linear-gradient(180deg, #161616 0%, #1e1e1e 100%);
+    border-color: #383838;
+  }
+  body.swagger-dark .swagger-ui .opblock .opblock-summary {
+    border-color: #383838;
+  }
+  body.swagger-dark .swagger-ui .opblock .opblock-summary-description,
+  body.swagger-dark .swagger-ui .opblock .opblock-summary-operation-id {
+    color: #a8a8a8;
+  }
+  body.swagger-dark .swagger-ui .opblock-body {
+    background: #0f0f0f;
+  }
+  body.swagger-dark .swagger-ui .opblock-description-wrapper p,
+  body.swagger-dark .swagger-ui .opblock-external-docs-wrapper p {
+    color: #a8a8a8;
+  }
+  body.swagger-dark .swagger-ui .opblock-section-header {
+    background: linear-gradient(180deg, #1a1a1a 0%, #222222 100%);
+    border-color: #383838;
+  }
+  body.swagger-dark .swagger-ui .opblock-section-header h4 {
+    color: #e8e8e8;
+  }
+
+  /* Models section */
+  body.swagger-dark .swagger-ui section.models {
+    background: linear-gradient(180deg, #161616 0%, #1e1e1e 100%);
+    border-color: #383838;
+  }
+  body.swagger-dark .swagger-ui section.models h4,
+  body.swagger-dark .swagger-ui section.models h5 {
+    color: #e8e8e8;
+    border-color: #383838;
+  }
+  body.swagger-dark .swagger-ui .model-container {
+    background: #0f0f0f;
+    border-color: #2a2a2a;
+  }
+  body.swagger-dark .swagger-ui .model-box {
+    background: #1a1a1a;
+  }
+  body.swagger-dark .swagger-ui .model,
+  body.swagger-dark .swagger-ui .model-title,
+  body.swagger-dark .swagger-ui .model span,
+  body.swagger-dark .swagger-ui .model .property {
+    color: #e8e8e8;
+  }
+  body.swagger-dark .swagger-ui .model .property.primitive {
+    color: #a8a8a8;
+  }
+
+  /* Tables */
+  body.swagger-dark .swagger-ui table thead tr th {
+    background: linear-gradient(180deg, #222222 0%, #2a2a2a 100%);
+    color: #e8e8e8;
+    border-color: #383838;
+  }
+  body.swagger-dark .swagger-ui table tbody tr td {
+    color: #a8a8a8;
+    border-color: #2a2a2a;
+  }
+
+  /* Parameters */
+  body.swagger-dark .swagger-ui .parameter__name,
+  body.swagger-dark .swagger-ui .parameter__type,
+  body.swagger-dark .swagger-ui .parameter__in,
+  body.swagger-dark .swagger-ui .parameter__extension,
+  body.swagger-dark .swagger-ui .parameter__empty_value_toggle {
+    color: #a8a8a8;
+  }
+  body.swagger-dark .swagger-ui .parameter__name.required:after {
+    color: #ff6b6b;
+  }
+
+  /* Inputs & textareas */
+  body.swagger-dark .swagger-ui input[type='text'],
+  body.swagger-dark .swagger-ui input[type='email'],
+  body.swagger-dark .swagger-ui input[type='password'],
+  body.swagger-dark .swagger-ui input[type='search'],
+  body.swagger-dark .swagger-ui input[type='number'],
+  body.swagger-dark .swagger-ui textarea {
+    background: #2a2a2a;
+    color: #e8e8e8;
+    border-color: #383838;
+  }
+
+  /* Buttons */
+  body.swagger-dark .swagger-ui .btn {
+    color: #e8e8e8;
+    border-color: #383838;
+    background: #222222;
+  }
+  body.swagger-dark .swagger-ui .btn:hover {
+    background: #2a2a2a;
+  }
+  body.swagger-dark .swagger-ui .btn.authorize {
+    color: #49cc90;
+    border-color: #49cc90;
+    background: transparent;
+  }
+  body.swagger-dark .swagger-ui .btn.execute {
+    background: linear-gradient(180deg, #333333 0%, #262626 100%);
+    border-color: #484848;
+    color: #e8e8e8;
+  }
+  body.swagger-dark .swagger-ui .btn.cancel {
+    color: #ff6b6b;
+    border-color: #ff6b6b;
+  }
+
+  /* Responses */
+  body.swagger-dark .swagger-ui .responses-inner h4,
+  body.swagger-dark .swagger-ui .responses-inner h5 {
+    color: #a8a8a8;
+  }
+  body.swagger-dark .swagger-ui .response-col_status {
+    color: #e8e8e8;
+  }
+  body.swagger-dark .swagger-ui .response-col_description__inner p {
+    color: #a8a8a8;
+  }
+  body.swagger-dark .swagger-ui .response {
+    border-color: #2a2a2a;
+  }
+
+  /* Code / highlight */
+  body.swagger-dark .swagger-ui .highlight-code,
+  body.swagger-dark .swagger-ui .microlight {
+    background: #1a1a1a;
+    border: 1px solid #2a2a2a;
+  }
+
+  /* Markdown */
+  body.swagger-dark .swagger-ui .markdown p,
+  body.swagger-dark .swagger-ui .markdown li,
+  body.swagger-dark .swagger-ui .markdown a {
+    color: #a8a8a8;
+  }
+
+  /* Tabs */
+  body.swagger-dark .swagger-ui .tab li {
+    color: #a8a8a8;
+  }
+  body.swagger-dark .swagger-ui .tab li.active {
+    color: #e8e8e8;
+  }
+
+  /* Auth / modal dialog */
+  body.swagger-dark .swagger-ui .dialog-ux .modal-ux {
+    background: linear-gradient(180deg, #1a1a1a 0%, #222222 100%);
+    border: 1px solid #383838;
+    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.7);
+  }
+  body.swagger-dark .swagger-ui .dialog-ux .modal-ux-header {
+    border-bottom: 1px solid #383838;
+    background: linear-gradient(180deg, #222222 0%, #1a1a1a 100%);
+  }
+  body.swagger-dark .swagger-ui .dialog-ux .modal-ux-header h3 {
+    color: #e8e8e8;
+  }
+  body.swagger-dark .swagger-ui .dialog-ux .modal-ux-content p,
+  body.swagger-dark .swagger-ui .dialog-ux .modal-ux-content label,
+  body.swagger-dark .swagger-ui .dialog-ux .modal-ux-content h4 {
+    color: #e8e8e8;
+  }
+  body.swagger-dark .swagger-ui .auth-container .errors {
+    color: #ff6b6b;
+  }
+
+  /* Info / description */
+  body.swagger-dark .swagger-ui .info .base-url,
+  body.swagger-dark .swagger-ui .servers-title,
+  body.swagger-dark .swagger-ui .servers > label {
+    color: #a8a8a8;
+  }
+
+  /* Expand/collapse arrows */
+  body.swagger-dark .swagger-ui svg.arrow path {
+    fill: #a8a8a8;
+  }
+`;
+
+const swaggerDarkJs = `(function () {
+  function injectThemeToggle() {
+    var topbarWrapper = document.querySelector('.swagger-ui .topbar-wrapper');
+    if (!topbarWrapper || document.getElementById('swagger-theme-toggle')) return;
+
+    var savedTheme = localStorage.getItem('swagger-theme') || 'light';
+    if (savedTheme === 'dark') document.body.classList.add('swagger-dark');
+
+    var btn = document.createElement('button');
+    btn.id = 'swagger-theme-toggle';
+    btn.className = 'swagger-theme-toggle-btn';
+    btn.setAttribute('title', 'Toggle dark / light mode');
+    btn.textContent = savedTheme === 'dark' ? '\u2600\uFE0F Light Mode' : '\uD83C\uDF19 Dark Mode';
+
+    btn.addEventListener('click', function () {
+      var isDark = document.body.classList.toggle('swagger-dark');
+      localStorage.setItem('swagger-theme', isDark ? 'dark' : 'light');
+      btn.textContent = isDark ? '\u2600\uFE0F Light Mode' : '\uD83C\uDF19 Dark Mode';
+    });
+
+    topbarWrapper.appendChild(btn);
+  }
+
+  var poll = setInterval(function () {
+    if (document.querySelector('.swagger-ui .topbar-wrapper')) {
+      injectThemeToggle();
+      clearInterval(poll);
+    }
+  }, 100);
+})();`;
+
+SrrComponent = () => ({ css: swaggerDarkCss, js: swaggerDarkJs });

package/src/client/ssr/offline/NoNetworkConnection.js

@@ -51,17 +51,18 @@ const main = () => {
         <br />
         <br />${Translate.Render('no-internet-connection')} <br />
         <br />
-        <a href="${location.origin}">${Translate.Render('back')}</a>
+        <a target="_top" href="${location.origin}">${Translate.Render('back')}</a>
       </div>`,
   );
 };
 
-SrrComponent = () => html`<script>
-  {
-    const s = ${s};
-    const append = ${append};
-    const getLang = ${getLang};
-    const main = ${main};
-    window.onload = main;
-  }
-</script>`;
+SrrComponent = () =>
+  html`<script>
+    {
+      const s = ${s};
+      const append = ${append};
+      const getLang = ${getLang};
+      const main = ${main};
+      window.onload = main;
+    }
+  </script>`;

package/src/client/ssr/pages/Test.js

@@ -182,17 +182,18 @@ const main = () => {
         <span class="bold">Test Page</span>
         <br />
         <br />
-        <a href="${location.origin}">${Translate.Render('back')}</a>
+        <a target="_top" href="${location.origin}">${Translate.Render('back')}</a>
       </div>`,
   );
 };
 
-SrrComponent = () => html`<script>
-  {
-    const s = ${s};
-    const append = ${append};
-    const getLang = ${getLang};
-    const main = ${main};
-    window.onload = main;
-  }
-</script>`;
+SrrComponent = () =>
+  html`<script>
+    {
+      const s = ${s};
+      const append = ${append};
+      const getLang = ${getLang};
+      const main = ${main};
+      window.onload = main;
+    }
+  </script>`;