@underpostnet/underpost 2.7.9

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