Log if there are duplicate packages 👬

.gitignore

@@ -2,3 +2,5 @@ node_modules
 lib
 tmp
 npm-debug.log
+package-lock.json
+yarn.lock

.travis.yml

@@ -1,23 +1,52 @@
 language: node_js
-node_js:
-- 6.10.3
-- 8.0.0
-sudo: false
+
 before_install:
-- curl -o- -L https://yarnpkg.com/install.sh | bash # until yarn is
-- export PATH=$HOME/.yarn/bin:$PATH                 # pre-installed
+  - curl -o- -L https://yarnpkg.com/install.sh | bash # until yarn is
+  - export PATH=$HOME/.yarn/bin:$PATH                 # pre-installed
+
 script:
-- node bin/ci.js
-env:
-  matrix:
-  - TEST_TYPE=lint_and_test_unit
-  - TEST_TYPE=integration_test
-  - TEST_TYPE=test_create_project_npm
-  - TEST_TYPE=test_create_project_yarn
+  - node bin/ci.js
+
+matrix:
+  include:
+    - sudo: false
+      env: TEST_TYPE=lint_and_test_unit
+      node_js: 6.11.1
+
+    # test creating a new project with the LTS version
+    - sudo: false
+      env: TEST_TYPE=test_create_project_npm
+      node_js: 6.11.1
+
+    # test creating a new project with the latest version
+    - sudo: false
+      env: TEST_TYPE=test_create_project_npm
+      node_js: 8.4.0
+
+    - sudo: false
+      env: TEST_TYPE=test_create_project_yarn
+      node_js: 6.11.1
+
+    # Test with Chrome available
+    - dist: trusty
+      addons:
+        chrome: stable
+      sudo: false
+      env:
+        - TEST_TYPE=integration_test
+        - BROWSER=Chrome
+      node_js: 6.11.1
+
 cache:
   directories:
-  - node_modules
+    - node_modules
+
+before_deploy:
+  - npm prune
+  - npm run build
+
 deploy:
+  skip_cleanup: true
   provider: npm
   email: [email protected]
   api_key:

README.md

