cyberia 2.8.885

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

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

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

@@ -0,0 +1,52 @@
+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';
+
+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();
+    });
+  },
+};
+
+export { SocketIoCyberiaPortal };

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

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

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

@@ -0,0 +1,29 @@
+const ModelElement = {
+  user: () => {
+    return {
+      user: {
+        _id: '',
+      },
+    };
+  },
+};
+
+const BaseElement = () => {
+  return {
+    user: {
+      main: {
+        model: {
+          ...ModelElement.user(),
+        },
+      },
+    },
+    chat: {},
+    mailer: {},
+  };
+};
+
+const DefaultParams = {
+  EVENT_CALLBACK_TIME: 45,
+};
+
+export { BaseElement, ModelElement, DefaultParams };

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

@@ -0,0 +1,27 @@
+import { subThemeManager } from '../core/Css.js';
+
+const CssCommonDefault = async () => {
+  // use  #4f46e5, #7c3aed);
+  subThemeManager.setDarkTheme('#7c3aed');
+  subThemeManager.setLightTheme('#7c3aed');
+
+  return html``;
+};
+
+const CssDefaultDark = {
+  theme: 'default-dark',
+  dark: true,
+  render: async () => {
+    return (await CssCommonDefault()) + html``;
+  },
+};
+
+const CssDefaultLight = {
+  theme: 'default-light',
+  dark: false,
+  render: async () => {
+    return (await CssCommonDefault()) + html``;
+  },
+};
+
+export { CssDefaultDark, CssCommonDefault, CssDefaultLight };

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

@@ -0,0 +1,38 @@
+import { loggerFactory } from '../core/Logger.js';
+import { BaseElement } from './CommonDefault.js';
+
+const logger = loggerFactory(import.meta);
+
+const ElementsDefault = {
+  Data: BaseElement(),
+  Interval: {},
+  LocalDataScope: {},
+  Init: function (options = { type: 'user', id: 'main', element: {} }) {
+    const { type, id, element } = options;
+    this.Data[type][id] = {
+      ...BaseElement()[type].main,
+      ...this.Data[type][id],
+      ...element,
+    };
+    if (!this.Interval[type]) this.Interval[type] = {};
+    if (!this.Interval[type][id]) this.Interval[type][id] = {};
+    if (!this.LocalDataScope[type]) this.LocalDataScope[type] = {};
+    if (!this.LocalDataScope[type][id])
+      this.LocalDataScope[type][id] = {
+        path: [],
+      };
+  },
+  removeAll: function () {
+    for (const type of Object.keys(this.Data)) {
+      for (const id of Object.keys(this.Data[type])) {
+        if (this.Interval[type] && this.Interval[type][id]) {
+          for (const interval of Object.keys(this.Interval[type][id])) clearInterval(this.Interval[type][id][interval]);
+        }
+      }
+    }
+    this.Interval = {};
+    this.Data = BaseElement();
+  },
+};
+
+export { ElementsDefault };

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

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

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

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