renaming backend, cellxgene to server, client respectively

client/configuration/babel/babel.dev.js

@@ -0,0 +1,9 @@
+module.exports = {
+  babelrc: false,
+  cacheDirectory: true,
+  presets: [["env", { loose: true, modules: false }], "stage-0", "react"],
+  plugins: [
+    "react-hot-loader/babel",
+    "babel-plugin-transform-decorators-legacy"
+  ]
+};

client/configuration/babel/babel.prod.js

@@ -0,0 +1,10 @@
+module.exports = {
+  babelrc: false,
+  presets: [["env", { loose: true, modules: false }], "stage-0", "react"],
+  plugins: [
+    "babel-plugin-transform-react-constant-elements",
+    "babel-plugin-transform-decorators-legacy"
+  ]
+    .map(require.resolve)
+    .concat([[require.resolve("babel-plugin-transform-runtime")]])
+};

client/configuration/babel/babel.test.js

@@ -0,0 +1,9 @@
+module.exports = {
+  babelrc: false,
+  presets: [
+    "babel-preset-es2015",
+    "babel-preset-stage-0",
+    "babel-preset-react"
+  ],
+  plugins: ["istanbul"]
+};

client/configuration/eslint/eslint.js

@@ -0,0 +1,22 @@
+module.exports = {
+  root: true,
+  parser: "babel-eslint",
+  extends: "airbnb",
+  env: { browser: true, commonjs: true, es6: true },
+  globals: { expect: true },
+  parserOptions: {
+    ecmaVersion: 6,
+    sourceType: "module",
+    ecmaFeatures: {
+      jsx: true,
+      generators: true
+    }
+  },
+  rules: {
+    "no-magic-numbers": "off",
+    "func-style": "off",
+    "arrow-parens": "off",
+    "no-use-before-define": "off",
+    "react/jsx-filename-extension": "off"
+  }
+};

client/configuration/polyfills/polyfills.js

@@ -0,0 +1,6 @@
+if (typeof Promise === "undefined") {
+  require("promise/lib/rejection-tracking").enable();
+  window.Promise = require("promise/lib/es6-extensions.js");
+}
+
+require("whatwg-fetch");

client/configuration/webpack/webpack.config.dev.js

@@ -0,0 +1,76 @@
+// jshint esversion: 6
+const path = require("path");
+const autoprefixer = require("autoprefixer");
+const webpack = require("webpack");
+const HtmlWebpackPlugin = require("html-webpack-plugin");
+
+const src = path.resolve("src");
+const nodeModules = path.resolve("node_modules");
+
+module.exports = {
+  devtool: "eval",
+  entry: [
+    "webpack-hot-middleware/client?quiet=true&noInfo=true",
+    require.resolve("react-hot-loader/patch"),
+    require.resolve("../polyfills/polyfills"),
+    path.join(src, "index")
+  ],
+  output: {
+    path: path.resolve("build"),
+    pathinfo: true,
+    filename: "static/js/bundle.js",
+    publicPath: "/"
+  },
+  resolve: { extensions: [".js", ".json"] },
+  module: {
+    loaders: [
+      {
+        test: /\.js$/,
+        include: src,
+        loader: "babel-loader",
+        query: require("../babel/babel.dev")
+      },
+      {
+        test: /\.css$/,
+        include: [src, nodeModules],
+        loader:
+          "style-loader!css-loader?modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]!postcss-loader"
+      },
+      { test: /\.json$/, include: [src, nodeModules], loader: "json-loader" },
+      {
+        test: /\.(jpg|png|gif|eot|svg|ttf|woff|woff2)(\?.*)?$/,
+        include: [src, nodeModules],
+        loader: "file-loader",
+        query: { name: "static/media/[name].[ext]" }
+      },
+      {
+        test: /\.(mp4|webm)(\?.*)?$/,
+        include: [src, nodeModules],
+        loader: "url-loader",
+        query: { limit: 10000, name: "static/media/[name].[ext]" }
+      }
+    ]
+  },
+  plugins: [
+    new HtmlWebpackPlugin({
+      inject: true,
+      template: path.resolve("index.html"),
+      favicon: path.resolve("favicon.png")
+    }),
+    new webpack.LoaderOptionsPlugin({
+      options: {
+        eslint: {
+          configFile: path.resolve("./configuration/eslint/eslint.js"),
+          useEslintrc: false
+        },
+        postcss() {
+          return [autoprefixer];
+        }
+      }
+    }),
+    new webpack.DefinePlugin({ "process.env.NODE_ENV": '"development"' }),
+    // Note: only CSS is currently hot reloaded
+    new webpack.HotModuleReplacementPlugin(),
+    new webpack.NoEmitOnErrorsPlugin()
+  ]
+};

