Initial commit

Alexander Matyushentsev · Alexander Matyushentsev · commit f500883a36db · 2018-01-23T13:19:50.000-08:00
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,2 @@
+node_modules
+dist
diff --git a/.jshintrc b/.jshintrc
@@ -0,0 +1,3 @@
+{
+    "esversion": 6
+}
diff --git a/package.json b/package.json
@@ -0,0 +1,27 @@
+{
+  "name": "argo-ui",
+  "version": "1.0.0",
+  "main": "index.js",
+  "author": "Alexander Matyushentsev <Alexander_Matyushentsev@intuit.com>",
+  "license": "MIT",
+  "scripts": {
+    "build": "webpack --config ./src/app/webpack.config.js",
+    "start": "webpack-dev-server --config ./src/app/webpack.config.js"
+  },
+  "dependencies": {
+    "@types/react": "^16.0.34",
+    "@types/react-dom": "^16.0.3",
+    "react": "^16.2.0",
+    "react-dom": "^16.2.0"
+  },
+  "devDependencies": {
+    "awesome-typescript-loader": "^3.4.1",
+    "html-webpack-plugin": "^2.30.1",
+    "source-map-loader": "^0.2.3",
+    "tslint": "^5.9.1",
+    "tslint-react": "^3.4.0",
+    "typescript": "^2.6.2",
+    "webpack": "^3.10.0",
+    "webpack-dev-server": "^2.11.1"
+  }
+}
diff --git a/src/app/components/app.tsx b/src/app/components/app.tsx
@@ -0,0 +1,3 @@
+import * as React from 'react';
+
+export const App = () => <h1>Hello world! </h1>;
diff --git a/src/app/index.html b/src/app/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <title>Argo UI</title>
+</head>
+
+<body>
+    <div id="app"></div>
+</body>
+
+</html>
diff --git a/src/app/index.tsx b/src/app/index.tsx
@@ -0,0 +1,9 @@
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
+
+import { App } from './components/app';
+
+ReactDOM.render(
+    <App />,
+    document.getElementById('app'),
+);
diff --git a/src/app/tsconfig.json b/src/app/tsconfig.json
@@ -0,0 +1,13 @@
+{
+    "compilerOptions": {
+        "outDir": "./dist/",
+        "sourceMap": true,
+        "noImplicitAny": true,
+        "module": "commonjs",
+        "target": "es5",
+        "jsx": "react"
+    },
+    "include": [
+        "src/**/*"
+    ]
+}
diff --git a/src/app/webpack.config.js b/src/app/webpack.config.js
@@ -0,0 +1,38 @@
+'use strict;';
+
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+const webpack = require('webpack');
+
+const config = {
+    entry: './src/app/index.tsx',
+    output: {
+        filename: 'bundle.js',
+        path: __dirname + '/../../dist/app'
+    },
+
+    devtool: 'source-map',
+
+    resolve: {
+        extensions: ['.ts', '.tsx', '.js', '.json']
+    },
+
+    module: {
+        rules: [
+            { test: /\.tsx?$/, loader: 'awesome-typescript-loader?configFileName=./src/app/tsconfig.json' },
+            { enforce: 'pre', test: /\.js$/, loader: 'source-map-loader' }
+        ]
+    },
+    plugins: [
+        new HtmlWebpackPlugin({
+            template: 'src/app/index.html'
+        })
+    ]
+};
+
+if (process.env.NODE_ENV === 'production') {
+    config.plugins.push(
+        new webpack.optimize.UglifyJsPlugin()
+    );
+}
+
+module.exports = config;
diff --git a/tslint.json b/tslint.json
@@ -0,0 +1,11 @@
+{
+    "extends": [
+        "tslint:recommended", "tslint-react"
+    ],
+    "jsRules": {},
+    "rules": {
+        "quotemark": [true, "single"],
+        "no-var-requires": false
+    },
+    "rulesDirectory": []
+}
diff --git a/yarn.lock b/yarn.lock

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+import * as React from 'react';`
	`2`	`+`
	`3`	`+export const App = () => <h1>Hello world! </h1>;`