npm - underpost - Versions diffs - 2.7.7 → 2.7.9 - Mend

underpost 2.7.7 → 2.7.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (79) hide show

package/.github/workflows/ghpkg.yml +115 -0
package/.github/workflows/publish.yml +20 -3
package/.github/workflows/pwa-microservices-template.page.yml +54 -0
package/.github/workflows/pwa-microservices-template.test.yml +30 -0
package/.vscode/settings.json +6 -0
package/CHANGELOG.md +64 -16
package/bin/cron.js +47 -0
package/bin/db.js +9 -1
package/bin/deploy.js +207 -11
package/bin/file.js +17 -1
package/bin/index.js +1 -1
package/bin/util.js +22 -0
package/conf.js +18 -4
package/docker-compose.yml +1 -1
package/package.json +3 -3
package/src/api/core/core.router.js +9 -9
package/src/api/core/core.service.js +6 -4
package/src/api/default/default.service.js +4 -4
package/src/api/file/file.service.js +3 -3
package/src/api/user/user.service.js +7 -7
package/src/client/components/core/Css.js +0 -222
package/src/client/components/core/CssCore.js +30 -3
package/src/client/components/core/Docs.js +110 -10
package/src/client/components/core/Modal.js +224 -22
package/src/client/components/core/Panel.js +1 -1
package/src/client/components/core/PanelForm.js +2 -1
package/src/client/components/core/Responsive.js +15 -0
package/src/client/components/core/RichText.js +4 -2
package/src/client/components/core/Translate.js +6 -2
package/src/client/components/core/WebComponent.js +44 -0
package/src/client/components/core/Worker.js +12 -4
package/src/client/public/default/plantuml/client-conf.svg +1 -1
package/src/client/public/default/plantuml/client-schema.svg +1 -1
package/src/client/public/default/plantuml/cron-conf.svg +1 -1
package/src/client/public/default/plantuml/cron-schema.svg +1 -1
package/src/client/public/default/plantuml/server-conf.svg +1 -1
package/src/client/public/default/plantuml/server-schema.svg +1 -1
package/src/client/public/default/plantuml/ssr-conf.svg +1 -1
package/src/client/public/default/plantuml/ssr-schema.svg +1 -1
package/src/client/public/default/site.webmanifest +69 -0
package/src/client/services/default/default.management.js +118 -120
package/src/client/ssr/Render.js +224 -3
package/src/client/ssr/common/Alert.js +75 -0
package/src/client/ssr/common/SsrCore.js +91 -0
package/src/client/ssr/common/Translate.js +26 -0
package/src/client/ssr/common/Worker.js +28 -0
package/src/client/ssr/{body-components → components/body}/CacheControl.js +1 -1
package/src/client/ssr/{body-components → components/body}/DefaultSplashScreen.js +15 -4
package/src/client/ssr/components/head/Pwa.js +146 -0
package/src/client/ssr/pages/404.js +12 -0
package/src/client/ssr/pages/500.js +12 -0
package/src/client/ssr/pages/maintenance.js +14 -0
package/src/client/ssr/pages/offline.js +21 -0
package/src/client/sw/default.sw.js +13 -9
package/src/db/DataBaseProvider.js +12 -1
package/src/db/mongo/MongooseDB.js +0 -1
package/src/mailer/EmailRender.js +1 -1
package/src/server/backup.js +82 -70
package/src/server/client-build-live.js +6 -0
package/src/server/client-build.js +76 -73
package/src/server/client-formatted.js +11 -1
package/src/server/client-icons.js +1 -1
package/src/server/conf.js +60 -12
package/src/server/crypto.js +91 -0
package/src/server/dns.js +42 -13
package/src/server/network.js +94 -7
package/src/server/proxy.js +27 -27
package/src/server/runtime.js +27 -8
package/.github/workflows/test.yml +0 -80
package/src/client/ssr/head-components/Microdata.js +0 -11
package/src/cron.js +0 -30
package/src/server/cron.js +0 -35
/package/src/client/ssr/{email-components → components/email}/DefaultRecoverEmail.js +0 -0
/package/src/client/ssr/{email-components → components/email}/DefaultVerifyEmail.js +0 -0
/package/src/client/ssr/{head-components → components/head}/Css.js +0 -0
/package/src/client/ssr/{head-components → components/head}/DefaultScripts.js +0 -0
/package/src/client/ssr/{head-components → components/head}/Production.js +0 -0
/package/src/client/ssr/{head-components → components/head}/PwaDefault.js +0 -0
/package/src/client/ssr/{head-components → components/head}/Seo.js +0 -0

