Add a script to manually invoke clang-format on TS files. (#1854)

* Add a script to manually invoke clang-format on TS files.

This solves the problem of VSCode picking up various versions of
clang-format for formatting saves. I ran this on the repo and a few
files are currently out-of-style.

We can also add a precommit hook for this if we want as well:
https://www.npmjs.com/package/clang-format

* Fix block

Author: nkreeger

package.json

@@ -57,6 +57,7 @@
     "build:bazel": "bazel build //...",
     "build-npm": "./scripts/build-npm.sh",
     "build-test-snippets": "yarn tsc --project ./scripts/test_snippets/tsconfig.json",
+    "format-all": "clang-format -i -style=Google --glob=src/**/*.ts",
     "link-local": "yalc link",
     "publish-local": "rimraf dist/ && yarn build && rollup -c && yalc push",
     "lint": "tslint -p . -t verbose",

src/backends/cpu/backend_cpu.ts

@@ -79,8 +79,8 @@ export class MathBackendCPU implements KernelBackend {
   public blockSize = 48;
 
   private data: DataStorage<TensorData<DataType>>;
-  private fromPixels2DContext: CanvasRenderingContext2D
-      | OffscreenCanvasRenderingContext2D;
+  private fromPixels2DContext: CanvasRenderingContext2D|
+      OffscreenCanvasRenderingContext2D;
   private firstUse = true;
 
   constructor() {
@@ -134,12 +134,11 @@ export class MathBackendCPU implements KernelBackend {
 
     const isPixelData = (pixels as PixelData).data instanceof Uint8Array;
     const isImageData =
-        typeof(ImageData) !== 'undefined' && pixels instanceof ImageData;
-    const isVideo =
-        typeof(HTMLVideoElement) !== 'undefined'
-        && pixels instanceof HTMLVideoElement;
-    const isImage = typeof(HTMLImageElement) !== 'undefined'
-        && pixels instanceof HTMLImageElement;
+        typeof (ImageData) !== 'undefined' && pixels instanceof ImageData;
+    const isVideo = typeof (HTMLVideoElement) !== 'undefined' &&
+        pixels instanceof HTMLVideoElement;
+    const isImage = typeof (HTMLImageElement) !== 'undefined' &&
+        pixels instanceof HTMLImageElement;
 
     let vals: Uint8ClampedArray|Uint8Array;
     // tslint:disable-next-line:no-any

src/backends/webgl/addn_gpu.ts

@@ -29,15 +29,15 @@ export class AddNProgram implements GPGPUProgram {
     const snippets: string[] = [];
     // Get target elements from every input tensor.
     this.variableNames.forEach(variable => {
-      snippets.push(
-        `float v${variable} = get${variable}AtOutCoords();`
-      );
+      snippets.push(`float v${variable} = get${variable}AtOutCoords();`);
     });
 
     // Calculate the sum of all elements.
-    const operation = this.variableNames.map(variable => {
-      return `v${variable}`;
-    }).join(' + ');
+    const operation = this.variableNames
+                          .map(variable => {
+                            return `v${variable}`;
+                          })
+                          .join(' + ');
 
     this.userCode = `
       void main() {

src/backends/webgl/addn_packed_gpu.ts

@@ -30,15 +30,15 @@ export class AddNPackedProgram implements GPGPUProgram {
     const snippets: string[] = [];
     // Get target elements from every input tensor.
     this.variableNames.forEach(variable => {
-      snippets.push(
-        `vec4 v${variable} = get${variable}AtOutCoords();`
-      );
+      snippets.push(`vec4 v${variable} = get${variable}AtOutCoords();`);
     });
 
     // Calculate the sum of all elements.
-    const operation = this.variableNames.map(variable => {
-      return `v${variable}`;
-    }).join(' + ');
+    const operation = this.variableNames
+                          .map(variable => {
+                            return `v${variable}`;
+                          })
+                          .join(' + ');
 
     this.userCode = `
       void main() {

src/backends/webgl/crop_and_resize_gpu.ts

@@ -15,48 +15,48 @@
  * =============================================================================
  */
 
-import { GPGPUProgram } from './gpgpu_math';
+import {GPGPUProgram} from './gpgpu_math';
 
 export class CropAndResizeProgram implements GPGPUProgram {
   variableNames = ['Image', 'Boxes', 'BoxInd'];
   outputShape: number[] = [];
   userCode: string;
 
   constructor(
-    imageShape: [number, number, number, number], boxShape: [number, number],
-    cropSize: [number, number], method: 'bilinear' | 'nearest',
-    extrapolationValue: number) {
+      imageShape: [number, number, number, number], boxShape: [number, number],
+      cropSize: [number, number], method: 'bilinear'|'nearest',
+      extrapolationValue: number) {
     const [batch, imageHeight, imageWidth, depth] = imageShape;
-    const [numBoxes,] = boxShape;
+    const [numBoxes, ] = boxShape;
     const [cropHeight, cropWidth] = cropSize;
     this.outputShape = [numBoxes, cropHeight, cropWidth, depth];
     const methodId = method === 'bilinear' ? 1 : 0;
 
     const [inputHeightFloat, inputWidthFloat] =
-      [`${imageHeight - 1}.0`, `${imageWidth - 1}.0`];
+        [`${imageHeight - 1}.0`, `${imageWidth - 1}.0`];
 
     const [heightRatio, heightScale, inY] = cropHeight > 1 ?
-      [
-        `${(imageHeight-1)/(cropHeight-1)}`,
-        '(y2-y1) * height_ratio',
-        `y1*${inputHeightFloat} + float(y)*(height_scale)`,
-      ] :
-      [
-        '0.0',
-        '0.0',
-        `0.5 * (y1+y2) * ${inputHeightFloat}`,
-      ];
+        [
+          `${(imageHeight - 1) / (cropHeight - 1)}`,
+          '(y2-y1) * height_ratio',
+          `y1*${inputHeightFloat} + float(y)*(height_scale)`,
+        ] :
+        [
+          '0.0',
+          '0.0',
+          `0.5 * (y1+y2) * ${inputHeightFloat}`,
+        ];
     const [widthRatio, widthScale, inX] = cropWidth > 1 ?
-      [
-        `${(imageWidth-1)/(cropWidth-1)}`,
-        '(x2-x1) * width_ratio',
-        `x1*${inputWidthFloat} + float(x)*(width_scale)`,
-      ] :
-      [
-        '0.0',
-        '0.0',
-        `0.5 * (x1+x2) * ${inputWidthFloat}`,
-      ];
+        [
+          `${(imageWidth - 1) / (cropWidth - 1)}`,
+          '(x2-x1) * width_ratio',
+          `x1*${inputWidthFloat} + float(x)*(width_scale)`,
+        ] :
+        [
+          '0.0',
+          '0.0',
+          `0.5 * (x1+x2) * ${inputWidthFloat}`,
+        ];
 
     // Reference implementation
     // tslint:disable-next-line:max-line-length

src/backends/webgl/fill_gpu.ts

@@ -15,8 +15,8 @@
  * =============================================================================
  */
 
-import {GPGPUProgram} from './gpgpu_math';
 import {GPGPUContext} from './gpgpu_context';
+import {GPGPUProgram} from './gpgpu_math';
 
 export class FillProgram implements GPGPUProgram {
   variableNames: string[];

src/backends/webgl/pad_packed_gpu.ts

@@ -15,9 +15,10 @@
  * =============================================================================
  */
 
+import {getChannels} from '../packing_util';
+
 import {GPGPUProgram} from './gpgpu_math';
 import {getCoordsDataType} from './shader_compiler';
-import {getChannels} from '../packing_util';
 
 export class PadPackedProgram implements GPGPUProgram {
   variableNames = ['x'];
@@ -42,20 +43,17 @@ export class PadPackedProgram implements GPGPUProgram {
         rank === 1 ? 'source' : `vec2(${source.slice(-2).join()})`;
 
     const componentSetup = [
-      `${dtype} rc = outputLoc;`,
-      `${coords[rank - 1]} += 1;
+      `${dtype} rc = outputLoc;`, `${coords[rank - 1]} += 1;
        if(${cLimit}) {
       `,
-      rank === 1 ? '' : 
-      `}
+      rank === 1 ? '' : `}
        rc = outputLoc;
        ${coords[rank - 2]} += 1;
        if(${coords[rank - 2]} < ${this.outputShape[rank - 2]}) {`,
-      rank === 1 ? '' :
-      `  ${coords[rank - 1]} += 1;
+      rank === 1 ? '' : `  ${coords[rank - 1]} += 1;
          if(${cLimit}) {`
     ];
-    
+
     const paddingArea = rank === 1 ?
         'rc < start || rc >= end' :
         'any(lessThan(rc, start)) || any(greaterThanEqual(rc, end))';

src/backends/webgl/slice_packed_gpu.ts

@@ -15,10 +15,11 @@
  * =============================================================================
  */
 
+import {getChannels} from '../packing_util';
+
 import {GPGPUContext} from './gpgpu_context';
 import {GPGPUProgram} from './gpgpu_math';
 import {getCoordsDataType} from './shader_compiler';
-import {getChannels} from '../packing_util';
 
 export class SlicePackedProgram implements GPGPUProgram {
   variableNames = ['source'];
@@ -40,7 +41,7 @@ export class SlicePackedProgram implements GPGPUProgram {
 
     const innerDims =
         this.rank === 1 ? 'sourceLoc' : `vec2(${sourceLoc.slice(-2).join()})`;
-    const getChannel = 
+    const getChannel =
         `getChannel(getSource(${sourceLoc.join()}), ${innerDims})`;
     const upperRow = `
       result.x = ${getChannel};

src/backends/webgl/transpose_packed_gpu.ts

@@ -15,9 +15,10 @@
  * =============================================================================
  */
 
+import {getVecChannels} from '../packing_util';
+
 import {GPGPUProgram} from './gpgpu_math';
 import {getCoordsDataType} from './shader_compiler';
-import { getVecChannels } from '../packing_util';
 
 export class TransposePackedProgram implements GPGPUProgram {
   variableNames = ['A'];

src/io/browser_files.ts

@@ -63,8 +63,9 @@ export class BrowserDownloads implements IOHandler {
   }
 
   async save(modelArtifacts: ModelArtifacts): Promise<SaveResult> {
-    if (typeof(document) === 'undefined') {
-      throw new Error('Browser downloads are not supported in ' +
+    if (typeof (document) === 'undefined') {
+      throw new Error(
+          'Browser downloads are not supported in ' +
           'this environment since `document` is not present');
     }
     const weightsURL = window.URL.createObjectURL(new Blob(