cyberia 3.1.3 → 3.2.9

package/src/client/components/core/JoyStick.js

@@ -1,80 +0,0 @@
-import JoystickController from 'joystick-controller';
-import { getDirection, getId } from './CommonJs.js';
-import { append, s } from './VanillaJs.js';
-import { getProxyPath } from './Router.js';
-
-const logger = loggerFactory(import.meta);
-
-const JoyStick = {
-  Tokens: {},
-  Render: async function (options = { id: '', callback: ({ joyDataSet }) => {}, callBackTime: 50 }) {
-    const { callback, callBackTime } = options;
-    const id = options.id ? options.id : getId(this.Tokens, 'joystick-');
-    this.Tokens[id] = { callback };
-    append(
-      'body',
-      html`
-        <style>
-          .dynamic-joystick-container-${id} {
-            /* border: 2px solid red; */
-            left: 5px;
-            bottom: 5px;
-            height: 175px;
-            width: 175px;
-            z-index: 3;
-          }
-          .joy-img-background-${id} {
-            width: 50%;
-            height: 50%;
-            opacity: 0.8;
-            transition: 0.1;
-          }
-          .dynamic-joystick-container-${id}:hover {
-          }
-          .joy-img-background-${id}:hover {
-            width: 54%;
-            height: 54%;
-            opacity: 1;
-          }
-        </style>
-        <div class="abs dynamic-joystick-container-${id}">
-          <img class="abs center joy-img-background-${id}" src="${getProxyPath()}assets/joy/joy_alpha.png" />
-        </div>
-      `,
-    );
-
-    this.Tokens[id].instance = new JoystickController(
-      {
-        maxRange: 70,
-        level: 10,
-        radius: 70,
-        joystickRadius: 50,
-        opacity: 0.5,
-        // containerClass: 'joystick-container',
-        // controllerClass: 'joystick-controller',
-        // joystickClass: 'joystick',
-        distortion: true,
-        dynamicPosition: true,
-        dynamicPositionTarget: s(`.dynamic-joystick-container-${id}`),
-        mouseClickButton: 'ALL',
-        hideContextMenu: true,
-        // x: '120px',
-        // y: '120px',
-      },
-      (args = { x, y, leveledX, leveledY, distance, angle }) => {
-        const { angle } = args;
-        if (angle === 0) return (this.Tokens[id].joyDataSet = undefined);
-        const radians = parseFloat(angle);
-        const direction = getDirection({ radians });
-        this.Tokens[id].joyDataSet = { ...args, radians, direction };
-        // logger.info(this.Tokens[id].joyDataSet, id);
-      },
-    );
-    setInterval(() => {
-      if (!this.Tokens[id].joyDataSet || !this.Tokens[id].joyDataSet.direction) return;
-      this.Tokens[id].callback({ joyDataSet: this.Tokens[id].joyDataSet });
-    }, callBackTime);
-  },
-};
-
-export { JoyStick };

package/src/client/components/cryptokoyn/CommonCryptokoyn.js

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

package/src/client/components/cryptokoyn/ElementsCryptokoyn.js

@@ -1,38 +0,0 @@
-import { loggerFactory } from '../core/Logger.js';
-import { BaseElement } from './CommonCryptokoyn.js';
-
-const logger = loggerFactory(import.meta);
-
-const ElementsCryptokoyn = {
-  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 { ElementsCryptokoyn };

package/src/client/components/cryptokoyn/RoutesCryptokoyn.js

@@ -1,39 +0,0 @@
-import { loggerFactory } from '../core/Logger.js';
-import { Modal } from '../core/Modal.js';
-import { s } from '../core/VanillaJs.js';
-import { getProxyPath } from '../core/Router.js';
-
-const logger = loggerFactory(import.meta);
-
-const BannerAppTemplate = html`Cryptokoyn`;
-
-// Router
-const RoutesCryptokoyn = () => {
-  return {
-    '/': {
-      title: 'Home',
-      render: () => Modal.onHomeRouterEvent(),
-    },
-    '/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(),
-    },
-    '/wallet': { title: 'wallet', render: () => s(`.main-btn-wallet`).click() },
-    '/settings': { title: 'settings', render: () => s(`.main-btn-settings`).click() },
-    '/recover': { title: 'recover', render: () => s(`.main-btn-recover`).click() },
-  };
-};
-
-window.Routes = RoutesCryptokoyn;
-
-const RouterCryptokoyn = () => {
-  return { Routes: RoutesCryptokoyn };
-};
-
-export { RoutesCryptokoyn, RouterCryptokoyn, BannerAppTemplate };

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

