@vyr/three-browser 0.0.1

package/src/service/sidebar/asset/action/AddLightAction.ts

@@ -0,0 +1,66 @@
+import { Descriptor } from "@vyr/engine";
+import { Action, DataService, runtime } from "@vyr/runtime";
+import { sidebar } from '@vyr/builtin'
+import { AmbientLightDescriptor, DirectionalLightDescriptor, HemisphereLightDescriptor, PointLightDescriptor, RectAreaLightDescriptor, SpotLightDescriptor } from "@vyr/three";
+import { language } from '../../../../locale'
+
+class AddLightAction extends Action {
+    static id = 'sidebar.asset.AddLight'
+    static generate = (label: string, Class: typeof Descriptor) => {
+        class ClassAction extends Action {
+            static id = `sidebar.${Class.type}`
+            label = label
+            update() {
+                this.disabled = true
+                this.show = true
+                const dataService = runtime.get<DataService>('data')
+                const navigator = dataService.sidebar.get<sidebar.asset.AssetNavigator>(sidebar.asset.AssetNavigator.key)
+                if (navigator.status.mouseItem === null) return
+                this.disabled = false
+            }
+            validator() {
+                return false
+            }
+            execute() {
+                const dataService = runtime.get<DataService>('data')
+                const navigator = dataService.sidebar.get<sidebar.asset.AssetNavigator>(sidebar.asset.AssetNavigator.key)
+                navigator.status.modifyMode = 'add'
+                navigator.status.modifyContent = new Class()
+                navigator.status.modifyValue = navigator.status.mouseItem
+            }
+        }
+        return new ClassAction()
+    }
+    label = language.get('sidebar.asset.action.addLight.label')
+    order = 2
+    children = [
+        AddLightAction.generate(language.get('descriptor.type.BoxGeometry'), AmbientLightDescriptor),
+        AddLightAction.generate(language.get('descriptor.type.BoxGeometry'), DirectionalLightDescriptor),
+        AddLightAction.generate(language.get('descriptor.type.BoxGeometry'), HemisphereLightDescriptor),
+        AddLightAction.generate(language.get('descriptor.type.BoxGeometry'), PointLightDescriptor),
+        AddLightAction.generate(language.get('descriptor.type.BoxGeometry'), RectAreaLightDescriptor),
+        AddLightAction.generate(language.get('descriptor.type.BoxGeometry'), SpotLightDescriptor),
+    ]
+    active() {
+        const dataService = runtime.get<DataService>('data')
+
+        return dataService.sidebar.active === sidebar.asset.AssetNavigator.key
+    }
+    update() {
+        this.show = false
+        this.disabled = true
+        const dataService = runtime.get<DataService>('data')
+        const navigator = dataService.sidebar.get<sidebar.asset.AssetNavigator>(sidebar.asset.AssetNavigator.key)
+        if (navigator.status.mouseItem === null) return
+        if (navigator.status.mouseItem === navigator.root) return
+
+        this.show = true
+        this.disabled = false
+    }
+    validator() {
+        return false
+    }
+    execute() { }
+}
+
+export { AddLightAction }

package/src/service/sidebar/asset/action/index.ts

@@ -0,0 +1,7 @@
+import { AddLightAction } from "./AddLightAction";
+import { AddAnimationAction } from "./AddAnimationAction";
+
+export default [
+    AddLightAction,
+    AddAnimationAction,
+]

package/src/service/sidebar/scene/action/AddAnimationAction.ts

@@ -0,0 +1,64 @@
+import { AnimationUnitDescriptor, Descriptor } from "@vyr/engine";
+import { Action, DataService, runtime } from "@vyr/runtime";
+import { sidebar } from '@vyr/builtin'
+import { AnimationActionDescriptor, ModelDescriptor } from "@vyr/three";
+import { language } from '../../../../locale'
+
+class AddAnimationAction extends Action {
+    static id = 'sidebar.scene.AddAnimation'
+    static generate = (label: string, Class: typeof Descriptor) => {
+        class ClassAction extends Action {
+            static id = Class.type
+            label = label
+            update() {
+                this.show = false
+                this.disabled = true
+                const dataService = runtime.get<DataService>('data')
+                const navigator = dataService.sidebar.get<sidebar.scene.SceneNavigator>(sidebar.scene.SceneNavigator.key)
+                if (navigator.status.mouseItem === null) return
+                this.show = true
+                if (Class.type === AnimationActionDescriptor.type) {
+                    if ((navigator.status.mouseItem instanceof ModelDescriptor) === false) return
+                }
+                this.disabled = false
+            }
+            validator() {
+                return false
+            }
+            execute() {
+                const dataService = runtime.get<DataService>('data')
+                const navigator = dataService.sidebar.get<sidebar.scene.SceneNavigator>(sidebar.scene.SceneNavigator.key)
+                navigator.status.modifyMode = 'add'
+                navigator.status.modifyContent = new Class({})
+                navigator.status.modifyValue = navigator.status.mouseItem
+            }
+        }
+        return new ClassAction()
+    }
+    label = language.get('sidebar.scene.action.addAnimation.label')
+    order = 2
+    children = [
+        AddAnimationAction.generate(language.get('descriptor.type.AnimationUnit'), AnimationUnitDescriptor),
+        AddAnimationAction.generate(language.get('descriptor.type.AnimationAction'), AnimationActionDescriptor),
+    ]
+    active() {
+        const dataService = runtime.get<DataService>('data')
+
+        return dataService.sidebar.active === sidebar.scene.SceneNavigator.key
+    }
+    update() {
+        this.show = false
+        this.disabled = true
+        const dataService = runtime.get<DataService>('data')
+        const navigator = dataService.sidebar.get<sidebar.scene.SceneNavigator>(sidebar.scene.SceneNavigator.key)
+        if (navigator.status.mouseItem === null) return
+        this.show = true
+        this.disabled = false
+    }
+    validator() {
+        return false
+    }
+    execute() { }
+}
+
+export { AddAnimationAction }

