@dcl/ecs 7.0.6-3939099974.commit-727d673 → 7.0.6-3987590195.commit-4fc1536

package/dist/components/component-number.d.ts

@@ -0,0 +1,7 @@
+export declare const MAX_STATIC_COMPONENT: number;
+/**
+ * All components that are not part of the coreComponentMappings MUST yield
+ * a componentNumber (componentId) greather than MAX_STATIC_COMPONENT.
+ * For that reason, we simply add MAX_STATIC_COMPONENT and trim to the domain 2^32
+ */
+export declare function componentNumberFromName(componentName: string): number;

package/dist/components/component-number.js

@@ -0,0 +1,17 @@
+import { coreComponentMappings } from './generated/component-names.gen';
+import * as utf8 from '@protobufjs/utf8';
+import { unsignedCRC32 } from '../runtime/crc';
+// Max possible pre-defined (static) component.
+export const MAX_STATIC_COMPONENT = 1 << 11; // 2048
+/**
+ * All components that are not part of the coreComponentMappings MUST yield
+ * a componentNumber (componentId) greather than MAX_STATIC_COMPONENT.
+ * For that reason, we simply add MAX_STATIC_COMPONENT and trim to the domain 2^32
+ */
+export function componentNumberFromName(componentName) {
+    if (coreComponentMappings[componentName])
+        return coreComponentMappings[componentName];
+    const bytes = new Uint8Array(128);
+    utf8.write(componentName, bytes, 0);
+    return ((unsignedCRC32(bytes) + MAX_STATIC_COMPONENT) & 4294967295) >>> 0;
+}

package/dist/components/generated/component-names.gen.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Autogenerated mapping of core components to their component numbers
+ */
+export declare const coreComponentMappings: Record<string, number>;

package/dist/components/generated/component-names.gen.js

@@ -0,0 +1,34 @@
+/**
+ * Autogenerated mapping of core components to their component numbers
+ */
+export const coreComponentMappings = {
+    "core::Transform": 1,
+    "core::Animator": 1042,
+    "core::AudioSource": 1020,
+    "core::AudioStream": 1021,
+    "core::AvatarAttach": 1073,
+    "core::AvatarModifierArea": 1070,
+    "core::AvatarShape": 1080,
+    "core::Billboard": 1090,
+    "core::CameraMode": 1072,
+    "core::CameraModeArea": 1071,
+    "core::GltfContainer": 1041,
+    "core::Material": 1017,
+    "core::MeshCollider": 1019,
+    "core::MeshRenderer": 1018,
+    "core::NftShape": 1040,
+    "core::PointerEvents": 1062,
+    "core::PointerEventsResult": 1063,
+    "core::PointerLock": 1074,
+    "core::Raycast": 1067,
+    "core::RaycastResult": 1068,
+    "core::TextShape": 1030,
+    "core::UiBackground": 1053,
+    "core::UiDropdown": 1094,
+    "core::UiDropdownResult": 1096,
+    "core::UiInput": 1093,
+    "core::UiInputResult": 1095,
+    "core::UiText": 1052,
+    "core::UiTransform": 1050,
+    "core::VisibilityComponent": 1081
+};

package/dist/components/generated/index.gen.js

@@ -54,31 +54,31 @@ export * from './pb/decentraland/sdk/components/ui_input_result.gen';
 export * from './pb/decentraland/sdk/components/ui_text.gen';
 export * from './pb/decentraland/sdk/components/ui_transform.gen';
 export * from './pb/decentraland/sdk/components/visibility_component.gen';
