cyberia 3.2.5 → 3.2.12

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

@@ -4,16 +4,18 @@ import { s } from '../core/VanillaJs.js';
 import { AppStoreCyberiaPortal } from './AppStoreCyberiaPortal.js';
 import { ObjectLayerManagement } from '../../services/object-layer/object-layer.management.js';
 
-const LogInCyberiaPortal = async function () {
-  LogIn.Event['LogInCyberiaPortal'] = async (options) => {
+class LogInCyberiaPortal {
+  static async instance() {
+  LogIn.onLogin(async (options) => {
     const { token, user } = options;
 
     AppStoreCyberiaPortal.Data.user.main.model.user = user;
 
     await ObjectLayerManagement.Reload('viewer');
-  };
+  }, { key: 'LogInCyberiaPortal' });
   const { user } = await Auth.sessionIn();
   AppStoreCyberiaPortal.Data.user.main.model.user = user;
-};
+  }
+}
 
 export { LogInCyberiaPortal };

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

@@ -3,12 +3,14 @@ import { s } from '../core/VanillaJs.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: '' } }) => {
+class LogOutCyberiaPortal {
+  static async instance() {
+  LogOut.onLogout(async (result = { user: { _id: '' } }) => {
     AppStoreCyberiaPortal.Data.user.main.model.user = result.user;
     s(`.main-btn-admin`).classList.add('hide');
     await ObjectLayerManagement.Reload('viewer');
-  };
-};
+  }, { key: 'LogOutCyberiaPortal' });
+  }
+}
 
 export { LogOutCyberiaPortal };

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

@@ -3,8 +3,8 @@ import { EventsUI } from '../core/EventsUI.js';
 import { getProxyPath } from '../core/Router.js';
 import { htmls, s } from '../core/VanillaJs.js';
 
-const MainBodyCyberiaPortal = {
-  Render: async function () {
+class MainBodyCyberiaPortal {
+  static async instance() {
     setTimeout(() => {
       EventsUI.onClick('.cta-button', () => {
         console.log('Enter the world button clicked');
@@ -280,7 +280,7 @@ const MainBodyCyberiaPortal = {
         </footer>
       </div>
     `;
-  },
-};
+  }
+}
 
 export { MainBodyCyberiaPortal };

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

@@ -0,0 +1,60 @@
+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`C Y B E R I A`;
+
+class RouterCyberiaPortal {
+  static routes() {
+    return {
+      '/': {
+        title: 'MMORPG',
+        render: () => Modal.onHomeRouterEvent(),
+        upperCase: true,
+      },
+      '/settings': { title: 'settings', render: () => s(`.main-btn-settings`).click() },
+      '/server': { title: 'server', render: () => s(`.main-btn-server`).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() },
+      '/chat': { title: 'chat', render: () => s(`.main-btn-chat`).click() },
+      '/log-out': {
+        title: 'log-out',
+        render: () => s(`.main-btn-log-out`).click(),
+      },
+      '/account': {
+        title: 'account',
+        render: () => s(`.main-btn-account`).click(),
+      },
+      '/recover': { title: 'recover', render: () => s(`.main-btn-recover`).click() },
+      '/object-layer-engine': {
+        title: 'object-layer-engine',
+        render: () => s(`.main-btn-object-layer-engine`).click(),
+      },
+      '/object-layer-engine-management': {
+        title: 'object-layer-engine-management',
+        render: () => s(`.main-btn-object-layer-engine-management`).click(),
+      },
+      '/object-layer-engine-viewer': {
+        title: 'object-layer-engine-viewer',
+        render: () => s(`.main-btn-object-layer-engine-viewer`).click(),
+      },
+      '/cyberia-map-engine': {
+        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() },
+    };
+  }
+
+  static instance() {
+    return { Routes: RouterCyberiaPortal.routes };
+  }
+}
+
+export { RouterCyberiaPortal, BannerAppTemplate };

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

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

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

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

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

@@ -1,7 +1,7 @@
 import { Translate } from '../core/Translate.js';
 
-const TranslateCyberiaPortal = {
-  Init: async function () {
+class TranslateCyberiaPortal {
+  static async instance() {
     Translate.Data['object-layer-engine'] = {
       en: 'Object Layer Engine',
       es: 'Object Layer Engine',
@@ -22,7 +22,7 @@ const TranslateCyberiaPortal = {
       en: 'Cyberia Instance Engine',
       es: 'Cyberia Instance Engine',
     };
-  },
-};
+  }
+}
 
 export { TranslateCyberiaPortal };