cyberia 3.1.3 → 3.2.5

package/src/client/components/cyberia-portal/LogOutCyberiaPortal.js

@@ -1,11 +1,11 @@
 import { LogOut } from '../core/LogOut.js';
 import { s } from '../core/VanillaJs.js';
-import { ElementsCyberiaPortal } from './ElementsCyberiaPortal.js';
+import { AppStoreCyberiaPortal } from './AppStoreCyberiaPortal.js';
 import { ObjectLayerManagement } from '../../services/object-layer/object-layer.management.js';
 
 const LogOutCyberiaPortal = async function () {
   LogOut.Event['LogOutCyberiaPortal'] = async (result = { user: { _id: '' } }) => {
-    ElementsCyberiaPortal.Data.user.main.model.user = result.user;
+    AppStoreCyberiaPortal.Data.user.main.model.user = result.user;
     s(`.main-btn-admin`).classList.add('hide');
     await ObjectLayerManagement.Reload('viewer');
   };

package/src/client/components/cyberia-portal/MenuCyberiaPortal.js

@@ -18,7 +18,7 @@ import { SignUp } from '../core/SignUp.js';
 import { Translate } from '../core/Translate.js';
 import { htmls, s } from '../core/VanillaJs.js';
 import { getProxyPath, setQueryParams } from '../core/Router.js';
-import { ElementsCyberiaPortal } from './ElementsCyberiaPortal.js';
+import { AppStoreCyberiaPortal } from './AppStoreCyberiaPortal.js';
 import Sortable from 'sortablejs';
 import { RouterCyberiaPortal, BannerAppTemplate } from './RoutesCyberiaPortal.js';
 import { SettingsCyberiaPortal } from './SettingsCyberiaPortal.js';
@@ -30,6 +30,7 @@ import { ObjectLayerEngineViewer } from '../cyberia/ObjectLayerEngineViewer.js';
 import { ObjectLayerManagement } from '../../services/object-layer/object-layer.management.js';
 import { MainBodyCyberiaPortal } from './MainBodyCyberiaPortal.js';
 import { MapEngineCyberia } from '../cyberia/MapEngineCyberia.js';
+import { InstanceEngineCyberia } from '../cyberia/InstanceEngineCyberia.js';
 
 const MenuCyberiaPortal = {
   Data: {},
@@ -236,6 +237,18 @@ const MenuCyberiaPortal = {
             handleContainerClass: 'handle-btn-container',
             tooltipHtml: await Badge.Render(buildBadgeToolTipMenuOption('cyberia-map-engine')),
           })}
