First commit

Author: danrigsby

.gitignore

@@ -0,0 +1 @@
+node_modules

README.md

@@ -0,0 +1,6 @@
+# react-native-web-container
+
+## Installation
+> npm install --save react-native-web-container
+
+## Usage

index.js

@@ -0,0 +1,80 @@
+'use strict';
+
+import React from 'react-native';
+let { WebView } = React;
+import safeHtml from 'safe-html';
+import _ from 'lodash';
+
+const script = '<script>window.location.hash = 1;document.title = document.height;</script>';
+
+const defaultSafeConfig = _.defaults(
+  {
+    allowedTags: safeHtml.DEFAULT_CONFIG.allowedTags.concat(['img', 'style']),
+    allowedAttributes: _.defaults(
+      {
+        id: {allTags: true},
+        style: {allTags: true},
+        src: {allowedTags: ['img']}
+      }, safeHtml.DEFAULT_CONFIG.allowedAttributes)
+  },
+  safeHtml.DEFAULT_CONFIG
+);
+
+let scrubHtml = function (html, makeSafe) {
+  if (!html || makeSafe === false) {
+    return html;
+  }
+
+  return safeHtml(
+    html,
+    _.isObject(makeSafe) ? makeSafe : defaultSafeConfig);
+};
+
+class WebContainer extends React.Component {
+  constructor() {
+    super();
+    this.state = {};
+  }
+
+  onNavigationStateChange(navState) {
+    this.setState({
+      height: navState.title
+    });
+  }
+
+  render() {
+    let {
+      html,
+      style,
+      autoHeight,
+      makeSafe,
+      scrollEnabled,
+      ...props
+    } = this.props;
+
+    let scrubbedHtml = scrubHtml(html, makeSafe);
+
+    return (
+      <WebView
+        {...props}
+        style={[style, (autoHeight ? {height: Number(this.state.height)} : {})]}
+        scrollEnabled={autoHeight ? false : scrollEnabled}
+        html={autoHeight ? (scrubbedHtml + script) : scrubbedHtml}
+        onNavigationStateChange={this.onNavigationStateChange.bind(this)} />
+    );
+  }
+}
+
+WebContainer.propTypes = {
+  autoHeight: React.PropTypes.boolean,
+  makeSafe: React.PropTypes.oneOf(
+    React.PropTypes.boolean,
+    React.PropTypes.object
+  )
+};
+
+WebContainer.defaultProps = {
+  makeSafe: false
+};
+
+export default WebContainer;

package.json

@@ -0,0 +1,31 @@
+{
+  "name": "react-native-web-container",
+  "version": "1.0.0",
+  "description": "A wrapper around the react native WebView to add autoHeight, scrub html, etc",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/danrigsby/react-native-web-container.git"
+  },
+  "keywords": [
+    "react-native",
+    "react",
+    "WebView"
+  ],
+  "author": "Dan Rigsby",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/danrigsby/react-native-web-container/issues"
+  },
+  "homepage": "https://github.com/danrigsby/react-native-web-container#readme",
+  "devDependencies": {
+  },
+  "dependencies": {
+    "lodash": "3.10.1",
+    "react-native": "*",
+    "safe-html": "*"
+  }
+}