underpost 2.7.1 → 2.7.2

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

@@ -1,113 +1,114 @@
-const CacheControl = function ({ ttiLoadTimeLimit }) {
-  window.cleanCache = async () => {
-    await new Promise(async (resolve, reject) => {
-      navigator.serviceWorker
-        .getRegistrations()
-        .then(async (registrations) => {
-          const cacheNames = await caches.keys();
-          for (const cacheName of cacheNames) await caches.delete(cacheName);
-          for (const registration of registrations) {
-            console.log('[sw-cache-control] remove', registration);
-            registration.unregister();
-          }
-        })
-        .catch((...args) => {
-          console.error(...args);
-          return resolve(args);
-        })
-        .finally((...args) => {
-          console.log('[sw-cache-control] finally uninstall', args);
-          return resolve(args);
-        });
-    });
-    //   document.querySelector('html').innerHTML = '';
-    //   window.open(window.location.origin, '_blank');
-    localStorage.clear();
-    location.reload();
-  };
-
-  window.cacheControlCallBack = async () => {
-    let disable = false;
-    let status = false;
-    await new Promise((resolve, reject) => {
-      if ('serviceWorker' in navigator) {
-        navigator.serviceWorker
-          .getRegistrations()
-          .then((registrations) => {
-            for (const registration of registrations) {
-              if (registration.installing) console.log('[sw-cache-control] installing', registration);
-              else if (registration.waiting) console.log('[sw-cache-control] waiting', registration);
-              else if (registration.active) {
-                console.log('[sw-cache-control] active', registration);
-              }
-            }
-            if (registrations.length > 0) status = true;
-          })
-          .catch((...args) => {
-            console.error(...args);
-            return resolve(false);
-          })
-          .finally((...args) => {
-            console.log('[sw-cache-control] finally status', args);
-            return resolve(status);
-          });
-      } else {
-        console.warn('[sw-cache-control] disabled');
-        disable = true;
-        return resolve(false);
-      }
-    });
-    if (!disable && !window.serviceWorkerReady) {
-      window.cleanCache();
-    } else {
-      // old navigator
-    }
-  };
-  setTimeout(() => {
-    document.querySelector('.clean-cache-container').onclick = window.cleanCache;
-  });
-  setTimeout(window.cacheControlCallBack, ttiLoadTimeLimit); // 70s limit);
-};
-
-SrrComponent = ({ ttiLoadTimeLimit }) => {
-  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};
-    `;
-  };
-  return html`
-    <style>
-      .clean-cache-container {
-        position: fixed !important;
-        bottom: 5px !important;
-        right: 20px !important;
-        cursor: pointer !important;
-        font-family: Arial, sans-serif !important;
-        z-index: 11 !important;
-        color: white !important;
-        font-size: 12px !important;
-      }
-    </style>
-    ${borderChar(1, 'black', ['.clean-cache-container'])}
-    <script>
-      const CacheControl = ${CacheControl};
-      CacheControl({ ttiLoadTimeLimit: ${ttiLoadTimeLimit ? ttiLoadTimeLimit : 1000 * 70 * 1} });
-    </script>
-    <div class="clean-cache-container">v2.7.1</div>
-  `;
-};
+const CacheControl = function ({ ttiLoadTimeLimit }) {
+  window.cleanCache = async () => {
+    await new Promise(async (resolve, reject) => {
+      navigator.serviceWorker
+        .getRegistrations()
+        .then(async (registrations) => {
+          const cacheNames = await caches.keys();
+          for (const cacheName of cacheNames) await caches.delete(cacheName);
+          for (const registration of registrations) {
+            console.log('[sw-cache-control] remove', registration);
+            registration.unregister();
+          }
+        })
+        .catch((...args) => {
+          console.error(...args);
+          return resolve(args);
+        })
+        .finally((...args) => {
+          console.log('[sw-cache-control] finally uninstall', args);
+          return resolve(args);
+        });
+    });
+    //   document.querySelector('html').innerHTML = '';
+    //   window.open(window.location.origin, '_blank');
+    localStorage.clear();
+    location.reload();
+  };
+
+  window.cacheControlCallBack = async () => {
+    let disable = false;
+    let status = false;
+    await new Promise((resolve, reject) => {
+      if ('serviceWorker' in navigator) {
+        navigator.serviceWorker
+          .getRegistrations()
+          .then((registrations) => {
+            for (const registration of registrations) {
+              if (registration.installing) console.log('[sw-cache-control] installing', registration);
+              else if (registration.waiting) console.log('[sw-cache-control] waiting', registration);
+              else if (registration.active) {
+                console.log('[sw-cache-control] active', registration);
+              }
+            }
+            if (registrations.length > 0) status = true;
+          })
+          .catch((...args) => {
+            console.error(...args);
+            return resolve(false);
+          })
+          .finally((...args) => {
+            console.log('[sw-cache-control] finally status', args);
+            return resolve(status);
+          });
+      } else {
+        console.warn('[sw-cache-control] disabled');
+        disable = true;
+        return resolve(false);
+      }
+    });
+    if (!disable && !window.serviceWorkerReady) {
+      window.cleanCache();
+    } else {
+      // old navigator
+    }
+  };
+  setTimeout(() => {
+    if (document.querySelector('.clean-cache-container'))
+      document.querySelector('.clean-cache-container').onclick = window.cleanCache;
+  });
+  setTimeout(window.cacheControlCallBack, ttiLoadTimeLimit); // 70s limit);
+};
+
+SrrComponent = ({ ttiLoadTimeLimit }) => {
+  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};
+    `;
+  };
+  return html`
+    <style>
+      .clean-cache-container {
+        position: fixed !important;
+        bottom: 5px !important;
+        right: 20px !important;
+        cursor: pointer !important;
+        font-family: Arial, sans-serif !important;
+        z-index: 11 !important;
+        color: white !important;
+        font-size: 12px !important;
+      }
+    </style>
+    ${borderChar(1, 'black', ['.clean-cache-container'])}
+    <script>
+      const CacheControl = ${CacheControl};
+      CacheControl({ ttiLoadTimeLimit: ${ttiLoadTimeLimit ? ttiLoadTimeLimit : 1000 * 70 * 1} });
+    </script>
+    <div class="clean-cache-container">v2.7.2</div>
+  `;
+};

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

