Clean up code styles

.prettierrc

@@ -1,4 +0,0 @@
-{
-  "printWidth": 120,
-  "singleQuote": true
-}

.prettierrc.js

@@ -0,0 +1,6 @@
+module.exports = {
+  bracketSpacing: false,
+  jsxBracketSameLine: true,
+  singleQuote: true,
+  trailingComma: 'all',
+};

autoHeightWebView/index.js

@@ -1,25 +1,31 @@
 'use strict';
 
-import React, { useState, useEffect, forwardRef } from 'react';
+import React, {useState, useEffect, forwardRef} from 'react';
 
-import { StyleSheet, Platform, ViewPropTypes } from 'react-native';
+import {StyleSheet, Platform, ViewPropTypes} from 'react-native';
 
 import PropTypes from 'prop-types';
 
-import { WebView } from 'react-native-webview';
+import {WebView} from 'react-native-webview';
 
-import { reduceData, getWidth, isSizeChanged, shouldUpdate } from './utils';
+import {reduceData, getWidth, isSizeChanged, shouldUpdate} from './utils';
 
 const AutoHeightWebView = React.memo(
   forwardRef((props, ref) => {
-    const { style, onMessage, onSizeUpdated, scrollEnabledWithZoomedin, scrollEnabled } = props;
+    const {
+      style,
+      onMessage,
+      onSizeUpdated,
+      scrollEnabledWithZoomedin,
+      scrollEnabled,
+    } = props;
 
     const [size, setSize] = useState({
       height: style && style.height ? style.height : 0,
-      width: getWidth(style)
+      width: getWidth(style),
     });
     const [scrollable, setScrollable] = useState(false);
-    const handleMessage = event => {
+    const handleMessage = (event) => {
       onMessage && onMessage(event);
       if (!event.nativeEvent) {
         return;
@@ -32,29 +38,32 @@ const AutoHeightWebView = React.memo(
         console.error(error);
         return;
       }
-      const { height, width, zoomedin } = data;
+      const {height, width, zoomedin} = data;
       !scrollEnabled && scrollEnabledWithZoomedin && setScrollable(!!zoomedin);
-      const { height: previousHeight, width: previousWidth } = size;
-      isSizeChanged({ height, previousHeight, width, previousWidth }) &&
+      const {height: previousHeight, width: previousWidth} = size;
+      isSizeChanged({height, previousHeight, width, previousWidth}) &&
         setSize({
           height,
-          width
+          width,
         });
     };
 
-    const currentScrollEnabled = scrollEnabled === false && scrollEnabledWithZoomedin ? scrollable : scrollEnabled;
+    const currentScrollEnabled =
+      scrollEnabled === false && scrollEnabledWithZoomedin
+        ? scrollable
+        : scrollEnabled;
 
-    const { currentSource, script } = reduceData(props);
+    const {currentSource, script} = reduceData(props);
 
-    const { width, height } = size;
+    const {width, height} = size;
     useEffect(
       () =>
         onSizeUpdated &&
         onSizeUpdated({
           height,
-          width
+          width,
         }),
-      [width, height, onSizeUpdated]
+      [width, height, onSizeUpdated],
     );
 
     return (
@@ -66,9 +75,9 @@ const AutoHeightWebView = React.memo(
           styles.webView,
           {
             width,
-            height
+            height,
           },
-          style
+          style,
         ]}
         injectedJavaScript={script}
         source={currentSource}
@@ -76,7 +85,7 @@ const AutoHeightWebView = React.memo(
       />
     );
   }),
-  (prevProps, nextProps) => !shouldUpdate({ prevProps, nextProps })
+  (prevProps, nextProps) => !shouldUpdate({prevProps, nextProps}),
 );
 
 AutoHeightWebView.propTypes = {
@@ -85,8 +94,8 @@ AutoHeightWebView.propTypes = {
     PropTypes.shape({
       href: PropTypes.string,
       type: PropTypes.string,
-      rel: PropTypes.string
-    })
+      rel: PropTypes.string,
+    }),
   ),
   style: ViewPropTypes.style,
   customScript: PropTypes.string,
@@ -97,31 +106,31 @@ AutoHeightWebView.propTypes = {
   originWhitelist: PropTypes.arrayOf(PropTypes.string),
   onMessage: PropTypes.func,
   scalesPageToFit: PropTypes.bool,
-  source: PropTypes.object
+  source: PropTypes.object,
 };
 
 let defaultProps = {
   showsVerticalScrollIndicator: false,
   showsHorizontalScrollIndicator: false,
-  originWhitelist: ['*']
+  originWhitelist: ['*'],
 };
 
 Platform.OS === 'android' &&
   Object.assign(defaultProps, {
-    scalesPageToFit: false
+    scalesPageToFit: false,
   });
 
 Platform.OS === 'ios' &&
   Object.assign(defaultProps, {
-    viewportContent: 'width=device-width'
+    viewportContent: 'width=device-width',
   });
 
 AutoHeightWebView.defaultProps = defaultProps;
 
 const styles = StyleSheet.create({
   webView: {
-    backgroundColor: 'transparent'
-  }
+    backgroundColor: 'transparent',
+  },
 });
 
 export default AutoHeightWebView;

