update readme

README.md

@@ -14,6 +14,12 @@ $ cd n-syndication
 $ make install
 ```
 
+For npm install only (only needed if your project isn't using bower) run
+```sh
+$ node ./scripts/fromBowerToNpm.js
+$ npm install
+```
+
 Run the (incomplete) test suite with
 
 ```sh
@@ -26,6 +32,13 @@ Verify that the Sass can compile by running
 $ npx sass ./test/main.scss --load-path=./bower_components/
 ```
 
+For npm install only:
+Verify that the Sass can compile by running
+
+```sh
+$ npx sass ./test/main.scss --load-path=./node_modules --load-path=./node_modules/@financial-times
+```
+
 ### Developing with a next app
 
 Instruction for developing the library within a next app will be are in development ([ACC-1156](https://financialtimes.atlassian.net/browse/ACC-1156)).

package.json

@@ -58,4 +58,4 @@
       "pre-push": "make verify -j3"
     }
   }
-}
+}

src/js/modal-download.js

@@ -1,14 +1,14 @@
 'use strict';
 
 import {broadcast} from 'n-ui-foundations';
-import oViewport from 'o-viewport';
 import Superstore from 'superstore';
 
 import {TRACKING} from './config';
 
 import {toElement} from './util';
 import {getAllItemsForID, getItemByHTMLElement} from './data-store';
 import {getMessage, getAdditionalMessages } from './messages';
+import oViewport from 'o-viewport';
 
 const MAX_LOCAL_FORMAT_TIME_MS = 300000;
 const localStore = new Superstore('local', 'syndication');

webpack.config.js

@@ -23,19 +23,20 @@ const extractOptions = [{
 			})
 		]
 	}
-},
-{
-	loader: 'sass-loader',
-	options: {
-		sourcemap: true,
-		includePaths: [
-			path.resolve('./bower_components'),
-			path.resolve('./node_modules/@financial-times')
-		],
-		// NOTE: This line is important for preservation of comments needed by the css-extract-block plugin
-		outputStyle: 'expanded'
+	},
+	{
+		loader: 'sass-loader',
+		options: {
+			sourcemap: true,
+			includePaths: [
+				path.resolve('./bower_components'),
+				path.resolve('./node_modules'),
+				path.resolve('./node_modules/@financial-times')
+			],
+			// NOTE: This line is important for preservation of comments needed by the css-extract-block plugin
+			outputStyle: 'expanded'
+		}
 	}
-}
 ];
 
 module.exports = {