cyberia 3.2.5 → 3.2.12

package/src/client/services/user/guest.service.js

@@ -0,0 +1,86 @@
+import Dexie from 'dexie';
+import { loggerFactory } from '../../components/core/Logger.js';
+
+const logger = loggerFactory(import.meta);
+
+const USER_TOKEN_KEY = 'jwt';
+const GUEST_TOKEN_KEY = 'jwt.g';
+
+class SessionMetaDb extends Dexie {
+  constructor() {
+    super('session-meta-db');
+    this.version(1).stores({
+      meta: '&key,value,updatedAt',
+    });
+  }
+}
+
+// Lazy singleton — avoids opening IndexedDB at module-load time.
+// Firefox is measurably slower at IDB open than Chromium; deferring the
+// open until first actual read/write eliminates that latency from page startup.
+let _db = null;
+const getDb = () => {
+  if (!_db) _db = new SessionMetaDb();
+  return _db;
+};
+
+class GuestService {
+  static setUserToken(value = '') {
+    if (value) localStorage.setItem(USER_TOKEN_KEY, value);
+    else localStorage.removeItem(USER_TOKEN_KEY);
+    return value;
+  }
+
+  static getUserToken() {
+    return localStorage.getItem(USER_TOKEN_KEY) || '';
+  }
+
+  static clearUserToken() {
+    localStorage.removeItem(USER_TOKEN_KEY);
+    return '';
+  }
+
+  static setGuestToken(value = '') {
+    if (value) localStorage.setItem(GUEST_TOKEN_KEY, value);
+    else localStorage.removeItem(GUEST_TOKEN_KEY);
+    return value;
+  }
+
+  static getGuestToken() {
+    return localStorage.getItem(GUEST_TOKEN_KEY) || '';
+  }
+
+  static clearGuestToken() {
+    localStorage.removeItem(GUEST_TOKEN_KEY);
+    return '';
+  }
+
+  static getAuthorizationToken() {
+    return this.getUserToken() || this.getGuestToken() || '';
+  }
+
+  static getAuthorizationHeader() {
+    const token = this.getAuthorizationToken();
+    return token ? `Bearer ${token}` : '';
+  }
+
+  static async setMeta(key, value) {
+    try {
+      await getDb().meta.put({ key, value, updatedAt: Date.now() });
+    } catch (error) {
+      logger.warn('session meta write failed', { key, error: error?.message });
+    }
+  }
+
+  static async getMeta(key) {
+    try {
+      const row = await getDb().meta.get(key);
+      return row ? row.value : null;
+    } catch (error) {
+      logger.warn('session meta read failed', { key, error: error?.message });
+      return null;
+    }
+  }
+}
+
+export { GuestService };

package/src/client/services/user/user.management.js

@@ -1,11 +1,11 @@
 import { DefaultManagement } from '../default/default.management.js';
 import { UserService } from './user.service.js';
 
