cyberia 2.8.885

package/src/client/components/cyberia-admin/CommonCyberiaAdmin.js

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

package/src/client/components/cyberia-admin/CssCyberiaAdmin.js

@@ -0,0 +1,15 @@
+import { CssCommonCyberia } from '../cyberia/CssCyberia.js';
+
+const CssCyberiaAdminDark = {
+  theme: 'cyberia-admin-dark',
+  dark: true,
+  render: async () => (await CssCommonCyberia()) + html` <style></style> `,
+};
+
+const CssCyberiaAdminLight = {
+  theme: 'cyberia-admin-light',
+  dark: false,
+  render: async () => (await CssCommonCyberia()) + html` <style></style> `,
+};
+
+export { CssCyberiaAdminDark, CssCyberiaAdminLight };

package/src/client/components/cyberia-admin/ElementsCyberiaAdmin.js

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

package/src/client/components/cyberia-admin/InstanceEngineCyberiaAdmin.js

@@ -0,0 +1,180 @@
+import { CyberiaInstanceService } from '../../services/cyberia-instance/cyberia-instance.service.js';
+import { AgGrid } from '../core/AgGrid.js';
+import { BtnIcon } from '../core/BtnIcon.js';
+import { darkTheme, dynamicCol } from '../core/Css.js';
+import { EventsUI } from '../core/EventsUI.js';
+import { NotificationManager } from '../core/NotificationManager.js';
+import { Translate } from '../core/Translate.js';
+import { htmls, s } from '../core/VanillaJs.js';
+import { CyberiaInstancesStructs } from '../cyberia/CommonCyberia.js';
+import { createJSONEditor } from 'vanilla-jsoneditor';
+// https://www.npmjs.com/package/vanilla-jsoneditor
+
+const InstanceEngineCyberiaAdmin = {
+  jsonEditor: null,
+  Render: async function (options = { idModal: '' }) {
+    setTimeout(() => {
+      let content = {
+        text: undefined, // JSON.stringify(CyberiaInstancesStructs.default, null, 4)
+        json: CyberiaInstancesStructs.default[0],
+      };
+      const instanceJsonEditor = () => {
+        if (this.jsonEditor) this.jsonEditor.destroy();
+        this.jsonEditor = createJSONEditor({
+          target: s('.jsoneditor'),
+          props: {
+            content,
+            onChange: (updatedContent, previousContent, { contentErrors, patchResult }) => {
+              // content is an object { json: JSONData } | { text: string }
+              console.log('onChange', { updatedContent, previousContent, contentErrors, patchResult });
+              content.json = JSON.parse(updatedContent.text);
+            },
+          },
+        });
+      };
+      instanceJsonEditor();
+
+      EventsUI.onClick(`.cyberia-instance-btn-upload`, async () => {
+        let status, data;
+        if (content.json._id) {
+          const createResult = await CyberiaInstanceService.put({
+            id: content.json._id,
+            body: content.json,
+          });
+          data = createResult.data;
+          status = createResult.status;
+        } else {
+          const createResult = await CyberiaInstanceService.post({
+            body: content.json,
+          });
+          data = createResult.data;
+          status = createResult.status;
+        }
+        NotificationManager.Push({
+          html: Translate.Render(`${status}-upload-cyberia-instance`),
+          status,
+        });
+      });
+
+      const cyberiaEngineWorksContainer = ['jsoneditor', 'cyberia-instance-management-container'];
+      const hideWorksContainer = () =>
+        cyberiaEngineWorksContainer.map((selector) => s(`.${selector}`).classList.add('hide'));
+      s(`.cyberia-instance-btn-json`).onclick = () => {
+        hideWorksContainer();
+        s(`.jsoneditor`).classList.remove('hide');
+      };
+      EventsUI.onClick(`.cyberia-instance-btn-management`, async () => {
+        hideWorksContainer();
+        s(`.cyberia-instance-management-container`).classList.remove('hide');
+
+        const getCyberiaInstanceRowId = (params) => `cy-in-${params.data._id}`;
+
+        class LoadCyberiaInstanceRenderer {
+          eGui;
+
+          async init(params) {
+            console.log('LoadCyberiaInstanceRenderer init', params);
+
+            const rowId = getCyberiaInstanceRowId(params);
+
+            setTimeout(() => {
+              if (s(`.btn-load-${rowId}`))
+                s(`.btn-load-${rowId}`).onclick = () => {
+                  content.json = params.data;
+                  instanceJsonEditor();
+                  s(`.cyberia-instance-btn-json`).click();
+                };
+              if (s(`.btn-delete-${rowId}`))
+                s(`.btn-delete-${rowId}`).onclick = async () => {
+                  const result = await CyberiaInstanceService.delete({ id: params.data._id });
+                  NotificationManager.Push({
+                    html: result.status,
+                    status: result.status,
+                  });
+                  await InstanceEngineCyberiaAdmin.list();
+                };
+            });
+
+            this.eGui = document.createElement('div');
+            this.eGui.innerHTML = html`
+              ${await BtnIcon.Render({
+                class: `in ag-btn-renderer btn-load-${rowId}`,
+                label: html`<i class="fa-solid fa-bolt"></i><br />
+                  ${Translate.Render(`load`)}`,
+              })}
+              ${await BtnIcon.Render({
+                class: `in ag-btn-renderer btn-delete-${rowId}`,
+                label: html`<i class="fa-solid fa-circle-xmark"></i> <br />
+                  ${Translate.Render(`delete`)}`,
+              })}
+            `;
+          }
+
+          getGui() {
+            return this.eGui;
+          }
+
+          refresh(params) {
+            console.log('LoadCyberiaInstanceRenderer refreshed', params);
+            return true;
+          }
+        }
+        const gridId = `ag-grid-cyberia-instance`;
+        this.list = async () => {
+          const { status, data } = await CyberiaInstanceService.get();
+          AgGrid.grids[gridId].setGridOption('rowData', data);
+        };
+        InstanceEngineCyberiaAdmin.list();
+        htmls(
+          `.cyberia-instance-management-container`,
+          html`
+            ${await AgGrid.Render({
+              id: gridId,
+              darkTheme,
+              gridOptions: {
+                // rowData: [],
+                columnDefs: [
+                  { field: '_id', headerName: 'ID' },
+                  { field: 'name', headerName: 'Name' },
+                  { headerName: '', cellRenderer: LoadCyberiaInstanceRenderer },
+                ],
+              },
+            })}
+          `,
+        );
+      });
+    });
+    const dynamicColId = 'cyberia-instance-dynamic-col';
+    return html`
+      ${dynamicCol({ containerSelector: options.idModal, id: dynamicColId })}
+      <div class="fl">
+        <div class="in fll ${dynamicColId}-col-a">
+          <div class="in">
+            ${await BtnIcon.Render({
+              class: `inl section-mp btn-custom cyberia-instance-btn-json`,
+              label: html`json`,
+            })}
+          </div>
+          <div class="in">
+            ${await BtnIcon.Render({
+              class: `inl section-mp btn-custom cyberia-instance-btn-management`,
+              label: html`management`,
+            })}
+          </div>
+          <div class="in">
+            ${await BtnIcon.Render({
+              class: `inl section-mp btn-custom cyberia-instance-btn-upload`,
+              label: html`<i class="fa-solid fa-upload"></i> ${Translate.Render(`upload`)}`,
+            })}
+          </div>
+        </div>
+        <div class="in fll ${dynamicColId}-col-b">
+          <div class="jsoneditor"></div>
+          <div class="in cyberia-instance-management-container hide">table</div>
+        </div>
+      </div>
+    `;
+  },
+};
+
+export { InstanceEngineCyberiaAdmin };

