CI: Add windows. (#285)

Author: ryan-roemer

.prettierrc

@@ -0,0 +1,3 @@
+{
+  "endOfLine": "auto"
+}

.travis.yml

@@ -3,6 +3,7 @@ language: node_js
 node_js:
   - "8"
   - "10"
+  - "11"
 
 sudo: false
 

CHANGELOG.md

@@ -3,6 +3,10 @@
 This project adheres to [Semantic Versioning](http://semver.org/).
 Every release, along with the migration instructions, is documented on the Github [Releases](https://github.com/FormidableLabs/webpack-dashboard/releases) page.
 
+## Unreleased
+
+- Very minor path normalization for windows in displaying modules paths.
+
 ## [3.0.6] - 2019-05-09
 
 ### Features

README.md

@@ -1,6 +1,8 @@
 # webpack-dashboard
 
-![](https://img.shields.io/npm/v/webpack-dashboard.svg?style=flat)
+[![npm version][npm_img]][npm_site]
+[![Travis Status][trav_img]][trav_site]
+[![AppVeyor Status][appveyor_img]][appveyor_site]
 [![Maintenance Status][maintenance-image]](#maintenance-status)
 
 A CLI dashboard for your webpack dev server
@@ -159,3 +161,9 @@ Error output deeply inspired by: [https://github.com/facebookincubator/create-re
 **Active:** Formidable is actively working on this project, and we expect to continue for work for the foreseeable future. Bug reports, feature requests and pull requests are welcome.
 
 [maintenance-image]: https://img.shields.io/badge/maintenance-active-green.svg
+[npm_img]: https://img.shields.io/npm/v/webpack-dashboard.svg?style=flat
+[npm_site]: https://github.com/FormidableLabs/webpack-dashboard/
+[trav_img]: https://api.travis-ci.org/FormidableLabs/webpack-dashboard.svg
+[trav_site]: https://travis-ci.org/FormidableLabs/webpack-dashboard
+[appveyor_img]: https://ci.appveyor.com/api/projects/status/github/formidablelabs/webpack-dashboard?branch=master&svg=true
+[appveyor_site]: https://ci.appveyor.com/project/FormidableLabs/webpack-dashboard

appveyor.yml

@@ -0,0 +1,30 @@
+environment:
+  matrix:
+    - nodejs_version: "8"
+    - nodejs_version: "10"
+    - nodejs_version: "11"
+
+# Install scripts. (runs after repo cloning)
+install:
+  - ps: Install-Product node $env:nodejs_version
+  - yarn install
+
+# Post-install test scripts.
+test_script:
+  - node --version
+  - yarn --version
+  - yarn run check-ci
+
+# Don't actually build.
+build: off
+
+matrix:
+  fast_finish: true
+
+branches:
+  only:
+    - master
+
+cache:
+ - node_modules
+ - "%LOCALAPPDATA%/Yarn"

package.json

@@ -9,15 +9,15 @@
   },
   "types": "index.d.ts",
   "scripts": {
-    "test": "mocha 'test/**/*.spec.js'",
-    "test-cov": "nyc mocha 'test/**/*.spec.js'",
+    "test": "mocha \"test/**/*.spec.js\"",
+    "test-cov": "nyc mocha \"test/**/*.spec.js\"",
     "lint": "eslint .",
     "check": "run-s format-check lint test check-ts",
     "check-ci": "run-s format-check lint test-cov check-ts",
     "check-ts": "tsc index.d.ts --noEmit",
     "dev": "cross-env EXAMPLE=duplicates-esm node bin/webpack-dashboard.js -- webpack-cli --config examples/config/webpack.config.js --watch",
-    "format": "prettier --write './{bin,examples,plugin,test,utils}/**/*.js'",
-    "format-check": "prettier --list-different './{bin,examples,plugin,test,utils}/**/*.js'"
+    "format": "prettier --write \"./{bin,examples,plugin,test,utils}/**/*.js\"",
+    "format-check": "prettier --list-different \"./{bin,examples,plugin,test,utils}/**/*.js\""
   },
   "repository": {
     "type": "git",

test/utils/format-modules.spec.js

@@ -1,21 +1,22 @@
 "use strict";
 
+const { normalize, sep } = require("path");
 const { _formatFileName, _formatPercentage } = require("../../utils/format-modules");
 
 describe("format-modules", () => {
   describe("#_formatFileName", () => {
     it("returns a blessed green colored file name", () => {
       const mod = {
-        fileName: "foo/bar/test.js"
+        fileName: normalize("foo/bar/test.js")
       };
-      expect(_formatFileName(mod)).to.equal("{green-fg}./foo/bar/test.js{/}");
+      expect(_formatFileName(mod)).to.equal(`{green-fg}.${sep}foo${sep}bar${sep}test.js{/}`);
     });
 
     context("when there is a baseName", () => {
       it("returns a blessed yellow colored file name", () => {
         const mod = {
           fileName: "test.js",
-          baseName: "/home/bar/test.js"
+          baseName: normalize("/home/bar/test.js")
         };
         expect(_formatFileName(mod)).to.equal("{yellow-fg}test.js{/}");
       });
@@ -24,10 +25,12 @@ describe("format-modules", () => {
     context("when node_modules is present in fileName", () => {
       it("returns a blessed yellow colored file name", () => {
         const mod = {
-          fileName: "/node_modules/@foo/test.js",
-          baseName: "/home/bar/node_modules/@foo/test.js"
+          fileName: normalize("/node_modules/@foo/test.js"),
+          baseName: normalize("/home/bar/node_modules/@foo/test.js")
         };
-        expect(_formatFileName(mod)).to.equal("~/{yellow-fg}@foo{/}/{yellow-fg}test.js{/}");
+        expect(_formatFileName(mod)).to.equal(
+          `~${sep}{yellow-fg}@foo{/}${sep}{yellow-fg}test.js{/}`
+        );
       });
     });
   });

utils/format-modules.js

@@ -17,7 +17,7 @@ function _formatFileName(mod) {
 
   // Source file.
   if (!baseName) {
-    return `{green-fg}./${relative(process.cwd(), resolve(fileName))}{/}`;
+    return `{green-fg}.${sep}${relative(process.cwd(), resolve(fileName))}{/}`;
   }
 
   // Package