-/** @public */ /*#__PURE__*/ export const Animator = engine => engine.defineComponentFromSchema(AnimatorSchema, AnimatorSchema.COMPONENT_ID);
-/** @public */ /*#__PURE__*/ export const AudioSource = engine => engine.defineComponentFromSchema(AudioSourceSchema, AudioSourceSchema.COMPONENT_ID);
-/** @public */ /*#__PURE__*/ export const AudioStream = engine => engine.defineComponentFromSchema(AudioStreamSchema, AudioStreamSchema.COMPONENT_ID);
-/** @public */ /*#__PURE__*/ export const AvatarAttach = engine => engine.defineComponentFromSchema(AvatarAttachSchema, AvatarAttachSchema.COMPONENT_ID);
-/** @public */ /*#__PURE__*/ export const AvatarModifierArea = engine => engine.defineComponentFromSchema(AvatarModifierAreaSchema, AvatarModifierAreaSchema.COMPONENT_ID);
-/** @public */ /*#__PURE__*/ export const AvatarShape = engine => engine.defineComponentFromSchema(AvatarShapeSchema, AvatarShapeSchema.COMPONENT_ID);
-/** @public */ /*#__PURE__*/ export const Billboard = engine => engine.defineComponentFromSchema(BillboardSchema, BillboardSchema.COMPONENT_ID);
-/** @public */ /*#__PURE__*/ export const CameraMode = engine => engine.defineComponentFromSchema(CameraModeSchema, CameraModeSchema.COMPONENT_ID);
-/** @public */ /*#__PURE__*/ export const CameraModeArea = engine => engine.defineComponentFromSchema(CameraModeAreaSchema, CameraModeAreaSchema.COMPONENT_ID);
-/** @public */ /*#__PURE__*/ export const GltfContainer = engine => engine.defineComponentFromSchema(GltfContainerSchema, GltfContainerSchema.COMPONENT_ID);
-/** @public */ /*#__PURE__*/ export const Material = engine => engine.defineComponentFromSchema(MaterialSchema, MaterialSchema.COMPONENT_ID);
-/** @public */ /*#__PURE__*/ export const MeshCollider = engine => engine.defineComponentFromSchema(MeshColliderSchema, MeshColliderSchema.COMPONENT_ID);
-/** @public */ /*#__PURE__*/ export const MeshRenderer = engine => engine.defineComponentFromSchema(MeshRendererSchema, MeshRendererSchema.COMPONENT_ID);
-/** @public */ /*#__PURE__*/ export const NftShape = engine => engine.defineComponentFromSchema(NftShapeSchema, NftShapeSchema.COMPONENT_ID);
-/** @public */ /*#__PURE__*/ export const PointerEvents = engine => engine.defineComponentFromSchema(PointerEventsSchema, PointerEventsSchema.COMPONENT_ID);
-/** @public */ /*#__PURE__*/ export const PointerEventsResult = engine => engine.defineComponentFromSchema(PointerEventsResultSchema, PointerEventsResultSchema.COMPONENT_ID);
-/** @public */ /*#__PURE__*/ export const PointerLock = engine => engine.defineComponentFromSchema(PointerLockSchema, PointerLockSchema.COMPONENT_ID);
-/** @public */ /*#__PURE__*/ export const Raycast = engine => engine.defineComponentFromSchema(RaycastSchema, RaycastSchema.COMPONENT_ID);
-/** @public */ /*#__PURE__*/ export const RaycastResult = engine => engine.defineComponentFromSchema(RaycastResultSchema, RaycastResultSchema.COMPONENT_ID);
-/** @public */ /*#__PURE__*/ export const TextShape = engine => engine.defineComponentFromSchema(TextShapeSchema, TextShapeSchema.COMPONENT_ID);
-/** @public */ /*#__PURE__*/ export const UiBackground = engine => engine.defineComponentFromSchema(UiBackgroundSchema, UiBackgroundSchema.COMPONENT_ID);
-/** @public */ /*#__PURE__*/ export const UiDropdown = engine => engine.defineComponentFromSchema(UiDropdownSchema, UiDropdownSchema.COMPONENT_ID);
-/** @public */ /*#__PURE__*/ export const UiDropdownResult = engine => engine.defineComponentFromSchema(UiDropdownResultSchema, UiDropdownResultSchema.COMPONENT_ID);
-/** @public */ /*#__PURE__*/ export const UiInput = engine => engine.defineComponentFromSchema(UiInputSchema, UiInputSchema.COMPONENT_ID);
-/** @public */ /*#__PURE__*/ export const UiInputResult = engine => engine.defineComponentFromSchema(UiInputResultSchema, UiInputResultSchema.COMPONENT_ID);
-/** @public */ /*#__PURE__*/ export const UiText = engine => engine.defineComponentFromSchema(UiTextSchema, UiTextSchema.COMPONENT_ID);
-/** @public */ /*#__PURE__*/ export const UiTransform = engine => engine.defineComponentFromSchema(UiTransformSchema, UiTransformSchema.COMPONENT_ID);
-/** @public */ /*#__PURE__*/ export const VisibilityComponent = engine => engine.defineComponentFromSchema(VisibilityComponentSchema, VisibilityComponentSchema.COMPONENT_ID);
+/** @public */ /*#__PURE__*/ export const Animator = engine => engine.defineComponentFromSchema("core::Animator", AnimatorSchema);
+/** @public */ /*#__PURE__*/ export const AudioSource = engine => engine.defineComponentFromSchema("core::AudioSource", AudioSourceSchema);
+/** @public */ /*#__PURE__*/ export const AudioStream = engine => engine.defineComponentFromSchema("core::AudioStream", AudioStreamSchema);
+/** @public */ /*#__PURE__*/ export const AvatarAttach = engine => engine.defineComponentFromSchema("core::AvatarAttach", AvatarAttachSchema);
+/** @public */ /*#__PURE__*/ export const AvatarModifierArea = engine => engine.defineComponentFromSchema("core::AvatarModifierArea", AvatarModifierAreaSchema);
+/** @public */ /*#__PURE__*/ export const AvatarShape = engine => engine.defineComponentFromSchema("core::AvatarShape", AvatarShapeSchema);
+/** @public */ /*#__PURE__*/ export const Billboard = engine => engine.defineComponentFromSchema("core::Billboard", BillboardSchema);
+/** @public */ /*#__PURE__*/ export const CameraMode = engine => engine.defineComponentFromSchema("core::CameraMode", CameraModeSchema);
+/** @public */ /*#__PURE__*/ export const CameraModeArea = engine => engine.defineComponentFromSchema("core::CameraModeArea", CameraModeAreaSchema);
+/** @public */ /*#__PURE__*/ export const GltfContainer = engine => engine.defineComponentFromSchema("core::GltfContainer", GltfContainerSchema);
+/** @public */ /*#__PURE__*/ export const Material = engine => engine.defineComponentFromSchema("core::Material", MaterialSchema);
+/** @public */ /*#__PURE__*/ export const MeshCollider = engine => engine.defineComponentFromSchema("core::MeshCollider", MeshColliderSchema);
+/** @public */ /*#__PURE__*/ export const MeshRenderer = engine => engine.defineComponentFromSchema("core::MeshRenderer", MeshRendererSchema);
+/** @public */ /*#__PURE__*/ export const NftShape = engine => engine.defineComponentFromSchema("core::NftShape", NftShapeSchema);
+/** @public */ /*#__PURE__*/ export const PointerEvents = engine => engine.defineComponentFromSchema("core::PointerEvents", PointerEventsSchema);
+/** @public */ /*#__PURE__*/ export const PointerEventsResult = engine => engine.defineComponentFromSchema("core::PointerEventsResult", PointerEventsResultSchema);
+/** @public */ /*#__PURE__*/ export const PointerLock = engine => engine.defineComponentFromSchema("core::PointerLock", PointerLockSchema);
+/** @public */ /*#__PURE__*/ export const Raycast = engine => engine.defineComponentFromSchema("core::Raycast", RaycastSchema);
+/** @public */ /*#__PURE__*/ export const RaycastResult = engine => engine.defineComponentFromSchema("core::RaycastResult", RaycastResultSchema);
+/** @public */ /*#__PURE__*/ export const TextShape = engine => engine.defineComponentFromSchema("core::TextShape", TextShapeSchema);
+/** @public */ /*#__PURE__*/ export const UiBackground = engine => engine.defineComponentFromSchema("core::UiBackground", UiBackgroundSchema);
+/** @public */ /*#__PURE__*/ export const UiDropdown = engine => engine.defineComponentFromSchema("core::UiDropdown", UiDropdownSchema);
+/** @public */ /*#__PURE__*/ export const UiDropdownResult = engine => engine.defineComponentFromSchema("core::UiDropdownResult", UiDropdownResultSchema);
+/** @public */ /*#__PURE__*/ export const UiInput = engine => engine.defineComponentFromSchema("core::UiInput", UiInputSchema);
+/** @public */ /*#__PURE__*/ export const UiInputResult = engine => engine.defineComponentFromSchema("core::UiInputResult", UiInputResultSchema);
+/** @public */ /*#__PURE__*/ export const UiText = engine => engine.defineComponentFromSchema("core::UiText", UiTextSchema);
+/** @public */ /*#__PURE__*/ export const UiTransform = engine => engine.defineComponentFromSchema("core::UiTransform", UiTransformSchema);
+/** @public */ /*#__PURE__*/ export const VisibilityComponent = engine => engine.defineComponentFromSchema("core::VisibilityComponent", VisibilityComponentSchema);