+          ${await BtnIcon.Render({
+            class: 'in wfa main-btn-menu main-btn-cyberia-instance-engine',
+            useMenuBtn: true,
+            label: renderMenuLabel({
+              icon: html`<img class="inl cyberia-menu-icon" src="${getProxyPath()}assets/ui-icons/engine.png" />`,
+              text: html`<span class="menu-label-text">${Translate.Render('cyberia-instance-engine')}</span>`,
+            }),
+            attrs: `data-id="cyberia-instance-engine"`,
+            tabHref: `${getProxyPath()}cyberia-instance-engine`,
+            handleContainerClass: 'handle-btn-container',
+            tooltipHtml: await Badge.Render(buildBadgeToolTipMenuOption('cyberia-instance-engine')),
+          })}
         </div>
       `,
       // htmlMainBody: async () => {
@@ -411,7 +424,7 @@ const MenuCyberiaPortal = {
         html: async () =>
           await Account.Render({
             idModal: 'modal-account',
-            user: ElementsCyberiaPortal.Data.user.main.model.user,
+            user: AppStoreCyberiaPortal.Data.user.main.model.user,
             disabled: [],
           }),
         handleType: 'bar',
@@ -533,7 +546,7 @@ const MenuCyberiaPortal = {
           text: `<span class='inl cyberia-text-title-modal'>${Translate.Render('recover')}</span>`,
         }),
         html: async () =>
-          await Recover.Render({ idModal: 'modal-recover', user: ElementsCyberiaPortal.Data.user.main.model.user }),
+          await Recover.Render({ idModal: 'modal-recover', user: AppStoreCyberiaPortal.Data.user.main.model.user }),
         handleType: 'bar',
         maximize: true,
         mode: 'view',
@@ -555,7 +568,7 @@ const MenuCyberiaPortal = {
         html: async () =>
           await ObjectLayerEngineModal.Render({
             idModal: 'modal-object-layer-engine',
-            Elements: ElementsCyberiaPortal,
+            appStore: AppStoreCyberiaPortal,
           }),
         handleType: 'bar',
         maximize: true,
@@ -577,7 +590,7 @@ const MenuCyberiaPortal = {
         }),
         html: async () =>
           ObjectLayerManagement.RenderTable({
-            Elements: ElementsCyberiaPortal,
+            appStore: AppStoreCyberiaPortal,
           }),
         handleType: 'bar',
         maximize: true,
@@ -600,7 +613,7 @@ const MenuCyberiaPortal = {
         }),
         html: async () =>
           ObjectLayerEngineViewer.Render({
-            Elements: ElementsCyberiaPortal,
+            appStore: AppStoreCyberiaPortal,
           }),
         handleType: 'bar',
         maximize: true,
@@ -621,7 +634,27 @@ const MenuCyberiaPortal = {
           icon: html`<img class="inl cyberia-menu-icon-modal" src="${getProxyPath()}assets/ui-icons/engine.png" />`,
           text: `<span class='inl cyberia-text-title-modal'>${Translate.Render('cyberia-map-engine')}</span>`,
         }),
-        html: async () => await MapEngineCyberia.render(),
+        html: async () => await MapEngineCyberia.render({ appStore: AppStoreCyberiaPortal }),
+        handleType: 'bar',
+        maximize: true,
+        mode: 'view',
+        slideMenu: 'modal-menu',
+        RouterInstance,
+        observer: true,
+      });
+    });
+
+    EventsUI.onClick(`.main-btn-cyberia-instance-engine`, async () => {
+      const { barConfig } = await Themes[Css.currentTheme]();
+      await Modal.Render({
+        id: 'modal-cyberia-instance-engine',
+        route: 'cyberia-instance-engine',
+        barConfig,
+        title: renderViewTitle({
+          icon: html`<img class="inl cyberia-menu-icon-modal" src="${getProxyPath()}assets/ui-icons/engine.png" />`,
+          text: `<span class='inl cyberia-text-title-modal'>${Translate.Render('cyberia-instance-engine')}</span>`,
+        }),
+        html: async () => await InstanceEngineCyberia.render({ appStore: AppStoreCyberiaPortal }),
         handleType: 'bar',
         maximize: true,
         mode: 'view',

package/src/client/components/cyberia-portal/RoutesCyberiaPortal.js

@@ -45,6 +45,10 @@ const RoutesCyberiaPortal = () => {
       title: 'cyberia-map-engine',
       render: () => s(`.main-btn-cyberia-map-engine`).click(),
     },
+    '/cyberia-instance-engine': {
+      title: 'cyberia-instance-engine',
+      render: () => s(`.main-btn-cyberia-instance-engine`).click(),
+    },
     '/docs': { title: 'docs', render: () => s(`.main-btn-docs`).click() },
   };
 };

package/src/client/components/cyberia-portal/SocketIoCyberiaPortal.js

@@ -1,52 +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 { ElementsCyberiaPortal } from './ElementsCyberiaPortal.js';
+import { SocketIoHandlerProvider } from '../core/SocketIoHandler.js';
+import { AppStoreCyberiaPortal } from './AppStoreCyberiaPortal.js';
 
-const logger = loggerFactory(import.meta);
-
-const SocketIoCyberiaPortal = {
-  Init: function () {
-    return new Promise((resolve) => {
-      for (const type of Object.keys(ElementsCyberiaPortal.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;
-          }
-          // logger.info('ws on event', args);
-          const { id, element, status } = args;
-          switch (status) {
-            case 'email-confirmed':
-              const newUser = { ...ElementsCyberiaPortal.Data.user.main.model.user, emailConfirmed: true };
-              Account.renderVerifyEmailStatus(newUser);
-              Account.triggerUpdateEvent({ user: newUser });
-              break;
-            default:
-              break;
-          }
-        };
-      }
-      SocketIo.Event.connect[s4()] = async (reason) => {
-        // ElementsCyberiaPortal.Init({ type, id, element });
-      };
-      SocketIo.Event.disconnect[s4()] = async (reason) => {
-        // ElementsCyberiaPortal.removeAll();
-      };
-      return resolve();
-    });
-  },
-};
+const SocketIoCyberiaPortal = SocketIoHandlerProvider.create(AppStoreCyberiaPortal);
 
 export { SocketIoCyberiaPortal };

package/src/client/components/cyberia-portal/TranslateCyberiaPortal.js

@@ -18,6 +18,10 @@ const TranslateCyberiaPortal = {
       en: 'Cyberia Map Engine',
       es: 'Cyberia Map Engine',
     };
+    Translate.Data['cyberia-instance-engine'] = {
+      en: 'Cyberia Instance Engine',
+      es: 'Cyberia Instance Engine',
+    };
   },
 };
 

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

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

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

@@ -1,14 +1,14 @@
 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) => {
     const { token, user } = options;
-    ElementsDefault.Data.user.main.model.user = user;
+    AppStoreDefault.Data.user.main.model.user = user;
   };
   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,9 +1,9 @@
 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;
+    AppStoreDefault.Data.user.main.model.user = result.user;
   };
 };
 

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

@@ -10,7 +10,7 @@ import { SignUp } from '../core/SignUp.js';
 import { Translate } from '../core/Translate.js';
 import { htmls, s } from '../core/VanillaJs.js';
 import { extractUsernameFromPath, getProxyPath, getQueryParams } from '../core/Router.js';
-import { ElementsDefault } from './ElementsDefault.js';
+import { AppStoreDefault } from './AppStoreDefault.js';
 import Sortable from 'sortablejs';
 import { RouterDefault, BannerAppTemplate } from './RoutesDefault.js';
 import { SettingsDefault } from './SettingsDefault.js';
@@ -551,7 +551,7 @@ const MenuDefault = {
         html: async () =>
           await Account.Render({
             idModal: 'modal-account',
-            user: ElementsDefault.Data.user.main.model.user,
+            user: AppStoreDefault.Data.user.main.model.user,
             disabled: [],
           }),
         handleType: 'bar',
@@ -565,7 +565,7 @@ const MenuDefault = {
     EventsUI.onClick(`.main-btn-public-profile`, async () => {
       const { barConfig } = await Themes[Css.currentTheme]();
       const idModal = 'modal-public-profile';
-      const user = ElementsDefault.Data.user.main.model.user;
+      const user = AppStoreDefault.Data.user.main.model.user;
 
       // Check if modal already exists
       const existingModal = s(`.${idModal}`);
@@ -635,7 +635,7 @@ const MenuDefault = {
           text: Translate.Render('recover'),
         }),
         html: async () =>
-          await Recover.Render({ idModal: 'modal-recover', user: ElementsDefault.Data.user.main.model.user }),
+          await Recover.Render({ idModal: 'modal-recover', user: AppStoreDefault.Data.user.main.model.user }),
         handleType: 'bar',
         maximize: true,
         mode: 'view',
@@ -723,7 +723,7 @@ const MenuDefault = {
             await PanelForm.instance({
               idPanel: 'default-blog',
               defaultUrlImage: `${getProxyPath()}android-chrome-96x96.png`,
-              Elements: ElementsDefault,
+              appStore: AppStoreDefault,
               parentIdModal: idModal,
               scrollClassContainer: `html-${idModal}`,
               route: routeModal,

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/itemledger/AppStoreItemledger.js

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

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

@@ -1,15 +1,15 @@
 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) => {
     const { token, user } = options;
 
-    ElementsItemledger.Data.user.main.model.user = user;
+    AppStoreItemledger.Data.user.main.model.user = user;
   };
   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,9 +1,9 @@
 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;
+    AppStoreItemledger.Data.user.main.model.user = result.user;
   };
 };
 

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

@@ -10,7 +10,7 @@ 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 { SettingsItemledger } from './SettingsItemledger.js';
@@ -271,7 +271,7 @@ const MenuItemledger = {
         html: async () =>
           await Account.Render({
             idModal: 'modal-account',
-            user: ElementsItemledger.Data.user.main.model.user,
+            user: AppStoreItemledger.Data.user.main.model.user,
             disabled: [],
           }),
         handleType: 'bar',
@@ -339,7 +339,7 @@ const MenuItemledger = {
           text: Translate.Render('recover'),
         }),
         html: async () =>
-          await Recover.Render({ idModal: 'modal-recover', user: ElementsItemledger.Data.user.main.model.user }),
+          await Recover.Render({ idModal: 'modal-recover', user: AppStoreItemledger.Data.user.main.model.user }),
         handleType: 'bar',
         maximize: true,
         mode: 'view',

package/src/client/components/itemledger/SocketIoItemledger.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 { ElementsItemledger } from './ElementsItemledger.js';
+import { SocketIoHandlerProvider } from '../core/SocketIoHandler.js';
+import { AppStoreItemledger } from './AppStoreItemledger.js';
 
-const logger = loggerFactory(import.meta);
-
-const SocketIoItemledger = {
-  Init: function () {
-    return new Promise((resolve) => {
-      for (const type of Object.keys(ElementsItemledger.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;
-
-            itemledger:
-              break;
-          }
-          const { status } = args;
-
-          switch (status) {
-            case 'email-confirmed': {
-              const newUser = { ...ElementsItemledger.Data.user.main.model.user, emailConfirmed: true };
-              Account.renderVerifyEmailStatus(newUser);
-              Account.triggerUpdateEvent({ user: newUser });
-              break;
-            }
-
-            itemledger:
-              break;
-          }
-        };
-      }
-      SocketIo.Event.connect[s4()] = async (reason) => {
-        // ElementsItemledger.Init({ type, id, element });
-      };
-      SocketIo.Event.disconnect[s4()] = async (reason) => {
-        // ElementsItemledger.removeAll();
-      };
-      return resolve();
-    });
-  },
-};
+const SocketIoItemledger = SocketIoHandlerProvider.create(AppStoreItemledger);
 
 export { SocketIoItemledger };

package/src/client/components/underpost/AppStoreUnderpost.js

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

package/src/client/components/underpost/LogInUnderpost.js

@@ -1,6 +1,6 @@
 import { Auth } from '../core/Auth.js';
 import { LogIn } from '../core/LogIn.js';
-import { ElementsUnderpost } from './ElementsUnderpost.js';
+import { AppStoreUnderpost } from './AppStoreUnderpost.js';
 import { PanelForm } from '../core/PanelForm.js';
 import { RouterReady } from '../core/Router.js';
 import { s } from '../core/VanillaJs.js';
@@ -10,14 +10,14 @@ const LogInUnderpost = async function () {
   LogIn.Event['LogInUnderpost'] = async (options) => {
     const { token, user } = options;
 
-    ElementsUnderpost.Data.user.main.model.user = user;
+    AppStoreUnderpost.Data.user.main.model.user = user;
 
     await RouterReady;
     await PanelForm.Data['underpost-panel'].updatePanel();
     if (s(`.main-btn-cloud`) && commonUserGuard(user.role)) s(`.main-btn-cloud`).classList.remove('hide');
   };
   const { user } = await Auth.sessionIn();
-  ElementsUnderpost.Data.user.main.model.user = user;
+  AppStoreUnderpost.Data.user.main.model.user = user;
 };
 
 export { LogInUnderpost };

package/src/client/components/underpost/LogOutUnderpost.js

@@ -1,11 +1,11 @@
 import { LogOut } from '../core/LogOut.js';
-import { ElementsUnderpost } from './ElementsUnderpost.js';
+import { AppStoreUnderpost } from './AppStoreUnderpost.js';
 import { PanelForm } from '../core/PanelForm.js';
 import { s } from '../core/VanillaJs.js';
 
 const LogOutUnderpost = async function () {
   LogOut.Event['LogOutUnderpost'] = async (result = { user: { _id: '' } }) => {
-    ElementsUnderpost.Data.user.main.model.user = result.user;
+    AppStoreUnderpost.Data.user.main.model.user = result.user;
 
     PanelForm.Data['underpost-panel'].updatePanel();
     if (s(`.main-btn-cloud`)) s(`.main-btn-cloud`).classList.add('hide');

package/src/client/components/underpost/MenuUnderpost.js

@@ -10,7 +10,7 @@ import { SignUp } from '../core/SignUp.js';
 import { Translate } from '../core/Translate.js';
 import { htmls, s } from '../core/VanillaJs.js';
 import { extractUsernameFromPath, getProxyPath, getQueryParams } from '../core/Router.js';
-import { ElementsUnderpost } from './ElementsUnderpost.js';
+import { AppStoreUnderpost } from './AppStoreUnderpost.js';
 import Sortable from 'sortablejs';
 import { RouterUnderpost, BannerAppTemplate } from './RoutesUnderpost.js';
 import { LabGalleryUnderpost } from './LabGalleryUnderpost.js';
@@ -234,7 +234,7 @@ const MenuUnderpost = {
         const panelFormInstance = await PanelForm.instance({
           idPanel: 'underpost-panel',
           defaultUrlImage: `${getProxyPath()}assets/splash/apple-touch-icon-precomposed.png`,
-          Elements: ElementsUnderpost,
+          appStore: AppStoreUnderpost,
           route: 'home',
           share: {
             copyLink: true,
@@ -494,7 +494,7 @@ const MenuUnderpost = {
         html: async () =>
           await Account.Render({
             idModal: 'modal-account',
-            user: ElementsUnderpost.Data.user.main.model.user,
+            user: AppStoreUnderpost.Data.user.main.model.user,
             disabled: [],
           }),
         handleType: 'bar',
@@ -510,7 +510,7 @@ const MenuUnderpost = {
     EventsUI.onClick(`.main-btn-public-profile`, async () => {
       const { barConfig } = await Themes[Css.currentTheme]();
       const idModal = 'modal-public-profile';
-      const loggedInUser = ElementsUnderpost.Data.user.main.model.user;
+      const loggedInUser = AppStoreUnderpost.Data.user.main.model.user;
 
       // Determine the target username: prefer URL path/query over logged-in user
       const usernameFromPath = extractUsernameFromPath();
@@ -640,7 +640,7 @@ const MenuUnderpost = {
           text: `<span class='inl underpost-text-title-modal'>${Translate.Render('recover')}</span>`,
         }),
         html: async () =>
-          await Recover.Render({ idModal: 'modal-recover', user: ElementsUnderpost.Data.user.main.model.user }),
+          await Recover.Render({ idModal: 'modal-recover', user: AppStoreUnderpost.Data.user.main.model.user }),
         handleType: 'bar',
         maximize: true,
         mode: 'view',

package/src/client/components/underpost/SocketIoUnderpost.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 { ElementsUnderpost } from './ElementsUnderpost.js';
+import { SocketIoHandlerProvider } from '../core/SocketIoHandler.js';
+import { AppStoreUnderpost } from './AppStoreUnderpost.js';
 
-const logger = loggerFactory(import.meta);
-
-const SocketIoUnderpost = {
-  Init: function () {
-    return new Promise((resolve) => {
-      for (const type of Object.keys(ElementsUnderpost.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 = { ...ElementsUnderpost.Data.user.main.model.user, emailConfirmed: true };
-              Account.renderVerifyEmailStatus(newUser);
-              Account.triggerUpdateEvent({ user: newUser });
-              break;
-            }
-
-            default:
-              break;
-          }
-        };
-      }
-      SocketIo.Event.connect[s4()] = async (reason) => {
-        // ElementsUnderpost.Init({ type, id, element });
-      };
-      SocketIo.Event.disconnect[s4()] = async (reason) => {
-        // ElementsUnderpost.removeAll();
-      };
-      return resolve();
-    });
-  },
-};
+const SocketIoUnderpost = SocketIoHandlerProvider.create(AppStoreUnderpost);
 
 export { SocketIoUnderpost };