cyberia 2.89.2 → 2.89.45

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

@@ -189,7 +189,16 @@ const Router = function (options = { Routes: () => {}, e: new PopStateEvent() })
  */
 const LoadRouter = function (RouterInstance) {
   Router(RouterInstance);
-  window.onpopstate = (e) => Router({ ...RouterInstance, e });
+  window.onpopstate = (e) => {
+    Router({ ...RouterInstance, e });
+    // Notify query params listeners on browser back/forward navigation
+    const updatedParams = getQueryParams();
+    for (const listenerId in queryParamsChangeListeners) {
+      if (Object.hasOwnProperty.call(queryParamsChangeListeners, listenerId)) {
+        queryParamsChangeListeners[listenerId](updatedParams);
+      }
+    }
+  };
 };
 
 /**

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

@@ -11,7 +11,7 @@ const LogInCyberiaPortal = async function () {
     ElementsCyberiaPortal.Data.user.main.model.user = user;
 
     // if (user.role === 'admin' || user.role === 'moderator') s(`.main-btn-admin`).classList.remove('hide');
-    await ObjectLayerManagement.Reload();
+    await ObjectLayerManagement.Reload('viewer');
   };
   const { user } = await Auth.sessionIn();
   ElementsCyberiaPortal.Data.user.main.model.user = user;

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

@@ -7,7 +7,7 @@ const LogOutCyberiaPortal = async function () {
   LogOut.Event['LogOutCyberiaPortal'] = async (result = { user: { _id: '' } }) => {
     ElementsCyberiaPortal.Data.user.main.model.user = result.user;
     s(`.main-btn-admin`).classList.add('hide');
-    await ObjectLayerManagement.Reload();
+    await ObjectLayerManagement.Reload('viewer');
   };
 };
 

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

@@ -172,7 +172,7 @@ const MenuCyberiaPortal = {
             tooltipHtml: await Badge.Render(buildBadgeToolTipMenuOption('object-layer-engine')),
           })}
           ${await BtnIcon.Render({
-            class: 'in wfa main-btn-menu main-btn-object-layer-engine-management',
+            class: 'in wfa main-btn-menu main-btn-object-layer-engine-management hide',
             useMenuBtn: true,
             label: renderMenuLabel({
               icon: html`<img class="inl cyberia-menu-icon" src="${getProxyPath()}assets/ui-icons/engine.png" />`,

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

@@ -66,7 +66,6 @@ const ObjectLayerCyberiaPortal = {
             right: 0;
             bottom: 0;
             background: rgba(0, 0, 0, 0.6);
-            backdrop-filter: blur(2px);
           }
           .hero-content {
             z-index: 1;
@@ -126,10 +125,22 @@ const ObjectLayerCyberiaPortal = {
           }
           .features-grid {
             display: grid;
-            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+            grid-template-columns: repeat(auto-fit, minmax(100%, 1fr)); /* Default to 1 column */
             gap: 2rem;
             margin-top: 3rem;
           }
+
+          @media (min-width: 576px) {
+            .features-grid {
+              grid-template-columns: repeat(auto-fit, minmax(45%, 1fr)); /* 2 columns */
+            }
+          }
+
+          @media (min-width: 992px) {
+            .features-grid {
+              grid-template-columns: repeat(auto-fit, minmax(22%, 1fr)); /* 4 columns */
+            }
+          }
           .feature-card {
             background: var(--card-bg-color);
             padding: 2.5rem 2rem;
@@ -172,6 +183,29 @@ const ObjectLayerCyberiaPortal = {
               transform: translateY(0);
             }
           }
