@dcl/playground-assets 7.0.6-3874914632.commit-eb56237 → 7.0.6-3942933325.commit-70f967f

package/dist/index.js

@@ -12390,34 +12390,34 @@
         }
     };
 
-    /** @public */  const Animator$2 = engine => engine.defineComponentFromSchema(AnimatorSchema, AnimatorSchema.COMPONENT_ID);
-    /** @public */  const AudioSource$1 = engine => engine.defineComponentFromSchema(AudioSourceSchema, AudioSourceSchema.COMPONENT_ID);
-    /** @public */  const AudioStream$1 = engine => engine.defineComponentFromSchema(AudioStreamSchema, AudioStreamSchema.COMPONENT_ID);
-    /** @public */  const AvatarAttach$1 = engine => engine.defineComponentFromSchema(AvatarAttachSchema, AvatarAttachSchema.COMPONENT_ID);
-    /** @public */  const AvatarModifierArea$1 = engine => engine.defineComponentFromSchema(AvatarModifierAreaSchema, AvatarModifierAreaSchema.COMPONENT_ID);
-    /** @public */  const AvatarShape$1 = engine => engine.defineComponentFromSchema(AvatarShapeSchema, AvatarShapeSchema.COMPONENT_ID);
-    /** @public */  const Billboard$1 = engine => engine.defineComponentFromSchema(BillboardSchema, BillboardSchema.COMPONENT_ID);
-    /** @public */  const CameraMode$1 = engine => engine.defineComponentFromSchema(CameraModeSchema, CameraModeSchema.COMPONENT_ID);
-    /** @public */  const CameraModeArea$1 = engine => engine.defineComponentFromSchema(CameraModeAreaSchema, CameraModeAreaSchema.COMPONENT_ID);
-    /** @public */  const GltfContainer$1 = engine => engine.defineComponentFromSchema(GltfContainerSchema, GltfContainerSchema.COMPONENT_ID);
-    /** @public */  const Material$2 = engine => engine.defineComponentFromSchema(MaterialSchema, MaterialSchema.COMPONENT_ID);
-    /** @public */  const MeshCollider$2 = engine => engine.defineComponentFromSchema(MeshColliderSchema, MeshColliderSchema.COMPONENT_ID);
-    /** @public */  const MeshRenderer$2 = engine => engine.defineComponentFromSchema(MeshRendererSchema, MeshRendererSchema.COMPONENT_ID);
-    /** @public */  const NftShape$1 = engine => engine.defineComponentFromSchema(NftShapeSchema, NftShapeSchema.COMPONENT_ID);
-    /** @public */  const PointerEvents$1 = engine => engine.defineComponentFromSchema(PointerEventsSchema, PointerEventsSchema.COMPONENT_ID);
-    /** @public */  const PointerEventsResult$1 = engine => engine.defineComponentFromSchema(PointerEventsResultSchema, PointerEventsResultSchema.COMPONENT_ID);
-    /** @public */  const PointerLock$1 = engine => engine.defineComponentFromSchema(PointerLockSchema, PointerLockSchema.COMPONENT_ID);
-    /** @public */  const Raycast$1 = engine => engine.defineComponentFromSchema(RaycastSchema, RaycastSchema.COMPONENT_ID);
-    /** @public */  const RaycastResult$1 = engine => engine.defineComponentFromSchema(RaycastResultSchema, RaycastResultSchema.COMPONENT_ID);
-    /** @public */  const TextShape$1 = engine => engine.defineComponentFromSchema(TextShapeSchema, TextShapeSchema.COMPONENT_ID);
-    /** @public */  const UiBackground$1 = engine => engine.defineComponentFromSchema(UiBackgroundSchema, UiBackgroundSchema.COMPONENT_ID);
-    /** @public */  const UiDropdown$1 = engine => engine.defineComponentFromSchema(UiDropdownSchema, UiDropdownSchema.COMPONENT_ID);
-    /** @public */  const UiDropdownResult$1 = engine => engine.defineComponentFromSchema(UiDropdownResultSchema, UiDropdownResultSchema.COMPONENT_ID);
-    /** @public */  const UiInput$1 = engine => engine.defineComponentFromSchema(UiInputSchema, UiInputSchema.COMPONENT_ID);
-    /** @public */  const UiInputResult$1 = engine => engine.defineComponentFromSchema(UiInputResultSchema, UiInputResultSchema.COMPONENT_ID);
-    /** @public */  const UiText$1 = engine => engine.defineComponentFromSchema(UiTextSchema, UiTextSchema.COMPONENT_ID);
-    /** @public */  const UiTransform$1 = engine => engine.defineComponentFromSchema(UiTransformSchema, UiTransformSchema.COMPONENT_ID);
-    /** @public */  const VisibilityComponent$1 = engine => engine.defineComponentFromSchema(VisibilityComponentSchema, VisibilityComponentSchema.COMPONENT_ID);
+    /** @public */  const Animator$2 = engine => engine.defineComponentFromSchema("core::Animator", AnimatorSchema);
+    /** @public */  const AudioSource$1 = engine => engine.defineComponentFromSchema("core::AudioSource", AudioSourceSchema);
+    /** @public */  const AudioStream$1 = engine => engine.defineComponentFromSchema("core::AudioStream", AudioStreamSchema);
+    /** @public */  const AvatarAttach$1 = engine => engine.defineComponentFromSchema("core::AvatarAttach", AvatarAttachSchema);
+    /** @public */  const AvatarModifierArea$1 = engine => engine.defineComponentFromSchema("core::AvatarModifierArea", AvatarModifierAreaSchema);
+    /** @public */  const AvatarShape$1 = engine => engine.defineComponentFromSchema("core::AvatarShape", AvatarShapeSchema);
+    /** @public */  const Billboard$1 = engine => engine.defineComponentFromSchema("core::Billboard", BillboardSchema);
+    /** @public */  const CameraMode$1 = engine => engine.defineComponentFromSchema("core::CameraMode", CameraModeSchema);
+    /** @public */  const CameraModeArea$1 = engine => engine.defineComponentFromSchema("core::CameraModeArea", CameraModeAreaSchema);
+    /** @public */  const GltfContainer$1 = engine => engine.defineComponentFromSchema("core::GltfContainer", GltfContainerSchema);
+    /** @public */  const Material$2 = engine => engine.defineComponentFromSchema("core::Material", MaterialSchema);
+    /** @public */  const MeshCollider$2 = engine => engine.defineComponentFromSchema("core::MeshCollider", MeshColliderSchema);
+    /** @public */  const MeshRenderer$2 = engine => engine.defineComponentFromSchema("core::MeshRenderer", MeshRendererSchema);
+    /** @public */  const NftShape$1 = engine => engine.defineComponentFromSchema("core::NftShape", NftShapeSchema);
+    /** @public */  const PointerEvents$1 = engine => engine.defineComponentFromSchema("core::PointerEvents", PointerEventsSchema);
+    /** @public */  const PointerEventsResult$1 = engine => engine.defineComponentFromSchema("core::PointerEventsResult", PointerEventsResultSchema);
+    /** @public */  const PointerLock$1 = engine => engine.defineComponentFromSchema("core::PointerLock", PointerLockSchema);
+    /** @public */  const Raycast$1 = engine => engine.defineComponentFromSchema("core::Raycast", RaycastSchema);
+    /** @public */  const RaycastResult$1 = engine => engine.defineComponentFromSchema("core::RaycastResult", RaycastResultSchema);
+    /** @public */  const TextShape$1 = engine => engine.defineComponentFromSchema("core::TextShape", TextShapeSchema);
+    /** @public */  const UiBackground$1 = engine => engine.defineComponentFromSchema("core::UiBackground", UiBackgroundSchema);
+    /** @public */  const UiDropdown$1 = engine => engine.defineComponentFromSchema("core::UiDropdown", UiDropdownSchema);
+    /** @public */  const UiDropdownResult$1 = engine => engine.defineComponentFromSchema("core::UiDropdownResult", UiDropdownResultSchema);
+    /** @public */  const UiInput$1 = engine => engine.defineComponentFromSchema("core::UiInput", UiInputSchema);
+    /** @public */  const UiInputResult$1 = engine => engine.defineComponentFromSchema("core::UiInputResult", UiInputResultSchema);
+    /** @public */  const UiText$1 = engine => engine.defineComponentFromSchema("core::UiText", UiTextSchema);
+    /** @public */  const UiTransform$1 = engine => engine.defineComponentFromSchema("core::UiTransform", UiTransformSchema);
+    /** @public */  const VisibilityComponent$1 = engine => engine.defineComponentFromSchema("core::VisibilityComponent", VisibilityComponentSchema);
 
     function defineAnimatorComponent(engine) {
         const theComponent = Animator$2(engine);
@@ -12590,7 +12590,6 @@
     /**
      * @internal
      */
-    const COMPONENT_ID = 1;
     /** @internal */
     const TRANSFORM_LENGTH = 44;
     /** @internal */
@@ -12648,7 +12647,7 @@
         }
     };
     function defineTransformComponent(engine) {
-        const transformDef = engine.defineComponentFromSchema(TransformSchema, COMPONENT_ID);
+        const transformDef = engine.defineComponentFromSchema('core::Transform', TransformSchema);
         return {
             ...transformDef,
             create(entity, val) {
@@ -12764,6 +12763,114 @@
         VisibilityComponent: VisibilityComponent$1
     });
 
+    /**
+     * Autogenerated mapping of core components to their component numbers
+     */
+    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
+    };
+
+    var utf8Exports = requireUtf8();
+
+    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;
+    }
+    function unsignedCRC32(data, prev = 0) {
+        return _crc32(data, prev) >>> 0;
+    }
+
+    // Max possible pre-defined (static) component.
+    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
+     */
+    function componentNumberFromName(componentName) {
+        if (coreComponentMappings[componentName])
+            return coreComponentMappings[componentName];
+        const bytes = new Uint8Array(128);
+        utf8Exports.write(componentName, bytes, 0);
+        return ((unsignedCRC32(bytes) + MAX_STATIC_COMPONENT) & 4294967295) >>> 0;
+    }
+
     function checkNotThenable(t, error) {
         if (globalThis.DEBUG) {
             if (t &&
@@ -13682,8 +13789,6 @@
         };
     }
 
-    var utf8Exports = requireUtf8();
-
     var __classPrivateFieldGet = (globalThis && globalThis.__classPrivateFieldGet) || function (receiver, state, kind, f) {
         if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
         if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
@@ -13872,7 +13977,7 @@
             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);
@@ -13972,7 +14077,7 @@
             const msg = {
                 ...header,
                 entityId: buf.readUint32(),
-                componentId: buf.readInt32(),
+                componentId: buf.readUint32(),
                 timestamp: Number(buf.readUint64())
             };
             // TODO: remove buffer length
@@ -14000,7 +14105,7 @@
             buf.setUint32(startMessageOffset + 4, exports.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);
@@ -14017,7 +14122,7 @@
             return {
                 ...header,
                 entityId: buf.readUint32(),
-                componentId: buf.readInt32(),
+                componentId: buf.readUint32(),
                 timestamp: Number(buf.readUint64()),
                 data: buf.readBuffer()
             };
@@ -14233,7 +14338,7 @@
                     // 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) {
@@ -14270,7 +14375,7 @@
                                     exports.PutComponentOperation.write(msg.entityId, ts, component, bufferForOutdated);
                                 }
                                 else {
-                                    exports.DeleteComponent.write(msg.entityId, component._id, ts, bufferForOutdated);
+                                    exports.DeleteComponent.write(msg.entityId, component.componentId, ts, bufferForOutdated);
                                 }
                                 outdatedMessages.push({
                                     ...msg,
@@ -14320,7 +14425,7 @@
                     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 {
@@ -14347,7 +14452,7 @@
                     // 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)
@@ -14356,7 +14461,7 @@
                     const transportMessage = {
                         type,
                         entityId: entity,
-                        componentId: component._id,
+                        componentId: component.componentId,
                         timestamp
                     };
                     // Avoid creating messages if there is no transport that will handle it
@@ -14365,7 +14470,7 @@
                             exports.PutComponentOperation.write(entity, timestamp, component, buffer);
                         }
                         else {
-                            exports.DeleteComponent.write(entity, component._id, timestamp, buffer);
+                            exports.DeleteComponent.write(entity, component.componentId, timestamp, buffer);
                         }
                         crdtMessages.push({
                             ...transportMessage,
@@ -14452,15 +14557,18 @@
         return Object.freeze({ ...val });
     }
 
-    function defineComponent(componentId, spec
-    // meta: { syncFlags }
-    ) {
+    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);
@@ -14486,19 +14594,19 @@
             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);
@@ -14506,9 +14614,9 @@
             },
             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);
