underpost 3.2.5 → 3.2.8

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

@@ -1,15 +1,11 @@
 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 = 'default';
-
-const DefaultService = {
-  post: (options = { id: '', body: {} }) =>
+class DefaultService {
+  static post = (options = { id: '', body: {} }) =>
     new Promise((resolve, reject) =>
       fetch(getApiBaseUrl({ id: options.id, endpoint }), {
         method: 'POST',
@@ -28,8 +24,8 @@ const DefaultService = {
           logger.error(error);
           return reject(error);
         }),
-    ),
-  put: (options = { id: '', body: {} }) =>
+    );
+  static put = (options = { id: '', body: {} }) =>
     new Promise((resolve, reject) =>
       fetch(getApiBaseUrl({ id: options.id, endpoint }), {
         method: 'PUT',
@@ -48,8 +44,8 @@ const DefaultService = {
           logger.error(error);
           return reject(error);
         }),
-    ),
-  get: (options = {}) => {
+    );
+  static get = (options = {}) => {
     const { id, page, limit, filterModel, sortModel, sort, asc, order } = options;
     const url = buildQueryUrl(getApiBaseUrl({ id, endpoint }), {
       page,
@@ -60,7 +56,6 @@ const DefaultService = {
       asc,
       order,
     });
-
     return new Promise((resolve, reject) =>
       fetch(url.toString(), {
         method: 'GET',
@@ -79,8 +74,8 @@ const DefaultService = {
           return reject(error);
         }),
     );
-  },
-  delete: (options = { id: '', body: {} }) =>
+  };
+  static delete = (options = { id: '', body: {} }) =>
     new Promise((resolve, reject) =>
       fetch(getApiBaseUrl({ id: options.id, endpoint }), {
         method: 'DELETE',
@@ -99,7 +94,6 @@ const DefaultService = {
           logger.error(error);
           return reject(error);
         }),
-    ),
-};
-
+    );
+}
 export { DefaultService };

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

@@ -1,15 +1,11 @@
 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 = 'document';
-
-const DocumentService = {
-  post: (options = { id: '', body: {} }) =>
+class DocumentService {
+  static post = (options = { id: '', body: {} }) =>
     new Promise((resolve, reject) =>
       fetch(getApiBaseUrl({ id: options.id, endpoint }), {
         method: 'POST',
@@ -28,8 +24,8 @@ const DocumentService = {
           logger.error(error);
           return reject(error);
         }),
-    ),
-  get: (options = { id: '' }) =>
+    );
+  static get = (options = { id: '' }) =>
     new Promise((resolve, reject) => {
       const url = new URL(getApiBaseUrl({ id: options.id, endpoint }));
       if (options.params) {
@@ -51,8 +47,8 @@ const DocumentService = {
           logger.error(error);
           return reject(error);
         });
-    }),
-  delete: (options = { id: '', body: {} }) =>
+    });
+  static delete = (options = { id: '', body: {} }) =>
     new Promise((resolve, reject) =>
       fetch(getApiBaseUrl({ id: options.id, endpoint }), {
         method: 'DELETE',
@@ -71,8 +67,8 @@ const DocumentService = {
           logger.error(error);
           return reject(error);
         }),
-    ),
-  put: (options = { id: '', body: {} }) =>
+    );
+  static put = (options = { id: '', body: {} }) =>
     new Promise((resolve, reject) =>
       fetch(getApiBaseUrl({ id: options.id, endpoint }), {
         method: 'PUT',
@@ -91,8 +87,8 @@ const DocumentService = {
           logger.error(error);
           return reject(error);
         }),
-    ),
-  patch: (options = { id: '', action: '' }) =>
+    );
+  static patch = (options = { id: '', action: '' }) =>
     new Promise((resolve, reject) =>
       fetch(getApiBaseUrl({ id: `${options.id}/${options.action}`, endpoint }), {
         method: 'PATCH',
@@ -110,8 +106,8 @@ const DocumentService = {
           logger.error(error);
           return reject(error);
         }),
-    ),
-  high: (options = { params: {} }) =>
+    );
+  static high = (options = { params: {} }) =>
     new Promise((resolve, reject) => {
       const url = new URL(getApiBaseUrl({ id: 'public/high', endpoint }));
       if (options.params) {
@@ -133,7 +129,6 @@ const DocumentService = {
           logger.error(error);
           return reject(error);
         });
-    }),
-};
-
+    });
+}
 export { DocumentService };

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

