@vyr/three-browser 0.0.33 → 0.0.35

package/src/service/inspector/{TextViewer.vue → Text3DViewer.vue}

@@ -1,8 +1,8 @@
 <template>
-    <vyr-card v-if="descriptor" :title="language.get('descriptor.type.Text')" :scroll="true">
+    <vyr-card v-if="descriptor" :title="language.get('descriptor.type.Text3D')" :scroll="true">
         <base-fragment :raw="raw"></base-fragment>
         <node-fragment></node-fragment>
-        <text-fragment></text-fragment>
+        <text3-d-fragment></text3-d-fragment>
     </vyr-card>
 </template>
 
@@ -10,20 +10,20 @@
 <script lang="ts" setup>
 import { Ref, ref, watch } from 'vue'
 import { Descriptor } from '@vyr/engine';
-import { TextDescriptor } from '@vyr/three';
+import { Text3D } from '@vyr/three';
 import { VyrCard } from '@vyr/design';
 import { BaseFragment, providerDescriptor as builtinProviderDescriptor } from '@vyr/builtin'
 import { language } from '../../locale'
 import { providerDescriptor } from '../../common';
 import NodeFragment from '../../fragment/NodeFragment.vue';
-import TextFragment from '../../fragment/TextFragment.vue';
+import Text3DFragment from '../../fragment/Text3DFragment.vue';
 
 const props = defineProps<{ raw: string, uuid: string }>()
 
-const descriptor = ref(null) as Ref<TextDescriptor | null>
+const descriptor = ref(null) as Ref<Text3D | null>
 const watchEditItem = (cur: string) => {
     if (!cur) return descriptor.value = null
-    descriptor.value = Descriptor.get<TextDescriptor>(cur)
+    descriptor.value = Descriptor.get<Text3D>(cur)
 }
 watch(() => props.uuid, watchEditItem, { immediate: true })
 

package/src/service/inspector/animation/AnimationActionViewer.vue

@@ -9,7 +9,7 @@
 
 <script lang="ts" setup>
 import { Ref, ref, watch } from 'vue'
-import { AnimationActionDescriptor } from '@vyr/three';
+import { AnimationAction } from '@vyr/three';
 import { VyrCard } from '@vyr/design';
 import { BaseFragment, providerDescriptor as builtinProviderDescriptor } from '@vyr/builtin'
 import { language } from '../../../locale'
@@ -17,10 +17,10 @@ import { providerDescriptor } from '../../../common';
 import AnimationActionFragment from '../../../fragment/animation/AnimationActionFragment.vue';
 
 const props = defineProps<{ raw: string, uuid: string }>()
-const descriptor = ref(null) as Ref<AnimationActionDescriptor | null>
+const descriptor = ref(null) as Ref<AnimationAction | null>
 const watchEditItem = (cur: string) => {
     if (!cur) return descriptor.value = null
-    descriptor.value = AnimationActionDescriptor.get<AnimationActionDescriptor>(cur)
+    descriptor.value = AnimationAction.get<AnimationAction>(cur)
 }
 watch(() => props.uuid, watchEditItem, { immediate: true })
 

package/src/service/inspector/geometry/BoxGeometryViewer.vue

@@ -9,7 +9,7 @@
 <script lang="ts" setup>
 import { Ref, ref, watch } from 'vue'
 import { Descriptor } from '@vyr/engine';
-import { BoxGeometryDescriptor } from '@vyr/three';
+import { BoxGeometry } from '@vyr/three';
 import { VyrCard, } from '@vyr/design';
 import { BaseFragment, providerDescriptor as builtinProviderDescriptor } from '@vyr/builtin'
 import { language } from '../../../locale'
@@ -18,10 +18,10 @@ import BoxGeometryFragment from '../../../fragment/geometry/BoxGeometryFragment.
 
 const props = defineProps<{ raw: string, uuid: string }>()
 
-const descriptor = ref(null) as Ref<BoxGeometryDescriptor | null>
+const descriptor = ref(null) as Ref<BoxGeometry | null>
 const watchEditItem = (cur: string) => {
     if (!cur) return descriptor.value = null
-    descriptor.value = Descriptor.get<BoxGeometryDescriptor>(cur)
+    descriptor.value = Descriptor.get<BoxGeometry>(cur)
 }
 watch(() => props.uuid, watchEditItem, { immediate: true })
 

package/src/service/inspector/geometry/BufferGeometryViewer.vue

@@ -9,7 +9,7 @@
 <script lang="ts" setup>
 import { Ref, ref, watch } from 'vue'
 import { Descriptor } from '@vyr/engine';
-import { BufferGeometryDescriptor } from '@vyr/three';
+import { BufferGeometry } from '@vyr/three';
 import { VyrCard, } from '@vyr/design';
 import { BaseFragment, providerDescriptor as builtinProviderDescriptor } from '@vyr/builtin'
 import { language } from '../../../locale'