@@ -14525,7 +14633,7 @@
             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;
             },
@@ -14542,10 +14650,10 @@
             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) {
@@ -14554,25 +14662,25 @@
                     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);
@@ -14583,7 +14691,7 @@
                 return newValue;
             },
             deserialize(buffer) {
-                return spec.deserialize(buffer);
+                return schema.deserialize(buffer);
             },
             clearDirty() {
                 dirtyIterator.clear();
@@ -14659,12 +14767,11 @@
             ts: exports.Schemas.Number
         }))
     };
-    const InternalInputStateComponentId = 1500;
     const TimestampUpdateSystemPriority = 1 << 20;
     const ButtonStateUpdateSystemPriority = 0;
     function createInputSystem(engine) {
         const PointerEventsResult = PointerEventsResult$1(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,
@@ -14795,6 +14902,7 @@
         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);
         }
@@ -14813,32 +14921,51 @@
             }
             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 = defineComponent(componentId, spec);
+            const newComponent = createComponentDefinitionFromSchema(componentName, componentId, schema);
             componentsDefinition.set(componentId, newComponent);
             return newComponent;
         }
-        function defineComponent$1(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 = exports.Schemas.Map(mapSpec, constructorDefault);
-            const def = defineComponent(componentId, schemaSpec);
+            const def = createComponentDefinitionFromSchema(componentName, componentId, schemaSpec);
             const newComponent = {
                 ...def,
                 create(entity, val) {
@@ -14910,22 +15037,28 @@
                 removeEntity(entity);
             }
         }
+        function seal() {
+            if (!sealed) {
+                sealed = true;
+            }
+        }
         return {
             addEntity,
             removeEntity,
             addSystem,
             getSystems,
             removeSystem,
-            defineComponent: defineComponent$1,
+            defineComponent,
             defineComponentFromSchema,
             getEntitiesWith,
             getComponent,
             getComponentOrNull,
             removeComponentDefinition,
             removeEntityWithChildren,
-            registerCustomComponent,
+            registerComponentDefinition,
             entityContainer,
-            componentsIter
+            componentsIter,
+            seal
         };
     }
     /**
@@ -14955,12 +15088,13 @@
             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,
@@ -40978,11 +41112,11 @@
         const UiDropdownResult = UiDropdownResult$1(engine);
         // Component ID Helper
         const getComponentId = {
-            uiTransform: UiTransform._id,
-            uiText: UiText._id,
-            uiBackground: UiBackground._id,
-            uiInput: UiInput._id,
-            uiDropdown: UiDropdown._id
+            uiTransform: UiTransform.componentId,
+            uiText: UiText.componentId,
+            uiBackground: UiBackground.componentId,
+            uiInput: UiInput.componentId,
+            uiDropdown: UiDropdown.componentId
         };
         function updateTree(instance, props) {
             upsertComponent(instance, props, 'uiTransform');
@@ -41176,8 +41310,8 @@
         return {
             update: function (component) {
                 if (changeEvents.size) {
-                    handleOnChange(UiInput._id, UiInputResult);
-                    handleOnChange(UiDropdown._id, UiDropdownResult);
+                    handleOnChange(UiInput.componentId, UiInputResult);
+                    handleOnChange(UiDropdown.componentId, UiDropdownResult);
                 }
                 return reconciler.updateContainer(component, root, null);
             },
@@ -41546,43 +41680,6 @@
         return getEthereumProvider(EthereumController.sendAsync);
     }
 
-    /** @public */
-    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 = {}));
-
-    const componentIds = Object.values(ECSComponentIDs)
-        .filter((a) => typeof a === 'number')
-        .map(Number);
     function createRendererTransport(engineApi) {
         async function sendToRenderer(message) {
             const response = await engineApi.crdtSendToRenderer({
@@ -41609,7 +41706,7 @@
             filter(message) {
                 if ((message.type === exports.CrdtMessageType.PUT_COMPONENT ||
                     message.type === exports.CrdtMessageType.DELETE_COMPONENT) &&
-                    !componentIds.includes(message.componentId)) {
+                    message.componentId > MAX_STATIC_COMPONENT) {
                     return false;
                 }
                 return !!message;
@@ -41624,6 +41721,9 @@
         await engine.update(deltaTime);
         await pollEvents(EngineApi.sendBatch);
     }
+    async function onStart() {
+        await engine.seal();
+    }
 
     exports.AMOUNT_VERSION_AVAILABLE = AMOUNT_VERSION_AVAILABLE;
     exports.Animator = Animator;
@@ -41727,6 +41827,7 @@
     exports.UiTransform = UiTransform;
     exports.VisibilityComponent = VisibilityComponent;
     exports.components = index;
+    exports.createComponentDefinitionFromSchema = createComponentDefinitionFromSchema;
     exports.createEthereumProvider = createEthereumProvider;
     exports.createInputSystem = createInputSystem;
     exports.createPointerEventSystem = createPointerEventSystem;
@@ -41734,7 +41835,6 @@
     exports.createTaskSystem = createTaskSystem;
     exports.cyclicParentingChecker = cyclicParentingChecker;
     exports.deepReadonly = deepReadonly;
-    exports.defineComponent = defineComponent;
     exports.engine = engine;
     exports.executeTask = executeTask;
     exports.inputSystem = inputSystem;
@@ -41751,6 +41851,7 @@
     exports.onProfileChanged = onProfileChanged;
     exports.onRealmChangedObservable = onRealmChangedObservable;
     exports.onSceneReadyObservable = onSceneReadyObservable;
+    exports.onStart = onStart;
     exports.onUpdate = onUpdate;
     exports.onVideoEvent = onVideoEvent;
     exports.pointerEventsSystem = pointerEventsSystem;