@vyr/three-browser 0.0.33 → 0.0.36

package/src/fragment/material/MeshPhongMaterialFragment.vue

@@ -3,7 +3,7 @@
         <vyr-label :label="language.get('inspector.Material.color')">
             <vyr-col>
                 <vyr-checked v-model="descriptor.colorWrite"></vyr-checked>
-                <vyr-color-picker v-model="descriptor.color.value" width="all"></vyr-color-picker>
+                <vyr-color-picker v-model="descriptor.color" width="all"></vyr-color-picker>
             </vyr-col>
         </vyr-label>
     </vyr-row>
@@ -27,7 +27,7 @@
         <vyr-label :label="language.get('inspector.Material.transparent')">
             <vyr-col>
                 <vyr-checked v-model="descriptor.transparent"></vyr-checked>
-                <vyr-input-number v-model="descriptor.color.opacity" :allow-null="false"></vyr-input-number>
+                <vyr-input-number v-model="descriptor.opacity" :allow-null="false"></vyr-input-number>
             </vyr-col>
         </vyr-label>
     </vyr-row>
@@ -248,7 +248,7 @@
 <script lang="ts" setup>
 import { computed } from 'vue'
 import { DraggableService, runtime } from '@vyr/runtime';
-import { MeshPhongMaterialDescriptor } from '@vyr/three';
+import { MeshPhongMaterial } from '@vyr/three';
 import { VyrInput, VyrRow, VyrCol, VyrLabel, VyrChecked, VyrColorPicker, VyrInputNumber, VyrSelect } from '@vyr/design';
 import { option } from '@vyr/builtin'
 import { language } from '../../locale'
@@ -257,7 +257,7 @@ import { Material } from '../../option';
 
 const draggableService = runtime.get<DraggableService>('draggable')
 const draggable = computed(() => draggableService.get(draggableService.key.inspector))
-const descriptor = useDescriptor<MeshPhongMaterialDescriptor>()
+const descriptor = useDescriptor<MeshPhongMaterial>()
 </script>
 
 <style lang="less" scoped></style>

package/src/fragment/material/MeshStandardMaterialFragment.vue

@@ -3,7 +3,7 @@
         <vyr-label :label="language.get('inspector.Material.color')">
             <vyr-col>
                 <vyr-checked v-model="descriptor.colorWrite"></vyr-checked>
-                <vyr-color-picker v-model="descriptor.color.value" width="all"></vyr-color-picker>
+                <vyr-color-picker v-model="descriptor.color" width="all"></vyr-color-picker>
             </vyr-col>
         </vyr-label>
     </vyr-row>
@@ -19,7 +19,7 @@
         <vyr-label :label="language.get('inspector.Material.transparent')">
             <vyr-col>
                 <vyr-checked v-model="descriptor.transparent"></vyr-checked>
-                <vyr-input-number v-model="descriptor.color.opacity" :allow-null="false"></vyr-input-number>
+                <vyr-input-number v-model="descriptor.opacity" :allow-null="false"></vyr-input-number>
             </vyr-col>
         </vyr-label>
     </vyr-row>
@@ -241,7 +241,7 @@
 <script lang="ts" setup>
 import { computed } from 'vue'
 import { DraggableService, runtime } from '@vyr/runtime';
-import { MeshStandardMaterialDescriptor } from '@vyr/three';
+import { MeshStandardMaterial } from '@vyr/three';
 import { VyrInput, VyrRow, VyrCol, VyrLabel, VyrChecked, VyrColorPicker, VyrInputNumber, VyrSelect } from '@vyr/design';
 import { option } from '@vyr/builtin'
 import { language } from '../../locale'
@@ -250,7 +250,7 @@ import { Material } from '../../option';
 
 const draggableService = runtime.get<DraggableService>('draggable')
 const draggable = computed(() => draggableService.get(draggableService.key.inspector))
-const descriptor = useDescriptor<MeshStandardMaterialDescriptor>()
+const descriptor = useDescriptor<MeshStandardMaterial>()
 </script>
 
 <style lang="less" scoped></style>

