Update dependencies and cleanup repo

.babelrc

@@ -1,14 +1,18 @@
 {
   "presets": [
-    ["env", {
-      "targets": {
-        "browsers": ["last 2 versions", "iOS >=10", "ie >= 10"]
+    [
+      "env",
+      {
+        "targets": {
+          "browsers": [ "last 2 versions", "iOS >= 10", "ie >= 10" ]
+        }
       }
-    }]
+    ]
   ],
   "plugins": [
     "array-includes",
-    "transform-object-assign",
     "transform-runtime",
+    "transform-object-rest-spread",
+    "transform-class-properties"
   ]
 }

.eslintignore

@@ -0,0 +1,8 @@
+node_modules
+build
+builds
+scripts
+config
+lib
+dist
+*.config.*

.eslintrc.json

@@ -1,21 +1,19 @@
-// When you write javascript you should follow these soft rules and best practices
-// https://github.com/airbnb/javascript
-
-// This is a link to best practices and enforcer settings for eslint
-// https://github.com/airbnb/javascript/tree/master/packages/eslint-config-airbnb
-
-// Use this file as a starting point for your project's .eslintrc.
 {
+  "extends": "airbnb",
+  "parser": "babel-eslint",
+  "plugins": [
+    "import",
+    "compat"
+  ],
   "env": {
     "browser": true,
-    "node": true,
-    "jquery": true,
-    "commonjs": true,
-    "es6": true
+    "jest": true
   },
-  "extends": ["airbnb"],
   "rules": {
-    "no-unused-vars": 0,
-    "max-len": 0
+    "import/no-extraneous-dependencies": ["error", {"devDependencies": ["**/test/*", "**/*.jest.*", "**/*.test.*"]}],
+    "compat/compat": "error" // error when using features that are not supported in the browsers we target in .browserslistrc
+  },
+  "settings": {
+    "polyfills": ["promises"]
   }
 }

.github/CODEOWNERS

@@ -0,0 +1,2 @@
+# Set default code owners for all files in repo
+* @cerner/xfc

.nvmrc

@@ -1 +1 @@
-8.9.2
+lts/carbon

.travis.yml

@@ -1,4 +1,4 @@
 language: node_js
 script:
-  - npm test
-  - npm run lint-js
+  - yarn run test
+  - yarn run lint

CONTRIBUTORS.md

@@ -7,6 +7,7 @@ Cerner Corporation
 - Greg Howdeshell [@poloka]
 - Matt Schile [@mschile]
 - Sam Milligan [@grneggandsam]
+- Cody Price [@dev-cprice]
 
 [@mhemesath]: https://github.com/mhemesath
 [@kafkahw]: https://github.com/kafkahw
@@ -15,3 +16,4 @@ Cerner Corporation
 [@poloka]: https://github.com/poloka
 [@mschile]: https://github.com/mschile
 [@grneggandsam]: https://github.com/grneggandsam
+[@dev-cprice]: https://github.com/dev-cprice

NOTICE

@@ -1,4 +1,4 @@
-Copyright 2017 Cerner Innovation, Inc.
+Copyright 2018 Cerner Innovation, Inc.
 
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.

README.md

@@ -10,6 +10,7 @@ This project handles securely embedding web content into a 3rd party domain. Out
 * Event dispatching from embedded content into a framework
 
 ## Usage
+
 Include `xfc.js` in your project.
 
 Ensure `process.env.NODE_ENV` is set correctly in the build enviornment. Logging is only enabled in non-production environments. The environment can be set in webpack using the [DefinePlugin](https://webpack.js.org/guides/production-build/)
@@ -29,6 +30,7 @@ module.exports = {
 ```
 
 ### Setting Up A Consumer
+
 The consumer is the application which is embedding the 3rd party applications within it.
 
 ```js
@@ -57,8 +59,8 @@ To load a new page within the existing frame, simply call `load` method with the
 frame.load(newURL)
 ```
 
-
 #### Iframe Resizing Config
+
 By default, the height of iframe will automatically resize based on the height of the embedded content. This behavior can be changed by passing an extra option (`resizeConfig`) into `mount` method.
 
 ```js
@@ -79,8 +81,8 @@ XFC.Consumer.mount(document.body, 'http://localprovider.com:8080/example/provide
 | customCalculationMethod | function | null           | When specified, XFC will use the given method to update iframe's size when necessary (e.g. dom changes, window resized, etc.)<br><br> NOTE: context `this` is provided as iframe to this method, so in the method you can access the iframe by accessing `this` |
 | targetSelectors         | string   | null           | When the embedded page contains elements styled with `position: absolute`, the iframe resizing logic won't calculate the height of the embedded page correctly because those elements are removed from normal document flow.<br><br>In this case, targetSelectors can be used to specify those absolute positioned elements so that they will be taken into consideration when calculating the height of the embedded page. Multiple selectors may be specified by separating them using commas.<br><br>If not specified, normal resizing logic will be used.<br><br> NOTE: this attribute can be also specified from Provider's side, e.g. `XFC.Provider.init({targetSelectors: '#target'})`|
 
-
 ### Setting Custom Attributes on Iframe
+
 Sometimes, it's useful for developers to add more attributes onto mounted iframes. A common use case, for instance, is adding `allow` attribute to `<iframe>` tag for cross-origin iframes in Chrome 64+ (See reference [here][3]). In those cases, we can pass an extra option called `iframeAttrs` into `mount` method as follows.
 
 ```js
@@ -89,7 +91,6 @@ XFC.Consumer.mount(document.body, 'http://localprovider.com:8080/example/provide
 
 Here `iframeAttrs` is an object that contains entries, each of them being an entry of attribute's name and value.
 
-
 ### Monitoring Embedded App Lifecycles
 
 Application lifecycles go through 3 stages as they load:
@@ -105,6 +106,7 @@ These statuses are communicated to the consumer application environment in 2 way
 * A custom application event originating from the embedded iFrame.
 
 #### Styling Cross Frame Containers Based On Status
+
 The cross frame container ```data-status``` attribute can be used as a styling hook to hide containers until they have authorized
 
 ```css
@@ -121,6 +123,7 @@ The cross frame container ```data-status``` attribute can be used as a styling h
 ```
 
 ### Listening for Lifecycle Events
+
 Event listeners can be set up to listen for lifecycle changes to a cross frame container.
 The target of the event will be the embedded application frame which is an instance of EventEmitter.
 
@@ -147,6 +150,7 @@ frame.on('xfc.unload', function(detail) {
 ```
 
 ### Fullscreen Events
+
 A provider application may request to launch another provider app fullscreen.
 
 ```js
@@ -158,6 +162,7 @@ frame.on('xfc.fullscreen', function(url) {
 ```
 
 ### Sending custom events to a provider
+
 Each frame of the consumer can send custom events to its embedded provider through its _trigger_ method.
 
 ```js
@@ -166,8 +171,8 @@ Each frame of the consumer can send custom events to its embedded provider throu
 frame.trigger('fetchDetail', {id: 10});
 ```
 
-
 ## Setting Up A Provider
+
 The provider is the application which is embedded by the consumer.
 
 ```js
@@ -208,6 +213,7 @@ XFC.Provider.init({
 ```
 
 ### Launching Fullscreen
+
 An application may request to launch a pagelet fullscreen within the consumer application.
 
 ```js
@@ -216,6 +222,7 @@ XFC.Provider.fullscreen('http://localconsumer.com:8080/workflow')
 ```
 
 ### Sending custom events to its frame
+
 Provider can send custom events to the frame where it's embedded through _trigger_ method.
 
 ```js
@@ -234,22 +241,23 @@ XFC.Provider.httpError({code: 500, message: 'Internal Server Error'});
 ```
 
 ## Browser Support
-All supported browsers are defined in [here][1] with browserslist [queries][2].
 
+All supported browsers are defined in [here][1] with browserslist [queries][2].
 
 ## Development
+
 Add localconsumer.com to```/etc/hosts```.
 Add localprovider.com to```/etc/hosts```.
 
 Install dependencies and start the server.
-```
-npm install
-npm run dev
+
+```bash
+yarn install
+yarn run dev
 ```
 
 Navigate to http://localconsumer.com:8080/example
 
-
 [1]: ./.babelrc#L5
 [2]: https://github.com/ai/browserslist#queries
 [3]: https://dev.chromium.org/Home/chromium-security/deprecating-permissions-in-cross-origin-iframes