Merge branch 'feature/issue-33'

# Conflicts:
#	src/lib/renderRules.js

Author: mientjan

bin/data.json

@@ -1,8 +1,3 @@
 {
-  "presets": ["babel-preset-expo"],
-  "env": {
-    "development": {
-      "plugins": ["transform-react-jsx-source"]
-    }
-  }
+  "presets": ["react-native"]
 }

example/.babelrc

@@ -0,0 +1,6 @@
+
+[android]
+  target = Google Inc.:Google APIs:23
+
+[maven_repositories]
+  central = https://repo1.maven.org/maven2

example/.buckconfig

@@ -12,52 +12,43 @@
 ; For RN Apps installed via npm, "Libraries" folder is inside
 ; "node_modules/react-native" but in the source repo it is in the root
 .*/Libraries/react-native/React.js
-.*/Libraries/react-native/ReactNative.js
 
-; Additional create-react-native-app ignores
+; Ignore polyfills
+.*/Libraries/polyfills/.*
 
-; Ignore duplicate module providers
-.*/node_modules/fbemitter/lib/*
-
-; Ignore misbehaving dev-dependencies
-.*/node_modules/xdl/build/*
-.*/node_modules/reqwest/tests/*
-
-; Ignore missing expo-sdk dependencies (temporarily)
-; https://github.com/expo/expo/issues/162
-.*/node_modules/expo/src/*
-
-; Ignore react-native-fbads dependency of the expo sdk
-.*/node_modules/react-native-fbads/*
+; Ignore metro
+.*/node_modules/metro/.*
 
 [include]
 
 [libs]
 node_modules/react-native/Libraries/react-native/react-native-interface.js
-node_modules/react-native/flow
-flow/
+node_modules/react-native/flow/
+node_modules/react-native/flow-github/
 
 [options]
-module.system=haste
-
 emoji=true
 
-experimental.strict_type_args=true
+module.system=haste
 
 munge_underscores=true
 
 module.name_mapper='^[./a-zA-Z0-9$_-]+\.\(bmp\|gif\|jpg\|jpeg\|png\|psd\|svg\|webp\|m4v\|mov\|mp4\|mpeg\|mpg\|webm\|aac\|aiff\|caf\|m4a\|mp3\|wav\|html\|pdf\)$' -> 'RelativeImageStub'
 
+module.file_ext=.js
+module.file_ext=.jsx
+module.file_ext=.json
+module.file_ext=.native.js
+
 suppress_type=$FlowIssue
 suppress_type=$FlowFixMe
-suppress_type=$FixMe
+suppress_type=$FlowFixMeProps
+suppress_type=$FlowFixMeState
 