@@ -19,10 +19,10 @@ import BufferGeometryFragment from '../../../fragment/geometry/BufferGeometryFra
 const props = defineProps<{ raw: string, uuid: string }>()
 
 
-const descriptor = ref(null) as Ref<BufferGeometryDescriptor | null>
+const descriptor = ref(null) as Ref<BufferGeometry | null>
 const watchEditItem = (cur: string) => {
     if (!cur) return descriptor.value = null
-    descriptor.value = Descriptor.get<BufferGeometryDescriptor>(cur)
+    descriptor.value = Descriptor.get<BufferGeometry>(cur)
 }
 watch(() => props.uuid, watchEditItem, { immediate: true })
 

package/src/service/inspector/geometry/CircleGeometryViewer.vue

@@ -9,7 +9,7 @@
 <script lang="ts" setup>
 import { Ref, ref, watch } from 'vue'
 import { Descriptor } from '@vyr/engine';
-import { CircleGeometryDescriptor } from '@vyr/three';
+import { CircleGeometry } from '@vyr/three';
 import { VyrCard, } from '@vyr/design';
 import { BaseFragment, providerDescriptor as builtinProviderDescriptor } from '@vyr/builtin'
 import { language } from '../../../locale'
@@ -18,10 +18,10 @@ import CircleGeometryFragment from '../../../fragment/geometry/CircleGeometryFra
 
 const props = defineProps<{ raw: string, uuid: string }>()
 
-const descriptor = ref(null) as Ref<CircleGeometryDescriptor | null>
+const descriptor = ref(null) as Ref<CircleGeometry | null>
 const watchEditItem = (cur: string) => {
     if (!cur) return descriptor.value = null
-    descriptor.value = Descriptor.get<CircleGeometryDescriptor>(cur)
+    descriptor.value = Descriptor.get<CircleGeometry>(cur)
 }
 watch(() => props.uuid, watchEditItem, { immediate: true })
 

package/src/service/inspector/geometry/CylinderGeometryViewer.vue

@@ -9,7 +9,7 @@
 <script lang="ts" setup>
 import { Ref, ref, watch } from 'vue'
 import { Descriptor } from '@vyr/engine';
-import { CylinderGeometryDescriptor } from '@vyr/three';
+import { CylinderGeometry } from '@vyr/three';
 import { VyrCard, } from '@vyr/design';
 import { BaseFragment, providerDescriptor as builtinProviderDescriptor } from '@vyr/builtin'
 import { language } from '../../../locale'
@@ -18,10 +18,10 @@ import CylinderGeometryFragment from '../../../fragment/geometry/CylinderGeometr
 
 const props = defineProps<{ raw: string, uuid: string }>()
 
-const descriptor = ref(null) as Ref<CylinderGeometryDescriptor | null>
+const descriptor = ref(null) as Ref<CylinderGeometry | null>
 const watchEditItem = (cur: string) => {
     if (!cur) return descriptor.value = null
-    descriptor.value = Descriptor.get<CylinderGeometryDescriptor>(cur)
+    descriptor.value = Descriptor.get<CylinderGeometry>(cur)
 }
 watch(() => props.uuid, watchEditItem, { immediate: true })
 

package/src/service/inspector/geometry/ExtrudeGeometryViewer.vue

@@ -9,7 +9,7 @@
 <script lang="ts" setup>
 import { Ref, ref, watch } from 'vue'
 import { Descriptor } from '@vyr/engine';
-import { TubeGeometryDescriptor } from '@vyr/three';
+import { ExtrudeGeometry } from '@vyr/three';
 import { VyrCard, } from '@vyr/design';
 import { BaseFragment, providerDescriptor as builtinProviderDescriptor } from '@vyr/builtin'
 import { language } from '../../../locale'
@@ -18,10 +18,10 @@ import ExtrudeGeometryFragment from '../../../fragment/geometry/ExtrudeGeometryF
 
 const props = defineProps<{ raw: string, uuid: string }>()
 
-const descriptor = ref(null) as Ref<TubeGeometryDescriptor | null>
+const descriptor = ref(null) as Ref<ExtrudeGeometry | null>
 const watchEditItem = (cur: string) => {
     if (!cur) return descriptor.value = null
-    descriptor.value = Descriptor.get<TubeGeometryDescriptor>(cur)
+    descriptor.value = Descriptor.get<ExtrudeGeometry>(cur)
 }
 watch(() => props.uuid, watchEditItem, { immediate: true })
 

package/src/service/inspector/geometry/PlaneGeometryViewer.vue

@@ -9,7 +9,7 @@
 <script lang="ts" setup>
 import { Ref, ref, watch } from 'vue'
 import { Descriptor } from '@vyr/engine';
