Various fixes, rename params on vector, make line and vector draggable

src/Components/Line.ts

@@ -8,7 +8,7 @@ import {
 } from "three";
 import { Line2, LineGeometry, LineMaterial } from "three-fatline";
 import { toVector2 } from "../utils";
-import { Collider, Component } from "./interfaces";
+import { Collider, Component, Draggable } from "./interfaces";
 import { InputPosition } from "./types";
 
 const ARROWHEAD_LENGTH = 12;
@@ -20,6 +20,7 @@ export type LineOptions = {
   dashed?: boolean;
   opacity?: number;
   transparent?: boolean;
+  draggable?: Draggable;
 };
 
 export const defaultLineOptions: LineOptions = {
@@ -29,24 +30,31 @@ export const defaultLineOptions: LineOptions = {
   dashed: false,
   opacity: 1,
   transparent: false,
+  draggable: undefined,
 };
 
 class Line extends Component implements Collider {
   start: InputPosition;
   end: InputPosition;
-  draggable = undefined;
   arrowhead: boolean;
 
   constructor(start: InputPosition, end: InputPosition, options?: LineOptions) {
     super();
-    const { color, lineWidth, arrowhead, dashed, opacity, transparent } = {
+    const {
+      color,
+      lineWidth,
+      arrowhead,
+      dashed,
+      opacity,
+      transparent,
+      draggable,
+    } = {
       ...defaultLineOptions,
       ...options,
     };
     this.start = start;
     this.end = end;
     this.arrowhead = arrowhead ?? false;
-
     this.material = new LineMaterial({
       color: color,
       linewidth: lineWidth,
@@ -67,6 +75,7 @@ class Line extends Component implements Collider {
       this.add(arrowheadLine);
     }
     this.initialUpdateGeometry(start, end);
+    this.draggable = draggable;
   }
 
   collidesWith(other: Object3D): boolean {
@@ -158,15 +167,15 @@ class Line extends Component implements Collider {
     ]);
   }
 
-  setEnd(end: InputPosition) {
+  public setEnd(end: InputPosition) {
     this.end = end;
   }
 
-  setStart(start: InputPosition) {
+  public setStart(start: InputPosition) {
     this.start = start;
   }
 
-  setPosition(start: InputPosition, end: InputPosition) {
+  public setPosition(start: InputPosition, end: InputPosition) {
     this.start = start;
     this.end = end;
   }

src/Components/Vector.ts

@@ -1,31 +1,39 @@
 import { Vector2, OrthographicCamera } from "three";
 import { toVector2, toVector3 } from "./../utils";
 import Line from "./Line";
+import { Draggable } from "./interfaces";
 import { InputPosition } from "./types";
 
 const defaultVectorOptions = {
   color: 0x000000,
   normalize: true,
+  draggable: undefined,
 };
 
 export type VectorOptions = {
   color?: number;
   normalize?: boolean;
+  draggable?: Draggable;
 };
 
 class Vector extends Line {
   private vector: InputPosition;
 
   constructor(
-    position: InputPosition,
+    origin: InputPosition,
     vector: InputPosition,
     options?: VectorOptions
   ) {
-    const { color, normalize } = {
+    const { color, normalize, draggable } = {
       ...defaultVectorOptions,
       ...options,
     };
-    super(position, position, { lineWidth: 4, arrowhead: true, color: color });
+    super(origin, origin, {
+      lineWidth: 4,
+      arrowhead: true,
+      color: color,
+      draggable: draggable,
+    });
     if (normalize) {
       this.vector = toVector2(vector).normalize();
     } else {
@@ -52,6 +60,10 @@ class Vector extends Line {
     this.start = position;
   }
 
+  public getOriginPoint(): InputPosition {
+    return this.start;
+  }
+
   public normalize(): void {
     this.vector = toVector2(this.vector).normalize();
   }

src/index.ts

@@ -1,21 +1,49 @@
-export { default as Graphica } from "./Graphica";
-export { default as Arc } from "./Components/Arc";
-export { default as Bracket } from "./Components/Bracket";
-export { default as Button } from "./Components/Button";
-export { default as Circle } from "./Components/Circle";
-export { default as Grid } from "./Components/Grid";
-export { default as InfiniteLine } from "./Components/InfiniteLine";
-export { default as InputField } from "./Components/InputField";
-export { default as Label } from "./Components/Label";
-export { default as Latex } from "./Components/Latex";
-export { default as Line } from "./Components/Line";
-export { default as Plot } from "./Components/Plot";
-export { default as Point } from "./Components/Point";
-export { default as Polygon } from "./Components/Shape";
-export { default as Slider } from "./Components/Slider";
-export { default as Text } from "./Components/Text";
-export { default as Vector } from "./Components/Vector";
-export { default as Fraction } from "./Components/Derived/Fraction";
-export { default as SVGLoader } from "./Components/SVGLoader";
+// export { default as Graphica } from "./Graphica";
+// export { default as Arc } from "./Components/Arc";
+// export { default as Bracket } from "./Components/Bracket";
+// export { default as Button } from "./Components/Button";
+// export { default as Circle } from "./Components/Circle";
+// export { default as Grid } from "./Components/Grid";
+// export { default as InfiniteLine } from "./Components/InfiniteLine";
+// export { default as InputField } from "./Components/InputField";
+// export { default as Label } from "./Components/Label";
+// export { default as Latex } from "./Components/Latex";
+// export { default as Line } from "./Components/Line";
+// export { default as Plot } from "./Components/Plot";
+// export { default as Point } from "./Components/Point";
+// export { default as Polygon } from "./Components/Shape";
+// export { default as Slider } from "./Components/Slider";
+// export { default as Text } from "./Components/Text";
+// export { default as Vector } from "./Components/Vector";
+// export { default as Fraction } from "./Components/Derived/Fraction";
+// export { default as SVGLoader } from "./Components/SVGLoader";
 
-export * as three from "three";
+import { Vector3 } from "three";
+import Arc from "./Components/Arc";
+import Grid from "./Components/Grid";
+import Line from "./Components/Line";
+import Point from "./Components/Point";
+import Polygon from "./Components/Shape";
+import Vector from "./Components/Vector";
+import Graphica from "./Graphica";
+
+// export * as three from "three";
+
+const g = new Graphica();
+const gg = new Grid();
+
+const v = new Line([-2, 2], [-10, 0], {
+  draggable: "unrestricted",
+});
+
+const p = new Polygon([
+  [1, 1],
+  [2, 3],
+  [4, 4],
+]);
+
+g.add(p);
+g.add(v);
+g.add(gg);
+console.log(g.draggables);
+g.run((t) => {});