Merge pull request #16 from Exilz/3.0

v3 | The plugin is now called APIpeline and works on browser / node / web 🚀

Author: Exilz

.gitignore

@@ -1,4 +1,5 @@
 node_modules/
 *.log
-
+demos/web/.next
 yarn.lock
+demos/web/package-lock.json

.npmignore

@@ -1 +1 @@
-demo/
+demos/

README.md

@@ -1,10 +1,9 @@
-import React, { Component, PropTypes } from 'react';
-import { View, Text, TouchableOpacity, ScrollView, StyleSheet } from 'react-native';
-import OfflineFirstAPI from 'react-native-offline-api';
-
-const NativeModules = require('NativeModules');
+import React, { Component } from 'react';
+import { View, Text, TouchableOpacity, ScrollView, StyleSheet, AsyncStorage } from 'react-native';
+import APIpeline from 'apipeline';
 
 const API_OPTIONS = {
+    fetchMethod: fetch, // use react native's fetch
     domains: { default: 'https://icanhazdadjoke.com' },
     prefixes: { default: '' },
     middlewares: [setHeadersMiddleware],
@@ -25,7 +24,7 @@ const API_SERVICES = {
     }
 };
 
-const api = new OfflineFirstAPI(API_OPTIONS, API_SERVICES);
+const api = new APIpeline(API_OPTIONS, API_SERVICES, AsyncStorage);
 
 async function setHeadersMiddleware () {
     // This doesn't need a middleware, it's just an example
@@ -43,9 +42,6 @@ export default class Demo extends Component {
     }
 
     async _fetchRandomJoke () {
-      // api.get('random', { disableCache: true });
-      // return;
-      // api.get('random', { disableCache: true });
         try {
             this.setState({ randomJokeStatus: 1, searchJokeStatus: 0, fetchStart: Date.now() });
             const req = await api.get('random');
@@ -95,7 +91,7 @@ export default class Demo extends Component {
     get description () {
       return (
         <ScrollView style={styles.descriptionContainer}>
-          <Text style={styles.desc}>This demo showcases a very basic usage of the plugin. It uses the default cache driver (AsyncStorage).</Text>
+          <Text style={styles.desc}>This demo showcases a very basic usage of the plugin. It uses react native's default cache driver (AsyncStorage).</Text>
           <Text style={styles.desc}>Two endpoints are registered as services (random & search). Both are using the GET method.</Text>
           <Text style={styles.desc}>You can see how fast the cache resolution is once your request has already been fired and when its cached data is fresh...</Text>
           <Text style={styles.desc}>Restart this application with your phone in offline mode to see how easy it is to make your app offline-first !</Text>
@@ -158,7 +154,6 @@ export default class Demo extends Component {
                 <Text>Looking for dad jokes...</Text>
             );
         } else if (searchJokeStatus === 2 && searchedJokes ) {
-            console.log('SEARCHED JOKES', searchedJokes)
             content = searchedJokes.map((result, index) => {
                 const { id, joke, timestamp } = result;
                 return (
@@ -185,7 +180,7 @@ export default class Demo extends Component {
     render () {
         return (
             <View style={styles.container}>
-                <Text style={styles.title}>react-native-offline-api</Text>
+                <Text style={styles.title}>APIpeline</Text>
                 { this.description }
                 { this.btns }
                 { this.randomJoke }

demo/.expo/packager-info.json renamed to demos/react-native/.expo/packager-info.json

@@ -0,0 +1,3 @@
+# react-native demo
+
+This demo uses [expo](https://expo.io/). Check out their documentation to try out the plugin.

demo/.expo/settings.json renamed to demos/react-native/.expo/settings.json

@@ -1,8 +1,8 @@
 {
   "expo": {
-    "name": "react-native-offline-api demo",
-    "description": "Basic demonstration of react-native-offline-api features",
-    "slug": "react-native-offline-api-demo",
+    "name": "apipeline demo",
+    "description": "Basic demonstration of APIpeline features",
+    "slug": "apipeline-demo",
     "privacy": "public",
     "sdkVersion": "25.0.0",
     "platforms": ["ios", "android"],