-import { PlaneGeometryDescriptor } from '@vyr/three';
+import { PlaneGeometry } from '@vyr/three';
 import { VyrCard, } from '@vyr/design';
 import { BaseFragment, providerDescriptor as builtinProviderDescriptor } from '@vyr/builtin'
 import { language } from '../../../locale'
@@ -18,10 +18,10 @@ import PlaneGeometryFragment from '../../../fragment/geometry/PlaneGeometryFragm
 
 const props = defineProps<{ raw: string, uuid: string }>()
 
-const descriptor = ref(null) as Ref<PlaneGeometryDescriptor | null>
+const descriptor = ref(null) as Ref<PlaneGeometry | null>
 const watchEditItem = (cur: string) => {
     if (!cur) return descriptor.value = null
-    descriptor.value = Descriptor.get<PlaneGeometryDescriptor>(cur)
+    descriptor.value = Descriptor.get<PlaneGeometry>(cur)
 }
 watch(() => props.uuid, watchEditItem, { immediate: true })
 

package/src/service/inspector/geometry/RingGeometryViewer.vue

@@ -9,7 +9,7 @@
 <script lang="ts" setup>
 import { Ref, ref, watch } from 'vue'
 import { Descriptor } from '@vyr/engine';
-import { RingGeometryDescriptor } from '@vyr/three';
+import { RingGeometry } from '@vyr/three';
 import { VyrCard, } from '@vyr/design';
 import { BaseFragment, providerDescriptor as builtinProviderDescriptor } from '@vyr/builtin'
 import { language } from '../../../locale'
@@ -18,10 +18,10 @@ import RingGeometryFragment from '../../../fragment/geometry/RingGeometryFragmen
 
 const props = defineProps<{ raw: string, uuid: string }>()
 
-const descriptor = ref(null) as Ref<RingGeometryDescriptor | null>
+const descriptor = ref(null) as Ref<RingGeometry | null>
 const watchEditItem = (cur: string) => {
     if (!cur) return descriptor.value = null
-    descriptor.value = Descriptor.get<RingGeometryDescriptor>(cur)
+    descriptor.value = Descriptor.get<RingGeometry>(cur)
 }
 watch(() => props.uuid, watchEditItem, { immediate: true })
 

package/src/service/inspector/geometry/SphereGeometryViewer.vue

@@ -9,7 +9,7 @@
 <script lang="ts" setup>
 import { Ref, ref, watch } from 'vue'
 import { Descriptor } from '@vyr/engine';
-import { SphereGeometryDescriptor } from '@vyr/three';
+import { SphereGeometry } from '@vyr/three';
 import { VyrCard, } from '@vyr/design';
 import { BaseFragment, providerDescriptor as builtinProviderDescriptor } from '@vyr/builtin'
 import { language } from '../../../locale'
@@ -18,10 +18,10 @@ import SphereGeometryFragment from '../../../fragment/geometry/SphereGeometryFra
 
 const props = defineProps<{ raw: string, uuid: string }>()
 
-const descriptor = ref(null) as Ref<SphereGeometryDescriptor | null>
+const descriptor = ref(null) as Ref<SphereGeometry | null>
 const watchEditItem = (cur: string) => {
     if (!cur) return descriptor.value = null
-    descriptor.value = Descriptor.get<SphereGeometryDescriptor>(cur)
+    descriptor.value = Descriptor.get<SphereGeometry>(cur)
 }
 watch(() => props.uuid, watchEditItem, { immediate: true })
 

package/src/service/inspector/geometry/SurfaceGeometryViewer.vue

@@ -9,7 +9,7 @@
 <script lang="ts" setup>
 import { Ref, ref, watch } from 'vue'
 import { Descriptor } from '@vyr/engine';
-import { TubeGeometryDescriptor } from '@vyr/three';
+import { SurfaceGeometry } from '@vyr/three';
 import { VyrCard, } from '@vyr/design';
 import { BaseFragment, providerDescriptor as builtinProviderDescriptor } from '@vyr/builtin'
 import { language } from '../../../locale'
@@ -18,10 +18,10 @@ import SurfaceGeometryFragment from '../../../fragment/geometry/SurfaceGeometryF
 
 const props = defineProps<{ raw: string, uuid: string }>()
 
-const descriptor = ref(null) as Ref<TubeGeometryDescriptor | null>
+const descriptor = ref(null) as Ref<SurfaceGeometry | null>
 const watchEditItem = (cur: string) => {
     if (!cur) return descriptor.value = null
-    descriptor.value = Descriptor.get<TubeGeometryDescriptor>(cur)
+    descriptor.value = Descriptor.get<SurfaceGeometry>(cur)
 }
 watch(() => props.uuid, watchEditItem, { immediate: true })
 

package/src/service/inspector/geometry/TubeGeometryViewer.vue

