underpost 2.6.2

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

@@ -0,0 +1,70 @@
+import { Auth } from '../../components/core/Auth.js';
+import { loggerFactory } from '../../components/core/Logger.js';
+import { getApiBaseUrl, headersFactory, payloadFactory } from '../core/core.service.js';
+
+const logger = loggerFactory(import.meta);
+
+logger.info('Load service');
+
+const endpoint = 'file';
+
+const FileService = {
+  post: (options = { id: '', body: {}, headerId: 'file' }) =>
+    new Promise((resolve, reject) =>
+      fetch(getApiBaseUrl({ id: options.id, endpoint }), {
+        method: 'POST',
+        headers: headersFactory('file'),
+        body: payloadFactory(options.body),
+      })
+        .then(async (res) => {
+          return await res.json();
+        })
+        .then((res) => {
+          logger.info(res);
+          return resolve(res);
+        })
+        .catch((error) => {
+          logger.error(error);
+          return reject(error);
+        }),
+    ),
+  get: (options = { id: '' }) =>
+    new Promise((resolve, reject) =>
+      fetch(getApiBaseUrl({ id: options.id, endpoint }), {
+        method: 'GET',
+        headers: headersFactory(),
+      })
+        .then(async (res) => {
+          return await res.json();
+        })
+        .then((res) => {
+          logger.info(res);
+          return resolve(res);
+        })
+        .catch((error) => {
+          logger.error(error);
+          return reject(error);
+        }),
+    ),
+  delete: (options = { id: '', body: {} }) =>
+    new Promise((resolve, reject) =>
+      fetch(getApiBaseUrl({ id: options.id, endpoint }), {
+        method: 'DELETE',
+        headers: headersFactory(),
+        body: payloadFactory(options.body),
+      })
+        .then(async (res) => {
+          return await res.json();
+        })
+        .then((res) => {
+          logger.info(res);
+          return resolve(res);
+        })
+        .catch((error) => {
+          logger.error(error);
+          return reject(error);
+        }),
+    ),
+};
+
+export { FileService };

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

@@ -0,0 +1,74 @@
+import { DefaultManagement } from '../default/default.management.js';
+import { UserService } from '../user/user.service.js';
+import { InstanceService } from './instance.service.js';
+
+const InstanceManagement = {
+  RenderTable: async ({ Elements }) => {
+    const user = Elements.Data.user.main.model.user;
+    const { role } = user;
+    let columnDefs = [
+      { field: 'host', headerName: 'host', editable: role === 'admin' },
+      { field: 'path', headerName: 'path', editable: role === 'admin' },
+      { field: 'createdAt', headerName: 'createdAt', cellDataType: 'date', editable: false },
+      { field: 'updatedAt', headerName: 'updatedAt', cellDataType: 'date', editable: false },
+    ];
+    switch (role) {
+      case 'admin':
+        {
+          columnDefs = columnDefs.concat([
+            { field: 'deployId', headerName: 'deployId', editable: role === 'admin' },
+            {
+              field: 'userId',
+              headerName: 'User',
+              children: [
+                {
+                  headerName: 'id',
+                  field: 'userId',
+                  editable: false,
+                },
+                {
+                  headerName: 'Email',
+                  field: 'userEmail',
+                  editable: role === 'admin',
+                },
+              ],
+            },
+          ]);
+        }
+        break;
+
+      default:
+        break;
+    }
+    return await DefaultManagement.RenderTable({
+      idModal: 'modal-instance-management',
+      serviceId: 'instance-management',
+      entity: 'instance',
+      permissions: {
+        add: role === 'admin',
+        remove: role === 'admin',
+      },
+      columnDefs,
+      customFormat: (obj) => {
+        return {
+          ...obj,
+          userId: obj.userId?._id ? obj.userId._id : undefined,
+          userEmail: obj.userId?.email ? obj.userId.email : undefined,
+        };
+      },
+      onRowValueChanged: async (...args) => {
+        const [event] = args;
+        const { data } = await UserService.get({ id: `email/${event.data.userEmail}` });
+        if (data) {
+          event.data.userId = data._id;
+          return { status: 'success', data: event.data };
+        }
+        return { status: 'error', message: 'user email not found' };
+      },
+      defaultColKeyFocus: 'host',
+      ServiceProvider: InstanceService,
+    });
+  },
+};
+
+export { InstanceManagement };

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

