Removed react-mixin dependancy and exposes connectMeteor decorator

README.md

@@ -32,8 +32,7 @@ The purpose of this library is :
 ```javascript
 
 import { View, Text, Component } from 'react-native';
-import Meteor, { MeteorMixin } from 'react-native-meteor';
-import reactMixin from 'react-mixin';
+import Meteor, { connectMeteor } from 'react-native-meteor';
 
 /*
 * Uses decorators (see detailed installation to activate it)
@@ -42,12 +41,12 @@ import reactMixin from 'react-mixin';
   class Todos extends Component {
     ...
   }
-  reactMixin(Todos.prototype, MeteorMixin);
+  connectMeteor(Todos);
   export default Todos;
 
 */
 
-@reactMixin.decorate(MeteorMixin)
+@connectMeteor
 export default class App extends Component {
   componentWillMount() {
     const url = 'http://192.168.X.X:3000/websocket';

example/mobile/app/Routes/Status.js

@@ -11,13 +11,12 @@ import React, {
   TouchableHighlight
 } from 'react-native';
 
-import Meteor, { MeteorMixin } from 'react-native-meteor';
-import reactMixin from 'react-mixin';
+import Meteor, { connectMeteor } from 'react-native-meteor';
 
 import Button from 'react-native-button';
 
 
-@reactMixin.decorate(MeteorMixin)
+@connectMeteor
 export default class Status extends Component {
   getMeteorData() {
     return {

example/mobile/app/Routes/Todos.js

@@ -13,12 +13,10 @@ import React, {
   TabBarIOS
 } from 'react-native';
 
-import Meteor, { MeteorMixin } from 'react-native-meteor';
-import reactMixin from 'react-mixin';
+import Meteor, { connectMeteor } from 'react-native-meteor';
 
 
-@reactMixin.decorate(MeteorMixin)
-export default class Todos extends Component {
+class Todos extends Component {
   constructor(props) {
     super(props);
 
@@ -61,6 +59,8 @@ export default class Todos extends Component {
     );
   }
 }
+connectMeteor(Todos)
+export default Todos;
 
 const styles = StyleSheet.create({
   container: {

example/mobile/package.json

@@ -6,7 +6,6 @@
     "start": "node node_modules/react-native/local-cli/cli.js start"
   },
   "dependencies": {
-    "react-mixin": "^3.0.3",
     "react-native": "^0.20.0",
     "react-native-button": "^1.4.2",
     "react-native-meteor": "^1.0.0-beta1",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-meteor",
-  "version": "1.0.0-beta1",
+  "version": "1.0.0-beta2",
   "description": "DDP React-native Client",
   "main": "src/Meteor.js",
   "scripts": {
@@ -29,6 +29,7 @@
     "ddp.js": "1.1.0",
     "ejson": "^2.1.2",
     "minimongo-cache": "0.0.48",
+    "react-mixin": "^3.0.3",
     "trackr": "^2.0.2"
   }
 }

src/Meteor.js

@@ -7,7 +7,9 @@ import Mixin from './Mixin';
 import User from './User';
 
 module.exports = {
-  MeteorMixin: Mixin,
+  connectMeteor(reactClass) {
+    return reactMixin.onClass(reactClass, Mixin);
+  },
   collection(name) {
     return {
       find(selector, options) {