Merge pull request #40 from calvinkei/master

Add: DOM change detection

autoHeightWebView/index.android.js

@@ -23,7 +23,7 @@ import Immutable from "immutable";
 const RCTAutoHeightWebView = requireNativeComponent(
   "RCTAutoHeightWebView",
   AutoHeightWebView,
-  { nativeOnly: 
+  { nativeOnly:
     {
       nativeOnly: {
         onLoadingStart: true,
@@ -343,12 +343,28 @@ const BaseScript = IsBelowKitKat
         AutoHeightWebView.onMessage = function (message) {
             AutoHeightWebView.send(String(document.body.offsetHeight));
         };
-    } ()); 
+        MutationObserver = window.MutationObserver || window.WebKitMutationObserver;
+        var observer = new MutationObserver(function() {
+            AutoHeightWebView.send(String(document.body.offsetHeight));
+        });
+        observer.observe(document, {
+            subtree: true,
+            attributes: true
+        });
+    } ());
     `
   : `
     ; (function () {
         document.addEventListener('message', function (e) {
             window.postMessage(String(document.body.offsetHeight));
         });
-    } ()); 
+        MutationObserver = window.MutationObserver || window.WebKitMutationObserver;
+        var observer = new MutationObserver(function() {
+            window.postMessage(String(document.body.offsetHeight));
+        });
+        observer.observe(document, {
+            subtree: true,
+            attributes: true
+        });
+    } ());
     `;

autoHeightWebView/index.ios.js

@@ -175,7 +175,7 @@ const Styles = StyleSheet.create({
 
 const BaseScript =
     `
-    ; 
+    ;
     (function () {
         var i = 0;
         var height = 0;
@@ -195,12 +195,18 @@ const BaseScript =
         updateHeight();
         window.addEventListener('load', updateHeight);
         window.addEventListener('resize', updateHeight);
+        MutationObserver = window.MutationObserver || window.WebKitMutationObserver;
+        var observer = new MutationObserver(updateHeight);
+        observer.observe(document, {
+            subtree: true,
+            attributes: true
+        });
     } ());
     `;
 
 const IframeBaseScript =
     `
-    ; 
+    ;
     (function () {
         var i = 0;
         var height = 0;
@@ -214,5 +220,11 @@ const IframeBaseScript =
         updateHeight();
         window.addEventListener('load', updateHeight);
         window.addEventListener('resize', updateHeight);
+        MutationObserver = window.MutationObserver || window.WebKitMutationObserver;
+        var observer = new MutationObserver(updateHeight);
+        observer.observe(document, {
+            subtree: true,
+            attributes: true
+        });
     } ());
-    `;
+    `;