cyberia 3.0.2 → 3.0.3

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

@@ -0,0 +1,54 @@
+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 { ElementsUnderpost } from './ElementsUnderpost.js';
+
+const logger = loggerFactory(import.meta);
+
+const SocketIoUnderpost = {
+  Init: function () {
+    return new Promise((resolve) => {
+      for (const type of Object.keys(ElementsUnderpost.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;
+          }
+          const { status } = args;
+
+          switch (status) {
+            case 'email-confirmed': {
+              const newUser = { ...ElementsUnderpost.Data.user.main.model.user, emailConfirmed: true };
+              Account.renderVerifyEmailStatus(newUser);
+              Account.triggerUpdateEvent({ user: newUser });
+              break;
+            }
+
+            default:
+              break;
+          }
+        };
+      }
+      SocketIo.Event.connect[s4()] = async (reason) => {
+        // ElementsUnderpost.Init({ type, id, element });
+      };
+      SocketIo.Event.disconnect[s4()] = async (reason) => {
+        // ElementsUnderpost.removeAll();
+      };
+      return resolve();
+    });
+  },
+};
+
+export { SocketIoUnderpost };

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

@@ -0,0 +1,10 @@
+import { Translate } from '../core/Translate.js';
+
+const TranslateUnderpost = {
+  Init: async function () {
+    Translate.Data['contracultura-cyberpunk'] = { en: 'Contracultura Cyberpunk', es: 'Contracultura Cyberpunk' };
+    Translate.Data['lab-gallery'] = { en: 'Lab Gallery', es: 'Lab Gallery' };
+  },
+};
+
+export { TranslateUnderpost };

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

