initial commit

Author: shomilj

.gitignore

@@ -0,0 +1,18 @@
+keys.json
+node_modules/**/*
+.expo/*
+npm-debug.*
+*.jks
+*.p8
+*.p12
+*.key
+*.mobileprovision
+*.orig.*
+web-build/
+
+# macOS
+.DS_Store
+
+
+
+

App.tsx

@@ -0,0 +1,40 @@
+import React from "react";
+import { SafeAreaProvider } from "react-native-safe-area-context";
+import { DefaultTheme, Provider as PaperProvider } from "react-native-paper";
+import { COLOR_ACCENT, COLOR_PRIMARY } from "./AppStyles";
+import firebase from "firebase";
+import { EntryStackScreen } from "./screens/EntryStackScreen";
+
+// TODO: Make sure to create a file called "keys.json" in your project
+// directory & add your Firebase configuration keys to that file.
+// We add this file to our gitignore, since we don't want this to be
+// published on Version Control.
+const firebaseConfig = require("./keys.json");
+
+if (firebase.apps.length == 0) {
+  firebase.initializeApp(firebaseConfig);
+}
+
+// Theme Object for React Native Paper
+const theme = {
+  ...DefaultTheme,
+  roundness: 2,
+  colors: {
+    ...DefaultTheme.colors,
+    primary: COLOR_PRIMARY,
+    accent: COLOR_ACCENT,
+  },
+};
+
+export default function App() {
+  // To use React Native Paper, we wrap our EntryStackScreen in
+  // PaperProvider.
+  // Learn More: https://callstack.github.io/react-native-paper/getting-started.html#usage
+  return (
+    <SafeAreaProvider>
+      <PaperProvider theme={theme}>
+        <EntryStackScreen />
+      </PaperProvider>
+    </SafeAreaProvider>
+  );
+}

AppStyles.tsx

@@ -0,0 +1,27 @@
+import React from "react";
+import { StyleSheet } from "react-native";
+
+export const COLOR_PRIMARY = "#0984e3";
+export const COLOR_ACCENT = "#dfe6e9";
+export const COLOR_LIGHT = "#dfe6e9";
+export const COLOR_DARK = "#2d3436";
+export const COLOR_BACKGROUND = "#ffffff";
+
+export const AppStyles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: COLOR_BACKGROUND,
+  },
+  h1: {
+    fontSize: 32,
+  },
+  h2: {
+    fontSize: 24,
+  },
+  h3: {
+    fontSize: 20,
+  },
+  body: {
+    fontSize: 14,
+  },
+});

Utils.ts

@@ -0,0 +1,34 @@
+// Source: https://stackoverflow.com/questions/5933565/how-to-create-initialize-the-file-object-using-file-path-html5
+export const getFileBlob = function (url, cb) {
+  var xhr = new XMLHttpRequest();
+  xhr.open("GET", url);
+  xhr.responseType = "blob";
+  xhr.addEventListener("load", function () {
+    cb(xhr.response);
+  });
+  xhr.send();
+};
+
+export const blobToFile = function (blob, name) {
+  blob.lastModifiedDate = new Date();
+  blob.name = name;
+  return blob;
+};
+
+export const getFileObject = function (filePathOrUrl, cb) {
+  getFileBlob(filePathOrUrl, function (blob) {
+    cb(blobToFile(blob, "test.jpg"));
+  });
+};
+
+export const getFileObjectAsync = async function (filePathOrUrl: string) {
+  return new Promise((resolve, reject) => {
+    try {
+      getFileBlob(filePathOrUrl, function (blob) {
+        resolve(blobToFile(blob, "test.jpg"));
+      });
+    } catch (error) {
+      reject(error);
+    }
+  });
+};

app.json

@@ -0,0 +1,33 @@
+{
+  "expo": {
+    "name": "reactnative-mp3-a",
+    "slug": "reactnative-mp3-a",
+    "version": "1.0.0",
+    "orientation": "portrait",
+    "icon": "./assets/icon.png",
+    "splash": {
+      "image": "./assets/splash.png",
+      "resizeMode": "contain",
+      "backgroundColor": "#ffffff"
+    },
+    "updates": {
+      "fallbackToCacheTimeout": 0
+    },
+    "assetBundlePatterns": ["**/*"],
+    "ios": {
+      "supportsTablet": true,
+      "infoPlist": {
+        "NSPhotoLibraryUsageDescription": "This app needs access to your photo library."
+      }
+    },
+    "android": {
+      "adaptiveIcon": {
+        "foregroundImage": "./assets/adaptive-icon.png",
+        "backgroundColor": "#FFFFFF"
+      }
+    },
+    "web": {
+      "favicon": "./assets/favicon.png"
+    }
+  }
+}

assets/adaptive-icon.png

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