Init Lot2

Author: CfrancCyrille

conf/env.js

@@ -0,0 +1,22 @@
+/*
+ * Copyright (C) 2017-2017 SonarSource SA
+ * All rights reserved
+ * mailto:info AT sonarsource DOT com
+ */
+// Grab NODE_ENV and REACT_APP_* environment variables and prepare them to be
+// injected into the application via DefinePlugin in Webpack configuration.
+
+const REACT_APP = /^REACT_APP_/i;
+
+function getClientEnvironment() {
+  return Object.keys(process.env).filter(key => REACT_APP.test(key)).reduce((env, key) => {
+    env['process.env.' + key] = JSON.stringify(process.env[key]);
+    return env;
+  }, {
+    // Useful for determining whether we’re running in production mode.
+    // Most importantly, it switches React into the correct mode.
+    'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV || 'development')
+  });
+}
+
+module.exports = getClientEnvironment;

conf/jest/CSSStub.js

@@ -0,0 +1,6 @@
+/*
+ * Copyright (C) 2017-2017 SonarSource SA
+ * All rights reserved
+ * mailto:info AT sonarsource DOT com
+ */
+module.exports = {};

conf/jest/FileStub.js

@@ -0,0 +1,6 @@
+/*
+ * Copyright (C) 2017-2017 SonarSource SA
+ * All rights reserved
+ * mailto:info AT sonarsource DOT com
+ */
+module.exports = 'test-file-stub';

conf/jest/SetupTestEnvironment.js

@@ -0,0 +1,11 @@
+/*
+ * Copyright (C) 2017-2017 SonarSource SA
+ * All rights reserved
+ * mailto:info AT sonarsource DOT com
+ */
+window.baseUrl = '';
+
+window.t = (window.tp = function() {
+  const args = Array.prototype.slice.call(arguments, 0);
+  return args.join('.');
+});

conf/webpack/webpack.config.dev.js

@@ -0,0 +1,21 @@
+/*
+ * Copyright (C) 2017-2017 SonarSource SA
+ * All rights reserved
+ * mailto:info AT sonarsource DOT com
+ */
+const webpack = require('webpack');
+const config = require('./webpack.config');
+
+config.devtool = 'eval';
+
+config.output.publicPath = '/static/icode/';
+
+config.output.pathinfo = true;
+
+Object.keys(config.entry).forEach(key => {
+  config.entry[key].unshift(require.resolve('react-dev-utils/webpackHotDevClient'));
+});
+
+config.plugins = [new webpack.HotModuleReplacementPlugin()];
+
+module.exports = config;

conf/webpack/webpack.config.js

@@ -0,0 +1,59 @@
+/*
+ * Copyright (C) 2017-2017 SonarSource SA
+ * All rights reserved
+ * mailto:info AT sonarsource DOT com
+ */
+const path = require('path');
+const autoprefixer = require('autoprefixer');
+
+const autoprefixerOptions = {
+  browsers: [
+    'last 3 Chrome versions',
+    'last 3 Firefox versions',
+    'Safari >= 8',
+    'Edge >= 12',
+    'IE 11'
+  ]
+};
+
+const output = path.join(__dirname, '../../target/classes/static');
+
+module.exports = {
+  entry: {
+    'icode_metrics_summary': ['./src/main/js/app-metrics_summary.js'],
+  },
+  output: {
+    path: output,
+    filename: '[name].js'
+  },
+  resolve: {
+    root: path.join(__dirname, 'src/main/js')
+  },
+  externals: {
+    lodash: '_',
+    react: 'React',
+    'react-dom': 'ReactDOM',
+    'react-redux': 'ReactRedux',
+    'react-router': 'ReactRouter',
+    'sonar-request': 'SonarRequest',
+    'sonar-measures': 'SonarMeasures',
+    'sonar-components': 'SonarComponents'
+  },
+  module: {
+    loaders: [
+      {
+        test: /\.js$/,
+        loader: 'babel',
+        exclude: /(node_modules)/
+      },    
+      {
+        test: /\.css/,
+        loader: 'style-loader!css-loader!postcss-loader'
+      },
+      { test: /\.json$/, loader: 'json' }
+    ]
+  },
+  postcss() {
+    return [autoprefixer(autoprefixerOptions)];
+  }
+};

conf/webpack/webpack.config.prod.js

@@ -0,0 +1,56 @@
+/*
+ * Copyright (C) 2017-2017 SonarSource SA
+ * All rights reserved
+ * mailto:info AT sonarsource DOT com
+ */
+const webpack = require('webpack');
+const config = require('./webpack.config');
+const getClientEnvironment = require('../env');
+
+// Get environment variables to inject into our app.
+const env = getClientEnvironment();
+
+// Assert this just to be safe.
+// Development builds of React are slow and not intended for production.
+if (env['process.env.NODE_ENV'] !== '"production"') {
+  throw new Error('Production builds must have NODE_ENV=production.');
+}
+
+const noUglify = process.argv.some(arg => arg.indexOf('--no-uglify') > -1);
+
+// Don't attempt to continue if there are any errors.
+config.bail = true;
+
+config.plugins = [
+  // Makes some environment variables available to the JS code, for example:
+  // if (process.env.NODE_ENV === 'production') { ... }. See `./env.js`.
+  // It is absolutely essential that NODE_ENV was set to production here.
+  // Otherwise React will be compiled in the very slow development mode.
+  new webpack.DefinePlugin(env),
+
+  // This helps ensure the builds are consistent if source hasn't changed:
+  new webpack.optimize.OccurrenceOrderPlugin(),
+
+  // Try to dedupe duplicated modules, if any:
+  new webpack.optimize.DedupePlugin()
+];
+
+if (!noUglify) {
+  config.plugins.push(
+    new webpack.optimize.UglifyJsPlugin({
+      compress: {
+        screw_ie8: true, // React doesn't support IE8
+        warnings: false
+      },
+      mangle: {
+        screw_ie8: true
+      },
+      output: {
+        comments: false,
+        screw_ie8: true
+      }
+    })
+  );
+}
+
+module.exports = config;

