Move engine xrui to spatial package

Author: HexaField

src/examples/Retargeting.tsx

@@ -8,7 +8,6 @@ import { DndWrapper } from '@ir-engine/editor/src/components/dnd/DndWrapper'
 import { defineState, getMutableState, getState, none, useHookstate } from '@ir-engine/hyperflux'
 
 import { EntityTreeComponent, getComponent, setComponent } from '@ir-engine/ecs'
-import { MixamoBoneNames } from '@ir-engine/engine/src/avatar/AvatarBoneMatching'
 import { VRMHumanBoneName } from '@ir-engine/engine/src/avatar/maps/VRMHumanBoneName'
 import { AssetState } from '@ir-engine/engine/src/gltf/GLTFState'
 import { ReferenceSpaceState, TransformComponent } from '@ir-engine/spatial'
@@ -22,7 +21,7 @@ console.log({ bones })
 
 const BoneMatchedState = defineState({
   name: 'BoneMatchedState',
-  initial: {} as Record<MixamoBoneNames, boolean>
+  initial: {} as Record<string, boolean> //Record<MixamoBoneNames, boolean>
 })
 
 const overrideNames = [] as string[]
@@ -272,7 +271,7 @@ const RetargetingDND = () => {
     }
   }, [assetFile])
 
-  const nextUnmatchedBone = (boneName?: MixamoBoneNames) => {
+  const nextUnmatchedBone = (boneName?: string) => {
     if (boneName && boneState.value[boneName]) return null
     const boneIndex = boneName ? bones.indexOf(boneName) : 0
     for (let i = boneIndex + 1; i < bones.length; i++) {
@@ -300,13 +299,13 @@ const RetargetingDND = () => {
     const mouseOver = useHookstate(false)
     const boneState = useHookstate(getMutableState(BoneMatchedState))
 
-    const nextUnmatchedBoneName = nextUnmatchedBone(boneName.value as MixamoBoneNames)
+    const nextUnmatchedBoneName = nextUnmatchedBone(boneName.value)
 
     const setBoneName = (name: string) => {
       if (!isBone) return
       bone.name = name
       boneHelper.name = name + '--helper'
-      const currentBoneName = boneName.value as MixamoBoneNames
+      const currentBoneName = boneName.value
       boneName.set(name)
       const helperEntity = UUIDComponent.getEntityByUUID(
         UUIDComponent.join({

src/examples/componentExamples/ComponentNamesUI.tsx

@@ -2,7 +2,7 @@
 import styles from './ComponentNamesUI.css?inline'
 
 import { Entity, EntityTreeComponent, getAllComponents, getOptionalComponent } from '@ir-engine/ecs'
-import { useXRUIState } from '@ir-engine/engine/src/xrui/useXRUIState'
+import { useXRUIState } from '@ir-engine/spatial/src/xrui/useXRUIState'
 import { useHookstate } from '@ir-engine/hyperflux'
 import React, { useEffect } from 'react'
 

src/examples/componentExamples/componentExamples.tsx

@@ -31,7 +31,7 @@ import { SplineTrackComponent } from '@ir-engine/engine/src/scene/components/Spl
 import { Heuristic, VariantComponent } from '@ir-engine/engine/src/scene/components/VariantComponent'
 import { VideoComponent } from '@ir-engine/engine/src/scene/components/VideoComponent'
 import { GeometryType } from '@ir-engine/engine/src/scene/constants/GeometryTypeEnum'
-import { createXRUI } from '@ir-engine/engine/src/xrui/createXRUI'
+import { createXRUI } from '@ir-engine/spatial/src/xrui/createXRUI'
 import { useHookstate } from '@ir-engine/hyperflux'
 import { TransformComponent } from '@ir-engine/spatial'
 import { CallbackComponent } from '@ir-engine/spatial/src/common/CallbackComponent'