cyberia 3.1.3 → 3.2.9

package/src/client/components/default/CssDefault.js

@@ -8,20 +8,20 @@ const CssCommonDefault = async () => {
   return html``;
 };
 
-const CssDefaultDark = {
-  theme: 'default-dark',
-  dark: true,
-  render: async () => {
+class CssDefaultDark {
+  static theme = 'default-dark';
+  static dark = true;
+  static render = async () => {
     return (await CssCommonDefault()) + html``;
-  },
-};
+  };
+}
 
-const CssDefaultLight = {
-  theme: 'default-light',
-  dark: false,
-  render: async () => {
+class CssDefaultLight {
+  static theme = 'default-light';
+  static dark = false;
+  static render = async () => {
     return (await CssCommonDefault()) + html``;
-  },
-};
+  };
+}
 
 export { CssDefaultDark, CssCommonDefault, CssDefaultLight };

package/src/client/components/default/LogInDefault.js

@@ -1,14 +1,16 @@
 import { Auth } from '../core/Auth.js';
 import { LogIn } from '../core/LogIn.js';
-import { ElementsDefault } from './ElementsDefault.js';
+import { AppStoreDefault } from './AppStoreDefault.js';
 
-const LogInDefault = async function () {
-  LogIn.Event['LogInDefault'] = async (options) => {
+class LogInDefault {
+  static async instance() {
+  LogIn.onLogin(async (options) => {
     const { token, user } = options;
-    ElementsDefault.Data.user.main.model.user = user;
-  };
+    AppStoreDefault.Data.user.main.model.user = user;
+  }, { key: 'LogInDefault' });
   const { user } = await Auth.sessionIn();
-  ElementsDefault.Data.user.main.model.user = user;
-};
+  AppStoreDefault.Data.user.main.model.user = user;
+  }
+}
 
 export { LogInDefault };

package/src/client/components/default/LogOutDefault.js

@@ -1,10 +1,12 @@
 import { LogOut } from '../core/LogOut.js';
-import { ElementsDefault } from './ElementsDefault.js';
+import { AppStoreDefault } from './AppStoreDefault.js';
 
-const LogOutDefault = async function () {
-  LogOut.Event['LogOutDefault'] = async (result = { user: { _id: '' } }) => {
-    ElementsDefault.Data.user.main.model.user = result.user;
-  };
-};
+class LogOutDefault {
+  static async instance() {
+  LogOut.onLogout(async (result = { user: { _id: '' } }) => {
+    AppStoreDefault.Data.user.main.model.user = result.user;
+  }, { key: 'LogOutDefault' });
+  }
+}
 
 export { LogOutDefault };

package/src/client/components/default/RouterDefault.js

@@ -0,0 +1,47 @@
+import { loggerFactory } from '../core/Logger.js';
+import { Modal } from '../core/Modal.js';
+import { s } from '../core/VanillaJs.js';
+
+const logger = loggerFactory(import.meta);
+
+const BannerAppTemplate = html`<strong class="inl" style="font-family: system-ui">PWA</strong>`;
+
+class RouterDefault {
+  static routes() {
+    return {
+      '/': {
+        title: 'Home',
+        render: () => Modal.onHomeRouterEvent(),
+      },
+      '/home': { title: 'home', render: () => Modal.onHomeRouterEvent() },
+      '/settings': { title: 'settings', render: () => s(`.main-btn-settings`).click() },
+      '/log-in': { title: 'log-in', render: () => s(`.main-btn-log-in`).click() },
+      '/sign-up': { title: 'sign-up', render: () => s(`.main-btn-sign-up`).click() },
+      '/log-out': {
+        title: 'log-out',
+        render: () => s(`.main-btn-log-out`).click(),
+      },
+      '/account': {
+        title: 'account',
+        render: () => s(`.main-btn-account`).click(),
+      },
+      '/docs': { title: 'docs', render: () => s(`.main-btn-docs`).click() },
+      '/chat': { title: 'docs', render: () => s(`.main-btn-chat`).click() },
+      '/blog': { title: 'docs', render: () => s(`.main-btn-blog`).click() },
+      '/recover': { title: 'recover', render: () => s(`.main-btn-recover`).click() },
+      '/default-management': {
+        title: 'default-management',
+        render: () => s(`.main-btn-default-management`).click(),
+      },
+      '/u': { title: 'public-profile', render: () => s(`.main-btn-public-profile`).click() },
+      '/404': { title: '404 Not Found', render: () => s(`.main-btn-404`).click() },
+      '/500': { title: '500 Server Error', render: () => s(`.main-btn-500`).click() },
+    };
+  }
+
+  static instance() {
+    return { Routes: RouterDefault.routes };
+  }
+}
+
+export { RouterDefault, BannerAppTemplate };