@@ -9,7 +9,7 @@
 <script lang="ts" setup>
 import { Ref, ref, watch } from 'vue'
 import { Descriptor } from '@vyr/engine';
-import { TubeGeometryDescriptor } from '@vyr/three';
+import { TubeGeometry } from '@vyr/three';
 import { VyrCard, } from '@vyr/design';
 import { BaseFragment, providerDescriptor as builtinProviderDescriptor } from '@vyr/builtin'
 import { language } from '../../../locale'
@@ -18,10 +18,10 @@ import TubeGeometryFragment from '../../../fragment/geometry/TubeGeometryFragmen
 
 const props = defineProps<{ raw: string, uuid: string }>()
 
-const descriptor = ref(null) as Ref<TubeGeometryDescriptor | null>
+const descriptor = ref(null) as Ref<TubeGeometry | null>
 const watchEditItem = (cur: string) => {
     if (!cur) return descriptor.value = null
-    descriptor.value = Descriptor.get<TubeGeometryDescriptor>(cur)
+    descriptor.value = Descriptor.get<TubeGeometry>(cur)
 }
 watch(() => props.uuid, watchEditItem, { immediate: true })
 

package/src/service/inspector/index.ts

@@ -1,50 +1,50 @@
-import { NodeDescriptor } from '@vyr/engine';
-import { AmbientLightDescriptor, AnimationActionDescriptor, BoxGeometryDescriptor, BufferGeometryDescriptor, CircleGeometryDescriptor, CylinderGeometryDescriptor, DirectionalLightDescriptor, ExtrudeGeometryDescriptor, GeoMapDescriptor, HemisphereLightDescriptor, HTMLConvertDescriptor, InstancedMeshDescriptor, MeshBasicMaterialDescriptor, MeshDescriptor, MeshPhongMaterialDescriptor, MeshStandardMaterialDescriptor, ModelDescriptor, ParticleDescriptor, PerspectiveCameraDescriptor, PlaneGeometryDescriptor, PointLightDescriptor, PointsDescriptor, PointsMaterialDescriptor, RectAreaLightDescriptor, RingGeometryDescriptor, SceneServiceDescriptor, ShaderMaterialDescriptor, ShadowMaterialDescriptor, SphereGeometryDescriptor, SpotLightDescriptor, SpriteDescriptor, SpriteMaterialDescriptor, SurfaceGeometryDescriptor, TextDescriptor, TextureDescriptor, TubeGeometryDescriptor } from '@vyr/three';
+import { Node } from '@vyr/engine';
+import { AmbientLight, AnimationAction, BoxGeometry, BufferGeometry, CircleGeometry, CylinderGeometry, DirectionalLight, ExtrudeGeometry, GeoMap, HemisphereLight, HTMLConvert, InstancedMesh, MeshBasicMaterial, Mesh, MeshPhongMaterial, MeshStandardMaterial, Model, Particle, PerspectiveCamera, PlaneGeometry, PointLight, Points, PointsMaterial, RectAreaLight, RingGeometry, Scene3DService, ShaderMaterial, ShadowMaterial, SphereGeometry, SpotLight, Sprite, SpriteMaterial, SurfaceGeometry, Text3D, Texture, TubeGeometry } from '@vyr/three';
 
 export default [
-    { type: MeshBasicMaterialDescriptor.type, import: () => import('./material/MeshBasicMaterialViewer.vue') },
-    { type: MeshPhongMaterialDescriptor.type, import: () => import('./material/MeshPhongMaterialViewer.vue') },
-    { type: MeshStandardMaterialDescriptor.type, import: () => import('./material/MeshStandardMaterialViewer.vue') },
-    { type: PointsMaterialDescriptor.type, import: () => import('./material/PointsMaterialViewer.vue') },
-    { type: SpriteMaterialDescriptor.type, import: () => import('./material/SpriteMaterialViewer.vue') },
-    { type: ShadowMaterialDescriptor.type, import: () => import('./material/ShadowMaterialViewer.vue') },
-    { type: ShaderMaterialDescriptor.type, import: () => import('./material/ShaderMaterialViewer.vue') },
-
-    { type: BoxGeometryDescriptor.type, import: () => import('./geometry/BoxGeometryViewer.vue') },
-    { type: CircleGeometryDescriptor.type, import: () => import('./geometry/CircleGeometryViewer.vue') },
-    { type: CylinderGeometryDescriptor.type, import: () => import('./geometry/CylinderGeometryViewer.vue') },
-    { type: PlaneGeometryDescriptor.type, import: () => import('./geometry/PlaneGeometryViewer.vue') },
-    { type: RingGeometryDescriptor.type, import: () => import('./geometry/RingGeometryViewer.vue') },
-    { type: SphereGeometryDescriptor.type, import: () => import('./geometry/SphereGeometryViewer.vue') },
-    { type: ExtrudeGeometryDescriptor.type, import: () => import('./geometry/ExtrudeGeometryViewer.vue') },
-    { type: SurfaceGeometryDescriptor.type, import: () => import('./geometry/SurfaceGeometryViewer.vue') },
-    { type: TubeGeometryDescriptor.type, import: () => import('./geometry/TubeGeometryViewer.vue') },
-    { type: BufferGeometryDescriptor.type, import: () => import('./geometry/BufferGeometryViewer.vue') },
-
-    { type: TextureDescriptor.type, import: () => import('./texture/TextureViewer.vue') },
-
-    { type: AnimationActionDescriptor.type, import: () => import('./animation/AnimationActionViewer.vue') },
-
-    { type: PerspectiveCameraDescriptor.type, import: () => import('./PerspectiveCameraViewer.vue') },
-
-    { type: SceneServiceDescriptor.type, import: () => import('./ServiceViewer.vue') },
-    // { type: ComposerServiceDescriptor.type, import: () => import('./ServiceViewer.vue') },
-    { type: NodeDescriptor.type, import: () => import('./NodeViewer.vue') },
-    { type: MeshDescriptor.type, import: () => import('./MeshViewer.vue') },
-    { type: TextDescriptor.type, import: () => import('./TextViewer.vue') },
-    { type: PointsDescriptor.type, import: () => import('./PointsViewer.vue') },
-    { type: ParticleDescriptor.type, import: () => import('./ParticleViewer.vue') },
-    { type: SpriteDescriptor.type, import: () => import('./SpriteViewer.vue') },
-    { type: ModelDescriptor.type, import: () => import('./ModelViewer.vue') },
-    { type: GeoMapDescriptor.type, import: () => import('./GeoMapViewer.vue') },
-    { type: HTMLConvertDescriptor.type, import: () => import('./HTMLConvertViewer.vue') },
-    { type: InstancedMeshDescriptor.type, import: () => import('./InstanceMeshViewer.vue') },
-
-    { type: AmbientLightDescriptor.type, import: () => import('./light/AmbientLightViewer.vue') },
-    { type: DirectionalLightDescriptor.type, import: () => import('./light/DirectionalLightViewer.vue') },
-    { type: HemisphereLightDescriptor.type, import: () => import('./light/HemisphereLightViewer.vue') },
-    { type: PointLightDescriptor.type, import: () => import('./light/PointLightViewer.vue') },
-    { type: RectAreaLightDescriptor.type, import: () => import('./light/RectAreaLightViewer.vue') },
-    { type: SpotLightDescriptor.type, import: () => import('./light/SpotLightViewer.vue') },
+    { type: MeshBasicMaterial.type, import: () => import('./material/MeshBasicMaterialViewer.vue') },
+    { type: MeshPhongMaterial.type, import: () => import('./material/MeshPhongMaterialViewer.vue') },
+    { type: MeshStandardMaterial.type, import: () => import('./material/MeshStandardMaterialViewer.vue') },
+    { type: PointsMaterial.type, import: () => import('./material/PointsMaterialViewer.vue') },
+    { type: SpriteMaterial.type, import: () => import('./material/SpriteMaterialViewer.vue') },
+    { type: ShadowMaterial.type, import: () => import('./material/ShadowMaterialViewer.vue') },
+    { type: ShaderMaterial.type, import: () => import('./material/ShaderMaterialViewer.vue') },
+
+    { type: BoxGeometry.type, import: () => import('./geometry/BoxGeometryViewer.vue') },
+    { type: CircleGeometry.type, import: () => import('./geometry/CircleGeometryViewer.vue') },
+    { type: CylinderGeometry.type, import: () => import('./geometry/CylinderGeometryViewer.vue') },
+    { type: PlaneGeometry.type, import: () => import('./geometry/PlaneGeometryViewer.vue') },
+    { type: RingGeometry.type, import: () => import('./geometry/RingGeometryViewer.vue') },
+    { type: SphereGeometry.type, import: () => import('./geometry/SphereGeometryViewer.vue') },
+    { type: ExtrudeGeometry.type, import: () => import('./geometry/ExtrudeGeometryViewer.vue') },
+    { type: SurfaceGeometry.type, import: () => import('./geometry/SurfaceGeometryViewer.vue') },
+    { type: TubeGeometry.type, import: () => import('./geometry/TubeGeometryViewer.vue') },
+    { type: BufferGeometry.type, import: () => import('./geometry/BufferGeometryViewer.vue') },
+
+    { type: Texture.type, import: () => import('./texture/TextureViewer.vue') },
+
+    { type: AnimationAction.type, import: () => import('./animation/AnimationActionViewer.vue') },
+
+    { type: PerspectiveCamera.type, import: () => import('./PerspectiveCameraViewer.vue') },
+
+    { type: Scene3DService.type, import: () => import('./ServiceViewer.vue') },
+    // { type: ComposerService.type, import: () => import('./ServiceViewer.vue') },
+    { type: Node.type, import: () => import('./NodeViewer.vue') },
+    { type: Mesh.type, import: () => import('./MeshViewer.vue') },
+    { type: Text3D.type, import: () => import('./Text3DViewer.vue') },
+    { type: Points.type, import: () => import('./PointsViewer.vue') },
+    { type: Particle.type, import: () => import('./ParticleViewer.vue') },
+    { type: Sprite.type, import: () => import('./SpriteViewer.vue') },
+    { type: Model.type, import: () => import('./ModelViewer.vue') },
+    { type: GeoMap.type, import: () => import('./GeoMapViewer.vue') },
+    { type: HTMLConvert.type, import: () => import('./HTMLConvertViewer.vue') },
+    { type: InstancedMesh.type, import: () => import('./InstanceMeshViewer.vue') },
+
+    { type: AmbientLight.type, import: () => import('./light/AmbientLightViewer.vue') },
+    { type: DirectionalLight.type, import: () => import('./light/DirectionalLightViewer.vue') },
+    { type: HemisphereLight.type, import: () => import('./light/HemisphereLightViewer.vue') },
+    { type: PointLight.type, import: () => import('./light/PointLightViewer.vue') },
+    { type: RectAreaLight.type, import: () => import('./light/RectAreaLightViewer.vue') },
+    { type: SpotLight.type, import: () => import('./light/SpotLightViewer.vue') },
 
 ]