@@ -1,38 +0,0 @@
-import { loggerFactory } from '../core/Logger.js';
-import { BaseElement } from './CommonCyberiaPortal.js';
-
-const logger = loggerFactory(import.meta);
-
-const ElementsCyberiaPortal = {
-  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 { ElementsCyberiaPortal };

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

@@ -1,58 +0,0 @@
-import { loggerFactory } from '../core/Logger.js';
-import { Modal } from '../core/Modal.js';
-import { s } from '../core/VanillaJs.js';
-import { getProxyPath } from '../core/Router.js';
-
-const logger = loggerFactory(import.meta);
-
-const BannerAppTemplate = html`C Y B E R I A`;
-
-// Router
-const RoutesCyberiaPortal = () => {
-  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(),
-    },
-    '/docs': { title: 'docs', render: () => s(`.main-btn-docs`).click() },
-  };
-};
-
-window.Routes = RoutesCyberiaPortal;
-
-const RouterCyberiaPortal = () => {
-  return { Routes: RoutesCyberiaPortal };
-};
-
-export { RoutesCyberiaPortal, RouterCyberiaPortal, BannerAppTemplate };

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

@@ -1,136 +0,0 @@
-import { CyberiaWorldService } from '../../services/cyberia-world/cyberia-world.service.js';
-import { AgGrid } from '../core/AgGrid.js';
-import { BtnIcon } from '../core/BtnIcon.js';
-import { getId } from '../core/CommonJs.js';
-import { darkTheme } from '../core/Css.js';
-import { NotificationManager } from '../core/NotificationManager.js';
-import { htmls, s } from '../core/VanillaJs.js';
-import { getProxyPath } from '../core/Router.js';
-import { MainUserCyberia } from '../cyberia/MainUserCyberia.js';
-import { SocketIoCyberia } from '../cyberia/SocketIoCyberia.js';
-
-const ServerCyberiaPortal = {
-  Tokens: {},
-  Render: async function (options = { idModal: '', events: {} }) {
-    const id = options?.idModal ? options.idModal : getId(this.Tokens, 'server-cyberia-');
-    this.Tokens[id] = {
-      events: {},
-    };
-    if (options && options.events)
-      for (const keyEvent of Object.keys(options.events)) this.Tokens[id].events[keyEvent] = options.events[keyEvent];
-    const gridId = `server-grid-${id}`;
-    setTimeout(async () => {
-      const resultWorldCyberias = await CyberiaWorldService.get({ id: 'all' });
-      NotificationManager.Push({
-        html: resultWorldCyberias.status,
-        status: resultWorldCyberias.status,
-      });
-      AgGrid.grids[gridId].setGridOption('rowData', resultWorldCyberias.data);
-    });
-    class LoadGridServerActionsRenderer {
-      eGui;
-
-      async init(params) {
-        this.eGui = document.createElement('div');
-        const { name, status, port } = params.data;
-
-        this.eGui.innerHTML = html` ${await BtnIcon.Render({
-          label: html`<i class="fas fa-play-circle"></i>`,
-          class: `btn-server-${name}-${id}`,
-        })}`;
-      }
-
-      getGui() {
-        return this.eGui;
-      }
-
-      refresh(params) {
-        return true;
-      }
-    }
-
-    class LoadGridServerNameRenderer {
-      eGui;
-
-      async init(params) {
-        this.eGui = document.createElement('div');
-        const { name, status, port } = params.data;
-
-        this.eGui.innerHTML = html`<img
-            class="inl server-icon"
-            src="${getProxyPath()}assets/ui-icons/world-default-forest-city.png"
-          />
-          ${name}`;
-
-        setTimeout(() => {});
-      }
-
-      getGui() {
-        return this.eGui;
-      }
-
-      refresh(params) {
-        return true;
-      }
-    }
-
-    class LoadGridServerStatusRenderer {
-      eGui;
-
-      async init(params) {
-        this.eGui = document.createElement('div');
-        const { name, status, port } = params.data;
-
-        this.eGui.innerHTML = html`online <span class="server-status-circle">●</span>`;
-
-        setTimeout(() => {});
-      }
-
-      getGui() {
-        return this.eGui;
-      }
-
-      refresh(params) {
-        return true;
-      }
-    }
-    return html` ${await AgGrid.Render({
-      id: gridId,
-      darkTheme,
-      // style: {
-      //   height: '200px',
-      // },
-      gridOptions: {
-        defaultColDef: {
-          editable: false,
-          minWidth: 100,
-          filter: true,
-          autoHeight: true,
-        },
-        // rowData: [],
-        columnDefs: [
-          { field: 'name', flex: 2, headerName: 'server', cellRenderer: LoadGridServerNameRenderer },
-          { field: 'status', flex: 1, headerName: 'status', cellRenderer: LoadGridServerStatusRenderer },
-          { headerName: 'play', width: 100, cellRenderer: LoadGridServerActionsRenderer },
-        ],
-        rowSelection: 'single',
-        onSelectionChanged: async (event) => {
-          const selectedRows = AgGrid.grids[gridId].getSelectedRows();
-          console.log('selectedRows', { gridId, event, selectedRows });
-          const keyEvents = Object.keys(ServerCyberiaPortal.Tokens[id].events);
-          if (keyEvents.length > 0) {
-            for (const keyEvent of keyEvents) await ServerCyberiaPortal.Tokens[id].events[keyEvent](selectedRows[0]);
-          }
-        },
-      },
-    })}`;
-  },
-  internalChangeServer: async (options = { name: '' }) => {
-    s(`.ssr-loading-bar`).style.display = 'flow-root';
-    htmls(`.ssr-play-btn-container`, '');
-    await SocketIoCyberia.changeServer(options?.name ? options : undefined);
-    await MainUserCyberia.finishSetup();
-  },
-};
-
-export { ServerCyberiaPortal };

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