package/dist/components/legacy/Transform.js

@@ -59,7 +59,7 @@ export const TransformSchema = {
     }
 };
 export function defineTransformComponent(engine) {
-    const transformDef = engine.defineComponentFromSchema(TransformSchema, COMPONENT_ID);
+    const transformDef = engine.defineComponentFromSchema('core::Transform', TransformSchema);
     return {
         ...transformDef,
         create(entity, val) {

package/dist/engine/component.d.ts

@@ -6,7 +6,8 @@ import { DeepReadonly } from './readonly';
  * @public
  */
 export declare type ComponentDefinition<T> = {
-    _id: number;
+    readonly componentId: number;
+    readonly componentName: string;
     /**
      * Return the default value of the current component
      */
@@ -62,4 +63,4 @@ export declare type ComponentDefinition<T> = {
     getMutableOrNull(entity: Entity): T | null;
     writeToByteBuffer(entity: Entity, buffer: ByteBuffer): void;
 };
-export declare function defineComponent<T>(componentId: number, spec: ISchema<T>): ComponentDefinition<T>;
+export declare function createComponentDefinitionFromSchema<T>(componentName: string, componentId: number, schema: ISchema<T>): ComponentDefinition<T>;

package/dist/engine/component.js

@@ -1,14 +1,17 @@
 import { ReadWriteByteBuffer } from '../serialization/ByteBuffer';
 import { deepReadonly } from './readonly';
-export function defineComponent(componentId, spec
-// meta: { syncFlags }
-) {
+export function createComponentDefinitionFromSchema(componentName, componentId, schema) {
     const data = new Map();
     const dirtyIterator = new Set();
     return {
-        _id: componentId,
+        get componentId() {
+            return componentId;
+        },
+        get componentName() {
+            return componentName;
+        },
         default() {
-            return spec.create();
+            return schema.create();
         },
         isDirty(entity) {
             return dirtyIterator.has(entity);
@@ -34,19 +37,19 @@ export function defineComponent(componentId, spec
         get(entity) {
             const component = data.get(entity);
             if (!component) {
-                throw new Error(`[getFrom] Component ${componentId} for entity #${entity} not found`);
+                throw new Error(`[getFrom] Component ${componentName} for entity #${entity} not found`);
             }
             return deepReadonly(component);
         },
         create(entity, value) {
             const component = data.get(entity);
             if (component) {
-                throw new Error(`[create] Component ${componentId} for ${entity} already exists`);
+                throw new Error(`[create] Component ${componentName} for ${entity} already exists`);
             }
             const usedValue = value === undefined
-                ? spec.create()
-                : spec.extend
-                    ? spec.extend(value)
+                ? schema.create()
+                : schema.extend
+                    ? schema.extend(value)
                     : value;
             data.set(entity, usedValue);
             dirtyIterator.add(entity);
@@ -54,9 +57,9 @@ export function defineComponent(componentId, spec
         },
         createOrReplace(entity, value) {
             const usedValue = value === undefined
-                ? spec.create()
-                : spec.extend
-                    ? spec.extend(value)
+                ? schema.create()
+                : schema.extend
+                    ? schema.extend(value)
                     : value;
             data.set(entity, usedValue);
             dirtyIterator.add(entity);
@@ -73,7 +76,7 @@ export function defineComponent(componentId, spec
         getMutable(entity) {
             const component = this.getMutableOrNull(entity);
             if (component === null) {
-                throw new Error(`[mutable] Component ${componentId} for ${entity} not found`);
+                throw new Error(`[mutable] Component ${componentName} for ${entity} not found`);
             }
             return component;
         },
@@ -90,10 +93,10 @@ export function defineComponent(componentId, spec
         toBinary(entity) {
             const component = data.get(entity);
             if (!component) {
-                throw new Error(`[toBinary] Component ${componentId} for ${entity} not found`);
+                throw new Error(`[toBinary] Component ${componentName} for ${entity} not found`);
             }
             const writeBuffer = new ReadWriteByteBuffer();
-            spec.serialize(component, writeBuffer);
+            schema.serialize(component, writeBuffer);
             return writeBuffer;
         },
         toBinaryOrNull(entity) {
@@ -102,25 +105,25 @@ export function defineComponent(componentId, spec
                 return null;
             }
             const writeBuffer = new ReadWriteByteBuffer();
-            spec.serialize(component, writeBuffer);
+            schema.serialize(component, writeBuffer);
             return writeBuffer;
         },
         writeToByteBuffer(entity, buffer) {
             const component = data.get(entity);
             if (!component) {
-                throw new Error(`[writeToByteBuffer] Component ${componentId} for entity #${entity} not found`);
+                throw new Error(`[writeToByteBuffer] Component ${componentName} for entity #${entity} not found`);
             }
-            spec.serialize(component, buffer);
+            schema.serialize(component, buffer);
         },
         updateFromBinary(entity, buffer, markAsDirty = true) {
             const component = data.get(entity);
             if (!component) {
-                throw new Error(`[updateFromBinary] Component ${componentId} for ${entity} not found`);
+                throw new Error(`[updateFromBinary] Component ${componentName} for ${entity} not found`);
             }
             return this.upsertFromBinary(entity, buffer, markAsDirty);
         },
         upsertFromBinary(entity, buffer, markAsDirty = true) {
-            const newValue = spec.deserialize(buffer);
+            const newValue = schema.deserialize(buffer);
             data.set(entity, newValue);
             if (markAsDirty) {
                 dirtyIterator.add(entity);
@@ -131,7 +134,7 @@ export function defineComponent(componentId, spec
             return newValue;
         },
         deserialize(buffer) {
-            return spec.deserialize(buffer);
+            return schema.deserialize(buffer);
         },
         clearDirty() {
             dirtyIterator.clear();

package/dist/engine/index.js

@@ -1,8 +1,9 @@
 import * as components from '../components';
+import { componentNumberFromName } from '../components/component-number';
 import { checkNotThenable } from '../runtime/invariant';
 import { Schemas } from '../schemas';
 import { crdtSceneSystem } from '../systems/crdt';
-import { defineComponent as defComponent } from './component';
+import { createComponentDefinitionFromSchema } from './component';
 import { EntityContainer } from './entity';
 import { SystemContainer, SYSTEMS_REGULAR_PRIORITY } from './systems';
 export * from './input';
@@ -12,6 +13,7 @@ function preEngine() {
     const entityContainer = EntityContainer();
     const componentsDefinition = new Map();
     const systems = SystemContainer();
+    let sealed = false;
     function addSystem(fn, priority = SYSTEMS_REGULAR_PRIORITY, name) {
         systems.add(fn, priority, name);
     }
@@ -30,32 +32,51 @@ function preEngine() {
         }
         return entityContainer.removeEntity(entity);
     }
-    function registerCustomComponent(component, componentId) {
+    function registerComponentDefinition(componentName, component) {
+        /* istanbul ignore next */
+        if (sealed)
+            throw new Error('Engine is already sealed. No components can be added at this stage');
+        const componentId = componentNumberFromName(componentName);
         const prev = componentsDefinition.get(componentId);
         if (prev) {
             throw new Error(`Component number ${componentId} was already registered.`);
         }
+        /* istanbul ignore next */
+        if (component.componentName !== componentName) {
+            throw new Error(`Component name doesn't match componentDefinition.componentName ${componentName} != ${component.componentName}`);
+        }
+        /* istanbul ignore next */
+        if (component.componentId !== componentId) {
+            throw new Error(`Component number doesn't match componentDefinition.componentId ${componentId} != ${component.componentId}`);
+        }
         componentsDefinition.set(componentId, component);
         return component;
     }
-    function defineComponentFromSchema(spec, componentId) {
+    function defineComponentFromSchema(componentName, schema) {
+        /* istanbul ignore next */
+        if (sealed)
+            throw new Error('Engine is already sealed. No components can be added at this stage');
+        const componentId = componentNumberFromName(componentName);
         const prev = componentsDefinition.get(componentId);
         if (prev) {
             // TODO: assert spec === prev.spec
             return prev;
         }
-        const newComponent = defComponent(componentId, spec);
+        const newComponent = createComponentDefinitionFromSchema(componentName, componentId, schema);
         componentsDefinition.set(componentId, newComponent);
         return newComponent;
     }
-    function defineComponent(mapSpec, componentId, constructorDefault) {
+    function defineComponent(componentName, mapSpec, constructorDefault) {
+        if (sealed)
+            throw new Error('Engine is already sealed. No components can be added at this stage');
+        const componentId = componentNumberFromName(componentName);
         const prev = componentsDefinition.get(componentId);
         if (prev) {
             // TODO: assert spec === prev.spec
             return prev;
         }
         const schemaSpec = Schemas.Map(mapSpec, constructorDefault);
-        const def = defComponent(componentId, schemaSpec);
+        const def = createComponentDefinitionFromSchema(componentName, componentId, schemaSpec);
         const newComponent = {
             ...def,
             create(entity, val) {
@@ -127,6 +148,11 @@ function preEngine() {
             removeEntity(entity);
         }
     }
+    function seal() {
+        if (!sealed) {
+            sealed = true;
+        }
+    }
     return {
         addEntity,
         removeEntity,
@@ -140,9 +166,10 @@ function preEngine() {
         getComponentOrNull,
         removeComponentDefinition,
         removeEntityWithChildren,
-        registerCustomComponent,
+        registerComponentDefinition,
         entityContainer,
-        componentsIter
+        componentsIter,
+        seal
     };
 }
 /**
@@ -172,12 +199,13 @@ export function Engine(options) {
         removeSystem: engine.removeSystem,
         defineComponent: engine.defineComponent,
         defineComponentFromSchema: engine.defineComponentFromSchema,
-        registerCustomComponent: engine.registerCustomComponent,
+        registerComponentDefinition: engine.registerComponentDefinition,
         getEntitiesWith: engine.getEntitiesWith,
         getComponent: engine.getComponent,
         getComponentOrNull: engine.getComponentOrNull,
         removeComponentDefinition: engine.removeComponentDefinition,
         componentsIter: engine.componentsIter,
+        seal: engine.seal,
         update,
         RootEntity: 0,
         PlayerEntity: 1,

package/dist/engine/input.js

@@ -23,12 +23,11 @@ const InternalInputStateSchema = {
         ts: Schemas.Number
     }))
 };
-const InternalInputStateComponentId = 1500;
 const TimestampUpdateSystemPriority = 1 << 20;
 const ButtonStateUpdateSystemPriority = 0;
 export function createInputSystem(engine) {
     const PointerEventsResult = components.PointerEventsResult(engine);
-    const InternalInputStateComponent = engine.defineComponent(InternalInputStateSchema, InternalInputStateComponentId);
+    const InternalInputStateComponent = engine.defineComponent('@dcl/sdk/InternalInputStateSchema', InternalInputStateSchema);
     InternalInputStateComponent.create(engine.RootEntity, {
         buttonState: Array.from({ length: InputCommands.length }, () => ({
             ts: 0,

package/dist/engine/types.d.ts

@@ -84,42 +84,40 @@ export declare type IEngine = {
     removeSystem(selector: string | SystemFn): boolean;
     /**
      * Registers a custom component definition.
-     * @param component - The component definition
-     * @param componentId - unique id to identify the component, if the component id already exist, it will fail.
+     * @param componentName - unique name to identify the component, a hash is calculated for it, it will fail if the hash has collisions.
+     * @param componentDefinition - The component definition
      */
-    registerCustomComponent<T>(component: ComponentDefinition<T>, componentId: number): ComponentDefinition<T>;
+    registerComponentDefinition<T>(componentName: string, componentDefinition: ComponentDefinition<T>): ComponentDefinition<T>;
     /**
      * Define a component and add it to the engine.
      * @param spec - An object with schema fields
-     * @param componentId - unique id to identify the component, if the component id already exist, it will fail.
+     * @param componentName - unique name to identify the component, a hash is calculated for it, it will fail if the hash has collisions.
      * @param constructorDefault - the initial value prefilled when a component is created without a value
      * @returns The component definition
      *
      * ```ts
-     * const DoorComponentId = 10017
-     * const Door = engine.defineComponent({
+     * const Door = engine.defineComponent("my-scene::Door", {
      *   id: Schemas.Int,
      *   name: Schemas.String
-     * }, DoorComponentId)
-     *
+     * })
      * ```
      */
-    defineComponent<T extends Spec>(spec: T, componentId: number, constructorDefault?: Partial<MapResult<T>>): MapComponentDefinition<MapResult<T>>;
+    defineComponent<T extends Spec>(componentName: string, spec: T, constructorDefault?: Partial<MapResult<T>>): MapComponentDefinition<MapResult<T>>;
     /**
      * Define a component and add it to the engine.
+     * @param componentName - unique name to identify the component, a hash is calculated for it, it will fail if the hash has collisions.
      * @param spec - An object with schema fields
-     * @param componentId - unique id to identify the component, if the component id already exist, it will fail.
      * @returns The component definition
      *
      * ```ts
      * const StateComponentId = 10023
-     * const StateComponent = engine.defineComponent(Schemas.Bool, VisibleComponentId)
+     * const StateComponent = engine.defineComponentFromSchema("my-lib::VisibleComponent", Schemas.Bool)
      * ```
      */
-    defineComponentFromSchema<T>(spec: ISchema<T>, componentId: number): ComponentDefinition<T>;
+    defineComponentFromSchema<T>(componentName: string, spec: ISchema<T>): ComponentDefinition<T>;
     /**
      * Get the component definition from the component id.
-     * @param componentId - component number used to identify the component descriptor
+     * @param componentId - component number or name used to identify the component descriptor
      * @returns the component definition, throw an error if it doesn't exist
      * ```ts
      * const StateComponentId = 10023
@@ -129,7 +127,7 @@ export declare type IEngine = {
     getComponent<T>(componentId: number): ComponentDefinition<T>;
     /**
      * Get the component definition from the component id.
-     * @param componentId - component number used to identify the component descriptor
+     * @param componentId - component number or name used to identify the component descriptor
      * @returns the component definition or null if its not founded
      * ```ts
      * const StateComponentId = 10023
@@ -181,4 +179,9 @@ export declare type IEngine = {
      * Iterator of registered components
      */
     componentsIter(): Iterable<ComponentDefinition<unknown>>;
+    /**
+     * Seals the engine components. It is used to clearly define the scope of the
+     * components that will be available to this engine and to run optimizations.
+     */
+    seal(): void;
 };

package/dist/runtime/crc.d.ts

@@ -0,0 +1 @@
+export declare function unsignedCRC32(data: Uint8Array, prev?: number): number;

package/dist/runtime/crc.js

@@ -0,0 +1,55 @@
+const CRC_TABLE = new Int32Array([
+    0x00000000, 0x77073096, 0xee0e612c, 0x990951ba, 0x076dc419, 0x706af48f,
+    0xe963a535, 0x9e6495a3, 0x0edb8832, 0x79dcb8a4, 0xe0d5e91e, 0x97d2d988,
+    0x09b64c2b, 0x7eb17cbd, 0xe7b82d07, 0x90bf1d91, 0x1db71064, 0x6ab020f2,
+    0xf3b97148, 0x84be41de, 0x1adad47d, 0x6ddde4eb, 0xf4d4b551, 0x83d385c7,
+    0x136c9856, 0x646ba8c0, 0xfd62f97a, 0x8a65c9ec, 0x14015c4f, 0x63066cd9,
+    0xfa0f3d63, 0x8d080df5, 0x3b6e20c8, 0x4c69105e, 0xd56041e4, 0xa2677172,
+    0x3c03e4d1, 0x4b04d447, 0xd20d85fd, 0xa50ab56b, 0x35b5a8fa, 0x42b2986c,
+    0xdbbbc9d6, 0xacbcf940, 0x32d86ce3, 0x45df5c75, 0xdcd60dcf, 0xabd13d59,
+    0x26d930ac, 0x51de003a, 0xc8d75180, 0xbfd06116, 0x21b4f4b5, 0x56b3c423,
+    0xcfba9599, 0xb8bda50f, 0x2802b89e, 0x5f058808, 0xc60cd9b2, 0xb10be924,
+    0x2f6f7c87, 0x58684c11, 0xc1611dab, 0xb6662d3d, 0x76dc4190, 0x01db7106,
+    0x98d220bc, 0xefd5102a, 0x71b18589, 0x06b6b51f, 0x9fbfe4a5, 0xe8b8d433,
+    0x7807c9a2, 0x0f00f934, 0x9609a88e, 0xe10e9818, 0x7f6a0dbb, 0x086d3d2d,
+    0x91646c97, 0xe6635c01, 0x6b6b51f4, 0x1c6c6162, 0x856530d8, 0xf262004e,
+    0x6c0695ed, 0x1b01a57b, 0x8208f4c1, 0xf50fc457, 0x65b0d9c6, 0x12b7e950,
+    0x8bbeb8ea, 0xfcb9887c, 0x62dd1ddf, 0x15da2d49, 0x8cd37cf3, 0xfbd44c65,
+    0x4db26158, 0x3ab551ce, 0xa3bc0074, 0xd4bb30e2, 0x4adfa541, 0x3dd895d7,
+    0xa4d1c46d, 0xd3d6f4fb, 0x4369e96a, 0x346ed9fc, 0xad678846, 0xda60b8d0,
+    0x44042d73, 0x33031de5, 0xaa0a4c5f, 0xdd0d7cc9, 0x5005713c, 0x270241aa,
+    0xbe0b1010, 0xc90c2086, 0x5768b525, 0x206f85b3, 0xb966d409, 0xce61e49f,
+    0x5edef90e, 0x29d9c998, 0xb0d09822, 0xc7d7a8b4, 0x59b33d17, 0x2eb40d81,
+    0xb7bd5c3b, 0xc0ba6cad, 0xedb88320, 0x9abfb3b6, 0x03b6e20c, 0x74b1d29a,
+    0xead54739, 0x9dd277af, 0x04db2615, 0x73dc1683, 0xe3630b12, 0x94643b84,
+    0x0d6d6a3e, 0x7a6a5aa8, 0xe40ecf0b, 0x9309ff9d, 0x0a00ae27, 0x7d079eb1,
+    0xf00f9344, 0x8708a3d2, 0x1e01f268, 0x6906c2fe, 0xf762575d, 0x806567cb,
+    0x196c3671, 0x6e6b06e7, 0xfed41b76, 0x89d32be0, 0x10da7a5a, 0x67dd4acc,
+    0xf9b9df6f, 0x8ebeeff9, 0x17b7be43, 0x60b08ed5, 0xd6d6a3e8, 0xa1d1937e,
+    0x38d8c2c4, 0x4fdff252, 0xd1bb67f1, 0xa6bc5767, 0x3fb506dd, 0x48b2364b,
+    0xd80d2bda, 0xaf0a1b4c, 0x36034af6, 0x41047a60, 0xdf60efc3, 0xa867df55,
+    0x316e8eef, 0x4669be79, 0xcb61b38c, 0xbc66831a, 0x256fd2a0, 0x5268e236,
+    0xcc0c7795, 0xbb0b4703, 0x220216b9, 0x5505262f, 0xc5ba3bbe, 0xb2bd0b28,
+    0x2bb45a92, 0x5cb36a04, 0xc2d7ffa7, 0xb5d0cf31, 0x2cd99e8b, 0x5bdeae1d,
+    0x9b64c2b0, 0xec63f226, 0x756aa39c, 0x026d930a, 0x9c0906a9, 0xeb0e363f,
+    0x72076785, 0x05005713, 0x95bf4a82, 0xe2b87a14, 0x7bb12bae, 0x0cb61b38,
+    0x92d28e9b, 0xe5d5be0d, 0x7cdcefb7, 0x0bdbdf21, 0x86d3d2d4, 0xf1d4e242,
+    0x68ddb3f8, 0x1fda836e, 0x81be16cd, 0xf6b9265b, 0x6fb077e1, 0x18b74777,
+    0x88085ae6, 0xff0f6a70, 0x66063bca, 0x11010b5c, 0x8f659eff, 0xf862ae69,
+    0x616bffd3, 0x166ccf45, 0xa00ae278, 0xd70dd2ee, 0x4e048354, 0x3903b3c2,
+    0xa7672661, 0xd06016f7, 0x4969474d, 0x3e6e77db, 0xaed16a4a, 0xd9d65adc,
+    0x40df0b66, 0x37d83bf0, 0xa9bcae53, 0xdebb9ec5, 0x47b2cf7f, 0x30b5ffe9,
+    0xbdbdf21c, 0xcabac28a, 0x53b39330, 0x24b4a3a6, 0xbad03605, 0xcdd70693,
+    0x54de5729, 0x23d967bf, 0xb3667a2e, 0xc4614ab8, 0x5d681b02, 0x2a6f2b94,
+    0xb40bbe37, 0xc30c8ea1, 0x5a05df1b, 0x2d02ef8d
+]);
+function _crc32(buf, previous) {
+    let crc = ~~previous ^ -1;
+    for (let n = 0; n < buf.length; n++) {
+        crc = CRC_TABLE[(crc ^ buf[n]) & 0xff] ^ (crc >>> 8);
+    }
+    return crc ^ -1;
+}
+export function unsignedCRC32(data, prev = 0) {
+    return _crc32(data, prev) >>> 0;
+}

package/dist/serialization/ByteBuffer/index.js

@@ -187,7 +187,7 @@ export class ReadWriteByteBuffer {
         return this.view.getUint16(offset);
     }
     getUint32(offset) {
-        return this.view.getUint32(offset);
+        return this.view.getUint32(offset) >>> 0;
     }
     getUint64(offset) {
         return this.view.getBigUint64(offset);

package/dist/serialization/crdt/deleteComponent.js

@@ -34,7 +34,7 @@ export var DeleteComponent;
         const msg = {
             ...header,
             entityId: buf.readUint32(),
-            componentId: buf.readInt32(),
+            componentId: buf.readUint32(),
             timestamp: Number(buf.readUint64())
         };
         // TODO: remove buffer length

package/dist/serialization/crdt/putComponent.js

@@ -18,7 +18,7 @@ export var PutComponentOperation;
         buf.setUint32(startMessageOffset + 4, CrdtMessageType.PUT_COMPONENT);
         // Write ComponentOperation header
         buf.setUint32(startMessageOffset + 8, entity);
-        buf.setUint32(startMessageOffset + 12, componentDefinition._id);
+        buf.setUint32(startMessageOffset + 12, componentDefinition.componentId);
         buf.setUint64(startMessageOffset + 16, BigInt(timestamp));
         const newLocal = messageLength - PutComponentOperation.MESSAGE_HEADER_LENGTH - CRDT_MESSAGE_HEADER_LENGTH;
         buf.setUint32(startMessageOffset + 24, newLocal);
@@ -35,7 +35,7 @@ export var PutComponentOperation;
         return {
             ...header,
             entityId: buf.readUint32(),
-            componentId: buf.readInt32(),
+            componentId: buf.readUint32(),
             timestamp: Number(buf.readUint64()),
             data: buf.readBuffer()
         };

package/dist/systems/crdt/index.js

@@ -122,7 +122,7 @@ export function crdtSceneSystem(engine, onProcessEntityComponentChange) {
                 // The state isn't updated because the dirty was set
                 //  out of the block of systems update between `receiveMessage` and `updateState`
                 if (component?.isDirty(msg.entityId)) {
-                    crdtClient.createComponentDataEvent(component._id, msg.entityId, component.toBinaryOrNull(msg.entityId)?.toBinary() || null);
+                    crdtClient.createComponentDataEvent(component.componentId, msg.entityId, component.toBinaryOrNull(msg.entityId)?.toBinary() || null);
                 }
                 const processResult = crdtClient.processMessage(crdtMessage);
                 if (!component) {
@@ -159,7 +159,7 @@ export function crdtSceneSystem(engine, onProcessEntityComponentChange) {
                                 PutComponentOperation.write(msg.entityId, ts, component, bufferForOutdated);
                             }
                             else {
-                                DeleteComponent.write(msg.entityId, component._id, ts, bufferForOutdated);
+                                DeleteComponent.write(msg.entityId, component.componentId, ts, bufferForOutdated);
                             }
                             outdatedMessages.push({
                                 ...msg,
@@ -211,7 +211,7 @@ export function crdtSceneSystem(engine, onProcessEntityComponentChange) {
                 const componentValue = component.toBinaryOrNull(entity)?.toBinary() ?? null;
                 // TODO: do not emit event if componentValue equals the value didn't change
                 // if update goes bad, the entity doesn't accept put anymore (it's added to deleted entities set)
-                if (crdtClient.createComponentDataEvent(component._id, entity, componentValue) === null) {
+                if (crdtClient.createComponentDataEvent(component.componentId, entity, componentValue) === null) {
                     component.deleteFrom(entity, false);
                 }
                 else {
@@ -238,7 +238,7 @@ export function crdtSceneSystem(engine, onProcessEntityComponentChange) {
                 // Component will be always defined here since dirtyMap its an iterator of engine.componentsDefinition
                 const { timestamp } = crdtClient
                     .getState()
-                    .components.get(component._id)
+                    .components.get(component.componentId)
                     .get(entity);
                 const offset = buffer.currentWriteOffset();
                 const type = component.has(entity)
@@ -247,7 +247,7 @@ export function crdtSceneSystem(engine, onProcessEntityComponentChange) {
                 const transportMessage = {
                     type,
                     entityId: entity,
-                    componentId: component._id,
+                    componentId: component.componentId,
                     timestamp
                 };
                 // Avoid creating messages if there is no transport that will handle it
@@ -256,7 +256,7 @@ export function crdtSceneSystem(engine, onProcessEntityComponentChange) {
                         PutComponentOperation.write(entity, timestamp, component, buffer);
                     }
                     else {
-                        DeleteComponent.write(entity, component._id, timestamp, buffer);
+                        DeleteComponent.write(entity, component.componentId, timestamp, buffer);
                     }
                     crdtMessages.push({
                         ...transportMessage,

package/dist/systems/crdt/utils.d.ts

@@ -1,6 +1,6 @@
 import { ComponentDefinition } from '../../engine/component';
 export declare namespace CrdtUtils {
-    type ComponentID = ComponentDefinition<any>['_id'];
+    type ComponentID = ComponentDefinition<any>['componentId'];
     enum SynchronizedEntityType {
         NETWORKED = 0,
         RENDERER = 1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dcl/ecs",
-  "version": "7.0.6-3939099974.commit-727d673",
+  "version": "7.0.6-3987590195.commit-4fc1536",
   "description": "Decentraland ECS",
   "main": "./dist/index.js",
   "typings": "./dist/index.d.ts",
@@ -27,7 +27,7 @@
     "ts-proto": "^1.112.0"
   },
   "dependencies": {
-    "@dcl/crdt": "7.0.6-3939099974.commit-727d673",
+    "@dcl/crdt": "7.0.6-3987590195.commit-4fc1536",
     "@dcl/js-runtime": "file:../js-runtime",
     "@dcl/protocol": "^1.0.0-3939040004.commit-2c2721f"
   },
@@ -41,5 +41,5 @@
     "displayName": "ECS",
     "tsconfig": "./tsconfig.json"
   },
-  "commit": "727d673f8e1a299bf65a92b41a6fb76f2e9c4711"
+  "commit": "4fc1536e9bdd2501b3d9918ec7345084f7a49aca"
 }

package/dist/components/generated/ids.gen.d.ts

@@ -1,32 +0,0 @@
-/** @public */
-export declare enum ECSComponentIDs {
-    Transform = 1,
-    Animator = 1042,
-    AudioSource = 1020,
-    AudioStream = 1021,
-    AvatarAttach = 1073,
-    AvatarModifierArea = 1070,
-    AvatarShape = 1080,
-    Billboard = 1090,
-    CameraMode = 1072,
-    CameraModeArea = 1071,
-    GltfContainer = 1041,
-    Material = 1017,
-    MeshCollider = 1019,
-    MeshRenderer = 1018,
-    NftShape = 1040,
-    PointerEvents = 1062,
-    PointerEventsResult = 1063,
-    PointerLock = 1074,
-    Raycast = 1067,
-    RaycastResult = 1068,
-    TextShape = 1030,
-    UiBackground = 1053,
-    UiDropdown = 1094,
-    UiDropdownResult = 1096,
-    UiInput = 1093,
-    UiInputResult = 1095,
-    UiText = 1052,
-    UiTransform = 1050,
-    VisibilityComponent = 1081
-}

package/dist/components/generated/ids.gen.js

@@ -1,33 +0,0 @@
-/** @public */
-export var ECSComponentIDs;
-(function (ECSComponentIDs) {
-    ECSComponentIDs[ECSComponentIDs["Transform"] = 1] = "Transform";
-    ECSComponentIDs[ECSComponentIDs["Animator"] = 1042] = "Animator";
-    ECSComponentIDs[ECSComponentIDs["AudioSource"] = 1020] = "AudioSource";
-    ECSComponentIDs[ECSComponentIDs["AudioStream"] = 1021] = "AudioStream";
-    ECSComponentIDs[ECSComponentIDs["AvatarAttach"] = 1073] = "AvatarAttach";
-    ECSComponentIDs[ECSComponentIDs["AvatarModifierArea"] = 1070] = "AvatarModifierArea";
-    ECSComponentIDs[ECSComponentIDs["AvatarShape"] = 1080] = "AvatarShape";
-    ECSComponentIDs[ECSComponentIDs["Billboard"] = 1090] = "Billboard";
-    ECSComponentIDs[ECSComponentIDs["CameraMode"] = 1072] = "CameraMode";
-    ECSComponentIDs[ECSComponentIDs["CameraModeArea"] = 1071] = "CameraModeArea";
-    ECSComponentIDs[ECSComponentIDs["GltfContainer"] = 1041] = "GltfContainer";
-    ECSComponentIDs[ECSComponentIDs["Material"] = 1017] = "Material";
-    ECSComponentIDs[ECSComponentIDs["MeshCollider"] = 1019] = "MeshCollider";
-    ECSComponentIDs[ECSComponentIDs["MeshRenderer"] = 1018] = "MeshRenderer";
-    ECSComponentIDs[ECSComponentIDs["NftShape"] = 1040] = "NftShape";
-    ECSComponentIDs[ECSComponentIDs["PointerEvents"] = 1062] = "PointerEvents";
-    ECSComponentIDs[ECSComponentIDs["PointerEventsResult"] = 1063] = "PointerEventsResult";
-    ECSComponentIDs[ECSComponentIDs["PointerLock"] = 1074] = "PointerLock";
-    ECSComponentIDs[ECSComponentIDs["Raycast"] = 1067] = "Raycast";
-    ECSComponentIDs[ECSComponentIDs["RaycastResult"] = 1068] = "RaycastResult";
-    ECSComponentIDs[ECSComponentIDs["TextShape"] = 1030] = "TextShape";
-    ECSComponentIDs[ECSComponentIDs["UiBackground"] = 1053] = "UiBackground";
-    ECSComponentIDs[ECSComponentIDs["UiDropdown"] = 1094] = "UiDropdown";
-    ECSComponentIDs[ECSComponentIDs["UiDropdownResult"] = 1096] = "UiDropdownResult";
-    ECSComponentIDs[ECSComponentIDs["UiInput"] = 1093] = "UiInput";
-    ECSComponentIDs[ECSComponentIDs["UiInputResult"] = 1095] = "UiInputResult";
-    ECSComponentIDs[ECSComponentIDs["UiText"] = 1052] = "UiText";
-    ECSComponentIDs[ECSComponentIDs["UiTransform"] = 1050] = "UiTransform";
-    ECSComponentIDs[ECSComponentIDs["VisibilityComponent"] = 1081] = "VisibilityComponent";
-})(ECSComponentIDs || (ECSComponentIDs = {}));