@underpostnet/underpost 2.7.82

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,237 @@
+Render = ({ title, ssrPath, buildId, ssrHeadComponents, ssrBodyComponents, baseSsrLib }) => 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>
+      <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

@@ -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

@@ -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 };