Introduce the skeleton compare view

Adds the tsx file and updates the webpack config so that this new tsx
file is properly compiled.

extensions/ql-vscode/gulpfile.js/webpack.config.ts

@@ -4,7 +4,8 @@ import * as webpack from 'webpack';
 export const config: webpack.Configuration = {
   mode: 'development',
   entry: {
-    resultsView: './src/view/results.tsx'
+    resultsView: './src/view/results.tsx',
+    compareView: './src/compare/view/compare.tsx',
   },
   output: {
     path: path.resolve(__dirname, '..', 'out'),

extensions/ql-vscode/src/compare/view/.eslintrc.js

@@ -0,0 +1,13 @@
+module.exports = {
+  env: {
+    browser: true
+  },
+  extends: [
+    "plugin:react/recommended"
+  ],
+  settings: {
+    react: {
+      version: 'detect'
+    }
+  }
+}

extensions/ql-vscode/src/compare/view/compare.tsx

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import * as Rdom from 'react-dom';
+
+interface Props {
+  /**/
+}
+
+export function App(props: Props): JSX.Element {
+  return (
+    <div>Compare View!</div>
+  );
+}
+
+Rdom.render(
+  <App />,
+  document.getElementById('root')
+);

extensions/ql-vscode/src/compare/view/compareView.css

@@ -0,0 +1,8 @@
+.octicon {
+  fill: var(--vscode-editor-foreground);
+  margin-top: .25em;
+}
+
+.octicon-light {
+  opacity: 0.6;
+}

extensions/ql-vscode/src/compare/view/tsconfig.json

@@ -0,0 +1,23 @@
+{
+  "compilerOptions": {
+    "module": "esnext",
+    "moduleResolution": "node",
+    "target": "es6",
+    "outDir": "out",
+    "lib": [
+      "es6",
+      "dom"
+    ],
+    "jsx": "react",
+    "sourceMap": true,
+    "rootDir": "..",
+    "strict": true,
+    "noUnusedLocals": true,
+    "noImplicitReturns": true,
+    "noFallthroughCasesInSwitch": true,
+    "experimentalDecorators": true
+  },
+  "exclude": [
+    "node_modules"
+  ]
+}