@@ -0,0 +1,89 @@
+import { Auth } from '../../components/core/Auth.js';
+import { loggerFactory } from '../../components/core/Logger.js';
+import { getApiBaseUrl, headersFactory, payloadFactory } from '../core/core.service.js';
+
+const logger = loggerFactory(import.meta);
+
+logger.info('Load service');
+
+const endpoint = 'instance';
+
+const InstanceService = {
+  post: (options = { id: '', body: {} }) =>
+    new Promise((resolve, reject) =>
+      fetch(getApiBaseUrl({ id: options.id, endpoint }), {
+        method: 'POST',
+        headers: headersFactory(),
+        body: payloadFactory(options.body),
+      })
+        .then(async (res) => {
+          return await res.json();
+        })
+        .then((res) => {
+          logger.info(res);
+          return resolve(res);
+        })
+        .catch((error) => {
+          logger.error(error);
+          return reject(error);
+        }),
+    ),
+  put: (options = { id: '', body: {} }) =>
+    new Promise((resolve, reject) =>
+      fetch(getApiBaseUrl({ id: options.id, endpoint }), {
+        method: 'PUT',
+        headers: headersFactory(),
+        body: payloadFactory(options.body),
+      })
+        .then(async (res) => {
+          return await res.json();
+        })
+        .then((res) => {
+          logger.info(res);
+          return resolve(res);
+        })
+        .catch((error) => {
+          logger.error(error);
+          return reject(error);
+        }),
+    ),
+  get: (options = { id: '', body: {} }) =>
+    new Promise((resolve, reject) =>
+      fetch(getApiBaseUrl({ id: options.id, endpoint }), {
+        method: 'GET',
+        headers: headersFactory(),
+      })
+        .then(async (res) => {
+          return await res.json();
+        })
+        .then((res) => {
+          logger.info(res);
+          return resolve(res);
+        })
+        .catch((error) => {
+          logger.error(error);
+          return reject(error);
+        }),
+    ),
+  delete: (options = { id: '', body: {} }) =>
+    new Promise((resolve, reject) =>
+      fetch(getApiBaseUrl({ id: options.id, endpoint }), {
+        method: 'DELETE',
+        headers: headersFactory(),
+        body: payloadFactory(options.body),
+      })
+        .then(async (res) => {
+          return await res.json();
+        })
+        .then((res) => {
+          logger.info(res);
+          return resolve(res);
+        })
+        .catch((error) => {
+          logger.error(error);
+          return reject(error);
+        }),
+    ),
+};
+
+export { InstanceService };

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

@@ -0,0 +1,70 @@
+import { Auth } from '../../components/core/Auth.js';
+import { loggerFactory } from '../../components/core/Logger.js';
+import { getApiBaseUrl, headersFactory, payloadFactory } from '../core/core.service.js';
+
+const logger = loggerFactory(import.meta);
+
+logger.info('Load service');
+
+const endpoint = 'test';
+
+const TestService = {
+  post: (options = { id: '', body: {} }) =>
+    new Promise((resolve, reject) =>
+      fetch(getApiBaseUrl({ id: options.id, endpoint }), {
+        method: 'POST',
+        headers: headersFactory(),
+        body: payloadFactory(options.body),
+      })
+        .then(async (res) => {
+          return await res.json();
+        })
+        .then((res) => {
+          logger.info(res);
+          return resolve(res);
+        })
+        .catch((error) => {
+          logger.error(error);
+          return reject(error);
+        }),
+    ),
+  get: (options = { id: '' }) =>
+    new Promise((resolve, reject) =>
+      fetch(getApiBaseUrl({ id: options.id, endpoint }), {
+        method: 'GET',
+        headers: headersFactory(),
+      })
+        .then(async (res) => {
+          return await res.json();
+        })
+        .then((res) => {
+          logger.info(res);
+          return resolve(res);
+        })
+        .catch((error) => {
+          logger.error(error);
+          return reject(error);
+        }),
+    ),
+  delete: (options = { id: '', body: {} }) =>
+    new Promise((resolve, reject) =>
+      fetch(getApiBaseUrl({ id: options.id, endpoint }), {
+        method: 'DELETE',
+        headers: headersFactory(),
+        body: payloadFactory(options.body),
+      })
+        .then(async (res) => {
+          return await res.json();
+        })
+        .then((res) => {
+          logger.info(res);
+          return resolve(res);
+        })
+        .catch((error) => {
+          logger.error(error);
+          return reject(error);
+        }),
+    ),
+};
+
+export { TestService };

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