+
+          /* Responsive Styles */
+          @media (max-width: 650px) {
+            .hero-content h1 {
+              font-size: 2.2rem;
+            }
+            .hero-content p {
+              font-size: 1rem;
+            }
+            .hero-content .logo-image {
+              max-width: 180px;
+            }
+            .cta-button {
+              padding: 12px 28px;
+              font-size: 1rem;
+            }
+            .features-section {
+              padding: 3rem 1rem;
+            }
+            .features-section h2 {
+              font-size: 2rem;
+            }
+          }
         </style> `,
       );
     };
@@ -186,8 +220,8 @@ const ObjectLayerCyberiaPortal = {
         <section class="hero-section">
           <div class="hero-content">
             <img src="${getProxyPath()}assets/ui-icons/cyberia-white.png" alt="Cyberia Logo" class="logo-image" />
-            <h1>CYBERIA</h1>
-            <p style="color: #fff;">
+            <h1 style="margin: 10px">CYBERIA</h1>
+            <p style="color: #fff; margin: 10px 20px 10px 20px;">
               An action-packed Hack and Slash MMORPG. Explore a dynamic online sandbox pixel art universe, right from
               your browser.
             </p>
@@ -217,6 +251,12 @@ const ObjectLayerCyberiaPortal = {
                 description:
                   'Hunt for epic loot, gather rare resources, and craft powerful gear to define your playstyle.',
               },
+              {
+                icon: 'wallet.png',
+                title: 'Earn While You Play',
+                description:
+                  'Engage in an innovative play-to-earn economy. Trade items, complete quests, and earn rewards.',
+              },
             ]
               .map(
                 (feature) => html`

package/src/client/services/default/default.management.js

