remove library debugging prints and logs

Author: Sascha Braun

samples/main.ts

@@ -6,6 +6,6 @@ import router from "./router";
 Vue.config.productionTip = false;
 
 new Vue({
-  router,
-  render: h => h(App)
+  render: h => h(App),
+  router
 }).$mount("#app");

samples/router.ts

@@ -10,17 +10,14 @@ Vue.use(Router);
 export default new Router({
   routes: [
     {
-      path: "/",
+      component: Home,
       name: "home",
-      component: Home
+      path: "/"
     },
     {
-      path: "/demo",
+      component: Demo,
       name: "demo",
-      // route level code-splitting
-      // this generates a separate chunk (about.[hash].js) for this route
-      // which is lazy-loaded when the route is visited.
-      component: Demo
+      path: "/demo"
     }
   ]
 });

samples/views/MyBehaviour.ts

@@ -22,7 +22,6 @@ export class MyBehaviour extends Mixins(Behaviour) {
   private camera!: THREE.PerspectiveCamera;
 
   public created() {
-    console.log("created my behaviour", this);
     if (!this.data) {
       throw new Error("Could not initialize MyBehaviour: data is missing");
     }
@@ -49,7 +48,6 @@ export class MyBehaviour extends Mixins(Behaviour) {
   }
 
   public beforeDestroy() {
-    console.log("before destroy mybehaviour");
     this.controls.dispose();
   }
 

samples/views/OrbitControls.ts

@@ -1,3 +1,4 @@
+// tslint:disable
 import * as THREE from "three";
 
 const STATE = {

src/components/Behaviour.tsx

@@ -15,7 +15,6 @@ export class Behaviour extends Mixins(
   }
 
   public beforeDestroy() {
-    console.log("before destroy behaviour");
     if ((this as any).update) {
       this.app().off("update", (this as any).update);
     }

src/components/Camera.tsx

@@ -6,7 +6,7 @@ import { ThreeComponent, ThreeSceneComponent } from "./base";
 
 @Component
 export class Camera extends Mixins(ThreeComponent, ThreeSceneComponent) {
-  @Prop({ required: true })
+  @Prop({ type: String, default: "" })
   private name!: string;
 
   @Prop({ default: true, type: Boolean })
@@ -47,24 +47,20 @@ export class Camera extends Mixins(ThreeComponent, ThreeSceneComponent) {
   }
 
   public onDeactivate() {
-    console.log("deactivate camera", this.name);
-
     const manager = this.app().cameraManager;
     if (this.m_camera === manager.main) {
       manager.main = undefined;
     }
   }
 
   public async onActivate() {
-    console.log("activate camera", this.name);
-
     const manager = this.app().cameraManager;
     manager.main = this.m_camera;
   }
 
   public async created() {
-    console.log("camera created");
     this.m_camera = await this.factory(this.app().renderer.getSize());
+    this.m_camera.name = this.name;
     this.onChangeMain();
 
     this.m_created = true;
@@ -78,11 +74,6 @@ export class Camera extends Mixins(ThreeComponent, ThreeSceneComponent) {
     if (!this.main || !this.m_created) {
       return null;
     }
-    return (
-      <div className="camera">
-        <span>Camera</span>
-        <ul>{this.$slots.default}</ul>
-      </div>
-    );
+    return <div>{this.$slots.default}</div>;
   }
 }

src/components/Fog.tsx

@@ -78,7 +78,6 @@ export class Fog extends Mixins(ThreeComponent, ThreeSceneComponent) {
   }
 
   public beforeDestroy() {
-    console.log("fog beforeDestroy");
     const scene = this.scene();
     scene.fog = null;
   }
@@ -87,10 +86,6 @@ export class Fog extends Mixins(ThreeComponent, ThreeSceneComponent) {
     if (!this.m_created) {
       return null;
     }
-    return (
-      <div className="fog">
-        <span>Fog</span>
-      </div>
-    );
+    return <div />;
   }
 }

src/components/Geometry.tsx

@@ -12,17 +12,15 @@ export class Geometry extends Mixins(ThreeComponent, ThreeAssetComponent) {
   public factory!: GeometryFactory;
 
   public async created() {
-    console.log("created geometry", this.name);
     this.asset = this.factory();
     this.app().assets.add(this.name, AssetTypes.GEOMETRY, this.asset);
   }
 
   public async beforeDestroy() {
-    console.log("beforeDestroy geometry", this.name);
     this.app().assets.remove(this.name, AssetTypes.GEOMETRY);
   }
 
   public render(h: any) {
-    return <div className="geometry">Geometry {this.name}</div>;
+    return <div />;
   }
 }

src/components/Group.tsx

@@ -9,7 +9,7 @@ export class Group extends Mixins(
   ThreeSceneComponent,
   ThreeObjectComponent
 ) {
-  @Prop({ required: true })
+  @Prop({ type: String, default: "" })
   private name!: string;
 
   @Provide("object")
@@ -30,14 +30,14 @@ export class Group extends Mixins(
     }
 
     this.m_group = new THREE.Group();
+    this.m_group.name = this.name;
     const parent = this.object ? this.object() : this.scene();
     parent.add(this.m_group);
 
     this.m_created = true;
   }
 
   public beforeDestroy() {
-    console.log("group beforeDestroy");
     const parent = this.object ? this.object() : this.scene();
     parent.remove(this.m_group);
   }
@@ -46,11 +46,6 @@ export class Group extends Mixins(
     if (!this.m_created) {
       return null;
     }
-    return (
-      <div className="group">
-        <span>Group {this.name}</span>
-        <ul>{this.$slots.default}</ul>
-      </div>
-    );
+    return <div>{this.$slots.default}</div>;
   }
 }

src/components/Light.tsx

@@ -10,7 +10,7 @@ export class Light extends Mixins(
   ThreeSceneComponent,
   ThreeObjectComponent
 ) {
-  @Prop({ required: true })
+  @Prop({ type: String, default: "" })
   private name!: string;
 
   @Prop({ required: true, type: Function })
@@ -34,14 +34,14 @@ export class Light extends Mixins(
     }
 
     this.m_light = await this.factory();
+    this.m_light.name = this.name;
     const parent = this.object ? this.object() : this.scene();
     parent.add(this.m_light);
 
     this.m_created = true;
   }
 
   public beforeDestroy() {
-    console.log("light beforeDestroy");
     const parent = this.object ? this.object() : this.scene();
     parent.remove(this.m_light);
   }
@@ -50,11 +50,6 @@ export class Light extends Mixins(
     if (!this.m_created) {
       return null;
     }
-    return (
-      <div className="light">
-        <span>Light {this.name}</span>
-        <ul>{this.$slots.default}</ul>
-      </div>
-    );
+    return <div>{this.$slots.default}</div>;
   }
 }

src/components/Material.tsx

@@ -12,17 +12,15 @@ export class Material extends Mixins(ThreeComponent, ThreeAssetComponent) {
   private factory!: MaterialFactory;
 
   public created() {
-    console.log("created material", this.name);
     this.asset = this.factory();
     this.app().assets.add(this.name, AssetTypes.MATERIAL, this.asset);
   }
 
   public async beforeDestroy() {
-    console.log("beforeDestroy material", this.name);
     this.app().assets.remove(this.name, AssetTypes.MATERIAL);
   }
 
   public render(h: any) {
-    return <div className="material">Material {this.name}</div>;
+    return <div />;
   }
 }

src/components/Mesh.tsx

@@ -10,7 +10,7 @@ export class Mesh extends Mixins(
   ThreeSceneComponent,
   ThreeObjectComponent
 ) {
-  @Prop({ required: true, type: String })
+  @Prop({ type: String, default: "" })
   private name!: string;
 
   @Prop({ required: true, type: String })
@@ -68,6 +68,7 @@ export class Mesh extends Mixins(
       geometry as GeometryType,
       material as MaterialType
     );
+    this.m_mesh.name = this.name;
 
     const parent = this.object ? this.object() : this.scene();
     parent.add(this.m_mesh);
@@ -76,7 +77,6 @@ export class Mesh extends Mixins(
   }
 
   public beforeDestroy() {
-    console.log("mesh beforeDestroy");
     const parent = this.object ? this.object() : this.scene();
     parent.remove(this.m_mesh);
   }
@@ -85,11 +85,6 @@ export class Mesh extends Mixins(
     if (!this.m_created) {
       return null;
     }
-    return (
-      <div className="mesh">
-        <span>Mesh {this.name}</span>
-        <ul>{this.$slots.default}</ul>
-      </div>
-    );
+    return <div>{this.$slots.default}</div>;
   }
 }

src/components/Scene.tsx

@@ -7,7 +7,7 @@ import { isThreeAssetComponent, ThreeAssetComponent, ThreeComponent } from "./ba
 
 @Component
 export class Scene extends Mixins(ThreeComponent) {
-  @Prop({ required: true, type: String })
+  @Prop({ type: String, default: "" })
   public name!: string;
 
   @Prop({ default: false, type: Boolean })
@@ -45,8 +45,6 @@ export class Scene extends Mixins(ThreeComponent) {
   }
 
   public async onDeactivate() {
-    console.log("deactivate scene", this.name);
-
     const manager = this.app().sceneManager;
     if (this.m_scene === manager.active) {
       manager.active = undefined;
@@ -59,10 +57,9 @@ export class Scene extends Mixins(ThreeComponent) {
   }
 
   public async onActivate() {
-    console.log("activate scene", this.name);
-
     const manager = this.app().sceneManager;
     this.m_scene = new THREE.Scene();
+    this.m_scene.name = this.name;
     manager.active = this.m_scene;
 
     await Vue.nextTick();
@@ -105,36 +102,22 @@ export class Scene extends Mixins(ThreeComponent) {
   }
 
   public mounted() {
-    console.log("scene mounted");
     this.onChangeActive();
   }
 
   public beforeDestroy() {
-    console.log("scene beforeDestroy");
     this.onDeactivate();
   }
 
   public render(h: any) {
-    console.log("scene render");
     if (!this.m_isActive) {
       return null;
     }
 
-    const whenReady = (
-      <div>
-        <h3>Scene ready</h3>
-        {this.$slots.default}
-      </div>
-    );
-
     return (
-      <div class="scene">
-        <h2>Scene {this.name}</h2>
-        <div>
-          <h3>Preload</h3>
-          {this.$slots.preload}
-        </div>
-        {this.m_isReady ? whenReady : null}
+      <div>
+        <div>{this.$slots.preload}</div>
+        <div>{this.m_isReady ? this.$slots.default : null}</div>
       </div>
     );
   }

src/components/Texture.tsx

@@ -16,7 +16,6 @@ export class Texture extends Mixins(ThreeComponent, ThreeAssetComponent) {
   public src?: string;
 
   public created() {
-    console.log("created texture", this.name);
     if (this.factory) {
       this.asset = this.factory();
     } else if (this.src) {
@@ -37,11 +36,10 @@ export class Texture extends Mixins(ThreeComponent, ThreeAssetComponent) {
   }
 
   public async beforeDestroy() {
-    console.log("beforeDestroy texture", this.name);
     this.app().assets.remove(this.name, AssetTypes.TEXTURE);
   }
 
   public render(h: any) {
-    return <div className="texture">Texture {this.name}</div>;
+    return <div />;
   }
 }