import { Component, PropTypes, Entity, Player, CodeBlockEvents, LocalEvent, CodeBlockEvent, Quaternion, Vec3, Color, TextGizmo, } from 'horizon/core';

// define a custom event that a CodeBlocks script is listening to
// this takes a string and a number as arguments
// the event name is 'myCBEvent'
const myCBEvent = new CodeBlockEvent<[str: string, num: number]>('myCBEvent', [PropTypes.String, PropTypes.Number]);

// define TypeScript events -
// these can target a specific listener or
// be broadcasted to all listeners
const myTSEvent = new LocalEvent<{value: number; textGizmo: Entity}>('myTSEvent');
const broadcastEv = new LocalEvent<{value: number}>('broadcastEv');

class MyComponent extends Component<typeof MyComponent> {

  // define the inputs available in the property panel in the UI as well as default values
  static propsDefinition = {
    num: {type: PropTypes.Number, default: 42},
  };

  // define instance state
  grabbedCount: number = 0;

  // called on world start
  start() {
    console.log('MyComponent.num:', 'this.props.num');

    // built in events like GrabStart can be listened to
    this.connectCodeBlockEvent(this.entity, CodeBlockEvents.OnGrabStart, (isRightHand: boolean, player: Player) => {
        this.grabbedCount++;
        console.log('OnGrabReceived', player);
        // broadcast events are not targeted to any specific listener and are received by all listeners
        this.sendLocalBroadcastEvent(broadcastEv, {value: this.grabbedCount});
      });

      // listen to a local TypeScript event
      this.connectLocalEvent(this.entity, myTSEvent, (data: {value: number; textGizmo: Entity}) => {
        console.log('received:', data);
      });

      // call user defined methods on your instance
      this.myMethod();
  }

  // define your own methods
  myMethod() {
    this.sendCodeBlockEvent(this.entity, myCBEvent, 'hello from TS', this.props.num + this.grabbedCount);
  }
}

// Notify the UI that your component can be attached to an entity
Component.register(MyComponent);

class MyComponent extends Component {
  start() {
    console.log('starting');
  }
}

// Register component class MyComponent with the name 'MyComp'.
// Name is optional - if not supplied "MyComponent" is used.
Component.register(MyComponent, "MyComp");

class MyComponent extends Component<typeof MyComponent> {
// the props definition enables defining defaults and telling the UI what properties are defined
   static propsDefinition  = {
     num: { type: PropTypes.Number, default: 12 },
     str: { type: PropTypes.String, default: '' },
     target: { type: PropTypes.Entity }
   }

   // local variable type owned by the script
   spinCount: number = 0

   start() {
      // properties can be accessed via `this.props`
      this.props.target.color.set(new Color(1, 0, 0);
      console.log(this.props.str);

      if(this.spinCount < 10) {
        this.spinCount = this.spinCount + 1
      }
   }
}

const q = Quaternion.fromEuler(new Vec3(90, 45, 180), EulerOrder.XYZ);

// move an entity to (0, 0, 1
entity.position.set(new Vec3(0, 0, 1));
// get an entities color
const c: Color = entity.color.get();

import {TextGizmo, AudioGizmo} from 'horizon/core';

const textGizmo = entity.as(TextGizmo);
textGizmo.text.set('Hello World');

const audioGizmo = this.props.audio.as(AudioGizmo);
audioGizmo.play();

let color = new Color(0, 0, 0);
let colors: Array<Color> = [];
colors.push(color);