package/src/client/components/cyberia-admin/LogInCyberiaAdmin.js

@@ -0,0 +1,34 @@
+import { Auth } from '../core/Auth.js';
+import { LogIn } from '../core/LogIn.js';
+import { s } from '../core/VanillaJs.js';
+import { ElementsCyberiaAdmin } from './ElementsCyberiaAdmin.js';
+
+const LogInCyberiaAdmin = async function () {
+  LogIn.Event['LogInCyberiaAdmin'] = async (options) => {
+    const { token, user } = options;
+
+    ElementsCyberiaAdmin.Data.user.main.model.user = user;
+
+    if (['admin', 'moderator'].includes(user.role)) {
+      s(`.main-btn-colors`).classList.remove('hide');
+      s(`.main-btn-chat`).classList.remove('hide');
+      s(`.main-btn-tile`).classList.remove('hide');
+      s(`.main-btn-cyberia-tile-management`).classList.remove('hide');
+    }
+
+    if (user.role === 'admin') {
+      s(`.main-btn-biome`).classList.remove('hide');
+      s(`.main-btn-3d`).classList.remove('hide');
+      s(`.main-btn-world`).classList.remove('hide');
+      s(`.main-btn-item`).classList.remove('hide');
+      s(`.main-btn-blockchain`).classList.remove('hide');
+      s(`.main-btn-cloud`).classList.remove('hide');
+      s(`.main-btn-server`).classList.remove('hide');
+      s(`.main-btn-cyberia-instance-engine`).classList.remove('hide');
+    }
+  };
+  const { user } = await Auth.sessionIn();
+  ElementsCyberiaAdmin.Data.user.main.model.user = user;
+};
+
+export { LogInCyberiaAdmin };

package/src/client/components/cyberia-admin/LogOutCyberiaAdmin.js

@@ -0,0 +1,24 @@
+import { LogOut } from '../core/LogOut.js';
+import { s } from '../core/VanillaJs.js';
+import { ElementsCyberiaAdmin } from './ElementsCyberiaAdmin.js';
+
+const LogOutCyberiaAdmin = async function () {
+  LogOut.Event['LogOutCyberiaAdmin'] = async (result = { user: { _id: '' } }) => {
+    ElementsCyberiaAdmin.Data.user.main.model.user = result.user;
+
+    s(`.main-btn-colors`).classList.add('hide');
+    s(`.main-btn-chat`).classList.add('hide');
+    s(`.main-btn-biome`).classList.add('hide');
+    s(`.main-btn-tile`).classList.add('hide');
+    s(`.main-btn-3d`).classList.add('hide');
+    s(`.main-btn-world`).classList.add('hide');
+    s(`.main-btn-item`).classList.add('hide');
+    s(`.main-btn-cyberia-tile-management`).classList.add('hide');
+    s(`.main-btn-blockchain`).classList.add('hide');
+    s(`.main-btn-cloud`).classList.add('hide');
+    s(`.main-btn-server`).classList.add('hide');
+    s(`.main-btn-cyberia-instance-engine`).classList.add('hide');
+  };
+};
+
+export { LogOutCyberiaAdmin };