cyberia 3.1.3 → 3.2.9

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,86 @@
+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',
+    });
+  }
+}
+
+// Lazy singleton — avoids opening IndexedDB at module-load time.
+// Firefox is measurably slower at IDB open than Chromium; deferring the
+// open until first actual read/write eliminates that latency from page startup.
+let _db = null;
+const getDb = () => {
+  if (!_db) _db = new SessionMetaDb();
+  return _db;
+};
+
+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 getDb().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 getDb().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 ({ Elements }) => {
-    const user = Elements.Data.user.main.model.user;
+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/body/UnderpostDefaultSplashScreen.js

@@ -54,13 +54,19 @@ SrrComponent = ({ backgroundImage }) => 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>
@@ -70,9 +76,10 @@ SrrComponent = ({ backgroundImage }) => html`
       ${new Array(6)
         .fill()
         .map(
-          (v, i) => html`<div class="ssr-abs ssr-btn ssr-btn-${i}">
-            <div class="ssr-shimmer-dark"></div>
-          </div>`,
+          (v, i) =>
+            html`<div class="ssr-abs ssr-btn ssr-btn-${i}">
+              <div class="ssr-shimmer-dark"></div>
+            </div>`,
         )
         .join('')}