package/src/client/ssr/Render.js CHANGED Viewed

@@ -1,4 +1,4 @@
-Render = ({ title, ssrPath, buildId, ssrHeadComponents, ssrBodyComponents }) => html`
+Render = ({ title, ssrPath, buildId, ssrHeadComponents, ssrBodyComponents, baseSsrLib }) => html`
   <!DOCTYPE html>
   <html dir="ltr" lang="en">
     <head>
@@ -9,8 +9,229 @@ Render = ({ title, ssrPath, buildId, ssrHeadComponents, ssrBodyComponents }) =>
       ${ssrHeadComponents}
     </head>
     <body>
-      ${ssrBodyComponents}
-      <script async type="module" src="./${buildId}.js"></script>
+      <style>
+        html {
+          scroll-behavior: smooth;
+        }
+        body {
+          /* overscroll-behavior: contain; */
+          /* box-sizing: border-box; */
+          padding: 0px;
+          margin: 0px;
+        }
+        .fl {
+          position: relative;
+          display: flow-root;
+        }
+        .abs,
+        .in {
+          display: block;
+        }
+        .fll {
+          float: left;
+        }
+        .flr {
+          float: right;
+        }
+        .abs {
+          position: absolute;
+        }
+        .in,
+        .inl {
+          position: relative;
+        }
+        .inl {
+          display: inline-table;
+          display: -webkit-inline-table;
+          display: -moz-inline-table;
+          display: -ms-inline-table;
+          display: -o-inline-table;
+        }
+        .fix {
+          position: fixed;
+          display: block;
+        }
+        .stq {
+          position: sticky;
+          /* require defined at least top, bottom, left o right */
+        }
+        .wfa {
+          width: available;
+          width: -webkit-available;
+          width: -moz-available;
+          width: -ms-available;
+          width: -o-available;
+          width: fill-available;
+          width: -webkit-fill-available;
+          width: -moz-fill-available;
+          width: -ms-fill-available;
+          width: -o-fill-available;
+        }
+        .wft {
+          width: fit-content;
+          width: -webkit-fit-content;
+          width: -moz-fit-content;
+          width: -ms-fit-content;
+          width: -o-fit-content;
+        }
+        .wfm {
+          width: max-content;
+          width: -webkit-max-content;
+          width: -moz-max-content;
+          width: -ms-max-content;
+          width: -o-max-content;
+        }
+        .negative-color {
+          filter: invert(1);
+          -webkit-filter: invert(1);
+          -moz-filter: invert(1);
+          -ms-filter: invert(1);
+          -o-filter: invert(1);
+        }
+        .no-drag {
+          user-drag: none;
+          -webkit-user-drag: none;
+          -moz-user-drag: none;
+          -ms-user-drag: none;
+          -o-user-drag: none;
+          user-select: none;
+          -webkit-user-select: none;
+          -moz-user-select: none;
+          -ms-user-select: none;
+          -o-user-select: none;
+        }
+        .center {
+          transform: translate(-50%, -50%);
+          top: 50%;
+          left: 50%;
+          width: 100%;
+          text-align: center;
+        }
+        input {
+          outline: none !important;
+          border: none;
+          padding-block: 0;
+          padding-inline: 0;
+        }
+        input::file-selector-button {
+          outline: none !important;
+          border: none;
+        }
+        .hide {
+          display: none !important;
+        }
+        /*
+placeholder
+*/
+        ::placeholder {
+          color: black;
+          opacity: 1;
+          /* Firefox */
+          background: none;
+        }
+        :-ms-input-placeholder {
+          /* Internet Explorer 10-11 */
+          color: black;
+          background: none;
+        }
+        ::-ms-input-placeholder {
+          /* Microsoft Edge */
+          color: black;
+          background: none;
+        }
+        /*
+selection
+*/
+        ::-moz-selection {
+          /* Code for Firefox */
+          color: black;
+          background: rgb(208, 208, 208);
+        }
+        ::selection {
+          color: black;
+          background: rgb(208, 208, 208);
+        }
+        .lowercase {
+          text-transform: lowercase;
+        }
+        .uppercase {
+          text-transform: uppercase;
+        }
+        .capitalize {
+          text-transform: capitalize;
+        }
+        .bold {
+          font-weight: bold;
+        }
+        .m {
+          font-family: monospace;
+        }
+        .gray {
+          filter: grayscale(1);
+        }
+      </style>
+      <div class="session">
+        <style>
+          .session-in-log-out {
+            display: block;
+          }
+          .session-inl-log-out {
+            display: inline-table;
+          }
+          .session-fl-log-out {
+            display: flow-root;
+          }
+          .session-in-log-in {
+            display: none;
+          }
+          .session-inl-log-in {
+            display: none;
+          }
+          .session-fl-log-in {
+            display: none;
+          }
+        </style>
+      </div>
+      <div class="theme"></div>
+      ${baseSsrLib
+        ? html`<script>
+            ${baseSsrLib};
+          </script>`
+        : ''}
+      ${ssrBodyComponents} ${buildId ? html`<script async type="module" src="./${buildId}.js"></script>` : ''}
     </body>
   </html>
 `;

package/src/client/ssr/common/Alert.js ADDED Viewed

@@ -0,0 +1,75 @@
+const maintenance = async ({ Translate }) => {
+  const icon = html`<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 24 24">
+    <path
+      fill="none"
+      stroke="currentColor"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      stroke-width="2"
+      d="M3 7a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v2a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zm9 13H6a3 3 0 0 1-3-3v-2a3 3 0 0 1 3-3h10.5m-.5 6a2 2 0 1 0 4 0a2 2 0 1 0-4 0m2-3.5V16m0 4v1.5m3.032-5.25l-1.299.75m-3.463 2l-1.3.75m0-3.5l1.3.75m3.463 2l1.3.75M7 8v.01M7 16v.01"
+    />
+  </svg>`;
+  return html` <div class="abs center" style="top: 45%">
+    ${icon}
+    <br />
+    <br />${Translate('server-maintenance')}
+  </div>`;
+};
+const noInternet = async ({ Translate }) => {
+  const icon = html`<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 20 20">
+    <path
+      fill="currentColor"
+      d="M10 18q.128 0 .254-.004a5.5 5.5 0 0 1-.698-1.083c-.536-.207-1.098-.793-1.578-1.821A9.3 9.3 0 0 1 7.42 13.5h1.672q.096-.52.284-1h-2.17A15 15 0 0 1 7 10c0-.883.073-1.725.206-2.5h5.588c.092.541.156 1.115.186 1.713q.48-.138.992-.188a16 16 0 0 0-.165-1.525h2.733c.251.656.406 1.36.448 2.094q.543.276 1.008.66A8 8 0 1 0 10 18m0-15c.657 0 1.407.59 2.022 1.908c.217.466.406 1.002.559 1.592H7.419c.153-.59.342-1.126.56-1.592C8.592 3.59 9.342 3 10 3M7.072 4.485A10.5 10.5 0 0 0 6.389 6.5H3.936a7.02 7.02 0 0 1 3.778-3.118c-.241.33-.456.704-.642 1.103M6.192 7.5A16 16 0 0 0 6 10c0 .87.067 1.712.193 2.5H3.46A7 7 0 0 1 3 10c0-.88.163-1.724.46-2.5zm.197 6c.176.743.407 1.422.683 2.015c.186.399.401.773.642 1.103A7.02 7.02 0 0 1 3.936 13.5zm5.897-10.118A7.02 7.02 0 0 1 16.064 6.5H13.61a10.5 10.5 0 0 0-.683-2.015a6.6 6.6 0 0 0-.642-1.103M19 14.5a4.5 4.5 0 1 1-9 0a4.5 4.5 0 0 1 9 0M14.5 12a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 1 0v-2a.5.5 0 0 0-.5-.5m0 5.125a.625.625 0 1 0 0-1.25a.625.625 0 0 0 0 1.25"
+    />
+  </svg>`;
+  return html` <div class="abs center" style="top: 45%">
+    ${icon}
+    <br />
+    <br />${Translate('no-internet-connection')}
+  </div>`;
+};
+const e404 = async ({ Translate }) => {
+  const icon = html`
+    <svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 24 24">
+      <path
+        fill="currentColor"
+        d="M15.097 5.904A6.5 6.5 0 0 0 4 10.504l.001 1h-2v-1a8.5 8.5 0 1 1 15.176 5.258l5.344 5.345l-1.414 1.414l-5.344-5.345A8.48 8.48 0 0 1 10.5 19h-1v-2h1a6.5 6.5 0 0 0 4.596-11.096M1.672 13.257L4.5 16.086l2.829-2.829l1.414 1.415L5.915 17.5l2.828 2.828l-1.414 1.415L4.5 18.914l-2.828 2.829l-1.414-1.415L3.086 17.5L.258 14.672z"
+      />
+    </svg>
+  `;
+  return html` <div class="abs center" style="top: 45%">
+    ${icon}
+    <br />
+    <br />
+    <span class="bold">404</span>
+    <br />
+    <br />${Translate('page-not-found')} <br />
+    <br />
+    <a href="${location.origin}">${Translate('back')}</a>
+  </div>`;
+};
+const e500 = async ({ Translate }) => {
+  const icon = html`<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 20 20">
+    <path
+      fill="currentColor"
+      d="M6 2a2 2 0 0 0-2 2v5.207a5.5 5.5 0 0 1 1-.185V4a1 1 0 0 1 1-1h4v3.5A1.5 1.5 0 0 0 11.5 8H15v8a1 1 0 0 1-1 1h-3.6a5.5 5.5 0 0 1-.657 1H14a2 2 0 0 0 2-2V7.414a1.5 1.5 0 0 0-.44-1.06l-3.914-3.915A1.5 1.5 0 0 0 10.586 2zm8.793 5H11.5a.5.5 0 0 1-.5-.5V3.207zM10 14.5a4.5 4.5 0 1 1-9 0a4.5 4.5 0 0 1 9 0M5.5 12a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 1 0v-2a.5.5 0 0 0-.5-.5m0 5.125a.625.625 0 1 0 0-1.25a.625.625 0 0 0 0 1.25"
+    />
+  </svg>`;
+  return html` <div class="abs center" style="top: 45%">
+    ${icon}
+    <br />
+    <br />
+    <span class="bold">500</span>
+    <br />
+    <br />${Translate('page-broken')} <br />
+    <br />
+    <a href="${location.origin}">${Translate('back')}</a>
+  </div>`;
+};
+const Alert = { maintenance, noInternet, e404, e500 };
+export { Alert, e404 };

package/src/client/ssr/common/SsrCore.js ADDED Viewed

@@ -0,0 +1,91 @@
+const s = (el) => document.querySelector(el);
+const append = (el, html) => s(el).insertAdjacentHTML('beforeend', html);
+const htmls = (el, html) => (s(el).innerHTML = html);
+const s4 = () => (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+const range = (start, end) => {
+  return end < start
+    ? range(end, start).reverse()
+    : Array.apply(0, Array(end - start + 1)).map((element, index) => index + start);
+};
+const timer = (ms) => new Promise((res) => setTimeout(res, ms));
+const newInstance = (obj) => {
+  // structuredClone() 2022 ES6 feature
+  try {
+    return JSON.parse(JSON.stringify(obj));
+  } catch (error) {
+    return { error: error.message };
+  }
+};
+const fullScreenIn = () => {
+  const elem = document.documentElement;
+  if (elem.requestFullscreen) {
+    elem.requestFullscreen();
+  } else if (elem.mozRequestFullScreen) {
+    /* Firefox */
+    elem.mozRequestFullScreen();
+  } else if (elem.webkitRequestFullscreen) {
+    /* Chrome, Safari & Opera */
+    elem.webkitRequestFullscreen();
+  } else if (elem.msRequestFullscreen) {
+    /* IE/Edge */
+    elem = window.top.document.body; //To break out of frame in IE
+    elem.msRequestFullscreen();
+  }
+};
+const borderChar = (px, color, selectors) => {
+  if (selectors) {
+    return selectors
+      .map(
+        (selector) => html`
+          <style>
+            ${selector} {
+              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};
+            }
+          </style>
+        `,
+      )
+      .join('');
+  }
+  return html`
+    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};
+  `;
+};
+const getLang = () =>
+  localStorage.getItem('lang') ? localStorage.getItem('lang') : navigator.language || navigator.userLanguage;
+const loggerFactory = (meta) => {
+  meta = meta.url.split('/').pop();
+  const types = ['error', 'warn', 'info', 'debug'];
+  const logger = {
+    log: function (type, args) {
+      if (location.hostname !== 'localhost' && console.log() !== null) {
+        console.log = () => null;
+        console.error = () => null;
+        console.info = () => null;
+        console.warn = () => null;
+      }
+      return location.hostname === 'localhost'
+        ? console[type](`[${meta}] ${new Date().toISOString()} ${type}:`, ...args)
+        : null;
+    },
+  };
+  types.map(
+    (type) =>
+      (logger[type] = function (...args) {
+        return this.log(type, args);
+      }),
+  );
+  return logger;
+};
+export { getLang, s, append, s4, range, timer, htmls, newInstance, fullScreenIn, borderChar, loggerFactory };

package/src/client/ssr/common/Translate.js ADDED Viewed

@@ -0,0 +1,26 @@
+const TranslateCore = {
+  ['server-maintenance']: {
+    en: "The server is under maintenance <br> we'll be back soon.",
+    es: 'El servidor está en mantenimiento <br> volveremos pronto.',
+  },
+  ['no-internet-connection']: {
+    en: 'No internet connection <br> verify your network',
+    es: 'Sin conexión a internet <br> verifica tu red',
+  },
+  ['page-not-found']: {
+    en: 'Page not found',
+    es: 'Página no encontrada',
+  },
+  ['page-broken']: {
+    es: 'Algo salio mal',
+    en: 'Something went wrong',
+  },
+  ['back']: {
+    en: 'Back to <br>  homepage',
+    es: 'Volver a  <br> la pagina principal',
+  },
+};
+const Translate = (key) => TranslateCore[key][getLang().match('es') ? 'es' : 'en'];
+export { Translate };

package/src/client/ssr/common/Worker.js ADDED Viewed

@@ -0,0 +1,28 @@
+const Worker = {
+  instance: async function (options = { render: async () => {} }) {
+    window.serviceWorkerReady = true;
+    append(
+      'body',
+      html`
+        <style>
+          body {
+            background-color: #dcdcdc;
+            color: #303030;
+            font-family: arial;
+            font-size: 16px;
+          }
+          .page-render {
+            min-height: 100vh;
+          }
+          a {
+            color: #000000;
+          }
+        </style>
+        <div class="in page-render"></div>
+      `,
+    );
+    await options.render();
+  },
+};
+export { Worker };

package/src/client/ssr/{body-components → components/body}/CacheControl.js RENAMED Viewed

@@ -109,6 +109,6 @@ SrrComponent = ({ ttiLoadTimeLimit }) => {
       const CacheControl = ${CacheControl};
       CacheControl({ ttiLoadTimeLimit: ${ttiLoadTimeLimit ? ttiLoadTimeLimit : 1000 * 70 * 1} });
     </script>
-    <div class="clean-cache-container">v2.7.7</div>
+    <div class="clean-cache-container">v2.7.9</div>
   `;
 };