@@ -52,12 +52,32 @@ const columnDefFormatter = (obj, columnDefs, customFormat) => {
 
 const DefaultManagement = {
   Tokens: {},
-  loadTable: async function (id, options = { reload: true }) {
+  loadTable: async function (id, options = { reload: true, force: true }) {
     const { serviceId, columnDefs, customFormat } = this.Tokens[id];
+
+    let _page = this.Tokens[id].page;
+    let _limit = this.Tokens[id].limit;
+    let _id = this.Tokens[id].serviceOptions?.get?.id ?? undefined;
+    if (!options.force && this.Tokens[id].lastOptions) {
+      if (
+        _page === this.Tokens[id].lastOptions.page &&
+        _limit === this.Tokens[id].lastOptions.limit &&
+        _id === this.Tokens[id].lastOptions.id
+      ) {
+        logger.warn(`DefaultManagement loadTable ${serviceId} - Skipping load, options unchanged`);
+        return;
+      }
+    }
+    this.Tokens[id].lastOptions = {
+      page: _page,
+      limit: _limit,
+      id: _id,
+    };
+
     const result = await this.Tokens[id].ServiceProvider.get({
-      page: this.Tokens[id].page,
-      limit: this.Tokens[id].limit,
-      id: this.Tokens[id].serviceOptions?.get?.id ?? undefined,
+      page: _page,
+      limit: _limit,
+      id: _id,
     });
     if (result.status === 'success') {
       const { data, total, page, totalPages } = result.data;
@@ -331,7 +351,7 @@ const DefaultManagement = {
       EventsUI.onClick(`.management-table-btn-reload-${id}`, async () => {
         try {
           // Reload data from server
-          await DefaultManagement.loadTable(id);
+          await DefaultManagement.loadTable(id, { force: true, reload: true });
 
           // Other option: Refresh cells to update UI
           // DefaultManagement.refreshTable(id);

package/src/client/services/object-layer/object-layer.management.js

@@ -9,7 +9,7 @@ import { Modal } from '../../components/core/Modal.js';
 import { BtnIcon } from '../../components/core/BtnIcon.js';
 
 const ObjectLayerManagement = {
-  RenderTable: async ({ Elements }) => {
+  RenderTable: async ({ Elements, idModal }) => {
     const user = Elements.Data.user.main.model.user;
     const { role } = user;
 
@@ -40,9 +40,9 @@ const ObjectLayerManagement = {
                 // Navigate to viewer route first
                 setPath(`${getProxyPath()}object-layer-engine-viewer`);
                 // Then add query param without replacing history
-                setQueryParams({ cid: data._id }, { replace: false });
+                setQueryParams({ cid: data._id }, { replace: true });
                 if (s(`.modal-object-layer-engine-viewer`)) {
-                  await ObjectLayerEngineViewer.Reload();
+                  await ObjectLayerEngineViewer.Reload({ Elements });
                 }
                 s(`.main-btn-object-layer-engine-viewer`).click();
               });
@@ -85,7 +85,7 @@ const ObjectLayerManagement = {
                 // Navigate to editor route first
                 setPath(`${getProxyPath()}object-layer-engine`);
                 // Then add query param without replacing history
-                setQueryParams({ cid: data._id }, { replace: false });
+                setQueryParams({ cid: data._id }, { replace: true });
                 if (s(`.modal-object-layer-engine`)) await ObjectLayerEngineModal.Reload();
                 else s(`.main-btn-object-layer-engine`).click();
               });
@@ -177,7 +177,7 @@ const ObjectLayerManagement = {
     ];
 
     return await DefaultManagement.RenderTable({
-      idModal: 'modal-object-layer-engine-management',
+      idModal: idModal ? idModal : 'modal-object-layer-engine-management',
       serviceId: 'object-layer-engine-management',
       entity: 'object-layer',
       permissions: {
@@ -213,9 +213,9 @@ const ObjectLayerManagement = {
       },
     });
   },
-  Reload: async function () {
-    const idModal = 'modal-object-layer-engine-management';
-    if (s(`.modal-object-layer-engine-management`))
+  Reload: async function (subModalId = 'management') {
+    const idModal = `modal-object-layer-engine-${subModalId}`;
+    if (s(`.modal-object-layer-engine-${subModalId}`))
       Modal.writeHTML({
         idModal,
         html: await Modal.Data[idModal].options.html(),

package/src/client/services/object-layer/object-layer.service.js

@@ -155,6 +155,40 @@ const ObjectLayerService = {
           return reject(error);
         }),
     ),
+  generateWebp: (options = { itemType: '', itemId: '', directionCode: '' }) => {
+    const url = new URL(
+      getApiBaseUrl({
+        id: `generate-webp/${options.itemType}/${options.itemId}/${options.directionCode}`,
+        endpoint,
+      }),
+    );
+    return new Promise((resolve, reject) =>
+      fetch(url.toString(), {
+        method: 'GET',
+        headers: headersFactory(),
+        credentials: 'include',
+      })
+        .then(async (res) => {
+          if (!res.ok) {
+            const errorData = await res.json();
+            throw new Error(errorData.message || 'Failed to generate WebP');
+          }
+          // Get the blob data
+          const blob = await res.blob();
+          // Create a blob URL for display
+          const blobUrl = URL.createObjectURL(blob);
+          return { status: 'success', data: blobUrl };
+        })
+        .then((res) => {
+          logger.info(res);
+          return resolve(res);
+        })
+        .catch((error) => {
+          logger.error(error);
+          return reject(error);
+        }),
+    );
+  },
 };
 
 export { ObjectLayerService };

package/src/index.js

@@ -35,7 +35,7 @@ class Underpost {
    * @type {String}
    * @memberof Underpost
    */
-  static version = 'v2.89.2';
+  static version = 'v2.89.45';
   /**
    * Repository cli API
    * @static

package/src/server/client-build.js

@@ -84,11 +84,12 @@ const copyNonExistingFiles = (src, dest) => {
  * @param {Object} options - Options for the build process.
  * @param {Array} options.liveClientBuildPaths - List of paths to build incrementally.
  * @param {Array} options.instances - List of instances to build.
+ * @param {boolean} options.buildZip - Whether to create zip files of the builds.
  * @returns {Promise<void>} - Promise that resolves when the build is complete.
  * @throws {Error} - If the build fails.
  * @memberof clientBuild
  */
-const buildClient = async (options = { liveClientBuildPaths: [], instances: [] }) => {
+const buildClient = async (options = { liveClientBuildPaths: [], instances: [], buildZip: false }) => {
   const logger = loggerFactory(import.meta);
   const confClient = JSON.parse(fs.readFileSync(`./conf/conf.client.json`, 'utf8'));
   const confServer = JSON.parse(fs.readFileSync(`./conf/conf.server.json`, 'utf8'));
@@ -266,7 +267,7 @@ const buildClient = async (options = { liveClientBuildPaths: [], instances: [] }
       const rootClientPath = directory ? directory : `${publicPath}/${host}${path}`;
       const port = newInstance(currentPort);
       const publicClientId = publicRef ? publicRef : client;
-      const fullBuildEnabled = !process.argv.includes('l') && !confServer[host][path].liteBuild && !enableLiveRebuild;
+      const fullBuildEnabled = !confServer[host][path].liteBuild && !enableLiveRebuild;
       // const baseHost = process.env.NODE_ENV === 'production' ? `https://${host}` : `http://localhost:${port}`;
       const baseHost = process.env.NODE_ENV === 'production' ? `https://${host}` : ``;
       // ''; // process.env.NODE_ENV === 'production' ? `https://${host}` : ``;
@@ -625,7 +626,7 @@ Sitemap: https://${host}${path === '/' ? '' : path}/sitemap.xml`,
         );
       }
 
-      if (fullBuildEnabled && !enableLiveRebuild && !process.argv.includes('l') && docsBuild) {
+      if (fullBuildEnabled && !enableLiveRebuild && docsBuild) {
         await buildDocs({
           host,
           path,
@@ -716,7 +717,7 @@ ${fs.readFileSync(`${rootClientPath}/sw.js`, 'utf8')}`,
           );
         }
       }
-      if (!enableLiveRebuild && process.argv.includes('zip')) {
+      if (!enableLiveRebuild && options.buildZip) {
         logger.warn('build zip', rootClientPath);
 
         if (!fs.existsSync('./build')) fs.mkdirSync('./build');

package/src/server/conf.js

@@ -1192,7 +1192,7 @@ const Cmd = {
    * @returns {string} - The build command.
    * @memberof Cmd
    */
-  build: (deployId) => `node bin/deploy build-full-client ${deployId}${process.argv.includes('l') ? ' l' : ''}`,
+  build: (deployId) => `node bin/deploy build-full-client ${deployId}`,
   /**
    * @method conf
    * @description Configures the deploy.

package/src/server/start.js

@@ -132,7 +132,9 @@ class UnderpostStartUp {
       const buildBasePath = `/home/dd`;
       const repoName = `engine-${deployId.split('-')[1]}`;
       shellExec(`cd ${buildBasePath} && underpost clone ${process.env.GITHUB_USERNAME}/${repoName}`);
-      shellExec(`cd ${buildBasePath} && sudo mv ./${repoName} ./engine`);
+      shellExec(`mkdir -p ${buildBasePath}/engine`);
+      shellExec(`cd ${buildBasePath} && sudo cp -a ./${repoName}/. ./engine`);
+      shellExec(`cd ${buildBasePath} && sudo rm -rf ./${repoName}`);
       shellExec(`cd ${buildBasePath}/engine && underpost clone ${process.env.GITHUB_USERNAME}/${repoName}-private`);
       shellExec(`cd ${buildBasePath}/engine && sudo mv ./${repoName}-private ./engine-private`);
       shellCd(`${buildBasePath}/engine`);

package/manifests/kubelet-config.yaml

@@ -1,65 +0,0 @@
-apiVersion: v1
-data:
-  kubelet: |
-    apiVersion: kubelet.config.k8s.io/v1beta1
-    authentication:
-      anonymous:
-        enabled: false
-      webhook:
-        cacheTTL: 0s
-        enabled: true
-      x509:
-        clientCAFile: /etc/kubernetes/pki/ca.crt
-    authorization:
-      mode: Webhook
-      webhook:
-        cacheAuthorizedTTL: 0s
-        cacheUnauthorizedTTL: 0s
-    cgroupDriver: systemd
-    clusterDNS:
-    - 10.96.0.10
-    clusterDomain: cluster.local
-    containerRuntimeEndpoint: unix:///run/containerd/containerd.sock
-    cpuManagerReconcilePeriod: 0s
-    crashLoopBackOff: {}
-    evictionHard:
-      imagefs.available: "5%" # Adjusted for more tolerance
-      memory.available: "100Mi"
-      nodefs.available: "5%" # Adjusted for more tolerance
-      nodefs.inodesFree: "5%"
-    evictionPressureTransitionPeriod: 0s
-    fileCheckFrequency: 0s
-    healthzBindAddress: 127.0.0.1
-    healthzPort: 10248
-    httpCheckFrequency: 0s
-    imageMaximumGCAge: 0s
-    imageMinimumGCAge: 0s
-    kind: KubeletConfiguration
-    logging:
-      flushFrequency: 0
-      options:
-        json:
-          infoBufferSize: "0"
-        text:
-          infoBufferSize: "0"
-      verbosity: 0
-    memorySwap: {}
-    nodeStatusReportFrequency: 0s
-    nodeStatusUpdateFrequency: 0s
-    rotateCertificates: true
-    runtimeRequestTimeout: 0s
-    shutdownGracePeriod: 0s
-    shutdownGracePeriodCriticalPods: 0s
-    staticPodPath: /etc/kubernetes/manifests
-    streamingConnectionIdleTimeout: 0s
-    syncFrequency: 0s
-    volumeStatsAggPeriod: 0s
-kind: ConfigMap
-metadata:
-  annotations:
-    kubeadm.kubernetes.io/component-config.hash: sha256:26488e9fc7c5cb5fdda9996cda2e6651a9af5febce07ea02de11bd3ef3f49e9c
-  creationTimestamp: "2025-06-30T12:42:00Z"
-  name: kubelet-config
-  namespace: kube-system
-  resourceVersion: "204"
-  uid: a85321a8-f3e0-40fa-8e4e-9d33b8842e7a

package/manifests/mongodb/backup-access.yaml

@@ -1,16 +0,0 @@
-apiVersion: v1
-kind: Pod
-metadata:
-  name: backup-access
-spec:
-  containers:
-    - name: busybox
-      image: busybox
-      command: ['sh', '-c', 'sleep 3600']
-      volumeMounts:
-        - name: backup-storage
-          mountPath: /backup
-  volumes:
-    - name: backup-storage
-      persistentVolumeClaim:
-        claimName: backup-pvc

package/manifests/mongodb/backup-cronjob.yaml

@@ -1,42 +0,0 @@
-apiVersion: batch/v1
-kind: CronJob
-metadata:
-  name: mongodb-backup
-spec:
-  schedule: '*/5 * * * *' # Runs backup every five minutes
-  jobTemplate:
-    spec:
-      template:
-        spec:
-          containers:
-            - name: mongodump
-              image: docker.io/library/mongo:latest
-              command:
-                - sh
-                - -c
-                - |
-                  # Perform backup
-                  mongodump --host=mongodb-service --port=27017 --out=/backup/$(date +\%Y-\%m-\%dT\%H-\%M-\%S)
-                  # Remove backups older than 7 days
-                  find /backup -type d -mtime +7 -exec rm -rf {} +
-              volumeMounts:
-                - name: backup-storage
-                  mountPath: /backup
-          restartPolicy: Never
-          volumes:
-            - name: backup-storage
-              persistentVolumeClaim:
-                claimName: backup-pvc
-#     mongodump -u $MONGO_INITDB_ROOT_USERNAME -p $MONGO_INITDB_ROOT_PASSWORD --host=mongodb-service --port=27017 --out=/backup/$(date +\%Y-\%m-\%dT\%H-\%M-\%S)
-
-# env:
-#   - name: MONGO_INITDB_ROOT_USERNAME
-#     valueFrom:
-#       secretKeyRef:
-#         name: mongodb-secret
-#         key: username
-#   - name: MONGO_INITDB_ROOT_PASSWORD
-#     valueFrom:
-#       secretKeyRef:
-#         name: mongodb-secret
-#         key: password

package/manifests/mongodb/backup-pv-pvc.yaml

@@ -1,22 +0,0 @@
-apiVersion: v1
-kind: PersistentVolume
-metadata:
-  name: backup-pv
-spec:
-  capacity:
-    storage: 5Gi
-  accessModes:
-    - ReadWriteOnce
-  hostPath:
-    path: /mnt/backup
----
-apiVersion: v1
-kind: PersistentVolumeClaim
-metadata:
-  name: backup-pvc
-spec:
-  accessModes:
-    - ReadWriteOnce
-  resources:
-    requests:
-      storage: 5Gi

package/manifests/mongodb/configmap.yaml

@@ -1,26 +0,0 @@
-# origin conf: /etc/mongod.conf
-apiVersion: v1
-kind: ConfigMap
-metadata:
-  name: mongodb-config-file
-  namespace: default
-data:
-  mongod.conf: |
-    storage:
-      dbPath: /data/db
-    systemLog:
-      destination: file
-      logAppend: true
-      path: /var/log/mongodb/mongod.log
-    replication:
-      replSetName: rs0
-    net:
-      bindIp: 127.0.0.1
-      port: 27017
-    processManagement:
-      fork: true
-    setParameter:
-      enableLocalhostAuthBypass: false
-    security:
-      authorization: enabled
-      keyFile: /etc/mongodb-keyfile