@@ -108,7 +108,12 @@ Sagui will automatically run every test file that follows this convention.
 
 Under the hood it uses [Karma test runner](http://karma-runner.github.io/) to allow running the tests in the most diverse browsers and even through [Selenium](http://docs.seleniumhq.org/) (not natively).
 
-By default Sagui uses [PhantomJS](http://phantomjs.org/) to run the tests headlessly. To **speed up installing the dependencies** (`npm install`) it is advisable to have PhantomJS [installed globally](https://github.com/Medium/phantomjs#using-phantomjs-from-disk) in the machine.
+To run the tests Sagui uses [Chrome Headless](https://chromium.googlesource.com/chromium/src/+/lkgr/headless/README.md), but it fallbacks to [PhantomJS](http://phantomjs.org/) if Chrome is not installed on the machine.
+
+Make sure either of these browsers is installed to be able to run the tests:
+
+- [Chrome](https://www.google.com/chrome/browser/desktop/index.html)
+- [PhantomJS](https://github.com/Medium/phantomjs#using-phantomjs-from-disk)
 
 To open the tests in a browser (or in multiple browsers!), simply follow the link Karma outputs when you start running the script `test:unit:watch`. Running them in a browser allows you to set breakpoints and debug your code properly. Note watch mode is necessary, else tests will stop running when finished.
 
@@ -167,6 +172,43 @@ The previous configuration will expect and build the files:
 - `src/index.html` => `dist/index.html`
 - `src/index.js` => `dist/index.js`
 
+#### Excluding a page from chunks
+
+If you want a page to be excluded from either the [vendor](#chunksvendor) or [common](#chunkscommon) chunk, then you can do so by providing an object with a `name` and `independent` flag (set to `true`) instead of just the name of the page.
+
+```js
+// sagui.config.js
+module.exports = {
+  pages: ['index', 'about', { name: 'demo', independent: true }]
+}
+```
+
+### `chunks.vendor`
+
+If you want all your external dependencies (`node_modules`) in your [pages](#pages) to be bundled together in a "vendor" chunk, then set this flag to `true`. By default it is set to `false`.
+
+```js
+// sagui.config.js
+module.exports = {
+  chunks: {
+    vendor: true
+  }
+}
+```
+
+### `chunks.common`
+
+If you do not want all the common dependencies of your [pages](#pages) to be bundled together in a "common" chunk, then set this flag to `false`. By default it is set to `true`.
+
+```js
+// sagui.config.js
+module.exports = {
+  chunks: {
+    common: false
+  }
+}
+```
+
 ### `libraries`
 
 Create **reusable libraries** that can be shared across applications. Sagui will take care of the build process so that external libraries are not bundled and that you have a CommonJS module as the output.
@@ -409,6 +451,19 @@ For more information about configuring Karma, check the [Karma documentation](ht
 
 ## Gotchas
 
+### `Invalid Host header` - Accessing dev server from outside `localhost`
+
+By default, Webpack disables access to the development server for hosts other than `localhost`, which means the development server will not be accessible from outside. If you want to give external access to the development server, you can set the `develop.disableHostCheck` to `true`:
+
+```js
+// sagui.config.js
+module.exports = {
+  develop: {
+    disableHostCheck: true
+  }
+}
+```
+
 ### React Router
 
 For [`react-router`](https://github.com/ReactTraining/react-router) to work on the development server, an absolute static path for the output has to be configured on Webpack. You can do that by adding this configuration to `sagui.config.js`:

appveyor.yml

@@ -3,15 +3,15 @@ version: "{build}"
 
 environment:
   matrix:
-    - nodejs_version: "8.0.0"
+    - nodejs_version: "8.1.4"
       platform: x64
       TEST_TYPE: lint_and_test_unit
 
-    - nodejs_version: "8.0.0"
+    - nodejs_version: "8.1.4"
       platform: x64
       TEST_TYPE: integration_test
 
-    - nodejs_version: "8.0.0"
+    - nodejs_version: "8.1.4"
       platform: x64
       TEST_TYPE: test_create_project_npm
 

bin/ci.js

@@ -28,7 +28,7 @@ if (process.env.TEST_TYPE === 'integration_test') {
 if (process.env.TEST_TYPE === 'test_create_project_npm') {
   // # builds Sagui before installing
   exec('npm run build', saguiPath)
-  exec('npm pack')
+  exec('npm pack --ignore-scripts')
 
   var npmProjectPath = createTempFolder()
 
@@ -47,7 +47,7 @@ if (process.env.TEST_TYPE === 'test_create_project_npm') {
 if (process.env.TEST_TYPE === 'test_create_project_yarn') {
   // # builds Sagui before installing
   exec('npm run build', saguiPath)
-  exec('npm pack')
+  exec('npm pack --ignore-scripts')
 
   var yarnProjectPath = createTempFolder()
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "sagui",
-  "version": "10.0.2",
+  "version": "11.5.0",
   "description": "Front-end tooling in a single dependency",
   "preferGlobal": false,
   "bin": {
@@ -24,7 +24,6 @@
     "test:integration:watch": "npm run test:integration -- --watch",
     "test:unit": "mocha --timeout 0 --compilers js:babel-register --recursive --reporter spec ./src",
     "test:unit:watch": "npm run test:unit -- --watch --watch-extensions json",
-    "prepublish": "not-in-install && npm prune && npm test && npm run build || in-install",
     "postinstall": "node ./bin/sagui.js update"
   },
   "standard": {
@@ -53,76 +52,83 @@
   "devDependencies": {
     "babel-cli": "^6.24.0",
     "babel-register": "^6.24.0",
-    "chai": "^3.5.0",
-    "in-publish": "^2.0.0",
-    "jsdom": "^9.12.0",
+    "chai": "^4.1.0",
+    "jsdom": "^11.1.0",
     "mocha": "^3.2.0",
     "snazzy": "^7.0.0",
     "temp": "^0.8.3",
     "tmp": "0.0.31"
   },
   "dependencies": {
-    "ajv": "^4.11.6",
-    "autoprefixer": "^6.7.7",
+    "ajv": "^5.2.2",
+    "autoprefixer": "^7.1.2",
     "babel-core": "^6.24.0",
     "babel-eslint": "^7.2.1",
-    "babel-loader": "^6.4.1",
+    "babel-loader": "^7.1.1",
     "babel-plugin-istanbul": "^4.1.1",
+    "babel-plugin-syntax-dynamic-import": "^6.18.0",
     "babel-plugin-transform-react-jsx-self": "^6.22.0",
     "babel-plugin-transform-react-jsx-source": "^6.22.0",
     "babel-preset-env": "^1.3.3",
     "babel-preset-flow": "^6.23.0",
     "babel-preset-react": "^6.24.1",
     "babel-preset-stage-3": "^6.24.1",
-    "chalk": "^1.1.3",
+    "case-sensitive-paths-webpack-plugin": "^2.1.1",
+    "chalk": "^2.0.1",
     "clean-webpack-plugin": "^0.1.16",
     "commander": "^2.9.0",
     "css-loader": "^0.28.0",
     "deep-equal": "^1.0.1",
+    "duplicate-package-checker-webpack-plugin": "^2.0.2",
     "eslint": "^3.19.0",
-    "eslint-config-prettier": "^1.7.0",
+    "eslint-config-prettier": "^2.3.0",
+    "eslint-config-standard": "10.2.0",
+    "eslint-config-standard-jsx": "4.0.1",
     "eslint-loader": "^1.7.1",
     "eslint-plugin-flowtype": "^2.32.1",
-    "eslint-plugin-import": "^2.2.0",
-    "eslint-plugin-node": "^4.2.2",
+    "eslint-plugin-import": "~2.2.0",
+    "eslint-plugin-node": "~4.2.2",
     "eslint-plugin-prettier": "^2.1.2",
-    "eslint-plugin-promise": "^3.5.0",
-    "eslint-plugin-standard": "^3.0.1",
-    "extract-text-webpack-plugin": "^2.1.0",
+    "eslint-plugin-promise": "~3.5.0",
+    "eslint-plugin-react": "~6.10.0",
+    "eslint-plugin-standard": "~3.0.1",
+    "extract-text-webpack-plugin": "^3.0.0",
     "file-loader": "^0.11.1",
-    "flow-bin": "0.43.1",
-    "fs-extra": "^2.1.2",
+    "flow-bin": "0.50.0",
+    "fs-extra": "^4.0.0",
     "glob": "^7.1.1",
     "happypack": "^3.0.3",
     "html-loader": "^0.4.5",
     "html-webpack-plugin": "^2.28.0",
+    "ip": "^1.1.5",
     "jasmine-core": "^2.5.2",
     "karma": "^1.6.0",
-    "karma-chrome-launcher": "^2.0.0",
+    "karma-chrome-launcher": "^2.2.0",
     "karma-coverage": "^1.1.1",
+    "karma-detect-browsers": "^2.2.5",
     "karma-firefox-launcher": "^1.0.1",
     "karma-jasmine": "^1.1.0",
     "karma-mocha-reporter": "^2.2.3",
     "karma-phantomjs-launcher": "^1.0.4",
     "karma-sourcemap-loader": "^0.3.7",
     "karma-webpack": "^2.0.3",
+    "lodash.merge": "^4.6.0",
     "lodash.uniq": "^4.5.0",
     "node-sass": "^4.5.2",
     "null-loader": "^0.1.1",
     "parent-module": "^0.1.0",
-    "phantomjs-prebuilt": "^2.1.14",
     "postcss-loader": "^1.3.3",
     "prettier": "^1.3.1",
     "raw-loader": "^0.5.1",
     "sass-loader": "^6.0.3",
     "standard": "^10.0.1",
-    "style-loader": "^0.16.1",
+    "style-loader": "^0.18.2",
     "template-directory": "^2.0.0",
     "url-loader": "^0.5.8",
-    "webpack": "^2.3.3",
-    "webpack-dev-server": "^2.4.2",
-    "webpack-md5-hash": "0.0.5",
+    "webpack": "^3.2.0",
+    "webpack-dev-server": "^2.5.1",
+    "webpack-md5-hash": "0.0.6",
     "webpack-merge": "^4.1.0",
-    "yaml-loader": "^0.4.0"
+    "yaml-loader": "^0.5.0"
   }
 }

spec/fixtures/project-content-with-dynamic-import/src/index.js

@@ -0,0 +1,3 @@
+import('./lib').then(module => {
+  module()
+})

spec/fixtures/project-content-with-dynamic-import/src/lib.js

@@ -0,0 +1,3 @@
+export default function() {
+  console.log('The lib is loaded')
+}

spec/fixtures/project-with-case-mismatch-in-module-paths/src/index.js

@@ -0,0 +1,3 @@
+import SimpleModule from './SimpleModule'
+
+console.log(SimpleModule)

spec/fixtures/project-with-independent-page/sagui.config.js

@@ -0,0 +1,7 @@
+module.exports = {
+  pages: ['index', 'about', { name: 'demo', independent: true }],
+  chunks: {
+    vendor: true,
+    common: true,
+  }
+}

spec/fixtures/project-with-independent-page/src/about.html

@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Hello</title>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
+</head>
+<body>
+  <div id="root"></div>
+</body>
+</html>

spec/fixtures/project-with-independent-page/src/about.js

@@ -0,0 +1,5 @@
+import shared from './shared'
+import dependencyA from 'dependencyA'
+
+shared()
+dependencyA()

spec/fixtures/project-with-independent-page/src/demo.html

@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Hello</title>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
+</head>
+<body>
+  <div id="root"></div>
+</body>
+</html>