@@ -1,15 +1,11 @@
 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' }) =>
+class FileService {
+  static post = (options = { id: '', body: {}, headerId: 'file' }) =>
     new Promise((resolve, reject) =>
       fetch(getApiBaseUrl({ id: options.id, endpoint }), {
         method: 'POST',
@@ -27,8 +23,8 @@ const FileService = {
           logger.error(error);
           return reject(error);
         }),
-    ),
-  get: (options = { id: '' }) =>
+    );
+  static get = (options = { id: '' }) =>
     new Promise((resolve, reject) => {
       // Handle blob endpoint - fetch binary data directly
       if (options.id && options.id.startsWith('blob/')) {
@@ -73,8 +69,8 @@ const FileService = {
             return reject(error);
           });
       }
-    }),
-  delete: (options = { id: '', body: {} }) =>
+    });
+  static delete = (options = { id: '', body: {} }) =>
     new Promise((resolve, reject) =>
       fetch(getApiBaseUrl({ id: options.id, endpoint }), {
         method: 'DELETE',
@@ -93,7 +89,6 @@ const FileService = {
           logger.error(error);
           return reject(error);
         }),
-    ),
-};
-
+    );
+}
 export { FileService };

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

@@ -1,15 +1,11 @@
 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: {} }) =>
+class TestService {
+  static post = (options = { id: '', body: {} }) =>
     new Promise((resolve, reject) =>
       fetch(getApiBaseUrl({ id: options.id, endpoint }), {
         method: 'POST',
@@ -28,8 +24,8 @@ const TestService = {
           logger.error(error);
           return reject(error);
         }),
-    ),
-  get: (options = { id: '' }) =>
+    );
+  static get = (options = { id: '' }) =>
     new Promise((resolve, reject) =>
       fetch(getApiBaseUrl({ id: options.id, endpoint }), {
         method: 'GET',
@@ -47,8 +43,8 @@ const TestService = {
           logger.error(error);
           return reject(error);
         }),
-    ),
-  delete: (options = { id: '', body: {} }) =>
+    );
+  static delete = (options = { id: '', body: {} }) =>
     new Promise((resolve, reject) =>
       fetch(getApiBaseUrl({ id: options.id, endpoint }), {
         method: 'DELETE',
@@ -67,7 +63,6 @@ const TestService = {
           logger.error(error);
           return reject(error);
         }),
-    ),
-};
-
+    );
+}
 export { TestService };

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

@@ -0,0 +1,79 @@
+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',
+    });
+  }
+}
+
+const db = new SessionMetaDb();
+
+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 db.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 db.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/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>
+`;

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

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

package/src/client/ssr/offline/Maintenance.js

@@ -15,7 +15,7 @@ const main = () => {
         es: 'El servidor está en mantenimiento <br> volveremos pronto.',
       },
     },
-    Render: function (id) {
+    instance: function (id) {
       return this.Data[id][getLang()] ? this.Data[id][getLang()] : this.Data[id]['en'];
     },
   };
@@ -47,17 +47,18 @@ const main = () => {
       <div class="abs center" style="top: 45%">
         ${icon}
         <br />
-        <br />${Translate.Render('server-maintenance')}
+        <br />${Translate.instance('server-maintenance')}
       </div>`,
   );
 };
 
-SrrComponent = () => html`<script>
-  {
-    const s = ${s};
-    const append = ${append};
-    const getLang = ${getLang};
-    const main = ${main};
-    window.onload = main;
-  }
-</script>`;
+SrrComponent = () =>
+  html`<script>
+    {
+      const s = ${s};
+      const append = ${append};
+      const getLang = ${getLang};
+      const main = ${main};
+      window.onload = main;
+    }
+  </script>`;