make it easier to view and edit email templates

README.md

@@ -35,6 +35,11 @@ If you are developing, note that the `.jsx` file will not trigger a reload on it
 npm run watch
 ```
 
+If you want to view the template in browser (easier for style tweaks):
+```sh
+npm run preview-templates
+```
+
 ### Code layout
 
 The popup UI is in [addon/popup.jsx](./addon/popup.jsx).

package.json

@@ -23,6 +23,7 @@
     "eslint-plugin-mozilla": "^0.16.1",
     "eslint-plugin-no-unsanitized": "^3.0.2",
     "eslint-plugin-react": "^7.11.1",
+    "http-server": "^0.11.1",
     "mustache": "^3.0.0",
     "nodemon": "^1.17.3",
     "npm-run-all": "^4.1.3",
@@ -43,6 +44,7 @@
     "lint:addon": "web-ext lint -s addon --ignore-files=build/*.js || true",
     "lint:js": "eslint addon --ext=js,jsx",
     "lint:styles": "stylelint ./addon/*.css",
+    "preview-templates": "http-server -c-1 .",
     "build": "npm-run-all build:*",
     "build:deps": "mkdir -p addon/build/ && cp node_modules/react/umd/react.production.min.js node_modules/react-dom/umd/react-dom.production.min.js node_modules/react-dom/umd/react-dom-server.browser.production.min.js node_modules/readability/Readability.js node_modules/dompurify/dist/purify.min.js addon/build/ && babel --retain-lines addon/popup.jsx > addon/build/popup.js && babel --retain-lines addon/emailTemplates.jsx > addon/build/emailTemplates.js",
     "build:ga": "mkdir -p addon/build && cp node_modules/testpilot-ga/dist/index.js addon/build && mv addon/build/index.js addon/build/testpilot-ga.js",