@@ -268,7 +268,9 @@ const ObjectLayerManagement = {
     // IPFS CID of object layer data JSON (fast-json-stable-stringify)
     const CidRenderer = createCidRenderer((d) => d?.cid);
     // IPFS CID of the consolidated atlas sprite sheet PNG
-    const AtlasCidRenderer = createCidRenderer((d) => d?.data?.atlasSpriteSheetCid || d?.atlasSpriteSheetId?.cid);
+    const AtlasCidRenderer = createCidRenderer((d) => d?.data?.render?.cid || d?.atlasSpriteSheetId?.cid);
+    // IPFS CID of the atlas sprite sheet metadata JSON (fast-json-stable-stringify)
+    const MetadataCidRenderer = createCidRenderer((d) => d?.data?.render?.metadataCid);
 
     let columnDefs = [
       // {
@@ -285,6 +287,14 @@ const ObjectLayerManagement = {
       },
       { field: 'data.item.type', headerName: 'Item Type', editable: role === 'user' },
       { field: 'data.item.description', headerName: 'Description', flex: 1, editable: role === 'user' },
+      {
+        field: 'data.ledger.type',
+        headerName: 'Ledger Type',
+        width: 160,
+        editable: false,
+        sortable: false,
+        filter: false,
+      },
       {
         field: 'cid',
         headerName: 'IPFS CID',
@@ -295,17 +305,26 @@ const ObjectLayerManagement = {
         filter: false,
       },
       {
-        field: 'data.atlasSpriteSheetCid',
-        headerName: 'Atlas CID',
+        field: 'data.render.cid',
+        headerName: 'Render CID',
         width: 160,
         cellRenderer: AtlasCidRenderer,
         editable: false,
         sortable: false,
         filter: false,
       },
+      {
+        field: 'data.render.metadataCid',
+        headerName: 'Render Metadata CID',
+        width: 160,
+        cellRenderer: MetadataCidRenderer,
+        editable: false,
+        sortable: false,
+        filter: false,
+      },
       {
         field: 'frame08',
-        headerName: 'Frame 08 Preview',
+        headerName: 'First IDLE frame preview',
         width: 120,
         cellRenderer: Frame08Renderer,
         editable: false,

package/src/client/ssr/body/UnderpostDefaultSplashScreen.js

@@ -0,0 +1,83 @@
+SrrComponent = ({ backgroundImage }) => html`
+  ${backgroundImage
+    ? html`<style>
+        .ssr-background-image {
+          background-image: url('${backgroundImage}');
+        }
+      </style>`
+    : ''}
+  <style>
+    .ssr-top-bar {
+      background: #121212;
+      height: 100px;
+    }
+    .ssr-btn {
+      height: 40px;
+      width: 40px;
+    }
+    .ssr-btn-0 {
+      top: 55px;
+      right: 5px;
+    }
+    .ssr-btn-1 {
+      top: 55px;
+      right: 55px;
+    }
+    .ssr-btn-2 {
+      top: 55px;
+      right: 105px;
+    }
+    .ssr-btn-3 {
+      top: 55px;
+      left: 5px;
+    }
+    .ssr-btn-4 {
+      top: 5px;
+      left: 5px;
+    }
+    .ssr-btn-5 {
+      top: 5px;
+      right: 5px;
+      border-radius: 50%;
+    }
+    .ssr-loader {
+      width: auto;
+    }
+
+    .loader {
+      height: 6px;
+      width: 130px;
+      --c: no-repeat linear-gradient(#353535 0 0);
+      background: var(--c), var(--c), #e1e1e1;
+      background-size: 60% 100%;
+      animation: l16 3s infinite;
+    }
+    @keyframes l16 {
+      0% {
+        background-position: -150% 0, -150% 0;
+      }
+      66% {
+        background-position: 250% 0, -150% 0;
+      }
+      100% {
+        background-position: 250% 0, 250% 0;
+      }
+    }
+  </style>
+  <div class="ssr-background-image"></div>
+  <div class="ssr-abs ssr-background" style="opacity: 1">
+    <div class="ssr-in ssr-top-bar">
+      ${new Array(6)
+        .fill()
+        .map(
+          (v, i) => html`<div class="ssr-abs ssr-btn ssr-btn-${i}">
+            <div class="ssr-shimmer-dark"></div>
+          </div>`,
+        )
+        .join('')}
+
+      <div class="ssr-abs ssr-search-box"><div class="ssr-shimmer-dark-search-box"></div></div>
+    </div>
+    <div class="ssr-abs ssr-center ssr-loader"><div class="loader"></div></div>
+  </div>
+`;

package/src/client/ssr/head/UnderpostScripts.js

@@ -0,0 +1,6 @@
+SrrComponent = ({ ssrPath }) => html`
+  <script type="text/javascript" src="${ssrPath}dist/validator/validator.min.js"></script>
+  <script type="text/javascript" src="${ssrPath}dist/ag-grid-community/ag-grid-community.min.js"></script>
+  <script type="text/javascript" src="${ssrPath}dist/easymde/easymde.min.js"></script>
+  <link rel="stylesheet" href="${ssrPath}dist/easymde/easymde.min.css" />
+`;

package/src/index.js

@@ -42,7 +42,7 @@ class Underpost {
    * @type {String}
    * @memberof Underpost
    */
-  static version = 'v3.0.2';
+  static version = 'v3.0.3';
 
   /**
    * Required Node.js major version

package/src/server/object-layer.js

@@ -47,8 +47,9 @@ const logger = loggerFactory(import.meta);
  * @property {string} [data.item.description] - Human-readable description.
  * @property {boolean} [data.item.activable] - Whether the item can be activated.
  * @property {Object} data.stats - Statistical attributes of the object layer.
- * @property {string} data.seed - Random UUID v4 for unique state generation.
- * @property {string} [data.atlasSpriteSheetCid] - IPFS CID for the consolidated atlas sprite sheet PNG.
+ * @property {Object} [data.render] - IPFS content identifiers for the consolidated atlas sprite sheet.
+ * @property {string} [data.render.cid] - IPFS CID for the consolidated atlas sprite sheet PNG.
+ * @property {string} [data.render.metadataCid] - IPFS CID for the atlas sprite sheet metadata JSON (fast-json-stable-stringify).
  * @property {ObjectLayerRenderFramesData} [objectLayerRenderFramesData] - Render frames data (transient, used before persisting).
  * @property {import('mongoose').Types.ObjectId} [objectLayerRenderFramesId] - Reference to persisted ObjectLayerRenderFrames document.
  * @property {string} [sha256] - SHA-256 hash of the object layer data.
@@ -445,7 +446,7 @@ export class ObjectLayerEngine {
             activable: true,
           },
           stats: metadata.data.stats || ObjectLayerEngine.generateRandomStats(),
-          seed: metadata.data.seed || crypto.randomUUID(),
+          ledger: metadata.data.ledger || { type: 'OFF_CHAIN' },
         },
       };
     } else {
@@ -458,7 +459,7 @@ export class ObjectLayerEngine {
             activable: true,
           },
           stats: ObjectLayerEngine.generateRandomStats(),
-          seed: crypto.randomUUID(),
+          ledger: { type: 'OFF_CHAIN' },
         },
       };
     }
@@ -501,7 +502,7 @@ export class ObjectLayerEngine {
   /**
    * Computes a SHA-256 hash of the given object layer data using deterministic JSON serialisation.
    * @static
-   * @param {Object} data - The `data` sub-document of an ObjectLayer (item, stats, seed, atlasSpriteSheetCid, …).
+   * @param {Object} data - The `data` sub-document of an ObjectLayer (item, stats, render).
    * @returns {string} Hex-encoded SHA-256 hash.
    * @memberof CyberiaObjectLayer
    */
@@ -642,7 +643,7 @@ export class ObjectLayerEngine {
    *
    * When `generateAtlas` is `true` (the default) the method delegates to
    * `AtlasSpriteSheetService.generate` and then recomputes the definitive SHA-256
-   * (which now includes `data.atlasSpriteSheetCid`) and persists an IPFS CID.
+   * (which now includes `data.render.cid`) and persists an IPFS CID.
    *
    * @static
    * @param {Object} params - Parameters.
@@ -668,7 +669,8 @@ export class ObjectLayerEngine {
 
     // 2. Attach reference + compute temporary SHA-256
     objectLayerData.objectLayerRenderFramesId = objectLayerRenderFramesDoc._id;
-    objectLayerData.data.atlasSpriteSheetCid = objectLayerData.data.atlasSpriteSheetCid || '';
+    if (!objectLayerData.data.render) objectLayerData.data.render = {};
+    objectLayerData.data.render.cid = objectLayerData.data.render.cid || '';
     objectLayerData.sha256 = ObjectLayerEngine.computeSha256(objectLayerData.data);
 
     // 3. Upsert ObjectLayer (handle duplicate sha256 gracefully)
@@ -738,7 +740,8 @@ export class ObjectLayerEngine {
     }
 
     // 2. Compute temporary SHA-256
-    objectLayerData.data.atlasSpriteSheetCid = objectLayerData.data.atlasSpriteSheetCid || '';
+    if (!objectLayerData.data.render) objectLayerData.data.render = {};
+    objectLayerData.data.render.cid = objectLayerData.data.render.cid || '';
     objectLayerData.sha256 = ObjectLayerEngine.computeSha256(objectLayerData.data);
 
     // 3. Persist ObjectLayer update
@@ -773,7 +776,7 @@ export class ObjectLayerEngine {
    * Recomputes the definitive SHA-256, pins the object layer data JSON to IPFS,
    * and persists both fields on the ObjectLayer document.
    *
-   * Intended for use after atlas generation has set `data.atlasSpriteSheetCid`.
+   * Intended for use after atlas generation has set `data.render.cid`.
    *
    * @static
    * @param {Object} params - Parameters.
@@ -840,7 +843,7 @@ export class ObjectLayerEngine {
       logger.error(`Failed to auto-${isNew ? 'generate' : 'update'} atlas for ObjectLayer:`, atlasError);
     }
 
-    // Re-read the objectLayer so data.atlasSpriteSheetCid is up-to-date
+    // Re-read the objectLayer so data.render.cid is up-to-date
     objectLayer = await ObjectLayer.findById(objectLayer._id).populate('objectLayerRenderFramesId');
 
     // Compute definitive SHA-256 and IPFS CID

package/src/server/semantic-layer-generator.js

@@ -1052,6 +1052,7 @@ export function generateMultiFrame(options) {
         intelligence: hashMod(seed + ':intelligence', 11),
         utility: hashMod(seed + ':utility', 11),
       },
+      ledger: { type: 'OFF_CHAIN' },
       seed: seedToUUIDv4(seed + ':' + itemId),
     },
   };