package/src/service/inspector/light/AmbientLightViewer.vue

@@ -10,7 +10,7 @@
 <script lang="ts" setup>
 import { Ref, ref, watch } from 'vue'
 import { Descriptor } from '@vyr/engine';
-import { AmbientLightDescriptor } from '@vyr/three';
+import { AmbientLight } from '@vyr/three';
 import { VyrCard, } from '@vyr/design';
 import { BaseFragment, providerDescriptor as builtinProviderDescriptor } from '@vyr/builtin'
 import { language } from '../../../locale'
@@ -19,10 +19,10 @@ import NodeFragment from '../../../fragment/NodeFragment.vue';
 import AmbientLightFragment from '../../../fragment/light/AmbientLightFragment.vue';
 
 const props = defineProps<{ raw: string, uuid: string }>()
-const descriptor = ref(null) as Ref<AmbientLightDescriptor | null>
+const descriptor = ref(null) as Ref<AmbientLight | null>
 const watchEditItem = (cur: string) => {
     if (!cur) return descriptor.value = null
-    descriptor.value = Descriptor.get<AmbientLightDescriptor>(cur)
+    descriptor.value = Descriptor.get<AmbientLight>(cur)
 }
 watch(() => props.uuid, watchEditItem, { immediate: true })
 

package/src/service/inspector/light/DirectionalLightViewer.vue