@@ -1,38 +0,0 @@
-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/RoutesDefault.js

@@ -1,49 +0,0 @@
-import { loggerFactory } from '../core/Logger.js';
-import { Modal } from '../core/Modal.js';
-import { s } from '../core/VanillaJs.js';
-import { getProxyPath } from '../core/Router.js';
-
-const logger = loggerFactory(import.meta);
-
-const BannerAppTemplate = html`<strong class="inl" style="font-family: system-ui">PWA</strong>`;
-
-// Router
-const RoutesDefault = () => {
-  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() },
-  };
-};
-
-window.Routes = RoutesDefault;
-
-const RouterDefault = () => {
-  return { Routes: RoutesDefault };
-};
-
-export { RoutesDefault, RouterDefault, BannerAppTemplate };

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

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

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

@@ -1,38 +0,0 @@
-import { loggerFactory } from '../core/Logger.js';
-import { BaseElement } from './CommonItemledger.js';
-
-const logger = loggerFactory(import.meta);
-
-const ElementsItemledger = {
-  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 { ElementsItemledger };

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

@@ -1,40 +0,0 @@
-import { loggerFactory } from '../core/Logger.js';
-import { Modal } from '../core/Modal.js';
-import { s } from '../core/VanillaJs.js';
-import { getProxyPath } from '../core/Router.js';
-
-const logger = loggerFactory(import.meta);
-
-const BannerAppTemplate = html`Itemledger`;
-
-// Router
-const RoutesItemledger = () => {
-  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() },
-    '/recover': { title: 'recover', render: () => s(`.main-btn-recover`).click() },
-  };
-};
-
-window.Routes = RoutesItemledger;
-
-const RouterItemledger = () => {
-  return { Routes: RoutesItemledger };
-};
-
-export { RoutesItemledger, RouterItemledger, BannerAppTemplate };

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

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

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

@@ -1,38 +0,0 @@
-import { loggerFactory } from '../core/Logger.js';
-import { BaseElement } from './CommonUnderpost.js';
-
-const logger = loggerFactory(import.meta);
-
-const ElementsUnderpost = {
-  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 { ElementsUnderpost };