-suppress_comment=\\(.\\|\n\\)*\\$FlowFixMe\\($\\|[^(]\\|(\\(>=0\\.\\(4[0-9]\\|[1-3][0-9]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)
-suppress_comment=\\(.\\|\n\\)*\\$FlowIssue\\((\\(>=0\\.\\(4[0-9]\\|[1-3][0-9]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)?:? #[0-9]+
+suppress_comment=\\(.\\|\n\\)*\\$FlowFixMe\\($\\|[^(]\\|(\\(<VERSION>\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)
+suppress_comment=\\(.\\|\n\\)*\\$FlowIssue\\((\\(<VERSION>\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)?:? #[0-9]+
 suppress_comment=\\(.\\|\n\\)*\\$FlowFixedInNextDeploy
 suppress_comment=\\(.\\|\n\\)*\\$FlowExpectedError
 
-unsafe.enable_getters_and_setters=true
-
 [version]
-^0.49.1
+^0.67.0

example/.flowconfig

@@ -0,0 +1 @@
+*.pbxproj -text

example/.gitattributes

@@ -1,5 +1,56 @@
+# OSX
+#
+.DS_Store
+
+# Xcode
+#
+build/
+*.pbxuser
+!default.pbxuser
+*.mode1v3
+!default.mode1v3
+*.mode2v3
+!default.mode2v3
+*.perspectivev3
+!default.perspectivev3
+xcuserdata
+*.xccheckout
+*.moved-aside
+DerivedData
+*.hmap
+*.ipa
+*.xcuserstate
+project.xcworkspace
+
+# Android/IntelliJ
+#
+build/
+.idea
+.gradle
+local.properties
+*.iml
+
+# node.js
+#
 node_modules/
-.expo/
-npm-debug.*
-/package-lock.json
-/react-native-markdown-renderer
+npm-debug.log
+yarn-error.log
+
+# BUCK
+buck-out/
+\.buckd/
+*.keystore
+
+# fastlane
+#
+# It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the
+# screenshots whenever they are needed.
+# For more information about the recommended setup visit:
+# https://docs.fastlane.tools/best-practices/source-control/
+
+*/fastlane/report.xml
+*/fastlane/Preview.html
+*/fastlane/screenshots
+
+# Bundle artifact
+*.jsbundle

example/.gitignore

@@ -1 +1 @@
-{}
+{}

example/.watchmanconfig

@@ -1,33 +1,47 @@
-import React, {Component} from "react";
-import {Picker, ScrollView, StyleSheet, Text, View} from "react-native";
+/**
+ * Sample React Native App
+ * https://github.com/facebook/react-native
+ */
+
+import React, { Component } from 'react';
+import { Platform, Picker, ScrollView, StyleSheet, Text, View, Alert } from 'react-native';
+
 import Markdown, {
-	AstRenderer, getUniqueID, PluginContainer, renderRules,
-	styles
-} from "./react-native-markdown-renderer";
+  AstRenderer,
+  getUniqueID,
+  PluginContainer,
+  renderRules,
+  styles,
+} from './react-native-markdown-renderer';
+//
+import markdownItCheckbox from 'markdown-it-checkbox';
+import copyAll from './src/copyAll';
+import customMarkdownStyle from './src/customMarkdownStyle';
+import copyAllCheckboxPlugin from './src/copyAllCheckboxPlugin';
+import pluginRules from './src/pluginRules';
 
-import markdownItCheckbox from "markdown-it-checkbox";
-import copyAll from "./src/copyAll";
-import customMarkdownStyle from "./src/customMarkdownStyle";
-import copyAllCheckboxPlugin from "./src/copyAllCheckboxPlugin";
-import pluginRules from "./src/pluginRules";
+const instructions = Platform.select({
+  ios: 'Press Cmd+R to reload,\n' + 'Cmd+D or shake for dev menu',
+  android: 'Double tap R on your keyboard to reload,\n' + 'Shake or press menu button for dev menu',
+});
 
 const rules = {
   // added custom block element defined by plugin
   block: (node, children, parents, style) => {
     return (
-      <Text key={getUniqueID()} style={{ backgroundColor: "green" }}>
+      <Text key={getUniqueID()} style={{ backgroundColor: 'green' }}>
         {children}
       </Text>
     );
   },
 
   checkbox: (node, children, parents, style) => {
     return (
-      <Text key={getUniqueID()} style={{ backgroundColor: "green" }}>
+      <Text key={getUniqueID()} style={{ backgroundColor: 'green' }}>
         {children}
       </Text>
     );
-  }
+  },
 };
 
 /**
@@ -36,23 +50,23 @@ const rules = {
 const renderer = new AstRenderer(
   {
     ...renderRules,
-    ...rules
+    ...rules,
   },
   styles
 );
 
 export default class App extends Component {
   state = {
-    view: 5
+    view: 0,
   };
 
   list = [
-    { description: "default" },
-    { description: "custom renderer" },
-    { description: "custom style sheet" },
-    { description: "custom rules" },
-    { description: "custom rules & styles" },
-    { description: "plugins (checkbox)" },
+    { description: 'default' },
+    { description: 'custom renderer' },
+    { description: 'custom style sheet' },
+    { description: 'custom rules' },
+    { description: 'custom rules & styles' },
+    { description: 'plugins (checkbox)' },
   ];
 
   getView(value) {
@@ -70,21 +84,13 @@ export default class App extends Component {
         return <Markdown rules={rules} children={copyAll} />;
       }
       case 4: {
-        return (
-          <Markdown
-            rules={rules}
-            style={customMarkdownStyle}
-            children={copyAll}
-          />
-        );
+        return <Markdown rules={rules} style={customMarkdownStyle} children={copyAll} />;
       }
       case 5: {
         return (
           <Markdown
             rules={pluginRules}
-            plugins={[
-              new PluginContainer(markdownItCheckbox, { divWrap: true })
-            ]}
+            plugins={[new PluginContainer(markdownItCheckbox, { divWrap: true })]}
             style={customMarkdownStyle}
             children={copyAllCheckboxPlugin}
           />
@@ -97,25 +103,20 @@ export default class App extends Component {
     }
   }
 
+  handleChangeValue = (itemValue, itemIndex) => {
+    this.setState({ view: itemIndex });
+  };
+
   render() {
+    let currentView = this.state.view;
+
     return (
       <View style={styleSheet.container}>
-        <Picker
-          selectedValue={this.state.view}
-          onValueChange={(itemValue, itemIndex) =>
-            this.setState({ view: itemIndex })
-          }
-        >
-          {this.list.map((val, index) => (
-            <Picker.Item
-              key={val.description}
-              label={val.description}
-              value={index}
-            />
-          ))}
+        <Text>{currentView}</Text>
+        <Picker selectedValue={currentView} onValueChange={this.handleChangeValue}>
+          {this.list.map((val, index) => <Picker.Item key={val.description} label={val.description} value={index} />)}
         </Picker>
-
-        <ScrollView>{this.getView(this.state.view)}</ScrollView>
+        <ScrollView>{this.getView(currentView)}</ScrollView>
       </View>
     );
   }
@@ -124,6 +125,6 @@ export default class App extends Component {
 const styleSheet = StyleSheet.create({
   container: {
     flex: 1,
-    marginTop: 20
-  }
+    marginTop: 20,
+  },
 });