@@ -10,7 +10,7 @@
 <script lang="ts" setup>
 import { Ref, ref, watch } from 'vue'
 import { Descriptor } from '@vyr/engine';
-import { DirectionalLightDescriptor } from '@vyr/three';
+import { DirectionalLight } from '@vyr/three';
 import { VyrCard, } from '@vyr/design';
 import { BaseFragment, providerDescriptor as builtinProviderDescriptor } from '@vyr/builtin'
 import { language } from '../../../locale'
@@ -19,10 +19,10 @@ import NodeFragment from '../../../fragment/NodeFragment.vue';
 import DirectionalLightFragment from '../../../fragment/light/DirectionalLightFragment.vue';
 
 const props = defineProps<{ raw: string, uuid: string }>()
-const descriptor = ref(null) as Ref<DirectionalLightDescriptor | null>
+const descriptor = ref(null) as Ref<DirectionalLight | null>
 const watchEditItem = (cur: string) => {
     if (!cur) return descriptor.value = null
-    descriptor.value = Descriptor.get<DirectionalLightDescriptor>(cur)
+    descriptor.value = Descriptor.get<DirectionalLight>(cur)
 }
 watch(() => props.uuid, watchEditItem, { immediate: true })
 

package/src/service/inspector/light/HemisphereLightViewer.vue

@@ -10,7 +10,7 @@
 <script lang="ts" setup>
 import { Ref, ref, watch } from 'vue'
 import { Descriptor } from '@vyr/engine';
-import { HemisphereLightDescriptor } from '@vyr/three';
+import { HemisphereLight } from '@vyr/three';
 import { VyrCard, } from '@vyr/design';
 import { BaseFragment, providerDescriptor as builtinProviderDescriptor } from '@vyr/builtin'
 import { language } from '../../../locale'