-const UserManagement = {
-  RenderTable: async ({ appStore }) => {
+class UserManagement {
+  static instance = async ({ appStore }) => {
     const user = appStore.Data.user.main.model.user;
     const { role } = user;
-    return await DefaultManagement.RenderTable({
+    return await DefaultManagement.instance({
       idModal: 'modal-user-management',
       serviceId: 'user-management',
       entity: 'user',
@@ -46,6 +46,6 @@ const UserManagement = {
       defaultColKeyFocus: 'username',
       ServiceProvider: UserService,
     });
-  },
-};
+  };
+}
 export { UserManagement };

package/src/client/services/user/user.service.js

@@ -1,23 +1,18 @@
 import { Auth } from '../../components/core/Auth.js';
 import { loggerFactory } from '../../components/core/Logger.js';
 import { getApiBaseUrl, headersFactory, payloadFactory, buildQueryUrl } from '../core/core.service.js';
-
 const logger = loggerFactory(import.meta);
-
 logger.info('Load service');
-
 const endpoint = 'user';
-
-const UserMock = {
-  default: {
+class UserMock {
+  static default = {
     username: 'guest',
     email: `guest@${location.hostname}`,
     role: 'guest',
-  },
-};
-
-const UserService = {
-  post: (options = { id: '', body: {} }) =>
+  };
+}
+class UserService {
+  static post = (options = { id: '', body: {} }) =>
     new Promise((resolve, reject) =>
       fetch(getApiBaseUrl({ id: options.id, endpoint }), {
         method: 'POST',
@@ -36,8 +31,8 @@ const UserService = {
           logger.error(error);
           return reject(error);
         }),
-    ),
-  get: (options = {}) => {
+    );
+  static get = (options = {}) => {
     const { id = 'all', page, limit, filterModel, sortModel, sort, asc, order } = options;
     const url = buildQueryUrl(getApiBaseUrl({ id, endpoint }), {
       page,
@@ -66,8 +61,8 @@ const UserService = {
           return reject(error);
         }),
     );
-  },
-  delete: (options = { id: '', body: {} }) =>
+  };
+  static delete = (options = { id: '', body: {} }) =>
     new Promise((resolve, reject) =>
       fetch(getApiBaseUrl({ id: options.id, endpoint }), {
         method: 'DELETE',
@@ -86,8 +81,8 @@ const UserService = {
           logger.error(error);
           return reject(error);
         }),
-    ),
-  put: (options = { id: '', body: {}, headerId: '' }) =>
+    );
+  static put = (options = { id: '', body: {}, headerId: '' }) =>
     new Promise((resolve, reject) =>
       fetch(getApiBaseUrl({ id: options.id, endpoint }), {
         method: 'PUT',
@@ -106,7 +101,6 @@ const UserService = {
           logger.error(error);
           return reject(error);
         }),
-    ),
-};
-
+    );
+}
 export { UserService, UserMock };

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

@@ -23,7 +23,7 @@ const main = () => {
         es: 'Volver a  <br> la pagina principal',
       },
     },
-    Render: function (id) {
+    instance: function (id) {
       return this.Data[id][getLang()] ? this.Data[id][getLang()] : this.Data[id]['en'];
     },
   };
@@ -58,9 +58,9 @@ const main = () => {
         <br />
         <span class="bold">404</span>
         <br />
-        <br />${Translate.Render('page-not-found')} <br />
+        <br />${Translate.instance('page-not-found')} <br />
         <br />
-        <a target="_top" href="${location.origin}">${Translate.Render('back')}</a>
+        <a target="_top" href="${location.origin}">${Translate.instance('back')}</a>
       </div>`,
   );
 };

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

@@ -23,7 +23,7 @@ const main = () => {
         es: 'Volver a  <br> la pagina principal',
       },
     },
-    Render: function (id) {
+    instance: function (id) {
       return this.Data[id][getLang()] ? this.Data[id][getLang()] : this.Data[id]['en'];
     },
   };
@@ -57,9 +57,9 @@ const main = () => {
         <br />
         <span class="bold">500</span>
         <br />
-        <br />${Translate.Render('page-broken')} <br />
+        <br />${Translate.instance('page-broken')} <br />
         <br />
-        <a target="_top" href="${location.origin}">${Translate.Render('back')}</a>
+        <a target="_top" href="${location.origin}">${Translate.instance('back')}</a>
       </div>`,
   );
 };

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

@@ -78,8 +78,11 @@ SrrComponent = ({ ttiLoadTimeLimit, version }) => {
           (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};
+                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>
           `,

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

@@ -6,12 +6,12 @@ SrrComponent = ({ backgroundImage, metadata }) => html`
         }
       </style>`
     : metadata?.themeColor
-    ? html`<style class="style-ssr-background-image">
-        .ssr-background-image {
-          background: ${metadata.themeColor};
-        }
-      </style>`
-    : ''}
+      ? html`<style class="style-ssr-background-image">
+          .ssr-background-image {
+            background: ${metadata.themeColor};
+          }
+        </style>`
+      : ''}
 
   <style>
     .ssr-top-bar {
@@ -61,13 +61,19 @@ SrrComponent = ({ backgroundImage, metadata }) => html`
     }
     @keyframes l16 {
       0% {
-        background-position: -150% 0, -150% 0;
+        background-position:
+          -150% 0,
+          -150% 0;
       }
       66% {
-        background-position: 250% 0, -150% 0;
+        background-position:
+          250% 0,
+          -150% 0;
       }
       100% {
-        background-position: 250% 0, 250% 0;
+        background-position:
+          250% 0,
+          250% 0;
       }
     }
   </style>