package/src/client/components/default/SettingsDefault.js

@@ -3,14 +3,14 @@ import { FullScreen } from '../core/FullScreen.js';
 import { Translate } from '../core/Translate.js';
 import { Worker } from '../core/Worker.js';
 
-const SettingsDefault = {
-  Render: async function () {
+class SettingsDefault {
+  static async instance() {
     let render = await FullScreen.RenderSetting();
     render += await Css.RenderSetting();
     render += await Translate.RenderSetting();
     render += await Worker.RenderSetting();
     return render;
-  },
-};
+  }
+}
 
 export { SettingsDefault };

package/src/client/components/default/SignUpDefault.js

@@ -1,9 +1,11 @@
 import { SignUp } from '../core/SignUp.js';
 
-const SignUpDefault = function () {
-  SignUp.Event['SignUpDefault'] = async (options) => {
+class SignUpDefault {
+  static instance() {
+  SignUp.onSignup(async (options) => {
     const { user } = options;
-  };
-};
+  }, { key: 'SignUpDefault' });
+  }
+}
 
 export { SignUpDefault };

package/src/client/components/default/SocketIoDefault.js

@@ -1,54 +1,6 @@
-import { Account } from '../core/Account.js';
-import { Chat } from '../core/Chat.js';
-import { s4 } from '../core/CommonJs.js';
-import { loggerFactory } from '../core/Logger.js';
-import { SocketIo } from '../core/SocketIo.js';
-import { s } from '../core/VanillaJs.js';
-import { ElementsDefault } from './ElementsDefault.js';
+import { SocketIoHandlerProvider } from '../core/SocketIoHandler.js';
+import { AppStoreDefault } from './AppStoreDefault.js';
 
-const logger = loggerFactory(import.meta);
-
-const SocketIoDefault = {
-  Init: function () {
-    return new Promise((resolve) => {
-      for (const type of Object.keys(ElementsDefault.Data)) {
-        SocketIo.Event[type][s4()] = async (args) => {
-          args = JSON.parse(args[0]);
-          switch (type) {
-            case 'chat':
-              {
-                const idModal = 'modal-chat';
-                if (s(`.${idModal}-chat-box`)) Chat.appendChatBox({ idModal, ...args });
-              }
-              break;
-
-            default:
-              break;
-          }
-          const { status } = args;
-
-          switch (status) {
-            case 'email-confirmed': {
-              const newUser = { ...ElementsDefault.Data.user.main.model.user, emailConfirmed: true };
-              Account.renderVerifyEmailStatus(newUser);
-              Account.triggerUpdateEvent({ user: newUser });
-              break;
-            }
-
-            default:
-              break;
-          }
-        };
-      }
-      SocketIo.Event.connect[s4()] = async (reason) => {
-        // ElementsDefault.Init({ type, id, element });
-      };
-      SocketIo.Event.disconnect[s4()] = async (reason) => {
-        // ElementsDefault.removeAll();
-      };
-      return resolve();
-    });
-  },
-};
+const SocketIoDefault = SocketIoHandlerProvider.create(AppStoreDefault);
 
 export { SocketIoDefault };