@@ -19,10 +19,10 @@ import NodeFragment from '../../../fragment/NodeFragment.vue';
 import HemisphereLightFragment from '../../../fragment/light/HemisphereLightFragment.vue';
 
 const props = defineProps<{ raw: string, uuid: string }>()
-const descriptor = ref(null) as Ref<HemisphereLightDescriptor | null>
+const descriptor = ref(null) as Ref<HemisphereLight | null>
 const watchEditItem = (cur: string) => {
     if (!cur) return descriptor.value = null
-    descriptor.value = Descriptor.get<HemisphereLightDescriptor>(cur)
+    descriptor.value = Descriptor.get<HemisphereLight>(cur)
 }
 watch(() => props.uuid, watchEditItem, { immediate: true })
 

package/src/service/inspector/light/PointLightViewer.vue

@@ -10,7 +10,7 @@
 <script lang="ts" setup>
 import { Ref, ref, watch } from 'vue'
 import { Descriptor } from '@vyr/engine';
-import { PointLightDescriptor } from '@vyr/three';
+import { PointLight } from '@vyr/three';
 import { BaseFragment, providerDescriptor as builtinProviderDescriptor } from '@vyr/builtin'
 import { VyrCard, } from '@vyr/design';
 import { language } from '../../../locale'
@@ -19,10 +19,10 @@ import NodeFragment from '../../../fragment/NodeFragment.vue';
 import PointLightFragment from '../../../fragment/light/PointLightFragment.vue';
 
 const props = defineProps<{ raw: string, uuid: string }>()
-const descriptor = ref(null) as Ref<PointLightDescriptor | null>
+const descriptor = ref(null) as Ref<PointLight | null>
 const watchEditItem = (cur: string) => {
     if (!cur) return descriptor.value = null
-    descriptor.value = Descriptor.get<PointLightDescriptor>(cur)
+    descriptor.value = Descriptor.get<PointLight>(cur)
 }
 watch(() => props.uuid, watchEditItem, { immediate: true })
 

package/src/service/inspector/light/RectAreaLightViewer.vue

@@ -10,7 +10,7 @@
 <script lang="ts" setup>
 import { Ref, ref, watch } from 'vue'
 import { Descriptor } from '@vyr/engine';
-import { RectAreaLightDescriptor } from '@vyr/three';
+import { RectAreaLight } from '@vyr/three';
 import { VyrCard, } from '@vyr/design';
 import { BaseFragment, providerDescriptor as builtinProviderDescriptor } from '@vyr/builtin'
 import { language } from '../../../locale'
@@ -19,10 +19,10 @@ import NodeFragment from '../../../fragment/NodeFragment.vue';
 import RectAreaLightFragment from '../../../fragment/light/RectAreaLightFragment.vue';
 
 const props = defineProps<{ raw: string, uuid: string }>()
-const descriptor = ref(null) as Ref<RectAreaLightDescriptor | null>
+const descriptor = ref(null) as Ref<RectAreaLight | null>
 const watchEditItem = (cur: string) => {
     if (!cur) return descriptor.value = null
-    descriptor.value = Descriptor.get<RectAreaLightDescriptor>(cur)
+    descriptor.value = Descriptor.get<RectAreaLight>(cur)
 }
 watch(() => props.uuid, watchEditItem, { immediate: true })
 

package/src/service/inspector/light/SpotLightViewer.vue

@@ -10,7 +10,7 @@
 <script lang="ts" setup>
 import { Ref, ref, watch } from 'vue'
 import { Descriptor } from '@vyr/engine';
-import { SpotLightDescriptor } from '@vyr/three';
+import { SpotLight } from '@vyr/three';
 import { VyrCard, } from '@vyr/design';
 import { BaseFragment, providerDescriptor as builtinProviderDescriptor } from '@vyr/builtin'
 import { language } from '../../../locale'
@@ -19,10 +19,10 @@ import NodeFragment from '../../../fragment/NodeFragment.vue';
 import SpotLightFragment from '../../../fragment/light/SpotLightFragment.vue';
 
 const props = defineProps<{ raw: string, uuid: string }>()
-const descriptor = ref(null) as Ref<SpotLightDescriptor | null>
+const descriptor = ref(null) as Ref<SpotLight | null>
 const watchEditItem = (cur: string) => {
     if (!cur) return descriptor.value = null
-    descriptor.value = Descriptor.get<SpotLightDescriptor>(cur)
+    descriptor.value = Descriptor.get<SpotLight>(cur)
 }
 watch(() => props.uuid, watchEditItem, { immediate: true })
 

package/src/service/inspector/material/MeshBasicMaterialViewer.vue

@@ -10,7 +10,7 @@
 <script lang="ts" setup>
 import { Ref, ref, watch } from 'vue'
 import { Descriptor } from '@vyr/engine';
