initial import

niilo · niilo · commit ce346196fea4 · 2017-05-05T00:01:54.000+03:00
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,2 @@
+node_modules
+dist
diff --git a/package.json b/package.json
@@ -0,0 +1,77 @@
+{
+  "name": "inkblot-comments",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "keywords": [
+    "inkblot",
+    "firebase",
+    "react",
+    "comments"
+  ],
+  "scripts": {
+    "precommit": "lint-staged",
+    "test": "jest",
+    "start": "webpack-dev-server --open",
+    "build": "NODE_ENV='production' webpack -p",
+    "format": "prettier-standard 'src/**/*.js'",
+    "styleguide": "styleguidist server",
+    "styleguide:build": "styleguidist build"
+  },
+  "lint-staged": {
+    "linters": {
+      "src/**/*.js": [
+        "prettier-standard",
+        "git add",
+        "jest --bail --findRelatedTests"
+      ]
+    }
+  },
+  "babel": {
+    "presets": [
+      [
+        "env",
+        {
+          "targets": {
+            "browsers": [
+              "last 2 versions",
+              "safari >= 10",
+              "ie >= 11"
+            ],
+            "modules": false,
+            "loose": false
+          }
+        }
+      ],
+      "react"
+    ]
+  },
+  "author": "Niilo Ursin, @niiloursin",
+  "license": "MIT",
+  "dependencies": {
+    "preact": "^8.1.0",
+    "preact-compat": "^3.16.0",
+    "query-string": "^4.3.4",
+    "react": "^15.5.4",
+    "react-dom": "^15.5.4",
+    "react-router-dom": "^4.1.1",
+    "unfetch": "^2.1.2"
+  },
+  "devDependencies": {
+    "babel-core": "^6.24.1",
+    "babel-loader": "^7.0.0",
+    "babel-preset-env": "^1.4.0",
+    "babel-preset-react": "^6.24.1",
+    "css-loader": "^0.28.1",
+    "enzyme": "^2.8.2",
+    "html-webpack-plugin": "^2.28.0",
+    "husky": "^0.13.3",
+    "jest": "^19.0.2",
+    "lint-staged": "^3.4.1",
+    "prettier-standard": "^5.0.0",
+    "react-styleguidist": "^5.1.9",
+    "style-loader": "^0.17.0",
+    "webpack": "^2.5.0",
+    "webpack-dev-server": "^2.4.5"
+  }
+}
diff --git a/public/index.html b/public/index.html
@@ -0,0 +1,14 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>React App</title>
+</head>
+
+<body>
+  <div id="app"></div>
+</body>
+
+</html>
diff --git a/src/components/App.js b/src/components/App.js
@@ -0,0 +1,3 @@
+import React from 'react'
+
+export default () => <div>Hello from react</div>
diff --git a/src/index.js b/src/index.js
@@ -0,0 +1,5 @@
+import React from 'react'
+import ReactDOM from 'react-dom'
+import App from './components/App'
+
+ReactDOM.render(<App />, document.getElementById('app'))
diff --git a/webpack.config.js b/webpack.config.js
@@ -0,0 +1,63 @@
+var path = require('path')
+var HtmlWebPackPlugin = require('html-webpack-plugin')
+var webpack = require('webpack')
+
+var config = {
+  entry: './src/index.js',
+  output: {
+    path: path.resolve(__dirname, 'dist'),
+    filename: 'index_bundle.js',
+    publicPath: '/'
+  },
+  resolve: {
+    alias: {
+      react: 'preact-compat',
+      'react-dom': 'preact-compat'
+    }
+  },
+  module: {
+    rules: [
+      {
+        test: /\.(js)$/,
+        use: 'babel-loader',
+        include: [
+          path.resolve('src'),
+          path.resolve('node_modules/preact-compat/src')
+        ]
+      },
+      {
+        test: /\.(css)$/,
+        use: [
+          'style-loader',
+          {
+            loader: 'css-loader',
+            options: {
+              url: false
+            }
+          }
+        ]
+      }
+    ]
+  },
+  devServer: {
+    historyApiFallback: true
+  },
+  plugins: [
+    new HtmlWebPackPlugin({
+      template: 'public/index.html'
+    })
+  ]
+}
+
+if (process.env.NODE_ENV === 'production') {
+  config.plugins.push(
+    new webpack.DefinePlugin({
+      'process.env': {
+        NODE_ENV: JSON.stringify(process.env.NODE_ENV)
+      }
+    }),
+    new webpack.optimize.UglifyJsPlugin()
+  )
+}
+
+module.exports = config
diff --git a/yarn.lock b/yarn.lock

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+import React from 'react'`
	`2`	`+`
	`3`	`+export default () => <div>Hello from react</div>`