package/src/client/components/default/TranslateDefault.js

@@ -1,7 +1,7 @@
 import { Translate } from '../core/Translate.js';
 
-const TranslateDefault = {
-  Init: async function () {},
-};
+class TranslateDefault {
+  static async instance() {}
+}
 
 export { TranslateDefault };

package/src/client/components/itemledger/{MenuItemledger.js → AppShellItemledger.js}

@@ -10,128 +10,128 @@ import { SignUp } from '../core/SignUp.js';
 import { Translate } from '../core/Translate.js';
 import { htmls, s } from '../core/VanillaJs.js';
 import { getProxyPath } from '../core/Router.js';
-import { ElementsItemledger } from './ElementsItemledger.js';
+import { AppStoreItemledger } from './AppStoreItemledger.js';
 import Sortable from 'sortablejs';
-import { RouterItemledger, BannerAppTemplate } from './RoutesItemledger.js';
+import { RouterItemledger, BannerAppTemplate } from './RouterItemledger.js';
 import { SettingsItemledger } from './SettingsItemledger.js';
 import { Badge } from '../core/Badge.js';
 import { Docs } from '../core/Docs.js';
 import { Recover } from '../core/Recover.js';
 import { DefaultManagement } from '../../services/default/default.management.js';
 
-const MenuItemledger = {
-  Data: {},
-  Render: async function (options = { htmlMainBody: () => html`` }) {
-    const id = getId(this.Data, 'menu-');
-    this.Data[id] = {};
-    const RouterInstance = RouterItemledger();
+class AppShellItemledger {
+  static Data = {};
+  static async instance(options = { htmlMainBody: () => html`` }) {
+    const id = getId(AppShellItemledger.Data, 'menu-');
+    AppShellItemledger.Data[id] = {};
+    const RouterInstance = RouterItemledger.instance();
 
     const { barConfig } = await Themes[Css.currentTheme]();
 
     const badgeNotificationMenuStyle = { top: '-33px', left: '24px' };
     const barMode = undefined; // 'top-bottom-bar';
-    await Modal.Render({
+    await Modal.instance({
       id: 'modal-menu',
       html: html`
         <div class="fl menu-btn-container">
-          ${await BtnIcon.Render({
+          ${await BtnIcon.instance({
             class: 'in wfa main-btn-menu main-btn-home main-btn-menu-active',
             useMenuBtn: true,
             label: renderMenuLabel({
               icon: html`<img class="inl itemledger-menu-icon" src="${getProxyPath()}assets/ui-icons/home.png" />`,
-              text: html`<span class="menu-label-text">${Translate.Render('home')}</span>`,
+              text: html`<span class="menu-label-text">${Translate.instance('home')}</span>`,
             }),
             // style: 'display: none',
             attrs: `data-id="home"`,
             tabHref: `${getProxyPath()}`,
             handleContainerClass: 'handle-btn-container',
-            tooltipHtml: await Badge.Render(buildBadgeToolTipMenuOption('home')),
+            tooltipHtml: await Badge.instance(buildBadgeToolTipMenuOption('home')),
           })}
-          ${await BtnIcon.Render({
+          ${await BtnIcon.instance({
             class: 'in wfa main-btn-menu main-btn-log-in',
             useMenuBtn: true,
             label: renderMenuLabel({
               icon: html`<img class="inl itemledger-menu-icon" src="${getProxyPath()}assets/ui-icons/log-in.png" />`,
-              text: html`<span class="menu-label-text">${Translate.Render('log-in')}</span>`,
+              text: html`<span class="menu-label-text">${Translate.instance('log-in')}</span>`,
             }),
             attrs: `data-id="log-in"`,
             tabHref: `${getProxyPath()}log-in`,
             handleContainerClass: 'handle-btn-container',
-            tooltipHtml: await Badge.Render(buildBadgeToolTipMenuOption('log-in')),
+            tooltipHtml: await Badge.instance(buildBadgeToolTipMenuOption('log-in')),
           })}
-          ${await BtnIcon.Render({
+          ${await BtnIcon.instance({
             class: 'in wfa main-btn-menu main-btn-sign-up',
             useMenuBtn: true,
             label: renderMenuLabel({
               icon: html`<img class="inl itemledger-menu-icon" src="${getProxyPath()}assets/ui-icons/sign-up.png" />`,
-              text: html`<span class="menu-label-text">${Translate.Render('sign-up')}</span>`,
+              text: html`<span class="menu-label-text">${Translate.instance('sign-up')}</span>`,
             }),
             attrs: `data-id="sign-up"`,
             tabHref: `${getProxyPath()}sign-up`,
             handleContainerClass: 'handle-btn-container',
-            tooltipHtml: await Badge.Render(buildBadgeToolTipMenuOption('sign-up')),
+            tooltipHtml: await Badge.instance(buildBadgeToolTipMenuOption('sign-up')),
           })}
-          ${await BtnIcon.Render({
+          ${await BtnIcon.instance({
             class: 'in wfa main-btn-menu main-btn-log-out',
             useMenuBtn: true,
             label: renderMenuLabel({
               icon: html`<img class="inl itemledger-menu-icon" src="${getProxyPath()}assets/ui-icons/log-out.png" />`,
-              text: html`<span class="menu-label-text">${Translate.Render('log-out')}</span>`,
+              text: html`<span class="menu-label-text">${Translate.instance('log-out')}</span>`,
             }),
             attrs: `data-id="log-out"`,
             style: 'display: none',
             tabHref: `${getProxyPath()}log-out`,
             handleContainerClass: 'handle-btn-container',
-            tooltipHtml: await Badge.Render(buildBadgeToolTipMenuOption('log-out')),
+            tooltipHtml: await Badge.instance(buildBadgeToolTipMenuOption('log-out')),
           })}
-          ${await BtnIcon.Render({
+          ${await BtnIcon.instance({
             class: 'in wfa main-btn-menu main-btn-account',
             useMenuBtn: true,
             label: renderMenuLabel({
               icon: html`<img class="inl itemledger-menu-icon" src="${getProxyPath()}assets/ui-icons/account.png" />`,
-              text: html`<span class="menu-label-text">${Translate.Render('account')}</span>`,
+              text: html`<span class="menu-label-text">${Translate.instance('account')}</span>`,
             }),
             style: 'display: none',
             attrs: `data-id="account"`,
             tabHref: `${getProxyPath()}account`,
             handleContainerClass: 'handle-btn-container',
-            tooltipHtml: await Badge.Render(buildBadgeToolTipMenuOption('account')),
+            tooltipHtml: await Badge.instance(buildBadgeToolTipMenuOption('account')),
           })}
-          ${await BtnIcon.Render({
+          ${await BtnIcon.instance({
             class: 'in wfa main-btn-menu main-btn-settings',
             useMenuBtn: true,
             label: renderMenuLabel({
               icon: html`<img class="inl itemledger-menu-icon" src="${getProxyPath()}assets/ui-icons/settings.png" />`,
-              text: html`<span class="menu-label-text">${Translate.Render('settings')}</span>`,
+              text: html`<span class="menu-label-text">${Translate.instance('settings')}</span>`,
             }),
             attrs: `data-id="settings"`,
             tabHref: `${getProxyPath()}settings`,
             handleContainerClass: 'handle-btn-container',
-            tooltipHtml: await Badge.Render(buildBadgeToolTipMenuOption('settings')),
+            tooltipHtml: await Badge.instance(buildBadgeToolTipMenuOption('settings')),
           })}
-          ${await BtnIcon.Render({
+          ${await BtnIcon.instance({
             class: 'in wfa main-btn-menu main-btn-docs hide',
             useMenuBtn: true,
             label: renderMenuLabel({
               icon: html`<i class="fas fa-book"></i>`,
-              text: html`<span class="menu-label-text">${Translate.Render('docs')}</span>`,
+              text: html`<span class="menu-label-text">${Translate.instance('docs')}</span>`,
             }),
             attrs: `data-id="docs"`,
             tabHref: `${getProxyPath()}docs`,
             handleContainerClass: 'handle-btn-container',
-            tooltipHtml: await Badge.Render(buildBadgeToolTipMenuOption('docs')),
+            tooltipHtml: await Badge.instance(buildBadgeToolTipMenuOption('docs')),
           })}
-          ${await BtnIcon.Render({
+          ${await BtnIcon.instance({
             class: 'in wfa main-btn-menu main-btn-recover hide',
             useMenuBtn: true,
             label: renderMenuLabel({
               icon: html`<i class="fa-solid fa-arrow-rotate-left"></i>`,
-              text: html`<span class="menu-label-text">${Translate.Render('recover')}</span>`,
+              text: html`<span class="menu-label-text">${Translate.instance('recover')}</span>`,
             }),
             attrs: `data-id="recover"`,
             tabHref: `${getProxyPath()}recover`,
             handleContainerClass: 'handle-btn-container',
-            tooltipHtml: await Badge.Render(buildBadgeToolTipMenuOption('recover')),
+            tooltipHtml: await Badge.instance(buildBadgeToolTipMenuOption('recover')),
           })}
         </div>
       `,
@@ -152,7 +152,7 @@ const MenuItemledger = {
       searchCustomImgClass: 'itemledger-menu-icon',
     });
 
-    this.Data[id].sortable = new Sortable(s(`.menu-btn-container`), {
+    AppShellItemledger.Data[id].sortable = new Sortable(s(`.menu-btn-container`), {
       animation: 150,
       group: `menu-sortable`,
       forceFallback: true,
@@ -203,15 +203,15 @@ const MenuItemledger = {
 
     EventsUI.onClick(`.main-btn-sign-up`, async () => {
       const { barConfig } = await Themes[Css.currentTheme]();
-      await Modal.Render({
+      await Modal.instance({
         id: 'modal-sign-up',
         route: 'sign-up',
         barConfig,
         title: renderViewTitle({
           icon: html`<img class="inl itemledger-menu-icon-modal" src="${getProxyPath()}assets/ui-icons/sign-up.png" />`,
-          text: `<span class='inl itemledger-text-title-modal'>${Translate.Render('sign-up')}</span>`,
+          text: `<span class='inl itemledger-text-title-modal'>${Translate.instance('sign-up')}</span>`,
         }),
-        html: async () => await SignUp.Render({ idModal: 'modal-sign-up' }),
+        html: async () => await SignUp.instance({ idModal: 'modal-sign-up' }),
         handleType: 'bar',
         maximize: true,
         mode: 'view',
@@ -222,15 +222,15 @@ const MenuItemledger = {
 
     EventsUI.onClick(`.main-btn-log-out`, async () => {
       const { barConfig } = await Themes[Css.currentTheme]();
-      await Modal.Render({
+      await Modal.instance({
         id: 'modal-log-out',
         route: 'log-out',
         barConfig,
         title: renderViewTitle({
           icon: html`<img class="inl itemledger-menu-icon-modal" src="${getProxyPath()}assets/ui-icons/log-out.png" />`,
-          text: `<span class='inl itemledger-text-title-modal'>${Translate.Render('log-out')}</span>`,
+          text: `<span class='inl itemledger-text-title-modal'>${Translate.instance('log-out')}</span>`,
         }),
-        html: async () => await LogOut.Render(),
+        html: async () => await LogOut.instance(),
         handleType: 'bar',
         maximize: true,
         mode: 'view',
@@ -241,15 +241,15 @@ const MenuItemledger = {
 
     EventsUI.onClick(`.main-btn-log-in`, async () => {
       const { barConfig } = await Themes[Css.currentTheme]();
-      await Modal.Render({
+      await Modal.instance({
         id: 'modal-log-in',
         route: 'log-in',
         barConfig,
         title: renderViewTitle({
           icon: html`<img class="inl itemledger-menu-icon-modal" src="${getProxyPath()}assets/ui-icons/log-in.png" />`,
-          text: `<span class='inl itemledger-text-title-modal'>${Translate.Render('log-in')}</span>`,
+          text: `<span class='inl itemledger-text-title-modal'>${Translate.instance('log-in')}</span>`,
         }),
-        html: async () => await LogIn.Render(),
+        html: async () => await LogIn.instance(),
         handleType: 'bar',
         maximize: true,
         mode: 'view',
@@ -260,18 +260,18 @@ const MenuItemledger = {
 
     EventsUI.onClick(`.main-btn-account`, async () => {
       const { barConfig } = await Themes[Css.currentTheme]();
-      await Modal.Render({
+      await Modal.instance({
         id: 'modal-account',
         route: 'account',
         barConfig,
         title: renderViewTitle({
           icon: html`<img class="inl itemledger-menu-icon-modal" src="${getProxyPath()}assets/ui-icons/account.png" />`,
-          text: `<span class='inl itemledger-text-title-modal'>${Translate.Render('account')}</span>`,
+          text: `<span class='inl itemledger-text-title-modal'>${Translate.instance('account')}</span>`,
         }),
         html: async () =>
-          await Account.Render({
+          await Account.instance({
             idModal: 'modal-account',
-            user: ElementsItemledger.Data.user.main.model.user,
+            user: AppStoreItemledger.Data.user.main.model.user,
             disabled: [],
           }),
         handleType: 'bar',
@@ -284,7 +284,7 @@ const MenuItemledger = {
 
     EventsUI.onClick(`.main-btn-settings`, async () => {
       const { barConfig } = await Themes[Css.currentTheme]();
-      await Modal.Render({
+      await Modal.instance({
         id: 'modal-settings',
         route: 'settings',
         barConfig,
@@ -293,9 +293,9 @@ const MenuItemledger = {
             class="inl itemledger-menu-icon-modal"
             src="${getProxyPath()}assets/ui-icons/settings.png"
           />`,
-          text: `<span class='inl itemledger-text-title-modal'>${Translate.Render('settings')}</span>`,
+          text: `<span class='inl itemledger-text-title-modal'>${Translate.instance('settings')}</span>`,
         }),
-        html: async () => await SettingsItemledger.Render({ idModal: 'modal-settings' }),
+        html: async () => await SettingsItemledger.instance({ idModal: 'modal-settings' }),
         handleType: 'bar',
         maximize: true,
         mode: 'view',
@@ -306,16 +306,16 @@ const MenuItemledger = {
 
     EventsUI.onClick(`.main-btn-docs`, async () => {
       const { barConfig } = await Themes[Css.currentTheme]();
-      await Modal.Render({
+      await Modal.instance({
         id: 'modal-docs',
         route: 'docs',
         barConfig,
         title: renderViewTitle({
           icon: html`<i class="fas fa-book"></i>`,
-          text: Translate.Render('docs'),
+          text: Translate.instance('docs'),
         }),
         html: async () =>
-          await Docs.Init({
+          await Docs.instance({
             idModal: 'modal-docs',
           }),
         handleType: 'bar',
@@ -330,16 +330,16 @@ const MenuItemledger = {
 
     EventsUI.onClick(`.main-btn-recover`, async () => {
       const { barConfig } = await Themes[Css.currentTheme]();
-      await Modal.Render({
+      await Modal.instance({
         id: 'modal-recover',
         route: 'recover',
         barConfig,
         title: renderViewTitle({
           icon: html`<i class="fa-solid fa-arrow-rotate-left"></i>`,
-          text: Translate.Render('recover'),
+          text: Translate.instance('recover'),
         }),
         html: async () =>
-          await Recover.Render({ idModal: 'modal-recover', user: ElementsItemledger.Data.user.main.model.user }),
+          await Recover.instance({ idModal: 'modal-recover', user: AppStoreItemledger.Data.user.main.model.user }),
         handleType: 'bar',
         maximize: true,
         mode: 'view',
@@ -347,7 +347,7 @@ const MenuItemledger = {
         RouterInstance,
       });
     });
-  },
-};
+  }
+}
 
-export { MenuItemledger };
+export { AppShellItemledger };

package/src/client/components/itemledger/AppStoreItemledger.js

@@ -0,0 +1,5 @@
+import { AppStore } from '../core/AppStore.js';
+
+const AppStoreItemledger = AppStore.create();
+
+export { AppStoreItemledger };

package/src/client/components/itemledger/CssItemledger.js

@@ -153,11 +153,11 @@ const CssCommonItemledger = async () => {
     <div class="ag-grid-style"></div>`;
 };
 
-const CssItemledgerDark = {
-  theme: 'itemledger-dark',
-  dark: true,
-  barButtonsIconTheme: 'img',
-  render: async () => {
+class CssItemledgerDark {
+  static theme = 'itemledger-dark';
+  static dark = true;
+  static barButtonsIconTheme = 'img';
+  static render = async () => {
     return (
       (await CssCommonItemledger()) +
       html`
@@ -177,14 +177,14 @@ const CssItemledgerDark = {
         ${borderChar(2, `#24FBFFFF`, ['.default-slide-menu-top-bar-fix-title-container-text'])}
       `
     );
-  },
-};
-
-const CssItemledgerLight = {
-  theme: 'itemledger-light',
-  dark: false,
-  barButtonsIconTheme: 'img',
-  render: async () => {
+  };
+}
+
+class CssItemledgerLight {
+  static theme = 'itemledger-light';
+  static dark = false;
+  static barButtonsIconTheme = 'img';
+  static render = async () => {
     return (
       (await CssCommonItemledger()) +
       html`
@@ -206,7 +206,7 @@ const CssItemledgerLight = {
         ${borderChar(1, `#010101`, ['button', '.a-btn'], true)}
       `
     );
-  },
-};
+  };
+}
 
 export { CssItemledgerDark, CssCommonItemledger, CssItemledgerLight };

package/src/client/components/itemledger/LogInItemledger.js

@@ -1,15 +1,17 @@
 import { Auth } from '../core/Auth.js';
 import { LogIn } from '../core/LogIn.js';
-import { ElementsItemledger } from './ElementsItemledger.js';
+import { AppStoreItemledger } from './AppStoreItemledger.js';
 
-const LogInItemledger = async function () {
-  LogIn.Event['LogInItemledger'] = async (options) => {
+class LogInItemledger {
+  static async instance() {
+  LogIn.onLogin(async (options) => {
     const { token, user } = options;
 
-    ElementsItemledger.Data.user.main.model.user = user;
-  };
+    AppStoreItemledger.Data.user.main.model.user = user;
+  }, { key: 'LogInItemledger' });
   const { user } = await Auth.sessionIn();
-  ElementsItemledger.Data.user.main.model.user = user;
-};
+  AppStoreItemledger.Data.user.main.model.user = user;
+  }
+}
 
 export { LogInItemledger };

package/src/client/components/itemledger/LogOutItemledger.js

@@ -1,10 +1,12 @@
 import { LogOut } from '../core/LogOut.js';
-import { ElementsItemledger } from './ElementsItemledger.js';
+import { AppStoreItemledger } from './AppStoreItemledger.js';
 
-const LogOutItemledger = async function () {
-  LogOut.Event['LogOutItemledger'] = async (result = { user: { _id: '' } }) => {
-    ElementsItemledger.Data.user.main.model.user = result.user;
-  };
-};
+class LogOutItemledger {
+  static async instance() {
+  LogOut.onLogout(async (result = { user: { _id: '' } }) => {
+    AppStoreItemledger.Data.user.main.model.user = result.user;
+  }, { key: 'LogOutItemledger' });
+  }
+}
 
 export { LogOutItemledger };