@@ -1,79 +1,79 @@
-SrrComponent = ({ base64BackgroundImage }) => html`
-  <style>
-    .ssr-background-image {
-      background-image: url('${base64BackgroundImage}');
-    }
-    .ssr-top-bar {
-      background: #ffffff;
-      height: 100px;
-    }
-    .ssr-btn {
-      height: 40px;
-      width: 40px;
-    }
-    .ssr-btn-0 {
-      top: 55px;
-      right: 5px;
-    }
-    .ssr-btn-1 {
-      top: 55px;
-      right: 55px;
-    }
-    .ssr-btn-2 {
-      top: 55px;
-      right: 105px;
-    }
-    .ssr-btn-3 {
-      top: 55px;
-      left: 5px;
-    }
-    .ssr-btn-4 {
-      top: 5px;
-      left: 5px;
-    }
-    .ssr-btn-5 {
-      top: 5px;
-      right: 5px;
-      border-radius: 50%;
-    }
-    .ssr-loader {
-      width: auto;
-    }
-
-    .loader {
-      height: 6px;
-      width: 130px;
-      --c: no-repeat linear-gradient(#353535 0 0);
-      background: var(--c), var(--c), #e1e1e1;
-      background-size: 60% 100%;
-      animation: l16 3s infinite;
-    }
-    @keyframes l16 {
-      0% {
-        background-position: -150% 0, -150% 0;
-      }
-      66% {
-        background-position: 250% 0, -150% 0;
-      }
-      100% {
-        background-position: 250% 0, 250% 0;
-      }
-    }
-  </style>
-  <div class="ssr-background-image"></div>
-  <div class="ssr-abs ssr-background" style="opacity: 1">
-    <div class="ssr-in ssr-top-bar">
-      ${new Array(6)
-        .fill()
-        .map(
-          (v, i) => html`<div class="ssr-abs ssr-btn ssr-btn-${i}">
-            <div class="ssr-shimmer"></div>
-          </div>`,
-        )
-        .join('')}
-
-      <div class="ssr-abs ssr-search-box"><div class="ssr-shimmer-search-box"></div></div>
-    </div>
-    <div class="ssr-abs ssr-center ssr-loader"><div class="loader"></div></div>
-  </div>
-`;
+SrrComponent = ({ base64BackgroundImage }) => html`
+  <style>
+    .ssr-background-image {
+      background-image: url('${base64BackgroundImage}');
+    }
+    .ssr-top-bar {
+      background: #ffffff;
+      height: 100px;
+    }
+    .ssr-btn {
+      height: 40px;
+      width: 40px;
+    }
+    .ssr-btn-0 {
+      top: 55px;
+      right: 5px;
+    }
+    .ssr-btn-1 {
+      top: 55px;
+      right: 55px;
+    }
+    .ssr-btn-2 {
+      top: 55px;
+      right: 105px;
+    }
+    .ssr-btn-3 {
+      top: 55px;
+      left: 5px;
+    }
+    .ssr-btn-4 {
+      top: 5px;
+      left: 5px;
+    }
+    .ssr-btn-5 {
+      top: 5px;
+      right: 5px;
+      border-radius: 50%;
+    }
+    .ssr-loader {
+      width: auto;
+    }
+
+    .loader {
+      height: 6px;
+      width: 130px;
+      --c: no-repeat linear-gradient(#353535 0 0);
+      background: var(--c), var(--c), #e1e1e1;
+      background-size: 60% 100%;
+      animation: l16 3s infinite;
+    }
+    @keyframes l16 {
+      0% {
+        background-position: -150% 0, -150% 0;
+      }
+      66% {
+        background-position: 250% 0, -150% 0;
+      }
+      100% {
+        background-position: 250% 0, 250% 0;
+      }
+    }
+  </style>
+  <div class="ssr-background-image"></div>
+  <div class="ssr-abs ssr-background" style="opacity: 1">
+    <div class="ssr-in ssr-top-bar">
+      ${new Array(6)
+        .fill()
+        .map(
+          (v, i) => html`<div class="ssr-abs ssr-btn ssr-btn-${i}">
+            <div class="ssr-shimmer"></div>
+          </div>`,
+        )
+        .join('')}
+
+      <div class="ssr-abs ssr-search-box"><div class="ssr-shimmer-search-box"></div></div>
+    </div>
+    <div class="ssr-abs ssr-center ssr-loader"><div class="loader"></div></div>
+  </div>
+`;

package/src/client/ssr/email-components/DefaultRecoverEmail.js

@@ -1,21 +1,21 @@
-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>
-  `;
+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>
+  `;

package/src/client/ssr/email-components/DefaultVerifyEmail.js

@@ -1,17 +1,17 @@
-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>
-        <img
-          src="http${options.transport.secure ? 's' : ''}://${options.host}${options.path === '/'
-            ? ''
-            : options.path}/api/user/mailer/{{TOKEN}}"
-        />
-      </div>
-      <div style="${render.renderStyle('.footer')}">
-        <p>{{COMPANY}}</p>
-      </div>
-    </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>
+        <img
+          src="http${options.transport.secure ? 's' : ''}://${options.host}${options.path === '/'
+            ? ''
+            : options.path}/api/user/mailer/{{TOKEN}}"
+        />
+      </div>
+      <div style="${render.renderStyle('.footer')}">
+        <p>{{COMPANY}}</p>
+      </div>
+    </div>
+  `;