package.json

@@ -0,0 +1,82 @@
+{
+  "name": "icode",
+  "version": "0.0.1",
+  "devDependencies": {
+    "autoprefixer": "6.2.2",
+    "babel-core": "6.14.0",
+    "babel-jest": "18.0.0",
+    "babel-jest": "18.0.0",
+    "babel-loader": "6.2.5",
+    "babel-preset-react-app": "0.2.1",
+    "cross-env": "2.0.0",
+    "cross-spawn": "4.0.0",
+    "css-loader": "0.23.1",
+    "detect-port": "1.0.0",
+    "dotenv": "2.0.0",
+    "enzyme": "2.6.0",
+    "enzyme-to-json": "1.4.5",
+    "expose-loader": "0.7.1",
+    "express": "4.13.4",
+    "express-http-proxy": "0.6.0",
+    "filesize": "3.3.0",
+    "find-cache-dir": "0.1.1",
+    "gzip-size": "3.0.0",
+    "imports-loader": "0.6.5",
+    "jest": "18.0.0",
+    "json-loader": "0.5.4",
+    "path-exists": "2.1.0",
+    "postcss-loader": "0.8.0",
+    "prettier": "0.22.0",
+    "react": "15.6.2",
+    "react-addons-shallow-compare": "15.6.2",
+    "react-addons-test-utils": "15.6.2",
+    "react-dev-utils": "0.2.1",
+    "react-dom": "15.6.2",
+    "react-router": "3.0.2",
+    "react-transform-hmr": "1.0.4",
+    "recursive-readdir": "2.1.0",
+    "rimraf": "2.5.4",
+    "script-loader": "0.6.1",
+    "strip-ansi": "3.0.1",
+    "style-loader": "0.13.0",
+    "webpack": "1.13.2",
+    "webpack-dev-server": "1.16.1"
+  },
+  "scripts": {
+    "build": "node scripts/build.js",
+    "start": "node scripts/start.js",
+    "test": "node scripts/test.js"
+  },
+  "babel": {
+    "presets": [
+      "react-app"
+    ]
+  },
+  "jest": {
+    "coverageDirectory": "<rootDir>/target/coverage",
+    "coveragePathIgnorePatterns": [
+      "<rootDir>/node_modules",
+      "<rootDir>/tests"
+    ],
+    "moduleFileExtensions": [
+      "jsx",
+      "js",
+      "json"
+    ],
+    "moduleNameMapper": {
+      "^.+\\.(hbs|jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "<rootDir>/conf/jest/FileStub.js",
+      "^.+\\.css$": "<rootDir>/conf/jest/CSSStub.js"
+    },
+    "setupFiles": [
+      "<rootDir>/conf/jest/SetupTestEnvironment.js"
+    ],
+    "snapshotSerializers": [
+      "enzyme-to-json/serializer"
+    ],
+    "testPathIgnorePatterns": [
+      "<rootDir>/node_modules",
+      "<rootDir>/scripts",
+      "<rootDir>/conf"
+    ]
+  }
+}

scripts/build.js

@@ -0,0 +1,61 @@
+/*
+ * Copyright (C) 2017-2017 SonarSource SA
+ * All rights reserved
+ * mailto:info AT sonarsource DOT com
+ */
+/* eslint-disable no-console */
+process.env.NODE_ENV = 'production';
+
+const chalk = require('chalk');
+const webpack = require('webpack');
+const config = require('../conf/webpack/webpack.config.prod.js');
+
+function formatSize(bytes) {
+  if (bytes === 0) {
+    return '0';
+  }
+  const k = 1000; // or 1024 for binary
+  const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  return parseFloat((bytes / Math.pow(k, i)).toFixed(1)) + ' ' + sizes[i];
+}
+
+function build() {
+  console.log(chalk.cyan.bold('Creating optimized production build...'));
+  console.log();
+
+  webpack(config, (err, stats) => {
+    if (err) {
+      console.log(chalk.red.bold('Failed to create a production build!'));
+      console.log(chalk.red(err.message || err));
+      process.exit(1);
+    }
+
+    if (stats.compilation.errors && stats.compilation.errors.length) {
+      console.log(chalk.red.bold('Failed to create a production build!'));
+      stats.compilation.errors.forEach(err => console.log(chalk.red(err.message || err)));
+      process.exit(1);
+    }
+
+    const jsonStats = stats.toJson();
+
+    console.log('Assets:');
+    const assets = jsonStats.assets.slice();
+    assets.sort((a, b) => b.size - a.size);
+    assets.forEach(asset => {
+      let sizeLabel = formatSize(asset.size);
+      const leftPadding = ' '.repeat(Math.max(0, 8 - sizeLabel.length));
+      sizeLabel = leftPadding + sizeLabel;
+      console.log('', chalk.yellow(sizeLabel), asset.name);
+    });
+    console.log();
+
+    const seconds = jsonStats.time / 1000;
+    console.log('Duration: ' + seconds.toFixed(2) + 's');
+    console.log();
+
+    console.log(chalk.green.bold('Compiled successfully!'));
+  });
+}
+
+build();