package/src/client/ssr/{body-components → components/body}/DefaultSplashScreen.js RENAMED Viewed

@@ -1,8 +1,19 @@
-SrrComponent = ({ base64BackgroundImage }) => html`
+SrrComponent = ({ base64BackgroundImage, metadata }) => html`
+  ${base64BackgroundImage
+    ? html`<style>
+        .ssr-background-image {
+          background-image: url('${base64BackgroundImage}');
+        }
+      </style>`
+    : metadata?.themeColor
+    ? html`<style>
+        .ssr-background-image {
+          background: ${metadata.themeColor};
+        }
+      </style>`
+    : ''}
   <style>
-    .ssr-background-image {
-      background-image: url('${base64BackgroundImage}');
-    }
     .ssr-top-bar {
       background: #ffffff;
       height: 100px;

package/src/client/ssr/components/head/Pwa.js ADDED Viewed

@@ -0,0 +1,146 @@
+SrrComponent = ({
+  title,
+  author,
+  keywords,
+  description,
+  themeColor,
+  canonicalURL,
+  ssrPath,
+  thumbnail,
+  pwaAssetsPath,
+}) => html`
+  <link rel="manifest" href="${ssrPath}site.webmanifest" />
+  <link
+    rel="icon"
+    type="image/png"
+    sizes="16x16"
+    href="${ssrPath}${pwaAssetsPath !== undefined ? pwaAssetsPath : 'assets/splash/'}favicon-16x16.png"
+  />
+  <link
+    rel="icon"
+    type="image/png"
+    sizes="32x32"
+    href="${ssrPath}${pwaAssetsPath !== undefined ? pwaAssetsPath : 'assets/splash/'}favicon-32x32.png"
+  />
+  <!-- <link rel="icon" type="image/png" sizes="194x194" href="${ssrPath}${pwaAssetsPath !== undefined
+    ? pwaAssetsPath
+    : 'assets/splash/'}favicon-194x194.png" /> -->
+  <!-- chrome -->
+  <link
+    rel="icon"
+    type="image/png"
+    sizes="36x36"
+    href="${ssrPath}${pwaAssetsPath !== undefined ? pwaAssetsPath : 'assets/splash/'}android-chrome-36x36.png"
+  />
+  <link
+    rel="icon"
+    type="image/png"
+    sizes="48x48"
+    href="${ssrPath}${pwaAssetsPath !== undefined ? pwaAssetsPath : 'assets/splash/'}android-chrome-48x48.png"
+  />
+  <link
+    rel="icon"
+    type="image/png"
+    sizes="72x72"
+    href="${ssrPath}${pwaAssetsPath !== undefined ? pwaAssetsPath : 'assets/splash/'}android-chrome-72x72.png"
+  />
+  <link
+    rel="icon"
+    type="image/png"
+    sizes="96x96"
+    href="${ssrPath}${pwaAssetsPath !== undefined ? pwaAssetsPath : 'assets/splash/'}android-chrome-96x96.png"
+  />
+  <link
+    rel="icon"
+    type="image/png"
+    sizes="144x144"
+    href="${ssrPath}${pwaAssetsPath !== undefined ? pwaAssetsPath : 'assets/splash/'}android-chrome-144x144.png"
+  />
+  <link
+    rel="icon"
+    type="image/png"
+    sizes="256x256"
+    href="${ssrPath}${pwaAssetsPath !== undefined ? pwaAssetsPath : 'assets/splash/'}android-chrome-256x256.png"
+  />
+  <link
+    rel="icon"
+    type="image/png"
+    sizes="384x384"
+    href="${ssrPath}${pwaAssetsPath !== undefined ? pwaAssetsPath : 'assets/splash/'}android-chrome-384x384.png"
+  />
+  <link
+    rel="icon"
+    type="image/png"
+    sizes="512x512"
+    href="${ssrPath}${pwaAssetsPath !== undefined ? pwaAssetsPath : 'assets/splash/'}android-chrome-512x512.png"
+  />
+  <!-- apple -->
+  <link
+    rel="apple-touch-icon"
+    sizes="180x180"
+    href="${ssrPath}${pwaAssetsPath !== undefined ? pwaAssetsPath : 'assets/splash/'}apple-touch-icon.png"
+  />
+  <link
+    rel="mask-icon"
+    href="${ssrPath}${pwaAssetsPath !== undefined ? pwaAssetsPath : 'assets/splash/'}safari-pinned-tab.svg"
+    color="${themeColor}"
+  />
+  <meta name="apple-mobile-web-app-title" content="${title}" />
+  <link
+    rel="apple-touch-icon"
+    type="image/png"
+    sizes="36x36"
+    href="${ssrPath}${pwaAssetsPath !== undefined ? pwaAssetsPath : 'assets/splash/'}android-chrome-36x36.png"
+  />
+  <link
+    rel="apple-touch-icon"
+    type="image/png"
+    sizes="48x48"
+    href="${ssrPath}${pwaAssetsPath !== undefined ? pwaAssetsPath : 'assets/splash/'}android-chrome-48x48.png"
+  />
+  <link
+    rel="apple-touch-icon"
+    type="image/png"
+    sizes="72x72"
+    href="${ssrPath}${pwaAssetsPath !== undefined ? pwaAssetsPath : 'assets/splash/'}android-chrome-72x72.png"
+  />
+  <link
+    rel="apple-touch-icon"
+    type="image/png"
+    sizes="96x96"
+    href="${ssrPath}${pwaAssetsPath !== undefined ? pwaAssetsPath : 'assets/splash/'}android-chrome-96x96.png"
+  />
+  <link
+    rel="apple-touch-icon"
+    type="image/png"
+    sizes="144x144"
+    href="${ssrPath}${pwaAssetsPath !== undefined ? pwaAssetsPath : 'assets/splash/'}android-chrome-144x144.png"
+  />
+  <link
+    rel="apple-touch-icon"
+    type="image/png"
+    sizes="256x256"
+    href="${ssrPath}${pwaAssetsPath !== undefined ? pwaAssetsPath : 'assets/splash/'}android-chrome-256x256.png"
+  />
+  <link
+    rel="apple-touch-icon"
+    type="image/png"
+    sizes="384x384"
+    href="${ssrPath}${pwaAssetsPath !== undefined ? pwaAssetsPath : 'assets/splash/'}android-chrome-384x384.png"
+  />
+  <link
+    rel="apple-touch-icon"
+    type="image/png"
+    sizes="512x512"
+    href="${ssrPath}${pwaAssetsPath !== undefined ? pwaAssetsPath : 'assets/splash/'}android-chrome-512x512.png"
+  />
+  <!-- microsoft -->
+  <meta name="msapplication-config" content="${ssrPath}browserconfig.xml" />
+  <meta name="application-name" content="${title}" />
+  <meta name="msapplication-TileColor" content="${themeColor}" />
+  <meta
+    name="msapplication-TileImage"
+    content="${ssrPath}${pwaAssetsPath !== undefined ? pwaAssetsPath : 'assets/splash/'}mstile-144x144.png"
+  />
+  <meta name="theme-color" content="${themeColor}" />
+`;

package/src/client/ssr/pages/404.js ADDED Viewed

@@ -0,0 +1,12 @@
+import { e404 } from '../common/Alert.js';
+import { append } from '../common/SsrCore.js';
+import { Translate } from '../common/Translate.js';
+import { Worker } from '../common/Worker.js';
+/*imports*/
+window.onload = () =>
+  Worker.instance({
+    render: async () => {
+      append('.page-render', await e404({ Translate }));
+    },
+  });

package/src/client/ssr/pages/500.js ADDED Viewed

@@ -0,0 +1,12 @@
+import { e500 } from '../common/Alert.js';
+import { append } from '../common/SsrCore.js';
+import { Translate } from '../common/Translate.js';
+import { Worker } from '../common/Worker.js';
+/*imports*/
+window.onload = () =>
+  Worker.instance({
+    render: async () => {
+      append('.page-render', await e500({ Translate }));
+    },
+  });

package/src/client/ssr/pages/maintenance.js ADDED Viewed

@@ -0,0 +1,14 @@
+import { htmls, loggerFactory } from '../common/SsrCore.js';
+import { Alert } from '../common/Alert.js';
+import { Translate } from '../common/Translate.js';
+import { Worker } from '../common/Worker.js';
+/*imports*/
+const logger = loggerFactory({ url: location.toString() });
+window.onload = () =>
+  Worker.instance({
+    render: async () => {
+      htmls(`.page-render`, html`${await Alert.maintenance({ Translate })}`);
+    },
+  });