@@ -0,0 +1,50 @@
+import { DefaultManagement } from '../default/default.management.js';
+import { UserService } from './user.service.js';
+
+const UserManagement = {
+  RenderTable: async ({ Elements }) => {
+    const user = Elements.Data.user.main.model.user;
+    const { role } = user;
+    return await DefaultManagement.RenderTable({
+      idModal: 'modal-user-management',
+      serviceId: 'user-management',
+      entity: 'user',
+      permissions: {
+        add: role === 'admin',
+        remove: role === 'admin',
+      },
+      columnDefs: [
+        { field: 'username', headerName: 'username', editable: role === 'admin' },
+        { field: 'email', headerName: 'email', editable: role === 'admin' },
+        { field: 'password', headerName: 'password', editable: role === 'admin' },
+        {
+          field: 'role',
+          headerName: 'role',
+          editable: role === 'admin',
+        },
+        {
+          field: 'emailConfirmed',
+          headerName: 'emailConfirmed',
+          cellDataType: 'boolean',
+          cellRendererParams: { disabled: true },
+          editable: role === 'admin',
+        },
+        {
+          field: 'createdAt',
+          headerName: 'createdAt',
+          cellDataType: 'date',
+          editable: false,
+        },
+        {
+          field: 'updatedAt',
+          headerName: 'updatedAt',
+          cellDataType: 'date',
+          editable: false,
+        },
+      ],
+      defaultColKeyFocus: 'username',
+      ServiceProvider: UserService,
+    });
+  },
+};
+export { UserManagement };

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

@@ -0,0 +1,89 @@
+import { Auth } from '../../components/core/Auth.js';
+import { loggerFactory } from '../../components/core/Logger.js';
+import { getApiBaseUrl, headersFactory, payloadFactory } from '../core/core.service.js';
+
+const logger = loggerFactory(import.meta);
+
+logger.info('Load service');
+
+const endpoint = 'user';
+
+const UserService = {
+  post: (options = { id: '', body: {} }) =>
+    new Promise((resolve, reject) =>
+      fetch(getApiBaseUrl({ id: options.id, endpoint }), {
+        method: 'POST',
+        headers: headersFactory(),
+        body: payloadFactory(options.body),
+      })
+        .then(async (res) => {
+          return await res.json();
+        })
+        .then((res) => {
+          logger.info(res);
+          return resolve(res);
+        })
+        .catch((error) => {
+          logger.error(error);
+          return reject(error);
+        }),
+    ),
+  get: (options = { id: '' }) =>
+    new Promise((resolve, reject) =>
+      fetch(getApiBaseUrl({ id: options.id, endpoint }), {
+        method: 'GET',
+        headers: headersFactory(),
+      })
+        .then(async (res) => {
+          return await res.json();
+        })
+        .then((res) => {
+          logger.info(res);
+          return resolve(res);
+        })
+        .catch((error) => {
+          logger.error(error);
+          return reject(error);
+        }),
+    ),
+  delete: (options = { id: '', body: {} }) =>
+    new Promise((resolve, reject) =>
+      fetch(getApiBaseUrl({ id: options.id, endpoint }), {
+        method: 'DELETE',
+        headers: headersFactory(),
+        body: payloadFactory(options.body),
+      })
+        .then(async (res) => {
+          return await res.json();
+        })
+        .then((res) => {
+          logger.info(res);
+          return resolve(res);
+        })
+        .catch((error) => {
+          logger.error(error);
+          return reject(error);
+        }),
+    ),
+  put: (options = { id: '', body: {}, headerId: '' }) =>
+    new Promise((resolve, reject) =>
+      fetch(getApiBaseUrl({ id: options.id, endpoint }), {
+        method: 'PUT',
+        headers: headersFactory(options.headerId),
+        body: payloadFactory(options.body),
+      })
+        .then(async (res) => {
+          return await res.json();
+        })
+        .then((res) => {
+          logger.info(res);
+          return resolve(res);
+        })
+        .catch((error) => {
+          logger.error(error);
+          return reject(error);
+        }),
+    ),
+};
+
+export { UserService };

package/src/client/ssr/Render.js

@@ -0,0 +1,16 @@
+Render = ({ title, ssrPath, buildId, ssrHeadComponents, ssrBodyComponents }) => html`
+  <!DOCTYPE html>
+  <html dir="ltr" lang="en">
+    <head>
+      <title>${title}</title>
+      <link rel="icon" type="image/x-icon" href="${ssrPath}favicon.ico" />
+      <meta charset="UTF-8" />
+      <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
+      ${ssrHeadComponents}
+    </head>
+    <body>
+      ${ssrBodyComponents}
+      <script async type="module" src="./${buildId}.js"></script>
+    </body>
+  </html>
+`;

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

@@ -0,0 +1,113 @@
+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.6.2</div>
+  `;
+};

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

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

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

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

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

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