@dcl/playground-assets 7.0.6-3808988484.commit-63d3e2c → 7.0.6-3823801200.commit-32470bd

package/dist/alpha.d.ts

@@ -1162,7 +1162,7 @@ export declare type EcsElements = {
 /**
  * @public
  */
-export declare function Engine(): IEngine;
+export declare function Engine(options?: IEngineOptions): IEngine;
 
 export declare const engine: IEngine;
 
@@ -1418,6 +1418,17 @@ export declare type IEngine = {
      * @param transport - transport which changes its onmessage to process CRDT messages
      */
     addTransport(transport: Transport): void;
+    /**
+     * Iterator of registered components
+     */
+    componentsIter(): Iterable<ComponentDefinition<unknown>>;
+};
+
+/**
+ * @public
+ */
+export declare type IEngineOptions = {
+    onChangeFunction: OnChangeFunction;
 };
 
 /**
@@ -2637,6 +2648,11 @@ export declare class ObserverEventState {
     initalize(mask: number, skipNextObservers?: boolean, target?: any, currentTarget?: any): ObserverEventState;
 }
 
+/**
+ * @public
+ */
+export declare type OnChangeFunction = (entity: Entity, component: ComponentDefinition<any>, operation: WireMessage.Enum) => void;
+
 export declare const onCommsMessage: Observable<{
     sender: string;
     message: string;

package/dist/beta.d.ts

@@ -1162,7 +1162,7 @@ export declare type EcsElements = {
 /**
  * @public
  */
-export declare function Engine(): IEngine;
+export declare function Engine(options?: IEngineOptions): IEngine;
 
 export declare const engine: IEngine;
 
@@ -1418,6 +1418,17 @@ export declare type IEngine = {
      * @param transport - transport which changes its onmessage to process CRDT messages
      */
     addTransport(transport: Transport): void;
+    /**
+     * Iterator of registered components
+     */
+    componentsIter(): Iterable<ComponentDefinition<unknown>>;
+};
+
+/**
+ * @public
+ */
+export declare type IEngineOptions = {
+    onChangeFunction: OnChangeFunction;
 };
 
 /**
@@ -2637,6 +2648,11 @@ export declare class ObserverEventState {
     initalize(mask: number, skipNextObservers?: boolean, target?: any, currentTarget?: any): ObserverEventState;
 }
 
+/**
+ * @public
+ */
+export declare type OnChangeFunction = (entity: Entity, component: ComponentDefinition<any>, operation: WireMessage.Enum) => void;
+
 export declare const onCommsMessage: Observable<{
     sender: string;
     message: string;

package/dist/index.bundled.d.ts

@@ -1162,7 +1162,7 @@ export declare type EcsElements = {
 /**
  * @public
  */
-export declare function Engine(): IEngine;
+export declare function Engine(options?: IEngineOptions): IEngine;
 
 export declare const engine: IEngine;
 
@@ -1418,6 +1418,17 @@ export declare type IEngine = {
      * @param transport - transport which changes its onmessage to process CRDT messages
      */
     addTransport(transport: Transport): void;
+    /**
+     * Iterator of registered components
+     */
+    componentsIter(): Iterable<ComponentDefinition<unknown>>;
+};
+
+/**
+ * @public
+ */
+export declare type IEngineOptions = {
+    onChangeFunction: OnChangeFunction;
 };
 
 /**
@@ -2637,6 +2648,11 @@ export declare class ObserverEventState {
     initalize(mask: number, skipNextObservers?: boolean, target?: any, currentTarget?: any): ObserverEventState;
 }
 
+/**
+ * @public
+ */
+export declare type OnChangeFunction = (entity: Entity, component: ComponentDefinition<any>, operation: WireMessage.Enum) => void;
+
 export declare const onCommsMessage: Observable<{
     sender: string;
     message: string;

package/dist/index.js

@@ -13687,7 +13687,7 @@
         ComponentOperation.read = read;
     })(ComponentOperation || (ComponentOperation = {}));
 
-    function crdtSceneSystem(engine) {
+    function crdtSceneSystem(engine, onProcessEntityComponentChange) {
         const transports = [];
         // CRDT Client
         const crdtClient = distExports.crdtProtocol();
@@ -13791,34 +13791,38 @@
                         const data = createByteBuffer(opts);
                         component.upsertFromBinary(message.entity, data, false);
                     }
+                    onProcessEntityComponentChange &&
+                        onProcessEntityComponentChange(entity, component, type);
                 }
             }
         }
-        function getDirtyMap() {
-            const dirtySet = new Map();
-            for (const [componentId, definition] of engine.componentsDefinition) {
-                for (const entity of definition.dirtyIterator()) {
-                    if (!dirtySet.has(entity)) {
-                        dirtySet.set(entity, new Set());
-                    }
-                    dirtySet.get(entity).add(componentId);
-                }
-            }
-            return dirtySet;
-        }
         /**
          * Updates CRDT state of the current engine dirty components
+         *
+         * TODO: optimize this function allocations using a bitmap
+         * TODO: unify this function with sendMessages
          */
         function updateState() {
-            const dirtyEntities = getDirtyMap();
-            for (const [entity, componentsId] of getDirtyMap()) {
-                for (const componentId of componentsId) {
-                    const component = engine.getComponent(componentId);
+            const dirtyMap = new Map();
+            for (const component of engine.componentsIter()) {
+                let entitySet = null;
+                for (const entity of component.dirtyIterator()) {
+                    if (!entitySet) {
+                        entitySet = [];
+                        dirtyMap.set(component, entitySet);
+                    }
+                    entitySet.push(entity);
+                    // TODO: reuse shared writer to prevent extra allocations of toBinary
                     const componentValue = component.toBinaryOrNull(entity)?.toBinary() ?? null;
-                    crdtClient.createEvent(entity, componentId, componentValue);
+                    // TODO: do not emit event if componentValue equals the value didn't change
+                    crdtClient.createEvent(entity, component._id, componentValue);
+                    onProcessEntityComponentChange &&
+                        onProcessEntityComponentChange(entity, component, componentValue === null
+                            ? WireMessage$1.Enum.DELETE_COMPONENT
+                            : WireMessage$1.Enum.PUT_COMPONENT);
                 }
             }
-            return dirtyEntities;
+            return dirtyMap;
         }
         /**
          * Iterates the dirty map and generates crdt messages to be send
@@ -13828,19 +13832,18 @@
             const crdtMessages = getMessages(broadcastMessages);
             const outdatedMessagesBkp = getMessages(outdatedMessages);
             const buffer = createByteBuffer();
-            for (const [entity, componentsId] of dirtyEntities) {
-                for (const componentId of componentsId) {
+            for (const [component, entities] of dirtyEntities) {
+                for (const entity of entities) {
                     // Component will be always defined here since dirtyMap its an iterator of engine.componentsDefinition
-                    const component = engine.getComponent(componentId);
                     const { timestamp } = crdtClient
                         .getState()
                         .get(entity)
-                        .get(componentId);
+                        .get(component._id);
                     const offset = buffer.currentWriteOffset();
                     const type = WireMessage$1.getType(component, entity);
                     const transportMessage = {
                         type,
-                        componentId,
+                        componentId: component._id,
                         entity,
                         timestamp
                     };
@@ -14426,6 +14429,9 @@
         function getSystems() {
             return systems.getSystems();
         }
+        function componentsIter() {
+            return componentsDefinition.values();
+        }
         function removeComponentDefinition(componentId) {
             componentsDefinition.delete(componentId);
         }
@@ -14462,15 +14468,16 @@
             getComponentOrNull,
             removeComponentDefinition,
             removeEntityWithChildren,
-            registerCustomComponent
+            registerCustomComponent,
+            componentsIter
         };
     }
     /**
      * @public
      */
-    function Engine() {
+    function Engine(options) {
         const engine = preEngine();
-        const crdtSystem = crdtSceneSystem(engine);
+        const crdtSystem = crdtSceneSystem(engine, options?.onChangeFunction || null);
         async function update(dt) {
             await crdtSystem.receiveMessages();
             for (const system of engine.getSystems()) {
@@ -14496,6 +14503,7 @@
             getComponent: engine.getComponent,
             getComponentOrNull: engine.getComponentOrNull,
             removeComponentDefinition: engine.removeComponentDefinition,
+            componentsIter: engine.componentsIter,
             update,
             RootEntity: 0,
             PlayerEntity: 1,