Allow PercyAgent to be exported onto the window as PercyAgent

package.json

@@ -90,7 +90,7 @@
   "repository": "percy/percy-agent",
   "scripts": {
     "build": "npm run clean && rm -rf dist && tsc && npm run build-client",
-    "build-client": "mkdir -p dist/public && browserify src/percy-agent-client/*.ts -p [ tsify --noImplicitAny ] --standalone Percy > dist/public/percy-agent.js",
+    "build-client": "mkdir -p dist/public && browserify src/percy-agent-client/index.ts -p [ tsify --noImplicitAny ] --standalone PercyAgent > dist/public/percy-agent.js",
     "build-client-test": "npm run build-client && browserify test/percy-agent-client/*.ts -p [ tsify --noImplicitAny ] > dist-test/browserified-tests.js",
     "clean": "rm -f .oclif.manifest.json",
     "lint": "tsc -p test --noEmit && tslint -p test -t stylish --fix",

src/percy-agent-client/index.ts

@@ -0,0 +1 @@
+module.exports = require('./percy-agent').default

src/percy-agent-client/percy-agent-service.ts

@@ -0,0 +1,13 @@
+export class PercyAgentService {
+  xhr: XMLHttpRequest
+
+  constructor(xhr?: any) {
+    this.xhr = new xhr() || new XMLHttpRequest()
+  }
+
+  post(url: string, data: any) {
+    this.xhr.open('post', url, false) // synchronous request
+    this.xhr.setRequestHeader('Content-Type', 'application/json')
+    this.xhr.send(JSON.stringify(data))
+  }
+}

src/percy-agent-client/percy-agent-client.ts → src/percy-agent-client/percy-agent.ts

@@ -1,25 +1,7 @@
-class PercyAgent {
-  xhr: XMLHttpRequest
+import {PercyAgentService} from './percy-agent-service'
+import {SnapshotOptions} from './snapshot-options'
 
-  constructor(xhr?: any) {
-    this.xhr = new xhr() || new XMLHttpRequest()
-  }
-
-  post(url: string, data: any) {
-    this.xhr.open('post', url, false) // synchronous request
-    this.xhr.setRequestHeader('Content-Type', 'application/json')
-    this.xhr.send(JSON.stringify(data))
-  }
-}
-
-export interface SnapshotOptions {
-  enableJavascript?: boolean,
-  widths?: number[],
-  minimumHeight?: number,
-  document?: Document,
-}
-
-export class PercyAgentClient {
+export default class PercyAgent {
   userAgent: string | null
   xhr: any
   port: number
@@ -37,7 +19,7 @@ export class PercyAgentClient {
   snapshot(name: string, options: SnapshotOptions = {}) {
     let documentObject = options.document || document
     let domSnapshot = this.domSnapshot(documentObject)
-    let percyAgent = new PercyAgent(this.xhr)
+    let percyAgent = new PercyAgentService(this.xhr)
 
     percyAgent.post(`http://localhost:${this.port}/percy/snapshot`, {
       name,

src/percy-agent-client/snapshot-options.ts

@@ -0,0 +1,6 @@
+export interface SnapshotOptions {
+  enableJavascript?: boolean,
+  widths?: number[],
+  minimumHeight?: number,
+  document?: Document,
+}

test/percy-agent-client/percy-agent-client.test.ts → test/percy-agent-client/percy-agent.test.ts

@@ -1,11 +1,11 @@
 import {expect} from 'chai'
-import {PercyAgentClient} from '../../src/percy-agent-client/percy-agent-client'
-require('../../src/percy-agent-client/percy-agent-client')
+import PercyAgent from '../../src/percy-agent-client/percy-agent'
+require('../../src/percy-agent-client/percy-agent')
 import * as sinon from 'sinon'
 
-describe('PercyAgentClient', () => {
+describe('PercyAgent', () => {
   let xhr = sinon.useFakeXMLHttpRequest()
-  const subject = new PercyAgentClient('Test Client', xhr)
+  const subject = new PercyAgent('Test Client', xhr)
   let requests: sinon.SinonFakeXMLHttpRequest[] = []
 
   beforeEach(() => {