package/src/service/sidebar/scene/action/AddLightAction.ts

@@ -0,0 +1,66 @@
+import { Descriptor } from "@vyr/engine";
+import { Action, DataService, runtime } from "@vyr/runtime";
+import { sidebar } from '@vyr/builtin'
+import { AmbientLightDescriptor, DirectionalLightDescriptor, HemisphereLightDescriptor, PointLightDescriptor, RectAreaLightDescriptor, SpotLightDescriptor } from '@vyr/three'
+import { language } from '../../../../locale'
+
+class AddLightAction extends Action {
+    static id = 'sidebar.scene.AddLight'
+    static generate = (label: string, Class: typeof Descriptor) => {
+        class ClassAction extends Action {
+            static id = `sidebar.${Class.type}`
+            label = label
+            update() {
+                this.show = false
+                this.disabled = true
+                const dataService = runtime.get<DataService>('data')
+                const navigator = dataService.sidebar.get<sidebar.scene.SceneNavigator>(sidebar.scene.SceneNavigator.key)
+                this.show = true
+                if (navigator.status.mouseItem === null) return
+                this.disabled = false
+            }
+            validator() {
+                return false
+            }
+            execute() {
+                const dataService = runtime.get<DataService>('data')
+                const navigator = dataService.sidebar.get<sidebar.scene.SceneNavigator>(sidebar.scene.SceneNavigator.key)
+                navigator.status.modifyMode = 'add'
+                navigator.status.modifyContent = new Class()
+                navigator.status.modifyValue = navigator.status.mouseItem
+            }
+        }
+        return new ClassAction()
+    }
+    label = language.get('sidebar.scene.action.addLight.label')
+    order = 2
+    children = [
+        AddLightAction.generate(language.get('descriptor.type.AmbientLight'), AmbientLightDescriptor),
+        AddLightAction.generate(language.get('descriptor.type.DirectionalLight'), DirectionalLightDescriptor),
+        AddLightAction.generate(language.get('descriptor.type.HemisphereLight'), HemisphereLightDescriptor),
+        AddLightAction.generate(language.get('descriptor.type.PointLight'), PointLightDescriptor),
+        AddLightAction.generate(language.get('descriptor.type.RectAreaLight'), RectAreaLightDescriptor),
+        AddLightAction.generate(language.get('descriptor.type.SpotLight'), SpotLightDescriptor),
+    ]
+    active() {
+        const dataService = runtime.get<DataService>('data')
+
+        return dataService.sidebar.active === sidebar.scene.SceneNavigator.key
+    }
+    update() {
+        this.show = false
+        this.disabled = true
+        const dataService = runtime.get<DataService>('data')
+        const navigator = dataService.sidebar.get<sidebar.scene.SceneNavigator>(sidebar.scene.SceneNavigator.key)
+        if (navigator.status.mouseItem === null) return
+
+        this.show = true
+        this.disabled = false
+    }
+    validator() {
+        return false
+    }
+    execute() { }
+}
+
+export { AddLightAction }

package/src/service/sidebar/scene/action/index.ts

@@ -0,0 +1,7 @@
+import { AddLightAction } from "./AddLightAction";
+import { AddAnimationAction } from "./AddAnimationAction";
+
+export default [
+    AddLightAction,
+    AddAnimationAction,
+]

package/src/shims-vue.d.ts

@@ -0,0 +1,10 @@
+/* eslint-disable */
+declare module '*.vue' {
+  const component: DefineComponent<{}, {}, any>
+  export default component
+}
+
+declare module '!!raw-loader!*' {
+  const v: string
+  export default v
+}