client/configuration/webpack/webpack.config.prod.js

@@ -0,0 +1,106 @@
+// jshint esversion: 6
+const path = require("path");
+const autoprefixer = require("autoprefixer");
+const webpack = require("webpack");
+const HtmlWebpackPlugin = require("html-webpack-plugin");
+const ExtractTextPlugin = require("extract-text-webpack-plugin");
+const SWPrecacheWebpackPlugin = require("sw-precache-webpack-plugin");
+const CopyWebpackPlugin = require("copy-webpack-plugin");
+const HtmlWebpackInlineSourcePlugin = require("html-webpack-inline-source-plugin");
+const MinifyPlugin = require("babel-minify-webpack-plugin");
+
+const src = path.resolve("src");
+const nodeModules = path.resolve("node_modules");
+
+const publicPath = "/";
+
+module.exports = {
+  bail: true,
+  devtool: "cheap-source-map",
+  entry: [require.resolve("../polyfills/polyfills"), path.join(src, "index")],
+  output: {
+    path: path.resolve("build"),
+    filename: "static/js/[name].[chunkhash:8].js",
+    chunkFilename: "static/js/[name].[chunkhash:8].chunk.js",
+    publicPath
+  },
+  resolve: { extensions: [".js", ".json"] },
+  module: {
+    loaders: [
+      {
+        test: /\.js$/,
+        include: src,
+        loader: "babel-loader",
+        query: require("../babel/babel.prod")
+      },
+      {
+        test: /\.css$/,
+        include: [src, nodeModules],
+        loader: ExtractTextPlugin.extract({
+          fallbackLoader: "style-loader",
+          loader:
+            "css-loader?modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]-autoprefixer!postcss-loader"
+        })
+      },
+      {
+        test: /\.json$/,
+        include: [src, nodeModules],
+        loader: "json-loader",
+        exclude: /manifest.json$/
+      },
+      {
+        test: /\.(jpg|png|gif|eot|svg|ttf|woff|woff2)(\?.*)?$/,
+        include: [src, nodeModules],
+        loader: "file-loader",
+        query: { name: "static/media/[name].[hash:8].[ext]" }
+      },
+      {
+        test: /\.(mp4|webm)(\?.*)?$/,
+        include: [src, nodeModules],
+        loader: "url-loader",
+        query: { limit: 10000, name: "static/media/[name].[hash:8].[ext]" }
+      }
+    ]
+  },
+  plugins: [
+    new HtmlWebpackPlugin({
+      inject: "body",
+      filename: "index.html",
+      template: path.resolve("index_template.html"),
+      favicon: path.resolve("favicon.png"),
+      inlineSource: ".(js|css)$",
+      minify: {
+        removeComments: true,
+        collapseWhitespace: true,
+        removeRedundantAttributes: true,
+        useShortDoctype: true,
+        removeEmptyAttributes: true,
+        removeStyleLinkTypeAttributes: true,
+        keepClosingSlash: true,
+        minifyJS: true,
+        minifyCSS: true,
+        minifyURLs: true
+      }
+    }),
+    new HtmlWebpackInlineSourcePlugin(),
+    new webpack.LoaderOptionsPlugin({
+      options: {
+        eslint: {
+          configFile: path.resolve("./configuration/eslint/eslint.js"),
+          useEslintrc: false
+        },
+        postcss() {
+          return [autoprefixer];
+        }
+      }
+    }),
+    new webpack.DefinePlugin({ "process.env.NODE_ENV": '"production"' }),
+    new webpack.optimize.OccurrenceOrderPlugin(),
+    new MinifyPlugin(),
+    new ExtractTextPlugin("static/css/[name].[contenthash:8].css"),
+    new SWPrecacheWebpackPlugin({
+      cacheId: "cellxgene",
+      filename: "service-worker.js"
+    })
+  ]
+};