package/src/fragment/material/PointsMaterialFragment.vue

@@ -4,7 +4,7 @@
         <vyr-label :label="language.get('inspector.Material.color')">
             <vyr-col>
                 <vyr-checked v-model="descriptor.colorWrite"></vyr-checked>
-                <vyr-color-picker v-model="descriptor.color.value" width="all"></vyr-color-picker>
+                <vyr-color-picker v-model="descriptor.color" width="all"></vyr-color-picker>
             </vyr-col>
         </vyr-label>
     </vyr-row>
@@ -20,7 +20,7 @@
         <vyr-label :label="language.get('inspector.Material.transparent')">
             <vyr-col>
                 <vyr-checked v-model="descriptor.transparent"></vyr-checked>
-                <vyr-input-number v-model="descriptor.color.opacity" :allow-null="false"></vyr-input-number>
+                <vyr-input-number v-model="descriptor.opacity" :allow-null="false"></vyr-input-number>
             </vyr-col>
         </vyr-label>
     </vyr-row>
@@ -65,7 +65,7 @@
 <script lang="ts" setup>
 import { computed } from 'vue'
 import { DraggableService, runtime } from '@vyr/runtime';
-import { PointsMaterialDescriptor } from '@vyr/three';
+import { PointsMaterial } from '@vyr/three';
 import { VyrInput, VyrRow, VyrCol, VyrLabel, VyrChecked, VyrColorPicker, VyrInputNumber, VyrSelect } from '@vyr/design';
 import { option } from '@vyr/builtin'
 import { language } from '../../locale'
@@ -74,7 +74,7 @@ import { useDescriptor } from '../../common';
 defineProps<{ sizable?: boolean }>()
 const draggableService = runtime.get<DraggableService>('draggable')
 const draggable = computed(() => draggableService.get(draggableService.key.inspector))
-const descriptor = useDescriptor<PointsMaterialDescriptor>()
+const descriptor = useDescriptor<PointsMaterial>()
 
 </script>
 

package/src/fragment/material/ShaderMaterialFragment.vue

@@ -47,7 +47,7 @@
 <script lang="ts" setup>
 import { computed } from 'vue'
 import { DraggableService, runtime } from '@vyr/runtime';
-import { ShaderMaterialDescriptor } from '@vyr/three';
+import { ShaderMaterial } from '@vyr/three';
 import { VyrRow, VyrCol, VyrLabel, VyrInput, VyrSelect } from '@vyr/design';
 import { option } from '@vyr/builtin'
 import { language } from '../../locale'
@@ -55,7 +55,7 @@ import { useDescriptor } from '../../common';
 
 const draggableService = runtime.get<DraggableService>('draggable')
 const draggable = computed(() => draggableService.get(draggableService.key.inspector))
-const descriptor = useDescriptor<ShaderMaterialDescriptor>()
+const descriptor = useDescriptor<ShaderMaterial>()
 </script>
 
 <style lang="less" scoped></style>

package/src/fragment/material/ShadowMaterialFragment.vue

@@ -3,7 +3,7 @@
         <vyr-label :label="language.get('inspector.Material.color')">
             <vyr-col>
                 <vyr-checked v-model="descriptor.colorWrite"></vyr-checked>
-                <vyr-color-picker v-model="descriptor.color.value" width="all"></vyr-color-picker>
+                <vyr-color-picker v-model="descriptor.color" width="all"></vyr-color-picker>
             </vyr-col>
         </vyr-label>
     </vyr-row>
@@ -11,7 +11,7 @@
         <vyr-label :label="language.get('inspector.Material.transparent')">
             <vyr-col>
                 <vyr-checked v-model="descriptor.transparent"></vyr-checked>
-                <vyr-input-number v-model="descriptor.color.opacity" :allow-null="false"></vyr-input-number>
+                <vyr-input-number v-model="descriptor.opacity" :allow-null="false"></vyr-input-number>
             </vyr-col>
         </vyr-label>
     </vyr-row>
@@ -34,7 +34,7 @@
 <script lang="ts" setup>
 import { computed } from 'vue'
 import { DraggableService, runtime } from '@vyr/runtime';