@@ -77,9 +83,10 @@ SrrComponent = ({ backgroundImage, metadata }) => html`
       ${new Array(6)
         .fill()
         .map(
-          (v, i) => html`<div class="ssr-abs ssr-btn ssr-btn-${i}">
-            <div class="ssr-shimmer"></div>
-          </div>`,
+          (v, i) =>
+            html`<div class="ssr-abs ssr-btn ssr-btn-${i}">
+              <div class="ssr-shimmer"></div>
+            </div>`,
         )
         .join('')}
 

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

@@ -54,13 +54,19 @@ SrrComponent = ({ backgroundImage }) => html`
     }
     @keyframes l16 {
       0% {
-        background-position: -150% 0, -150% 0;
+        background-position:
+          -150% 0,
+          -150% 0;
       }
       66% {
-        background-position: 250% 0, -150% 0;
+        background-position:
+          250% 0,
+          -150% 0;
       }
       100% {
-        background-position: 250% 0, 250% 0;
+        background-position:
+          250% 0,
+          250% 0;
       }
     }
   </style>
@@ -70,9 +76,10 @@ SrrComponent = ({ backgroundImage }) => html`
       ${new Array(6)
         .fill()
         .map(
-          (v, i) => html`<div class="ssr-abs ssr-btn ssr-btn-${i}">
-            <div class="ssr-shimmer-dark"></div>
-          </div>`,
+          (v, i) =>
+            html`<div class="ssr-abs ssr-btn ssr-btn-${i}">
+              <div class="ssr-shimmer-dark"></div>
+            </div>`,
         )
         .join('')}
 

package/src/client/ssr/head/PwaItemledger.js

@@ -1,60 +1,197 @@
-SrrComponent = () => html`<link rel="icon" type="image/x-icon" href="/favicon.ico">
-<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-<link rel="icon" type="image/png" sizes="48x48" href="/favicon-48x48.png">
-<link rel="manifest" href="/manifest.webmanifest" crossOrigin="use-credentials">
-<meta name="mobile-web-app-capable" content="yes">
-<meta name="theme-color" content="#0551C4">
-<meta name="application-name" content="Item Ledger">
-<link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png">
-<link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon-60x60.png">
-<link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png">
-<link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png">
-<link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png">
-<link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png">
-<link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png">
-<link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png">
-<link rel="apple-touch-icon" sizes="167x167" href="/apple-touch-icon-167x167.png">
-<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-180x180.png">
-<link rel="apple-touch-icon" sizes="1024x1024" href="/apple-touch-icon-1024x1024.png">
-<meta name="apple-mobile-web-app-capable" content="yes">
-<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
-<meta name="apple-mobile-web-app-title" content="Item Ledger">
-<link rel="apple-touch-startup-image" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/apple-touch-startup-image-640x1136.png">
-<link rel="apple-touch-startup-image" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/apple-touch-startup-image-1136x640.png">
-<link rel="apple-touch-startup-image" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/apple-touch-startup-image-750x1334.png">
-<link rel="apple-touch-startup-image" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/apple-touch-startup-image-1334x750.png">
-<link rel="apple-touch-startup-image" media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="/apple-touch-startup-image-1125x2436.png">
-<link rel="apple-touch-startup-image" media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" href="/apple-touch-startup-image-2436x1125.png">
-<link rel="apple-touch-startup-image" media="(device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="/apple-touch-startup-image-1170x2532.png">
-<link rel="apple-touch-startup-image" media="(device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" href="/apple-touch-startup-image-2532x1170.png">
-<link rel="apple-touch-startup-image" media="(device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="/apple-touch-startup-image-1179x2556.png">
-<link rel="apple-touch-startup-image" media="(device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" href="/apple-touch-startup-image-2556x1179.png">
-<link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/apple-touch-startup-image-828x1792.png">
-<link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/apple-touch-startup-image-1792x828.png">
-<link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="/apple-touch-startup-image-1242x2688.png">
-<link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" href="/apple-touch-startup-image-2688x1242.png">
-<link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="/apple-touch-startup-image-1242x2208.png">
-<link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" href="/apple-touch-startup-image-2208x1242.png">
-<link rel="apple-touch-startup-image" media="(device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="/apple-touch-startup-image-1284x2778.png">
-<link rel="apple-touch-startup-image" media="(device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" href="/apple-touch-startup-image-2778x1284.png">
-<link rel="apple-touch-startup-image" media="(device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="/apple-touch-startup-image-1290x2796.png">
-<link rel="apple-touch-startup-image" media="(device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" href="/apple-touch-startup-image-2796x1290.png">
-<link rel="apple-touch-startup-image" media="(device-width: 744px) and (device-height: 1133px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/apple-touch-startup-image-1488x2266.png">
-<link rel="apple-touch-startup-image" media="(device-width: 744px) and (device-height: 1133px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/apple-touch-startup-image-2266x1488.png">
-<link rel="apple-touch-startup-image" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/apple-touch-startup-image-1536x2048.png">
-<link rel="apple-touch-startup-image" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/apple-touch-startup-image-2048x1536.png">
-<link rel="apple-touch-startup-image" media="(device-width: 810px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/apple-touch-startup-image-1620x2160.png">
-<link rel="apple-touch-startup-image" media="(device-width: 810px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/apple-touch-startup-image-2160x1620.png">
-<link rel="apple-touch-startup-image" media="(device-width: 820px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/apple-touch-startup-image-1640x2160.png">
-<link rel="apple-touch-startup-image" media="(device-width: 820px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/apple-touch-startup-image-2160x1640.png">
-<link rel="apple-touch-startup-image" media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/apple-touch-startup-image-1668x2388.png">
-<link rel="apple-touch-startup-image" media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/apple-touch-startup-image-2388x1668.png">
-<link rel="apple-touch-startup-image" media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/apple-touch-startup-image-1668x2224.png">
-<link rel="apple-touch-startup-image" media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/apple-touch-startup-image-2224x1668.png">
-<link rel="apple-touch-startup-image" media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/apple-touch-startup-image-2048x2732.png">
-<link rel="apple-touch-startup-image" media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/apple-touch-startup-image-2732x2048.png">
-<meta name="msapplication-TileColor" content="#0551C4">
-<meta name="msapplication-TileImage" content="/mstile-144x144.png">
-<meta name="msapplication-config" content="/browserconfig.xml">
-<link rel="yandex-tableau-widget" href="/yandex-browser-manifest.json">`;
+SrrComponent = () =>
+  html`<link rel="icon" type="image/x-icon" href="/favicon.ico" />
+    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
+    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
+    <link rel="icon" type="image/png" sizes="48x48" href="/favicon-48x48.png" />
+    <link rel="manifest" href="/manifest.webmanifest" crossorigin="use-credentials" />
+    <meta name="mobile-web-app-capable" content="yes" />
+    <meta name="theme-color" content="#0551C4" />
+    <meta name="application-name" content="Item Ledger" />
+    <link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png" />
+    <link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon-60x60.png" />
+    <link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png" />
+    <link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png" />
+    <link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png" />
+    <link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png" />
+    <link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png" />
+    <link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png" />
+    <link rel="apple-touch-icon" sizes="167x167" href="/apple-touch-icon-167x167.png" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-180x180.png" />
+    <link rel="apple-touch-icon" sizes="1024x1024" href="/apple-touch-icon-1024x1024.png" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
+    <meta name="apple-mobile-web-app-title" content="Item Ledger" />
+    <link
+      rel="apple-touch-startup-image"
+      media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
+      href="/apple-touch-startup-image-640x1136.png"
+    />
+    <link
+      rel="apple-touch-startup-image"
+      media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
+      href="/apple-touch-startup-image-1136x640.png"
+    />
+    <link
+      rel="apple-touch-startup-image"
+      media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
+      href="/apple-touch-startup-image-750x1334.png"
+    />
+    <link
+      rel="apple-touch-startup-image"
+      media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
+      href="/apple-touch-startup-image-1334x750.png"
+    />
+    <link
+      rel="apple-touch-startup-image"
+      media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
+      href="/apple-touch-startup-image-1125x2436.png"
+    />
+    <link
+      rel="apple-touch-startup-image"
+      media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
+      href="/apple-touch-startup-image-2436x1125.png"
+    />
+    <link
+      rel="apple-touch-startup-image"
+      media="(device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
+      href="/apple-touch-startup-image-1170x2532.png"
+    />
+    <link
+      rel="apple-touch-startup-image"
+      media="(device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
+      href="/apple-touch-startup-image-2532x1170.png"
+    />
+    <link
+      rel="apple-touch-startup-image"
+      media="(device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
+      href="/apple-touch-startup-image-1179x2556.png"
+    />
+    <link
+      rel="apple-touch-startup-image"
+      media="(device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
+      href="/apple-touch-startup-image-2556x1179.png"
+    />
+    <link
+      rel="apple-touch-startup-image"
+      media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
+      href="/apple-touch-startup-image-828x1792.png"
+    />
+    <link
+      rel="apple-touch-startup-image"
+      media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
+      href="/apple-touch-startup-image-1792x828.png"
+    />
+    <link
+      rel="apple-touch-startup-image"
+      media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
+      href="/apple-touch-startup-image-1242x2688.png"
+    />
+    <link
+      rel="apple-touch-startup-image"
+      media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
+      href="/apple-touch-startup-image-2688x1242.png"
+    />
+    <link
+      rel="apple-touch-startup-image"
+      media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
+      href="/apple-touch-startup-image-1242x2208.png"
+    />
+    <link
+      rel="apple-touch-startup-image"
+      media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
+      href="/apple-touch-startup-image-2208x1242.png"
+    />
+    <link
+      rel="apple-touch-startup-image"
+      media="(device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
+      href="/apple-touch-startup-image-1284x2778.png"
+    />
+    <link
+      rel="apple-touch-startup-image"
+      media="(device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
+      href="/apple-touch-startup-image-2778x1284.png"
+    />
+    <link
+      rel="apple-touch-startup-image"
+      media="(device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
+      href="/apple-touch-startup-image-1290x2796.png"
+    />
+    <link
+      rel="apple-touch-startup-image"
+      media="(device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
+      href="/apple-touch-startup-image-2796x1290.png"
+    />
+    <link
+      rel="apple-touch-startup-image"
+      media="(device-width: 744px) and (device-height: 1133px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
+      href="/apple-touch-startup-image-1488x2266.png"
+    />
+    <link
+      rel="apple-touch-startup-image"
+      media="(device-width: 744px) and (device-height: 1133px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
+      href="/apple-touch-startup-image-2266x1488.png"
+    />
+    <link
+      rel="apple-touch-startup-image"
+      media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
+      href="/apple-touch-startup-image-1536x2048.png"
+    />
+    <link
+      rel="apple-touch-startup-image"
+      media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
+      href="/apple-touch-startup-image-2048x1536.png"
+    />
+    <link
+      rel="apple-touch-startup-image"
+      media="(device-width: 810px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
+      href="/apple-touch-startup-image-1620x2160.png"
+    />
+    <link
+      rel="apple-touch-startup-image"
+      media="(device-width: 810px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
+      href="/apple-touch-startup-image-2160x1620.png"
+    />
+    <link
+      rel="apple-touch-startup-image"
+      media="(device-width: 820px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
+      href="/apple-touch-startup-image-1640x2160.png"
+    />
+    <link
+      rel="apple-touch-startup-image"
+      media="(device-width: 820px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
+      href="/apple-touch-startup-image-2160x1640.png"
+    />
+    <link
+      rel="apple-touch-startup-image"
+      media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
+      href="/apple-touch-startup-image-1668x2388.png"
+    />
+    <link
+      rel="apple-touch-startup-image"
+      media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
+      href="/apple-touch-startup-image-2388x1668.png"
+    />
+    <link
+      rel="apple-touch-startup-image"
+      media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
+      href="/apple-touch-startup-image-1668x2224.png"
+    />
+    <link
+      rel="apple-touch-startup-image"
+      media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
+      href="/apple-touch-startup-image-2224x1668.png"
+    />
+    <link
+      rel="apple-touch-startup-image"
+      media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
+      href="/apple-touch-startup-image-2048x2732.png"
+    />
+    <link
+      rel="apple-touch-startup-image"
+      media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
+      href="/apple-touch-startup-image-2732x2048.png"
+    />
+    <meta name="msapplication-TileColor" content="#0551C4" />
+    <meta name="msapplication-TileImage" content="/mstile-144x144.png" />
+    <meta name="msapplication-config" content="/browserconfig.xml" />
+    <link rel="yandex-tableau-widget" href="/yandex-browser-manifest.json" />`;

package/src/client/ssr/mailer/DefaultRecoverEmail.js

@@ -1,21 +1,20 @@
-SrrComponent = (render = { style: {}, renderStyle: () => '' }, options) =>
-  html`
-    <div style="${render.renderStyle('body')}">
-      <div style="${render.renderStyle('.container')}">
-        <h1 style="${render.renderStyle('h1')}">{{H1}}</h1>
-        <p style="${render.renderStyle('p')}">{{P1}}</p>
-        <p style="${render.renderStyle('p')}">
-          <a href="{{RECOVER_WEB_URL}}" style="${render.renderStyle('button')}"
-            ><img
-              src="http${options.transport.secure ? 's' : ''}://${options.host}${options.path === '/'
-                ? ''
-                : options.path}/api/user/recover/{{TOKEN}}"
-            /><br />{{RECOVER_BTN_LABEL}}</a
-          >
-        </p>
-      </div>
-      <div style="${render.renderStyle('.footer')}">
-        <p>{{COMPANY}}</p>
-      </div>
+SrrComponent = (render = { style: {}, renderStyle: () => '' }, options) => html`
+  <div style="${render.renderStyle('body')}">
+    <div style="${render.renderStyle('.container')}">
+      <h1 style="${render.renderStyle('h1')}">{{H1}}</h1>
+      <p style="${render.renderStyle('p')}">{{P1}}</p>
+      <p style="${render.renderStyle('p')}">
+        <a href="{{RECOVER_WEB_URL}}" style="${render.renderStyle('button')}"
+          ><img
+            src="http${options.transport.secure ? 's' : ''}://${options.host}${options.path === '/'
+              ? ''
+              : options.path}/api/user/recover/{{TOKEN}}"
+          /><br />{{RECOVER_BTN_LABEL}}</a
+        >
+      </p>
     </div>
-  `;
+    <div style="${render.renderStyle('.footer')}">
+      <p>{{COMPANY}}</p>
+    </div>
+  </div>
+`;