feat: add basic infrastructure to organize, format, and test the code.

chore: format the source files.
config: update the webpack configuration to build the binary
artifact: update the build artifact
test: add some basic example tests as a demo

.editorconfig

@@ -0,0 +1,9 @@
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+insert_final_newline = true
+trim_trailing_whitespace = true

.gitignore

@@ -1 +1,2 @@
+bargauge.js
 node_modules

.pre-commit-config.yaml

@@ -0,0 +1,15 @@
+repos:
+  - repo: https://github.com/pre-commit/pre-commit-hooks
+    rev: v4.4.0
+    hooks:
+      - id: trailing-whitespace
+      - id: check-merge-conflict
+      - id: end-of-file-fixer
+      - id: check-shebang-scripts-are-executable
+      - id: check-case-conflict
+      - id: mixed-line-ending
+        args: [--fix, lf]
+  - repo: https://github.com/pre-commit/mirrors-prettier
+    rev: 'v3.0.0-alpha.9-for-vscode'
+    hooks:
+      - id: prettier

.prettierignore

@@ -0,0 +1,2 @@
+/bargauge.js
+node_modules/

.prettierrc.json

@@ -0,0 +1,6 @@
+{
+  "bracketSpacing": false,
+  "singleQuote": true,
+  "trailingComma": "es5",
+  "arrowParens": "avoid"
+}

README.md

@@ -1,32 +1,44 @@
 # Bar Gauge Visualization
 
 ### What if I find an error? Suggestions for improvements?
-Great! Marketplace content -- including visualizations -- were designed for continuous improvement through the help of the entire Looker community and we'd love your input. To report an error or improvement recommendation, please get in touch at help.looker.com to submit a request. Please be as detailed as possible in your explanation and we'll address it as quick as we can.
 
+Great! Marketplace content -- including visualizations -- were designed for continuous improvement through the help of the entire Looker community and we'd love your input. To report an error or improvement recommendation, please get in touch at help.looker.com to submit a request. Please be as detailed as possible in your explanation and we'll address it as quick as we can.
 
 ### Interested in extending the visualization for your own use case?
+
 #### Quickstart Dev Instructions
-1.  **Install Dependecies.**
 
-    Using yarn, install all dependencies
-    ```
-    yarn
-    ```
+1. **Install Dependecies.**
+
+   Using yarn, install all dependencies
+
+   ```
+   yarn
+   ```
+
 2. **Make changes to the source code**
 
-3.  **Compile your code**
+3. **Compile your code**
+
+   You need to compile your react code, let's run:
+
+   ```
+   yarn build
+   ```
+
+   Recommended: Webpack can detect changes and build automatically
+
+   ```
+   yarn watch
+   ```
+
+   Your compiled code can be found in this repo.
+
+4. **Running unit tests**
 
-    You need to compile your react code, let's run:
-    ```
-    yarn build
-    ```
-    Recommended: Webpack can detect changes and build automatically
-     ```
-    yarn watch
-    ```
-    Your compiled code can be found in this repo.
+   Run them using either `yarn test` or `bin/test`.
 
-**`bargauge.js`**: This visualization's minified distribution file. 
+**`bargauge.js`**: This visualization's minified distribution file.
 
 **`LICENSE`**: Looker's Marketplace content License file.