Initial scaffolding for the demo app

.gitignore

@@ -0,0 +1 @@
+.DS_Store

.nvmrc

@@ -0,0 +1 @@
+10.13

README.md

@@ -20,7 +20,9 @@ In the long run, Tasit will stitch together components from multiple dapps into
 
 ### Developers
 
-This is a monorepo for all of the open source Tasit 3rd party mobile apps for Ethereum dapps
+This is a monorepo for all of the open-source Tasit 3rd-party mobile apps for Ethereum dapps
+
+These apps all use the [Tasit SDK](https://github.com/tasitlabs/TasitSDK).
 
 For more info, please visit our website:
 

demo/.gitignore

@@ -0,0 +1,7 @@
+node_modules/**/*
+.expo/*
+npm-debug.*
+*.jks
+*.p12
+*.key
+*.mobileprovision

demo/.nvmrc

@@ -0,0 +1 @@
+10.13

demo/.watchmanconfig

@@ -0,0 +1 @@
+{}

demo/App.js

@@ -0,0 +1,50 @@
+import React from "react";
+import { StyleSheet, Text, View } from "react-native";
+import { AppLoading, Asset, Font } from "expo";
+
+export default class App extends React.Component {
+  state = {
+    isLoadingComplete: false
+  };
+
+  render() {
+    if (!this.state.isLoadingComplete && !this.props.skipLoadingScreen) {
+      return (
+        <AppLoading
+          startAsync={this._loadResourcesAsync}
+          onError={this._handleLoadingError}
+          onFinish={this._handleFinishLoading}
+        />
+      );
+    } else {
+      return (
+        <View style={styles.container}>
+          <Text>Welcome to the Tasit demo app</Text>
+        </View>
+      );
+    }
+  }
+
+  _loadResourcesAsync = async () => {
+    return Promise.all([Asset.loadAsync([]), Font.loadAsync({})]);
+  };
+
+  _handleLoadingError = error => {
+    // In this case, you might want to report the error to your error
+    // reporting service, for example Sentry
+    console.warn(error);
+  };
+
+  _handleFinishLoading = () => {
+    this.setState({ isLoadingComplete: true });
+  };
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: "#fff",
+    alignItems: "center",
+    justifyContent: "center"
+  }
+});

demo/app.json

@@ -0,0 +1,25 @@
+{
+  "expo": {
+    "name": "tasit-demo",
+    "description": "A demo app showing proper usage of the Tasit SDK",
+    "slug": "tasit-demo",
+    "privacy": "unlisted",
+    "sdkVersion": "31.0.0",
+    "platforms": ["ios", "android"],
+    "version": "0.0.1",
+    "orientation": "portrait",
+    "icon": "./assets/images/icon.png",
+    "splash": {
+      "image": "./assets/images/splash.png",
+      "resizeMode": "contain",
+      "backgroundColor": "#ffffff"
+    },
+    "updates": {
+      "fallbackToCacheTimeout": 0
+    },
+    "assetBundlePatterns": ["**/*"],
+    "ios": {
+      "supportsTablet": true
+    }
+  }
+}

demo/babel.config.js

@@ -0,0 +1,6 @@
+module.exports = function(api) {
+  api.cache(true);
+  return {
+    presets: ['babel-preset-expo'],
+  };
+};

demo/constants/Colors.js

@@ -0,0 +1,14 @@
+const tintColor = "#2f95dc";
+
+export default {
+  tintColor,
+  tabIconDefault: "#ccc",
+  tabIconSelected: tintColor,
+  tabBar: "#fefefe",
+  errorBackground: "red",
+  errorText: "#fff",
+  warningBackground: "#EAEB5E",
+  warningText: "#666804",
+  noticeBackground: tintColor,
+  noticeText: "#fff"
+};

demo/constants/Layout.js

@@ -0,0 +1,12 @@
+import { Dimensions } from "react-native";
+
+const width = Dimensions.get("window").width;
+const height = Dimensions.get("window").height;
+
+export default {
+  window: {
+    width,
+    height
+  },
+  isSmallDevice: width < 375
+};