TS migration. #2288. (#2328)

* Added TS. Updated build and linting config. Added types.

* [ts-migrate][.] Rename files from JS/JSX to TS/TSX

Co-authored-by: ts-migrate <>

* [ts-migrate][.] Run TS Migrate

Co-authored-by: ts-migrate <>

* Corrected files mangled by ts-migrate.

* Updated lint config, minor linting.

* Re-enabled Husky.

* Updated tests and config.

* Reverted webpack devtool config.

* Removed obsolete snapshots.

* Added annotations snap.

* Updated tsconfig includes wrt linting.

* Removed ts-migrate.

Co-authored-by: Timmy Huang <tihuan@users.noreply.github.com>

client/src/components/graph/drawPointsRegl.js

@@ -1,81 +0,0 @@
-import { glPointFlags, glPointSize } from "../../util/glHelpers";
-
-export default function drawPointsRegl(regl) {
-  return regl({
-    vert: `
-    precision mediump float;
-
-    attribute vec2 position;
-    attribute vec3 color;
-    attribute float flag;
-
-    uniform float distance;
-    uniform mat3 projView;
-    uniform float nPoints;
-    uniform float minViewportDimension;
-
-    varying lowp vec4 fragColor;
-
-    const float zBottom = 0.99;
-    const float zMiddle = 0.;
-    const float zTop = -1.;
-
-    // import getFlags()
-    ${glPointFlags}
-
-    // get pointSize()
-    ${glPointSize}
-
-    void main() {
-      bool isBackground, isSelected, isHighlight;
-      getFlags(flag, isBackground, isSelected, isHighlight);
-
-      float size = pointSize(nPoints, minViewportDimension, isSelected, isHighlight);
-      gl_PointSize = size * pow(distance, 0.5);
-
-      float z = isBackground ? zBottom : (isHighlight ? zTop : zMiddle);
-      vec3 xy = projView * vec3(position, 1.);
-      gl_Position = vec4(xy.xy, z, 1.);
-
-      float alpha = isBackground ? 0.9 : 1.0;
-      fragColor = vec4(color, alpha);
-    }`,
-
-    frag: `
-    precision mediump float;
-    varying lowp vec4 fragColor;
-    void main() {
-      if (length(gl_PointCoord.xy - 0.5) > 0.5) {
-        discard;
-      }
-      gl_FragColor = fragColor;
-    }`,
-
-    attributes: {
-      position: regl.prop("position"),
-      color: regl.prop("color"),
-      flag: regl.prop("flag"),
-    },
-
-    uniforms: {
-      distance: regl.prop("distance"),
-      projView: regl.prop("projView"),
-      nPoints: regl.prop("nPoints"),
-      minViewportDimension: regl.prop("minViewportDimension"),
-    },
-
-    count: regl.prop("count"),
-
-    primitive: "points",
-
-    blend: {
-      enable: true,
-      func: {
-        srcRGB: "src alpha",
-        srcAlpha: 1,
-        dstRGB: 0,
-        dstAlpha: "zero",
-      },
-    },
-  });
-}