-import { ShadowMaterialDescriptor } from '@vyr/three';
+import { ShadowMaterial } from '@vyr/three';
 import { VyrRow, VyrCol, VyrLabel, VyrChecked, VyrColorPicker, VyrInputNumber, VyrSelect } from '@vyr/design';
 import { option } from '@vyr/builtin'
 import { language } from '../../locale'
@@ -42,7 +42,7 @@ import { useDescriptor } from '../../common';
 
 const draggableService = runtime.get<DraggableService>('draggable')
 const draggable = computed(() => draggableService.get(draggableService.key.inspector))
-const descriptor = useDescriptor<ShadowMaterialDescriptor>()
+const descriptor = useDescriptor<ShadowMaterial>()
 
 </script>
 

package/src/fragment/material/SpriteMaterialFragment.vue

@@ -3,7 +3,7 @@
         <vyr-label :label="language.get('inspector.Material.color')">
             <vyr-col>
                 <vyr-checked v-model="descriptor.colorWrite"></vyr-checked>
-                <vyr-color-picker v-model="descriptor.color.value" width="all"></vyr-color-picker>
+                <vyr-color-picker v-model="descriptor.color" width="all"></vyr-color-picker>
             </vyr-col>
         </vyr-label>
     </vyr-row>
@@ -19,7 +19,7 @@
         <vyr-label :label="language.get('inspector.Material.transparent')">
             <vyr-col>
                 <vyr-checked v-model="descriptor.transparent"></vyr-checked>
-                <vyr-input-number v-model="descriptor.color.opacity" :allow-null="false"></vyr-input-number>
+                <vyr-input-number v-model="descriptor.opacity" :allow-null="false"></vyr-input-number>
             </vyr-col>
         </vyr-label>
     </vyr-row>
@@ -64,7 +64,7 @@
 <script lang="ts" setup>
 import { computed } from 'vue'
 import { DraggableService, runtime } from '@vyr/runtime';
-import { SpriteMaterialDescriptor } from '@vyr/three';
+import { SpriteMaterial } from '@vyr/three';
 import { VyrInput, VyrRow, VyrCol, VyrLabel, VyrChecked, VyrColorPicker, VyrInputNumber, VyrSelect } from '@vyr/design';
 import { option } from '@vyr/builtin'
 import { language } from '../../locale'
@@ -72,7 +72,7 @@ import { useDescriptor } from '../../common';
 
 const draggableService = runtime.get<DraggableService>('draggable')
 const draggable = computed(() => draggableService.get(draggableService.key.inspector))
-const descriptor = useDescriptor<SpriteMaterialDescriptor>()
+const descriptor = useDescriptor<SpriteMaterial>()
 
 </script>
 

package/src/fragment/texture/TextureFragment.vue

@@ -10,38 +10,38 @@
     <vyr-row>
         <vyr-label :label="language.get('inspector.Texture.mapping')">
             <vyr-col>
-                <vyr-select v-model="descriptor.mapping" :data="Texture.mappingOptions"></vyr-select>
+                <vyr-select v-model="descriptor.mapping" :data="TextureOption.mappingOptions"></vyr-select>
             </vyr-col>
         </vyr-label>
     </vyr-row>
     <vyr-row>
         <vyr-label :label="language.get('inspector.Texture.ftype')">
             <vyr-col>
-                <vyr-select v-model="descriptor.ftype" :data="Texture.ftypeOptions"></vyr-select>
+                <vyr-select v-model="descriptor.ftype" :data="TextureOption.ftypeOptions"></vyr-select>
             </vyr-col>
         </vyr-label>
     </vyr-row>
     <vyr-row>
         <vyr-label :label="language.get('inspector.Texture.format')">
             <vyr-col>
-                <vyr-select v-model="descriptor.format" :data="Texture.formatOptions"></vyr-select>
+                <vyr-select v-model="descriptor.format" :data="TextureOption.formatOptions"></vyr-select>
             </vyr-col>
         </vyr-label>
     </vyr-row>
     <vyr-row>
         <vyr-label :label="language.get('inspector.Texture.colorSpace')">
             <vyr-col>