-import { MeshBasicMaterialDescriptor } from '@vyr/three';
+import { MeshBasicMaterial } from '@vyr/three';
 import { VyrCard, } from '@vyr/design';
 import { BaseFragment, providerDescriptor as builtinProviderDescriptor } from '@vyr/builtin'
 import { language } from '../../../locale'
@@ -20,10 +20,10 @@ import MeshBasicMaterialFragment from '../../../fragment/material/MeshBasicMater
 
 const props = defineProps<{ raw: string, uuid: string }>()
 
-const descriptor = ref(null) as Ref<MeshBasicMaterialDescriptor | null>
+const descriptor = ref(null) as Ref<MeshBasicMaterial | null>
 const watchEditItem = (cur: string) => {
     if (!cur) return descriptor.value = null
-    descriptor.value = Descriptor.get<MeshBasicMaterialDescriptor>(cur)
+    descriptor.value = Descriptor.get<MeshBasicMaterial>(cur)
 }
 watch(() => props.uuid, watchEditItem, { immediate: true })
 

package/src/service/inspector/material/MeshPhongMaterialViewer.vue

@@ -10,7 +10,7 @@
 <script lang="ts" setup>
 import { Ref, ref, watch } from 'vue'
 import { Descriptor } from '@vyr/engine';
-import { MeshPhongMaterialDescriptor } from '@vyr/three';
+import { MeshPhongMaterial } from '@vyr/three';
 import { VyrCard } from '@vyr/design';
 import { BaseFragment, providerDescriptor as builtinProviderDescriptor } from '@vyr/builtin'
 import { language } from '../../../locale'
@@ -20,10 +20,10 @@ import MeshPhongMaterialFragment from '../../../fragment/material/MeshPhongMater
 
 const props = defineProps<{ raw: string, uuid: string }>()
 
-const descriptor = ref(null) as Ref<MeshPhongMaterialDescriptor | null>
+const descriptor = ref(null) as Ref<MeshPhongMaterial | null>
 const watchEditItem = (cur: string) => {
     if (!cur) return descriptor.value = null
-    descriptor.value = Descriptor.get<MeshPhongMaterialDescriptor>(cur)
+    descriptor.value = Descriptor.get<MeshPhongMaterial>(cur)
 }
 watch(() => props.uuid, watchEditItem, { immediate: true })
 

package/src/service/inspector/material/MeshStandardMaterialViewer.vue

@@ -10,7 +10,7 @@
 <script lang="ts" setup>
 import { Ref, ref, watch } from 'vue'
 import { Descriptor } from '@vyr/engine';
-import { MeshStandardMaterialDescriptor } from '@vyr/three';
+import { MeshStandardMaterial } from '@vyr/three';
 import { VyrCard, } from '@vyr/design';
 import { BaseFragment, providerDescriptor as builtinProviderDescriptor } from '@vyr/builtin'
 import { language } from '../../../locale'
@@ -20,10 +20,10 @@ import MeshStandardMaterialFragment from '../../../fragment/material/MeshStandar
 
 const props = defineProps<{ raw: string, uuid: string }>()
 
-const descriptor = ref(null) as Ref<MeshStandardMaterialDescriptor | null>
+const descriptor = ref(null) as Ref<MeshStandardMaterial | null>
 const watchEditItem = (cur: string) => {
     if (!cur) return descriptor.value = null
-    descriptor.value = Descriptor.get<MeshStandardMaterialDescriptor>(cur)
+    descriptor.value = Descriptor.get<MeshStandardMaterial>(cur)
 }
 watch(() => props.uuid, watchEditItem, { immediate: true })
 

package/src/service/inspector/material/PointsMaterialViewer.vue

@@ -9,7 +9,7 @@
 <script lang="ts" setup>
 import { Ref, ref, watch } from 'vue'
 import { Descriptor } from '@vyr/engine';
-import { PointsMaterialDescriptor } from '@vyr/three';
+import { PointsMaterial } from '@vyr/three';
 import { VyrCard, } from '@vyr/design';
 import { BaseFragment, providerDescriptor as builtinProviderDescriptor } from '@vyr/builtin'
 import { language } from '../../../locale'
@@ -19,10 +19,10 @@ import PointsMaterialFragment from '../../../fragment/material/PointsMaterialFra
 
 const props = defineProps<{ raw: string, uuid: string }>()
 
-const descriptor = ref(null) as Ref<PointsMaterialDescriptor | null>
+const descriptor = ref(null) as Ref<PointsMaterial | null>
 const watchEditItem = (cur: string) => {
     if (!cur) return descriptor.value = null
-    descriptor.value = Descriptor.get<PointsMaterialDescriptor>(cur)
+    descriptor.value = Descriptor.get<PointsMaterial>(cur)
 }
 watch(() => props.uuid, watchEditItem, { immediate: true })