Update common.js

Updated the following functions:
appendStylesToHead
getScript

Added:
onWidthUpdated
onHeightWidthUpdated

autoHeightWebView/common.js

@@ -5,7 +5,7 @@ function appendFilesToHead(files, script) {
     return script;
   }
   return files.reduceRight((file, combinedScript) => {
-    const { rel, type, href } = file;
+      const { rel, type, href } = file;
     return `
             var link  = document.createElement('link');
             link.rel  = '${rel}';
@@ -17,12 +17,29 @@ function appendFilesToHead(files, script) {
   }, script);
 }
 
-function appendStylesToHead(styles, script) {
-  if (!styles) {
-    return script;
-  }
+function appendStylesToHead(styles, script, shouldResizeWidth) {
+    var bodyStyle;
+    if (shouldResizeWidth) {
+        bodyStyle = `
+            body {
+                display: flex;
+                justify-content: center;
+                align-items: center;
+            }`;
+    }
+    else {
+        bodyStyle = '';
+    }
+    
+    if (!styles) {
+        styles = bodyStyle;
+    }
+    else {
+        styles += bodyStyle;
+    }
   // Escape any single quotes or newlines in the CSS with .replace()
-  const escaped = styles.replace(/\'/g, "\\'").replace(/\n/g, '\\n');
+    const escaped = styles.replace(/\'/g, "\\'").replace(/\n/g, '\\n');
+    
   return `
           var styleElement = document.createElement('style');
           var styleText = document.createTextNode('${escaped}');
@@ -33,10 +50,10 @@ function appendStylesToHead(styles, script) {
 }
 
 function getScript(props, baseScript, iframeBaseScript) {
-  const { hasIframe, files, customStyle } = props;
+    const { hasIframe, files, customStyle, shouldResizeWidth } = props;
   let script = hasIframe ? iframeBaseScript : baseScript;
   script = files ? appendFilesToHead(files, baseScript) : baseScript;
-  script = customStyle ? appendStylesToHead(customStyle, script) : script;
+    script = appendStylesToHead(customStyle, script, shouldResizeWidth);
   return script;
 }
 
@@ -44,6 +61,16 @@ function onHeightUpdated(height, props) {
   props.onHeightUpdated && props.onHeightUpdated(height);
 }
 
+function onWidthUpdated(width, props) {
+    props.onWidthUpdated && props.onWidthUpdated(width);
+}
+
+function onHeightWidthUpdated(height, width, props) {
+    onHeightUpdated(height, props);
+    onWidthUpdated(width, props);
+    props.onHeightWidthUpdated && props.onHeightWidthUpdated(height, width);
+}
+
 const domMutationObserveScript = 
 `
 var MutationObserver = window.MutationObserver || window.WebKitMutationObserver;
@@ -54,4 +81,4 @@ observer.observe(document, {
 });
 `;
 
-export { getScript, onHeightUpdated, domMutationObserveScript };
+export { getScript, onHeightUpdated, onWidthUpdated, onHeightWidthUpdated, domMutationObserveScript };