-                <vyr-select v-model="descriptor.colorSpace" :data="Texture.colorSpaceOptions"></vyr-select>
+                <vyr-select v-model="descriptor.colorSpace" :data="TextureOption.colorSpaceOptions"></vyr-select>
             </vyr-col>
         </vyr-label>
     </vyr-row>
     <vyr-row>
         <vyr-label :label="language.get('inspector.Texture.wrap')">
             <vyr-col :span="12">
-                <vyr-select v-model="descriptor.wrapS" :data="Texture.wrapOptions"></vyr-select>
+                <vyr-select v-model="descriptor.wrapS" :data="TextureOption.wrapOptions"></vyr-select>
             </vyr-col>
             <vyr-col :span="12">
-                <vyr-select v-model="descriptor.wrapT" :data="Texture.wrapOptions"></vyr-select>
+                <vyr-select v-model="descriptor.wrapT" :data="TextureOption.wrapOptions"></vyr-select>
             </vyr-col>
         </vyr-label>
     </vyr-row>
@@ -52,7 +52,7 @@
                     :default-value="0"></vyr-input-number>
             </vyr-col>
             <vyr-col :span="12">
-                <vyr-input-number v-model="descriptor.offset.y" :data="Texture.wrapOptions" :allow-null="false"
+                <vyr-input-number v-model="descriptor.offset.y" :data="TextureOption.wrapOptions" :allow-null="false"
                     :default-value="0"></vyr-input-number>
             </vyr-col>
         </vyr-label>
@@ -115,15 +115,15 @@
 
 <script lang="ts" setup>
 import { computed } from 'vue';
-import { TextureDescriptor } from '@vyr/three';
+import { Texture } from '@vyr/three';
 import { DraggableService, runtime } from '@vyr/runtime';
 import { option } from '@vyr/builtin'
 import { VyrInput, VyrRow, VyrCol, VyrLabel, VyrInputNumber, VyrSelect } from '@vyr/design';
 import { language } from '../../locale'
 import { useDescriptor } from '../../common';
-import { Texture } from '../../option'
+import { Texture as TextureOption } from '../../option'
 
-const descriptor = useDescriptor<TextureDescriptor>()
+const descriptor = useDescriptor<Texture>()
 const draggableService = runtime.get<DraggableService>('draggable')
 const draggable = computed(() => draggableService.get(draggableService.key.inspector))
 </script>

package/src/locale/Language.ts

@@ -3,8 +3,4 @@ import { zhCnLanguageProvider, ZhCNLanguageProvider } from "./LanguageProvider";
 
 Locale.register(zhCnLanguageProvider)
 
-const language = Locale.getLanguage<ZhCNLanguageProvider>(zhCnLanguageProvider.name)
-
-export {
-    language
-}
+export const language = Locale.getLanguage<ZhCNLanguageProvider>(zhCnLanguageProvider.name)

package/src/locale/LanguageProvider.ts

@@ -1,6 +1,6 @@
 import { LanguageProvider } from '@vyr/locale'
 