autoHeightWebView/utils.js

@@ -1,6 +1,6 @@
 'use strict';
 
-import { Dimensions } from 'react-native';
+import {Dimensions} from 'react-native';
 
 const domMutationObserveScript = `
   var MutationObserver =
@@ -62,7 +62,7 @@ const updateSizeWithMessage = (element, scalesPageToFit) =>
   }
   `;
 
-const setViewportContent = content => {
+const setViewportContent = (content) => {
   if (!content) {
     return '';
   }
@@ -110,7 +110,11 @@ const detectZoomChanged = `
   });
 `;
 
-const getBaseScript = ({ viewportContent, scalesPageToFit, scrollEnabledWithZoomedin }) =>
+const getBaseScript = ({
+  viewportContent,
+  scalesPageToFit,
+  scrollEnabledWithZoomedin,
+}) =>
   `
   ;
   if (!document.getElementById("rnahw-wrapper")) {
@@ -130,9 +134,9 @@ const getBaseScript = ({ viewportContent, scalesPageToFit, scrollEnabledWithZoom
   updateSize();
   `;
 
-const appendFilesToHead = ({ files, script }) =>
+const appendFilesToHead = ({files, script}) =>
   files.reduceRight((combinedScript, file) => {
-    const { rel, type, href } = file;
+    const {rel, type, href} = file;
     return `
       var link  = document.createElement('link');
       link.rel  = '${rel}';
@@ -152,7 +156,7 @@ const bodyStyle = `
   }
 `;
 
-const appendStylesToHead = ({ style, script }) => {
+const appendStylesToHead = ({style, script}) => {
   const currentStyles = style ? bodyStyle + style : bodyStyle;
   // Escape any single quotes or newlines in the CSS with .replace()
   const escaped = currentStyles.replace(/\'/g, "\\'").replace(/\n/g, '\\n');
@@ -164,7 +168,7 @@ const appendStylesToHead = ({ style, script }) => {
   `;
 };
 
-const getInjectedSource = ({ html, script }) => `
+const getInjectedSource = ({html, script}) => `
   ${html}
   <script>
   // prevents code colissions with global scope
@@ -181,53 +185,66 @@ const getScript = ({
   style,
   viewportContent,
   scalesPageToFit,
-  scrollEnabledWithZoomedin
+  scrollEnabledWithZoomedin,
 }) => {
-  let script = getBaseScript({ viewportContent, scalesPageToFit, scrollEnabledWithZoomedin });
-  script = files && files.length > 0 ? appendFilesToHead({ files, script }) : script;
-  script = appendStylesToHead({ style: customStyle, script });
+  let script = getBaseScript({
+    viewportContent,
+    scalesPageToFit,
+    scrollEnabledWithZoomedin,
+  });
+  script =
+    files && files.length > 0 ? appendFilesToHead({files, script}) : script;
+  script = appendStylesToHead({style: customStyle, script});
   customScript && (script = customScript + script);
   return script;
 };
 
-export const getWidth = style => {
+export const getWidth = (style) => {
   return style && style.width ? style.width : screenWidth;
 };
 
-export const isSizeChanged = ({ height, previousHeight, width, previousWidth }) => {
+export const isSizeChanged = ({
+  height,
+  previousHeight,
+  width,
+  previousWidth,
+}) => {
   if (!height || !width) {
     return;
   }
   return height !== previousHeight || width !== previousWidth;
 };
 
-export const reduceData = props => {
-  const { source } = props;
+export const reduceData = (props) => {
+  const {source} = props;
   const script = getScript(props);
-  const { html, baseUrl } = source;
+  const {html, baseUrl} = source;
   if (html) {
     return {
-      currentSource: { baseUrl, html: getInjectedSource({ html, script }) }
+      currentSource: {baseUrl, html: getInjectedSource({html, script})},
     };
   } else {
     return {
       currentSource: source,
-      script
+      script,
     };
   }
 };
 
-export const shouldUpdate = ({ prevProps, nextProps }) => {
+export const shouldUpdate = ({prevProps, nextProps}) => {
   if (!(prevProps && nextProps)) {
     return true;
   }
   for (const prop in nextProps) {
     if (nextProps[prop] !== prevProps[prop]) {
-      if (typeof nextProps[prop] === 'object' && typeof prevProps[prop] === 'object') {
+      if (
+        typeof nextProps[prop] === 'object' &&
+        typeof prevProps[prop] === 'object'
+      ) {
         if (
           shouldUpdate({
             prevProps: prevProps[prop],
-            nextProps: nextProps[prop]
+            nextProps: nextProps[prop],
           })
         ) {
           return true;
@@ -238,4 +255,4 @@ export const shouldUpdate = ({ prevProps, nextProps }) => {
     }
   }
   return false;
-};
+};