-interface ZhCNLanguageProvider extends LanguageProvider {
+export interface ZhCNLanguageProvider extends LanguageProvider {
     'descriptor.type.BoxGeometry': string
     'descriptor.type.CircleGeometry': string
     'descriptor.type.CylinderGeometry': string
@@ -28,13 +28,13 @@ interface ZhCNLanguageProvider extends LanguageProvider {
     'descriptor.type.PointLight': string
     'descriptor.type.RectAreaLight': string
     'descriptor.type.SpotLight': string
-    'descriptor.type.SceneService': string
+    'descriptor.type.Scene3DService': string
     'descriptor.type.ComposerService': string
     'descriptor.type.Node': string
     'descriptor.type.Points': string
     'descriptor.type.Mesh': string
     'descriptor.type.InstancedMesh': string
-    'descriptor.type.Text': string
+    'descriptor.type.Text3D': string
     'descriptor.type.Sprite': string
     'descriptor.type.Particle': string
     'descriptor.type.GeoMap': string
@@ -138,8 +138,8 @@ interface ZhCNLanguageProvider extends LanguageProvider {
     'footer.action.AddGeometry.label': string
     'footer.action.AddMaterial.label': string
     'footer.action.AddTexture.label': string
-    'sidebar.asset.action.AddAnimation.label': string
-    'sidebar.asset.action.AddLight.label': string
+    'sidebar.action.AddAnimation.label': string
+    'sidebar.action.AddLight.label': string
     'sidebar.scene.action.AddAnimation.label': string
     'sidebar.scene.action.AddLight.label': string
 
@@ -210,7 +210,7 @@ interface ZhCNLanguageProvider extends LanguageProvider {
     'inspector.Material.side': string
     'inspector.Material.blending': string
     'inspector.Material.depthTest': string
-    'inspector.Material.depthrWrite': string
+    'inspector.Material.depthWrite': string
     'inspector.Material.vertexColors': string
 
     'inspector.Material.color': string
@@ -286,14 +286,14 @@ interface ZhCNLanguageProvider extends LanguageProvider {
     'inspector.Node.material.type': string
     'inspector.Node.material.index': string
 
-    'inspector.InstancedMesh.setting': string
+    'inspector.InstancedMesh.data': string
 
-    'inspector.Text.font': string
-    'inspector.Text.size': string
-    'inspector.Text.maxWidth': string
-    'inspector.Text.lineHeight': string
-    'inspector.Text.letterSpacing': string
-    'inspector.Text.text': string
+    'inspector.Text3D.font': string
+    'inspector.Text3D.size': string
+    'inspector.Text3D.maxWidth': string
+    'inspector.Text3D.lineHeight': string
+    'inspector.Text3D.letterSpacing': string
+    'inspector.Text3D.text': string
 
     'inspector.Particle.count': string
     'inspector.Particle.track': string
@@ -317,7 +317,7 @@ interface ZhCNLanguageProvider extends LanguageProvider {
     'inspector.Service.shadowMap': string
     'inspector.Service.shadowMap.type': string
     'inspector.Service.shadowMap.update': string
-    'inspector.Service.background': string
+    'inspector.Service.backgroundMap': string
     'inspector.Service.multisampling': string
     'inspector.Service.frameBufferType': string
     'inspector.Service.depthBuffer': string
@@ -326,7 +326,7 @@ interface ZhCNLanguageProvider extends LanguageProvider {
     'inspector.Sprite.center': string
 }
 
-const zhCnLanguageProvider: ZhCNLanguageProvider = {
+export const zhCnLanguageProvider: ZhCNLanguageProvider = {
     id: 'zh_CN',
     name: '@vyr/three-browser',
 
@@ -357,13 +357,13 @@ const zhCnLanguageProvider: ZhCNLanguageProvider = {
     'descriptor.type.PointLight': '点光源',
     'descriptor.type.RectAreaLight': '矩形区域光',
     'descriptor.type.SpotLight': '聚光灯',
-    'descriptor.type.SceneService': '三维服务',
+    'descriptor.type.Scene3DService': '三维服务',
     'descriptor.type.ComposerService': '后处理服务',
     'descriptor.type.Node': '三维节点',
     'descriptor.type.Points': '三维点',
     'descriptor.type.Mesh': '三维网格',
     'descriptor.type.InstancedMesh': '实例化网格',
-    'descriptor.type.Text': '三维字体',
+    'descriptor.type.Text3D': '三维字体',
     'descriptor.type.Sprite': '精灵',
     'descriptor.type.Particle': '粒子',
     'descriptor.type.GeoMap': '几何地图',
@@ -467,8 +467,8 @@ const zhCnLanguageProvider: ZhCNLanguageProvider = {
     'footer.action.AddGeometry.label': '几何体',
     'footer.action.AddMaterial.label': '材质',
     'footer.action.AddTexture.label': '纹理',
-    'sidebar.asset.action.AddAnimation.label': '新增动画',
-    'sidebar.asset.action.AddLight.label': '新增光源',
+    'sidebar.action.AddAnimation.label': '新增动画',
+    'sidebar.action.AddLight.label': '新增光源',
     'sidebar.scene.action.AddAnimation.label': '新增动画',
     'sidebar.scene.action.AddLight.label': '新增光源',
 
@@ -539,7 +539,7 @@ const zhCnLanguageProvider: ZhCNLanguageProvider = {
     'inspector.Material.side': '类型',
     'inspector.Material.blending': '混合',
     'inspector.Material.depthTest': '深度测试',
-    'inspector.Material.depthrWrite': '深度写入',
+    'inspector.Material.depthWrite': '深度写入',
     'inspector.Material.vertexColors': '顶点着色',
     'inspector.Material.color': '漫反射颜色',
     'inspector.Material.map': '漫反射贴图',
@@ -609,14 +609,14 @@ const zhCnLanguageProvider: ZhCNLanguageProvider = {
     'inspector.Node.material.type': '类型',
     'inspector.Node.material.index': '索引',
 
-    'inspector.InstancedMesh.setting': '实例化数据',
+    'inspector.InstancedMesh.data': '实例化数据',
 
-    'inspector.Text.font': '字体家族',
-    'inspector.Text.size': '字体大小',
-    'inspector.Text.maxWidth': '最大宽度',
-    'inspector.Text.lineHeight': '文本行高',
-    'inspector.Text.letterSpacing': '文本间距',
-    'inspector.Text.text': '文本内容',
+    'inspector.Text3D.font': '字体家族',
+    'inspector.Text3D.size': '字体大小',
+    'inspector.Text3D.maxWidth': '最大宽度',
+    'inspector.Text3D.lineHeight': '文本行高',
+    'inspector.Text3D.letterSpacing': '文本间距',
+    'inspector.Text3D.text': '文本内容',
 
     'inspector.Particle.count': '粒子数量',
     'inspector.Particle.duration': '持续时间',
@@ -640,16 +640,11 @@ const zhCnLanguageProvider: ZhCNLanguageProvider = {
     'inspector.Service.shadowMap': '阴影贴图',
     'inspector.Service.shadowMap.type': '阴影类型',
     'inspector.Service.shadowMap.update': '阴影更新',
-    'inspector.Service.background': '背景贴图',
+    'inspector.Service.backgroundMap': '背景贴图',
     'inspector.Service.multisampling': '采样率',
     'inspector.Service.frameBufferType': '缓冲帧',
     'inspector.Service.depthBuffer': '深度缓冲',
     'inspector.Service.stencilBuffer': '模板缓冲',
 
     'inspector.Sprite.center': '中心',
-}
-
-export {
-    ZhCNLanguageProvider,
-    zhCnLanguageProvider,
 }

package/src/option/Animation.ts

@@ -1,17 +1,12 @@
 import { ActionBlendMode, ActionLoop } from '@vyr/three'
 import { language } from '../locale'
 
-const loopOptions = [
+export const loopOptions = [
     { label: language.get('option.AnimationAction.loop.one'), value: ActionLoop.LoopOnce },
     { label: language.get('option.AnimationAction.loop.repeat'), value: ActionLoop.LoopRepeat },
     { label: language.get('option.AnimationAction.loop.recirculation'), value: ActionLoop.LoopPingPong },
 ]
-const blendModeOptions = [
+export const blendModeOptions = [
     { label: language.get('option.AnimationAction.blendMode.norm'), value: ActionBlendMode.NormalAnimationBlendMode },
     { label: language.get('option.AnimationAction.blendMode.overlay'), value: ActionBlendMode.AdditiveAnimationBlendMode },
-]
-
-export {
-    loopOptions,
-    blendModeOptions,
-}
+]

package/src/option/Geometry.ts

@@ -1,22 +1,16 @@
 import { language } from '../locale'
 
-const cylinderOptions = [
+export const cylinderOptions = [
     { label: language.get('option.Geometry.cylinder.true'), value: true },
     { label: language.get('option.Geometry.cylinder.false'), value: false },
 ]
 
-const extrudeUvOptions = [
+export const extrudeUvOptions = [
     { label: language.get('option.Geometry.extrudeUv.true'), value: true },
     { label: language.get('option.Geometry.extrudeUv.false'), value: false },
 ]
 
-const tubeOptions = [
+export const tubeOptions = [
     { label: language.get('option.Geometry.tube.true'), value: true },
     { label: language.get('option.Geometry.tube.false'), value: false },
-]
-
-export {
-    cylinderOptions,
-    extrudeUvOptions,
-    tubeOptions,
-}
+]

package/src/option/Material.ts

@@ -1,29 +1,29 @@
 import { MaterialCombine, MaterialNormalMapType, MaterialSide, MaterialDlending,MaterialDepthFunc } from '@vyr/three'
 import { language } from '../locale'
 
-const combineOptions = [
+export const combineOptions = [
     { label: language.get('option.Material.combine.multiply'), value: MaterialCombine.MultiplyOperation },
     { label: language.get('option.Material.combine.blend'), value: MaterialCombine.MixOperation },
     { label: language.get('option.Material.combine.add'), value: MaterialCombine.AddOperation },
 ]
-const normalTypeOptions = [
+export const normalTypeOptions = [
     { label: language.get('option.Material.normalType.tangentialSpace'), value: MaterialNormalMapType.TangentSpaceNormalMap },
     { label: language.get('option.Material.normalType.objectSpace'), value: MaterialNormalMapType.ObjectSpaceNormalMap },
 ]
 
-const sideOptions = [
+export const sideOptions = [
     { label: language.get('option.Material.side.back'), value: MaterialSide.BackSide },
     { label: language.get('option.Material.side.front'), value: MaterialSide.FrontSide },
     { label: language.get('option.Material.side.double'), value: MaterialSide.DoubleSide },
 ]
-const blendingOptions = [
+export const blendingOptions = [
     { label: language.get('option.Material.blending.disabled'), value: MaterialDlending.NoBlending },
     { label: language.get('option.Material.blending.normal'), value: MaterialDlending.NormalBlending },
     { label: language.get('option.Material.blending.overlay'), value: MaterialDlending.AdditiveBlending },
     { label: language.get('option.Material.blending.subtractive'), value: MaterialDlending.SubtractiveBlending },
     { label: language.get('option.Material.blending.multiplicative'), value: MaterialDlending.MultiplyBlending },
 ]
-const depthFuncOptions = [
+export const depthFuncOptions = [
     { label: language.get('option.Material.depthFunc.never'), value: MaterialDepthFunc.NeverDepth },
     { label: language.get('option.Material.depthFunc.always'), value: MaterialDepthFunc.AlwaysDepth },
     { label: language.get('option.Material.depthFunc.less'), value: MaterialDepthFunc.LessDepth },
@@ -31,12 +31,4 @@ const depthFuncOptions = [
     { label: language.get('option.Material.depthFunc.greater/equal'), value: MaterialDepthFunc.GreaterEqualDepth },
     { label: language.get('option.Material.depthFunc.greater'), value: MaterialDepthFunc.GreaterDepth },
     { label: language.get('option.Material.depthFunc.notEqual'), value: MaterialDepthFunc.NotEqualDepth },
-]
-
-export {
-    combineOptions,
-    normalTypeOptions,
-    sideOptions,
-    blendingOptions,
-    depthFuncOptions,
-}
+]

package/src/option/Mesh.ts

@@ -1,10 +1,6 @@
 import { language } from '../locale'
 
-const typeOptions = [
+export const typeOptions = [
     { label: language.get('option.Mesh.type.one'), value: 1 },
     { label: language.get('option.Mesh.type.multiple'), value: 2 },
-]
-
-export {
-    typeOptions,
-}
+]

package/src/option/Shadow.ts

@@ -1,18 +1,13 @@
 import { SceneShadow } from '@vyr/three'
 import { language } from '../locale'
 
-const typeOptions = [
+export const typeOptions = [
     { label: language.get('option.shadow.type.basicShadowMap'), value: SceneShadow.BasicShadowMap },
     { label: language.get('option.shadow.type.PCFShadowMap'), value: SceneShadow.PCFShadowMap },
     { label: language.get('option.shadow.type.PCFSoftShadowMap'), value: SceneShadow.PCFSoftShadowMap },
     { label: language.get('option.shadow.type.VSMShadowMap'), value: SceneShadow.VSMShadowMap },
 ]
-const updateOptions = [
+export const updateOptions = [
     { label: language.get('option.shadow.update.manual'), value: false },
     { label: language.get('option.shadow.update.auto'), value: true },
-]
-
-export {
-    typeOptions,
-    updateOptions,
-}
+]

package/src/option/Texture.ts

@@ -1,7 +1,7 @@
 import { TextureMapping, TextureWrap, TextureFType, TextureFormat, TextureColorSpace } from '@vyr/three'
 import { language } from '../locale'
 
-const mappingOptions = [
+export const mappingOptions = [
     { label: language.get('option.Texture.mapping.UVMapping'), value: TextureMapping.UVMapping },
     { label: language.get('option.Texture.mapping.cubeReflectionMapping'), value: TextureMapping.CubeReflectionMapping },
     { label: language.get('option.Texture.mapping.cubeRefractionMapping'), value: TextureMapping.CubeRefractionMapping },
@@ -9,12 +9,12 @@ const mappingOptions = [
     { label: language.get('option.Texture.mapping.equirectangularRefractionMapping'), value: TextureMapping.EquirectangularRefractionMapping },
     { label: language.get('option.Texture.mapping.cubeUVReflectionMapping'), value: TextureMapping.CubeUVReflectionMapping },
 ]
-const wrapOptions = [
+export const wrapOptions = [
     { label: language.get('option.Texture.wrap.repeatWrapping'), value: TextureWrap.RepeatWrapping },
     { label: language.get('option.Texture.wrap.clampToEdgeWrapping'), value: TextureWrap.ClampToEdgeWrapping },
     { label: language.get('option.Texture.wrap.mirroredRepeatWrapping'), value: TextureWrap.MirroredRepeatWrapping },
 ]
-const ftypeOptions = [
+export const ftypeOptions = [
     { label: language.get('option.Texture.ftype.unsignedByteType'), value: TextureFType.UnsignedByteType },
     { label: language.get('option.Texture.ftype.byteType'), value: TextureFType.ByteType },
     { label: language.get('option.Texture.ftype.shortType'), value: TextureFType.ShortType },
@@ -28,7 +28,7 @@ const ftypeOptions = [
     { label: language.get('option.Texture.ftype.unsignedInt248Type'), value: TextureFType.UnsignedInt248Type },
     { label: language.get('option.Texture.ftype.unsignedInt5999Type'), value: TextureFType.UnsignedInt5999Type },
 ]
-const formatOptions = [
+export const formatOptions = [
     { label: language.get('option.Texture.format.alphaFormat'), value: TextureFormat.AlphaFormat },
     { label: language.get('option.Texture.format.redFormat'), value: TextureFormat.RedFormat },
     { label: language.get('option.Texture.format.redIntegerFormat'), value: TextureFormat.RedIntegerFormat },
@@ -40,16 +40,8 @@ const formatOptions = [
     { label: language.get('option.Texture.format.depthFormat'), value: TextureFormat.DepthFormat },
     { label: language.get('option.Texture.format.depthStencilFormat'), value: TextureFormat.DepthStencilFormat },
 ]
-const colorSpaceOptions = [
+export const colorSpaceOptions = [
     { label: language.get('option.Texture.colorSpace.no'), value: TextureColorSpace.NoColorSpace },
     { label: language.get('option.Texture.colorSpace.SRGB'), value: TextureColorSpace.SRGBColorSpace },
     { label: language.get('option.Texture.colorSpace.linearSRGB'), value: TextureColorSpace.LinearSRGBColorSpace },
-]
-
-export {
-    mappingOptions,
-    wrapOptions,
-    ftypeOptions,
-    formatOptions,
-    colorSpaceOptions,
-}
+]