first commit

2025-12-01 15:27:27 +02:00 · 2025-12-01 15:27:27 +02:00 · 3eb3b56e06
commit 3eb3b56e06
104 changed files with 20325 additions and 0 deletions
--- a/.buckconfig
+++ b/.buckconfig
@ -0,0 +1,6 @@
+
+[android]
+  target = Google Inc.:Google APIs:23
+
+[maven_repositories]
+  central = https://repo1.maven.org/maven2
--- a/.eslintrc.js
+++ b/.eslintrc.js
@ -0,0 +1,4 @@
+module.exports = {
+  root: true,
+  extends: '@react-native-community',
+};
--- a/.gitattributes
+++ b/.gitattributes
@ -0,0 +1 @@
+*.pbxproj -text
--- a/.gitignore
+++ b/.gitignore
@ -0,0 +1,63 @@
+# 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
+
+# Android/IntelliJ
+#
+build/
+.idea
+.gradle
+local.properties
+*.iml
+
+# Visual Studio Code
+#
+.vscode/
+
+# node.js
+#
+node_modules/
+npm-debug.log
+yarn-error.log
+
+# BUCK
+buck-out/
+\.buckd/
+*.keystore
+!debug.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
+
+# CocoaPods
+/ios/Pods/
--- a/.prettierrc.js
+++ b/.prettierrc.js
@ -0,0 +1,6 @@
+module.exports = {
+  bracketSpacing: false,
+  jsxBracketSameLine: true,
+  singleQuote: true,
+  trailingComma: 'all',
+};
--- a/.watchmanconfig
+++ b/.watchmanconfig
@ -0,0 +1 @@
+{}
--- a/README.md
+++ b/README.md
@ -0,0 +1 @@
+# Spacebar Mobile Client
--- a/tests/App-test.tsx
+++ b/tests/App-test.tsx
@ -0,0 +1,14 @@
+/**
+ * @format
+ */
+
+import 'react-native';
+import React from 'react';
+import App from '../src/App';
+
+// Note: test renderer must be required after react-native.
+import renderer from 'react-test-renderer';
+
+it('renders correctly', () => {
+  renderer.create(<App />);
+});
--- a/android/app/_BUCK
+++ b/android/app/_BUCK
@ -0,0 +1,55 @@
+# To learn about Buck see [Docs](https://buckbuild.com/).
+# To run your application with Buck:
+# - install Buck
+# - `npm start` - to start the packager
+# - `cd android`
+# - `keytool -genkey -v -keystore keystores/debug.keystore -storepass android -alias androiddebugkey -keypass android -dname "CN=Android Debug,O=Android,C=US"`
+# - `./gradlew :app:copyDownloadableDepsToLibs` - make all Gradle compile dependencies available to Buck
+# - `buck install -r android/app` - compile, install and run application
+#
+
+load(":build_defs.bzl", "create_aar_targets", "create_jar_targets")
+
+lib_deps = []
+
+create_aar_targets(glob(["libs/*.aar"]))
+
+create_jar_targets(glob(["libs/*.jar"]))
+
+android_library(
+    name = "all-libs",
+    exported_deps = lib_deps,
+)
+
+android_library(
+    name = "app-code",
+    srcs = glob([
+        "src/main/java/**/*.java",
+    ]),
+    deps = [
+        ":all-libs",
+        ":build_config",
+        ":res",
+    ],
+)
+
+android_build_config(
+    name = "build_config",
+    package = "com.rscordmobile",
+)
+
+android_resource(
+    name = "res",
+    package = "com.rscordmobile",
+    res = "src/main/res",
+)
+
+android_binary(
+    name = "app",
+    keystore = "//android/keystores:debug",
+    manifest = "src/main/AndroidManifest.xml",
+    package_type = "debug",
+    deps = [
+        ":app-code",
+    ],
+)
--- a/android/app/build.gradle
+++ b/android/app/build.gradle
@ -0,0 +1,215 @@
+apply plugin: "com.android.application"
+
+import com.android.build.OutputFile
+
+/**
+ * The react.gradle file registers a task for each build variant (e.g. bundleDebugJsAndAssets
+ * and bundleReleaseJsAndAssets).
+ * These basically call `react-native bundle` with the correct arguments during the Android build
+ * cycle. By default, bundleDebugJsAndAssets is skipped, as in debug/dev mode we prefer to load the
+ * bundle directly from the development server. Below you can see all the possible configurations
+ * and their defaults. If you decide to add a configuration block, make sure to add it before the
+ * `apply from: "../../node_modules/react-native/react.gradle"` line.
+ *
+ * project.ext.react = [
+ *   // the name of the generated asset file containing your JS bundle
+ *   bundleAssetName: "index.android.bundle",
+ *
+ *   // the entry file for bundle generation. If none specified and
+ *   // "index.android.js" exists, it will be used. Otherwise "index.js" is
+ *   // default. Can be overridden with ENTRY_FILE environment variable.
+ *   entryFile: "index.android.js",
+ *
+ *   // https://reactnative.dev/docs/performance#enable-the-ram-format
+ *   bundleCommand: "ram-bundle",
+ *
+ *   // whether to bundle JS and assets in debug mode
+ *   bundleInDebug: false,
+ *
+ *   // whether to bundle JS and assets in release mode
+ *   bundleInRelease: true,
+ *
+ *   // whether to bundle JS and assets in another build variant (if configured).
+ *   // See http://tools.android.com/tech-docs/new-build-system/user-guide#TOC-Build-Variants
+ *   // The configuration property can be in the following formats
+ *   //         'bundleIn${productFlavor}${buildType}'
+ *   //         'bundleIn${buildType}'
+ *   // bundleInFreeDebug: true,
+ *   // bundleInPaidRelease: true,
+ *   // bundleInBeta: true,
+ *
+ *   // whether to disable dev mode in custom build variants (by default only disabled in release)
+ *   // for example: to disable dev mode in the staging build type (if configured)
+ *   devDisabledInStaging: true,
+ *   // The configuration property can be in the following formats
+ *   //         'devDisabledIn${productFlavor}${buildType}'
+ *   //         'devDisabledIn${buildType}'
+ *
+ *   // the root of your project, i.e. where "package.json" lives
+ *   root: "../../",
+ *
+ *   // where to put the JS bundle asset in debug mode
+ *   jsBundleDirDebug: "$buildDir/intermediates/assets/debug",
+ *
+ *   // where to put the JS bundle asset in release mode
+ *   jsBundleDirRelease: "$buildDir/intermediates/assets/release",
+ *
+ *   // where to put drawable resources / React Native assets, e.g. the ones you use via
+ *   // require('./image.png')), in debug mode
+ *   resourcesDirDebug: "$buildDir/intermediates/res/merged/debug",
+ *
+ *   // where to put drawable resources / React Native assets, e.g. the ones you use via
+ *   // require('./image.png')), in release mode
+ *   resourcesDirRelease: "$buildDir/intermediates/res/merged/release",
+ *
+ *   // by default the gradle tasks are skipped if none of the JS files or assets change; this means
+ *   // that we don't look at files in android/ or ios/ to determine whether the tasks are up to
+ *   // date; if you have any other folders that you want to ignore for performance reasons (gradle
+ *   // indexes the entire tree), add them here. Alternatively, if you have JS files in android/
+ *   // for example, you might want to remove it from here.
+ *   inputExcludes: ["android/**", "ios/**"],
+ *
+ *   // override which node gets called and with what additional arguments
+ *   nodeExecutableAndArgs: ["node"],
+ *
+ *   // supply additional arguments to the packager
+ *   extraPackagerArgs: []
+ * ]
+ */
+
+project.ext.react = [
+    enableHermes: false,  // clean and rebuild if changing
+]
+
+apply from: "../../node_modules/react-native/react.gradle"
+
+/**
+ * Set this to true to create two separate APKs instead of one:
+ *   - An APK that only works on ARM devices
+ *   - An APK that only works on x86 devices
+ * The advantage is the size of the APK is reduced by about 4MB.
+ * Upload all the APKs to the Play Store and people will download
+ * the correct one based on the CPU architecture of their device.
+ */
+def enableSeparateBuildPerCPUArchitecture = false
+
+/**
+ * Run Proguard to shrink the Java bytecode in release builds.
+ */
+def enableProguardInReleaseBuilds = false
+
+/**
+ * The preferred build flavor of JavaScriptCore.
+ *
+ * For example, to use the international variant, you can use:
+ * `def jscFlavor = 'org.webkit:android-jsc-intl:+'`
+ *
+ * The international variant includes ICU i18n library and necessary data
+ * allowing to use e.g. `Date.toLocaleString` and `String.localeCompare` that
+ * give correct results when using with locales other than en-US.  Note that
+ * this variant is about 6MiB larger per architecture than default.
+ */
+def jscFlavor = 'org.webkit:android-jsc:+'
+
+/**
+ * Whether to enable the Hermes VM.
+ *
+ * This should be set on project.ext.react and mirrored here.  If it is not set
+ * on project.ext.react, JavaScript will not be compiled to Hermes Bytecode
+ * and the benefits of using Hermes will therefore be sharply reduced.
+ */
+def enableHermes = project.ext.react.get("enableHermes", false);
+
+android {
+    compileSdkVersion rootProject.ext.compileSdkVersion
+    ndkVersion "21.4.7075529"
+
+    compileOptions {
+        sourceCompatibility JavaVersion.VERSION_1_8
+        targetCompatibility JavaVersion.VERSION_1_8
+    }
+
+    defaultConfig {
+        applicationId "com.rscordmobile"
+        minSdkVersion rootProject.ext.minSdkVersion
+        targetSdkVersion rootProject.ext.targetSdkVersion
+        versionCode 1
+        versionName "1.0"
+    }
+    splits {
+        abi {
+            reset()
+            enable enableSeparateBuildPerCPUArchitecture
+            universalApk false  // If true, also generate a universal APK
+            include "armeabi-v7a", "x86", "arm64-v8a", "x86_64"
+        }
+    }
+    signingConfigs {
+        debug {
+            storeFile file('debug.keystore')
+            storePassword 'android'
+            keyAlias 'androiddebugkey'
+            keyPassword 'android'
+        }
+
+        release {
+            storeFile file("release.keystore")
+            storePassword "hello123"
+            keyAlias "mykey"
+            keyPassword "hello123"
+        }
+    }
+    buildTypes {
+        debug {
+            signingConfig signingConfigs.debug
+        }
+        release {
+            // Caution! In production, you need to generate your own keystore file.
+            // see https://reactnative.dev/docs/signed-apk-android.
+            signingConfig signingConfigs.release
+            minifyEnabled false
+            shrinkResources false
+            proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro"
+        }
+    }
+
+    // applicationVariants are e.g. debug, release
+    applicationVariants.all { variant ->
+        variant.outputs.each { output ->
+            // For each separate APK per architecture, set a unique version code as described here:
+            // https://developer.android.com/studio/build/configure-apk-splits.html
+            def versionCodes = ["armeabi-v7a": 1, "x86": 2, "arm64-v8a": 3, "x86_64": 4]
+            def abi = output.getFilter(OutputFile.ABI)
+            if (abi != null) {  // null for the universal-debug, universal-release variants
+                output.versionCodeOverride =
+                        versionCodes.get(abi) * 1048576 + defaultConfig.versionCode
+            }
+
+        }
+    }
+}
+
+dependencies {
+    implementation fileTree(dir: "libs", include: ["*.jar"])
+    //noinspection GradleDynamicVersion
+    implementation "com.facebook.react:react-native:+"  // From node_modules
+
+    implementation "androidx.swiperefreshlayout:swiperefreshlayout:1.0.0"
+
+    if (enableHermes) {
+        def hermesPath = "../../node_modules/hermes-engine/android/";
+        debugImplementation files(hermesPath + "hermes-debug.aar")
+        releaseImplementation files(hermesPath + "hermes-release.aar")
+    } else {
+        implementation jscFlavor
+    }
+}
+
+// Run this once to be able to run the application with BUCK
+// puts all compile dependencies into folder libs for BUCK to use
+task copyDownloadableDepsToLibs(type: Copy) {
+    from configurations.compile
+    into 'libs'
+}
+
+apply from: file("../../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesAppBuildGradle(project)
--- a/android/app/build_defs.bzl
+++ b/android/app/build_defs.bzl
@ -0,0 +1,19 @@
+"""Helper definitions to glob .aar and .jar targets"""
+
+def create_aar_targets(aarfiles):
+    for aarfile in aarfiles:
+        name = "aars__" + aarfile[aarfile.rindex("/") + 1:aarfile.rindex(".aar")]
+        lib_deps.append(":" + name)
+        android_prebuilt_aar(
+            name = name,
+            aar = aarfile,
+        )
+
+def create_jar_targets(jarfiles):
+    for jarfile in jarfiles:
+        name = "jars__" + jarfile[jarfile.rindex("/") + 1:jarfile.rindex(".jar")]
+        lib_deps.append(":" + name)
+        prebuilt_jar(
+            name = name,
+            binary_jar = jarfile,
+        )
--- a/android/app/debug.keystore
+++ b/android/app/debug.keystore
--- a/android/app/proguard-rules.pro
+++ b/android/app/proguard-rules.pro
@ -0,0 +1,10 @@
+# Add project specific ProGuard rules here.
+# By default, the flags in this file are appended to flags specified
+# in /usr/local/Cellar/android-sdk/24.3.3/tools/proguard/proguard-android.txt
+# You can edit the include path and order by changing the proguardFiles
+# directive in build.gradle.
+#
+# For more details, see
+#   http://developer.android.com/guide/developing/tools/proguard.html
+
+# Add any project specific keep options here:
--- a/android/app/src/debug/AndroidManifest.xml
+++ b/android/app/src/debug/AndroidManifest.xml
@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:tools="http://schemas.android.com/tools">
+
+    <uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW"/>
+
+    <application android:usesCleartextTraffic="true" tools:targetApi="28" tools:ignore="GoogleAppIndexingWarning" />
+</manifest>
--- a/android/app/src/main/AndroidManifest.xml
+++ b/android/app/src/main/AndroidManifest.xml
@ -0,0 +1,27 @@
+<manifest xmlns:android="http://schemas.android.com/apk/res/android"
+  package="com.rscordmobile">
+
+    <uses-permission android:name="android.permission.INTERNET" />
+
+    <application
+      android:name=".MainApplication"
+      android:label="@string/app_name"
+      android:icon="@mipmap/ic_launcher"
+      android:roundIcon="@mipmap/ic_launcher_round"
+      android:allowBackup="false"
+      android:theme="@style/AppTheme">
+      <activity
+        android:name=".MainActivity"
+        android:label="@string/app_name"
+        android:configChanges="keyboard|keyboardHidden|orientation|screenSize|uiMode"
+        android:launchMode="singleTask"
+        android:windowSoftInputMode="adjustResize">
+        <intent-filter>
+            <action android:name="android.intent.action.MAIN" />
+            <category android:name="android.intent.category.LAUNCHER" />
+        </intent-filter>
+      </activity>
+      <activity android:name="com.facebook.react.devsupport.DevSettingsActivity" />
+    </application>
+
+</manifest>
--- a/android/app/src/main/assets/fonts/AntDesign.ttf
+++ b/android/app/src/main/assets/fonts/AntDesign.ttf
--- a/android/app/src/main/assets/fonts/Entypo.ttf
+++ b/android/app/src/main/assets/fonts/Entypo.ttf
--- a/android/app/src/main/assets/fonts/EvilIcons.ttf
+++ b/android/app/src/main/assets/fonts/EvilIcons.ttf
--- a/android/app/src/main/assets/fonts/Feather.ttf
+++ b/android/app/src/main/assets/fonts/Feather.ttf
--- a/android/app/src/main/assets/fonts/FontAwesome.ttf
+++ b/android/app/src/main/assets/fonts/FontAwesome.ttf
--- a/android/app/src/main/assets/fonts/FontAwesome5_Brands.ttf
+++ b/android/app/src/main/assets/fonts/FontAwesome5_Brands.ttf
--- a/android/app/src/main/assets/fonts/FontAwesome5_Regular.ttf
+++ b/android/app/src/main/assets/fonts/FontAwesome5_Regular.ttf
--- a/android/app/src/main/assets/fonts/FontAwesome5_Solid.ttf
+++ b/android/app/src/main/assets/fonts/FontAwesome5_Solid.ttf
--- a/android/app/src/main/assets/fonts/Fontisto.ttf
+++ b/android/app/src/main/assets/fonts/Fontisto.ttf
--- a/android/app/src/main/assets/fonts/Foundation.ttf
+++ b/android/app/src/main/assets/fonts/Foundation.ttf
--- a/android/app/src/main/assets/fonts/Ionicons.ttf
+++ b/android/app/src/main/assets/fonts/Ionicons.ttf
--- a/android/app/src/main/assets/fonts/MaterialCommunityIcons.ttf
+++ b/android/app/src/main/assets/fonts/MaterialCommunityIcons.ttf
--- a/android/app/src/main/assets/fonts/MaterialIcons.ttf
+++ b/android/app/src/main/assets/fonts/MaterialIcons.ttf
--- a/android/app/src/main/assets/fonts/Octicons.ttf
+++ b/android/app/src/main/assets/fonts/Octicons.ttf
--- a/android/app/src/main/assets/fonts/SimpleLineIcons.ttf
+++ b/android/app/src/main/assets/fonts/SimpleLineIcons.ttf
--- a/android/app/src/main/assets/fonts/Zocial.ttf
+++ b/android/app/src/main/assets/fonts/Zocial.ttf
--- a/android/app/src/main/java/com/rscordmobile/CustomSslFactory.java
+++ b/android/app/src/main/java/com/rscordmobile/CustomSslFactory.java
@ -0,0 +1,70 @@
+package com.rscordmobile;
+
+import android.content.Context;
+
+import com.facebook.react.modules.network.OkHttpClientFactory;
+import com.facebook.react.modules.network.OkHttpClientProvider;
+import com.facebook.react.modules.network.ReactCookieJarContainer;
+
+import java.io.InputStream;
+import java.security.KeyStore;
+import java.security.SecureRandom;
+import java.security.cert.Certificate;
+import java.security.cert.CertificateFactory;
+
+import javax.net.ssl.SSLContext;
+import javax.net.ssl.TrustManagerFactory;
+import javax.net.ssl.X509TrustManager;
+
+import okhttp3.OkHttpClient;
+
+public class CustomSslFactory implements OkHttpClientFactory {
+  private final Context context;
+
+  public CustomSslFactory(Context context) {
+    this.context = context;
+  }
+
+  private final int[] certResIds = new int[] {
+    R.raw.isrgrootx1,
+    R.raw.isrgrootx2
+  };
+
+  @Override
+  public OkHttpClient createNewNetworkModuleClient() {
+    try {
+      CertificateFactory cf = CertificateFactory.getInstance("X.509");
+
+      KeyStore keyStore = KeyStore.getInstance(KeyStore.getDefaultType());
+      keyStore.load(null, null);
+
+      for (int i = 0; i < certResIds.length; i++) {
+        InputStream caInput = context.getResources().openRawResource(certResIds[i]);
+        Certificate ca;
+        try {
+          ca = cf.generateCertificate(caInput);
+        } finally {
+          caInput.close();
+        }
+        keyStore.setCertificateEntry("cert_" + i, ca);
+      }
+
+      TrustManagerFactory tmf = TrustManagerFactory.getInstance(TrustManagerFactory.getDefaultAlgorithm());
+      tmf.init(keyStore);
+      X509TrustManager trustManager = (X509TrustManager) tmf.getTrustManagers()[0];
+
+      SSLContext sslContext = SSLContext.getInstance("TLS");
+      sslContext.init(null, tmf.getTrustManagers(), new SecureRandom());
+
+      OkHttpClient client = new OkHttpClient.Builder()
+        .sslSocketFactory(sslContext.getSocketFactory(), trustManager)
+        .hostnameVerifier((hostname, session) -> true)
+        .cookieJar(new ReactCookieJarContainer())
+        .build();
+
+      return client;
+    } catch (Exception e) {
+      throw new RuntimeException("Failed to create custom SSL client", e);
+    }
+  }
+}
--- a/android/app/src/main/java/com/rscordmobile/MainActivity.java
+++ b/android/app/src/main/java/com/rscordmobile/MainActivity.java
@ -0,0 +1,15 @@
+package com.rscordmobile;
+
+import com.facebook.react.ReactActivity;
+
+public class MainActivity extends ReactActivity {
+
+  /**
+   * Returns the name of the main component registered from JavaScript. This is used to schedule
+   * rendering of the component.
+   */
+  @Override
+  protected String getMainComponentName() {
+    return "rscordmobile";
+  }
+}
--- a/android/app/src/main/java/com/rscordmobile/MainApplication.java
+++ b/android/app/src/main/java/com/rscordmobile/MainApplication.java
@ -0,0 +1,50 @@
+package com.rscordmobile;
+import com.facebook.react.modules.network.OkHttpClientProvider;
+import android.app.Application;
+import android.content.Context;
+import android.os.Build;
+import com.facebook.react.PackageList;
+import com.facebook.react.ReactApplication;
+import com.facebook.react.ReactInstanceManager;
+import com.facebook.react.ReactNativeHost;
+import com.facebook.react.ReactPackage;
+import com.facebook.soloader.SoLoader;
+import java.lang.reflect.InvocationTargetException;
+import java.util.List;
+
+public class MainApplication extends Application implements ReactApplication {
+
+  private final ReactNativeHost mReactNativeHost =
+      new ReactNativeHost(this) {
+        @Override
+        public boolean getUseDeveloperSupport() {
+          return BuildConfig.DEBUG;
+        }
+
+        @Override
+        protected List<ReactPackage> getPackages() {
+          @SuppressWarnings("UnnecessaryLocalVariable")
+          List<ReactPackage> packages = new PackageList(this).getPackages();
+          // Packages that cannot be autolinked yet can be added manually here, for example:
+          // packages.add(new MyReactNativePackage());
+          return packages;
+        }
+
+        @Override
+        protected String getJSMainModuleName() {
+          return "index";
+        }
+      };
+
+  @Override
+  public ReactNativeHost getReactNativeHost() {
+    return mReactNativeHost;
+  }
+
+  @Override
+  public void onCreate() {
+    super.onCreate();
+    OkHttpClientProvider.setOkHttpClientFactory(new CustomSslFactory(this));
+    SoLoader.init(this, /* native exopackage */ false);
+  }
+}
--- a/android/app/src/main/res/mipmap-hdpi/ic_launcher.png
+++ b/android/app/src/main/res/mipmap-hdpi/ic_launcher.png
--- a/android/app/src/main/res/mipmap-hdpi/ic_launcher_round.png
+++ b/android/app/src/main/res/mipmap-hdpi/ic_launcher_round.png
--- a/android/app/src/main/res/mipmap-mdpi/ic_launcher.png
+++ b/android/app/src/main/res/mipmap-mdpi/ic_launcher.png
--- a/android/app/src/main/res/mipmap-mdpi/ic_launcher_round.png
+++ b/android/app/src/main/res/mipmap-mdpi/ic_launcher_round.png
--- a/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png
+++ b/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png
--- a/android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png
+++ b/android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png
--- a/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png
+++ b/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png
--- a/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png
+++ b/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png
--- a/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png
+++ b/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png
--- a/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png
+++ b/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png
--- a/android/app/src/main/res/raw/isrgrootx1.pem
+++ b/android/app/src/main/res/raw/isrgrootx1.pem
@ -0,0 +1,31 @@
+-----BEGIN CERTIFICATE-----
+MIIFazCCA1OgAwIBAgIRAIIQz7DSQONZRGPgu2OCiwAwDQYJKoZIhvcNAQELBQAw
+TzELMAkGA1UEBhMCVVMxKTAnBgNVBAoTIEludGVybmV0IFNlY3VyaXR5IFJlc2Vh
+cmNoIEdyb3VwMRUwEwYDVQQDEwxJU1JHIFJvb3QgWDEwHhcNMTUwNjA0MTEwNDM4
+WhcNMzUwNjA0MTEwNDM4WjBPMQswCQYDVQQGEwJVUzEpMCcGA1UEChMgSW50ZXJu
+ZXQgU2VjdXJpdHkgUmVzZWFyY2ggR3JvdXAxFTATBgNVBAMTDElTUkcgUm9vdCBY
+MTCCAiIwDQYJKoZIhvcNAQEBBQADggIPADCCAgoCggIBAK3oJHP0FDfzm54rVygc
+h77ct984kIxuPOZXoHj3dcKi/vVqbvYATyjb3miGbESTtrFj/RQSa78f0uoxmyF+
+0TM8ukj13Xnfs7j/EvEhmkvBioZxaUpmZmyPfjxwv60pIgbz5MDmgK7iS4+3mX6U
+A5/TR5d8mUgjU+g4rk8Kb4Mu0UlXjIB0ttov0DiNewNwIRt18jA8+o+u3dpjq+sW
+T8KOEUt+zwvo/7V3LvSye0rgTBIlDHCNAymg4VMk7BPZ7hm/ELNKjD+Jo2FR3qyH
+B5T0Y3HsLuJvW5iB4YlcNHlsdu87kGJ55tukmi8mxdAQ4Q7e2RCOFvu396j3x+UC
+B5iPNgiV5+I3lg02dZ77DnKxHZu8A/lJBdiB3QW0KtZB6awBdpUKD9jf1b0SHzUv
+KBds0pjBqAlkd25HN7rOrFleaJ1/ctaJxQZBKT5ZPt0m9STJEadao0xAH0ahmbWn
+OlFuhjuefXKnEgV4We0+UXgVCwOPjdAvBbI+e0ocS3MFEvzG6uBQE3xDk3SzynTn
+jh8BCNAw1FtxNrQHusEwMFxIt4I7mKZ9YIqioymCzLq9gwQbooMDQaHWBfEbwrbw
+qHyGO0aoSCqI3Haadr8faqU9GY/rOPNk3sgrDQoo//fb4hVC1CLQJ13hef4Y53CI
+rU7m2Ys6xt0nUW7/vGT1M0NPAgMBAAGjQjBAMA4GA1UdDwEB/wQEAwIBBjAPBgNV
+HRMBAf8EBTADAQH/MB0GA1UdDgQWBBR5tFnme7bl5AFzgAiIyBpY9umbbjANBgkq
+hkiG9w0BAQsFAAOCAgEAVR9YqbyyqFDQDLHYGmkgJykIrGF1XIpu+ILlaS/V9lZL
+ubhzEFnTIZd+50xx+7LSYK05qAvqFyFWhfFQDlnrzuBZ6brJFe+GnY+EgPbk6ZGQ
+3BebYhtF8GaV0nxvwuo77x/Py9auJ/GpsMiu/X1+mvoiBOv/2X/qkSsisRcOj/KK
+NFtY2PwByVS5uCbMiogziUwthDyC3+6WVwW6LLv3xLfHTjuCvjHIInNzktHCgKQ5
+ORAzI4JMPJ+GslWYHb4phowim57iaztXOoJwTdwJx4nLCgdNbOhdjsnvzqvHu7Ur
+TkXWStAmzOVyyghqpZXjFaH3pO3JLF+l+/+sKAIuvtd7u+Nxe5AW0wdeRlN8NwdC
+jNPElpzVmbUq4JUagEiuTDkHzsxHpFKVK7q4+63SM1N95R1NbdWhscdCb+ZAJzVc
+oyi3B43njTOQ5yOf+1CceWxG1bQVs5ZufpsMljq4Ui0/1lvh+wjChP4kqKOJ2qxq
+4RgqsahDYVvTH9w7jXbyLeiNdd8XM2w9U/t7y0Ff/9yi0GE44Za4rF2LN9d11TPA
+mRGunUHBcnWEvgJBQl9nJEiU0Zsnvgc/ubhPgXRR4Xq37Z0j4r7g1SgEEzwxA57d
+emyPxgcYxn/eR44/KJ4EBs+lVDR3veyJm+kXQ99b21/+jh5Xos1AnX5iItreGCc=
+-----END CERTIFICATE-----
--- a/android/app/src/main/res/raw/isrgrootx2.pem
+++ b/android/app/src/main/res/raw/isrgrootx2.pem
@ -0,0 +1,14 @@
+-----BEGIN CERTIFICATE-----
+MIICGzCCAaGgAwIBAgIQQdKd0XLq7qeAwSxs6S+HUjAKBggqhkjOPQQDAzBPMQsw
+CQYDVQQGEwJVUzEpMCcGA1UEChMgSW50ZXJuZXQgU2VjdXJpdHkgUmVzZWFyY2gg
+R3JvdXAxFTATBgNVBAMTDElTUkcgUm9vdCBYMjAeFw0yMDA5MDQwMDAwMDBaFw00
+MDA5MTcxNjAwMDBaME8xCzAJBgNVBAYTAlVTMSkwJwYDVQQKEyBJbnRlcm5ldCBT
+ZWN1cml0eSBSZXNlYXJjaCBHcm91cDEVMBMGA1UEAxMMSVNSRyBSb290IFgyMHYw
+EAYHKoZIzj0CAQYFK4EEACIDYgAEzZvVn4CDCuwJSvMWSj5cz3es3mcFDR0HttwW
+1qLFNvicWDEukWVEYmO6gbf9yoWHKS5xcUy4APgHoIYOIvXRdgKam7mAHf7AlF9
+ItgKbppbd9/w+kHsOdx1ymgHDB/qo0IwQDAOBgNVHQ8BAf8EBAMCAQYwDwYDVR0T
+AQH/BAUwAwEB/zAdBgNVHQ4EFgQUfEKWrt5LSDv6kviejM9ti6lyN5UwCgYIKoZI
+zj0EAwMDaAAwZQIwe3lORlCEwkSHRhtFcP9Ymd70/aTSVaYgLXTWNLxBo1BfASdW
+tL4ndQavEi51mI38AjEAi/V3bNTIZargCyzuFJ0nN6T5U6VR5CmD1/iQMVtCnwr1
+/q4AaOeMSQ+2b1tbFfLn
+-----END CERTIFICATE-----
--- a/android/app/src/main/res/values/strings.xml
+++ b/android/app/src/main/res/values/strings.xml
@ -0,0 +1,3 @@
+<resources>
+    <string name="app_name">RSCord</string>
+</resources>
--- a/android/app/src/main/res/values/styles.xml
+++ b/android/app/src/main/res/values/styles.xml
@ -0,0 +1,9 @@
+<resources>
+
+    <!-- Base application theme. -->
+    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
+        <!-- Customize your theme here. -->
+        <item name="android:textColor">#000000</item>
+    </style>
+
+</resources>
--- a/android/build.gradle
+++ b/android/build.gradle
@ -0,0 +1,38 @@
+// Top-level build file where you can add configuration options common to all sub-projects/modules.
+
+buildscript {
+    ext {
+        buildToolsVersion = "29.0.2"
+        minSdkVersion = 16
+        compileSdkVersion = 29
+        targetSdkVersion = 29
+        kotlinVersion = "1.5.31"
+    }
+    repositories {
+        google()
+        jcenter()
+    }
+    dependencies {
+        classpath("com.android.tools.build:gradle:3.5.3")
+        // NOTE: Do not place your application dependencies here; they belong
+        // in the individual module build.gradle files
+    }
+}
+
+allprojects {
+    repositories {
+        mavenLocal()
+        maven {
+            // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm
+            url("$rootDir/../node_modules/react-native/android")
+        }
+        maven {
+            // Android JSC is installed from npm
+            url("$rootDir/../node_modules/jsc-android/dist")
+        }
+
+        google()
+        jcenter()
+        maven { url 'https://www.jitpack.io' }
+    }
+}
--- a/android/gradle.properties
+++ b/android/gradle.properties
@ -0,0 +1,28 @@
+# Project-wide Gradle settings.
+
+# IDE (e.g. Android Studio) users:
+# Gradle settings configured through the IDE *will override*
+# any settings specified in this file.
+
+# For more details on how to configure your build environment visit
+# http://www.gradle.org/docs/current/userguide/build_environment.html
+
+# Specifies the JVM arguments used for the daemon process.
+# The setting is particularly useful for tweaking memory settings.
+# Default value: -Xmx10248m -XX:MaxPermSize=256m
+# org.gradle.jvmargs=-Xmx2048m -XX:MaxPermSize=512m -XX:+HeapDumpOnOutOfMemoryError -Dfile.encoding=UTF-8
+
+# When configured, Gradle will run in incubating parallel mode.
+# This option should only be used with decoupled projects. More details, visit
+# http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects
+# org.gradle.parallel=true
+
+# AndroidX package structure to make it clearer which packages are bundled with the
+# Android operating system, and which are packaged with your app's APK
+# https://developer.android.com/topic/libraries/support-library/androidx-rn
+android.useAndroidX=true
+# Automatically convert third-party libraries to use AndroidX
+android.enableJetifier=true
+
+# Version of flipper SDK to use with React Native
+FLIPPER_VERSION=0.54.0
--- a/android/gradle/wrapper/gradle-wrapper.jar
+++ b/android/gradle/wrapper/gradle-wrapper.jar
--- a/android/gradle/wrapper/gradle-wrapper.properties
+++ b/android/gradle/wrapper/gradle-wrapper.properties
@ -0,0 +1,5 @@
+distributionBase=GRADLE_USER_HOME
+distributionPath=wrapper/dists
+distributionUrl=https\://services.gradle.org/distributions/gradle-6.2-all.zip
+zipStoreBase=GRADLE_USER_HOME
+zipStorePath=wrapper/dists
--- a/android/gradlew
+++ b/android/gradlew
@ -0,0 +1,183 @@
+#!/usr/bin/env sh
+
+#
+# Copyright 2015 the original author or authors.
+#
+# Licensed under the Apache License, Version 2.0 (the "License");
+# you may not use this file except in compliance with the License.
+# You may obtain a copy of the License at
+#
+#      https://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+#
+
+##############################################################################
+##
+##  Gradle start up script for UN*X
+##
+##############################################################################
+
+# Attempt to set APP_HOME
+# Resolve links: $0 may be a link
+PRG="$0"
+# Need this for relative symlinks.
+while [ -h "$PRG" ] ; do
+    ls=`ls -ld "$PRG"`
+    link=`expr "$ls" : '.*-> \(.*\)$'`
+    if expr "$link" : '/.*' > /dev/null; then
+        PRG="$link"
+    else
+        PRG=`dirname "$PRG"`"/$link"
+    fi
+done
+SAVED="`pwd`"
+cd "`dirname \"$PRG\"`/" >/dev/null
+APP_HOME="`pwd -P`"
+cd "$SAVED" >/dev/null
+
+APP_NAME="Gradle"
+APP_BASE_NAME=`basename "$0"`
+
+# Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
+DEFAULT_JVM_OPTS='"-Xmx64m" "-Xms64m"'
+
+# Use the maximum available, or set MAX_FD != -1 to use that value.
+MAX_FD="maximum"
+
+warn () {
+    echo "$*"
+}
+
+die () {
+    echo
+    echo "$*"
+    echo
+    exit 1
+}
+
+# OS specific support (must be 'true' or 'false').
+cygwin=false
+msys=false
+darwin=false
+nonstop=false
+case "`uname`" in
+  CYGWIN* )
+    cygwin=true
+    ;;
+  Darwin* )
+    darwin=true
+    ;;
+  MINGW* )
+    msys=true
+    ;;
+  NONSTOP* )
+    nonstop=true
+    ;;
+esac
+
+CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar
+
+# Determine the Java command to use to start the JVM.
+if [ -n "$JAVA_HOME" ] ; then
+    if [ -x "$JAVA_HOME/jre/sh/java" ] ; then
+        # IBM's JDK on AIX uses strange locations for the executables
+        JAVACMD="$JAVA_HOME/jre/sh/java"
+    else
+        JAVACMD="$JAVA_HOME/bin/java"
+    fi
+    if [ ! -x "$JAVACMD" ] ; then
+        die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME
+
+Please set the JAVA_HOME variable in your environment to match the
+location of your Java installation."
+    fi
+else
+    JAVACMD="java"
+    which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
+
+Please set the JAVA_HOME variable in your environment to match the
+location of your Java installation."
+fi
+
+# Increase the maximum file descriptors if we can.
+if [ "$cygwin" = "false" -a "$darwin" = "false" -a "$nonstop" = "false" ] ; then
+    MAX_FD_LIMIT=`ulimit -H -n`
+    if [ $? -eq 0 ] ; then
+        if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then
+            MAX_FD="$MAX_FD_LIMIT"
+        fi
+        ulimit -n $MAX_FD
+        if [ $? -ne 0 ] ; then
+            warn "Could not set maximum file descriptor limit: $MAX_FD"
+        fi
+    else
+        warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT"
+    fi
+fi
+
+# For Darwin, add options to specify how the application appears in the dock
+if $darwin; then
+    GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\""
+fi
+
+# For Cygwin or MSYS, switch paths to Windows format before running java
+if [ "$cygwin" = "true" -o "$msys" = "true" ] ; then
+    APP_HOME=`cygpath --path --mixed "$APP_HOME"`
+    CLASSPATH=`cygpath --path --mixed "$CLASSPATH"`
+    JAVACMD=`cygpath --unix "$JAVACMD"`
+
+    # We build the pattern for arguments to be converted via cygpath
+    ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null`
+    SEP=""
+    for dir in $ROOTDIRSRAW ; do
+        ROOTDIRS="$ROOTDIRS$SEP$dir"
+        SEP="|"
+    done
+    OURCYGPATTERN="(^($ROOTDIRS))"
+    # Add a user-defined pattern to the cygpath arguments
+    if [ "$GRADLE_CYGPATTERN" != "" ] ; then
+        OURCYGPATTERN="$OURCYGPATTERN|($GRADLE_CYGPATTERN)"
+    fi
+    # Now convert the arguments - kludge to limit ourselves to /bin/sh
+    i=0
+    for arg in "$@" ; do
+        CHECK=`echo "$arg"|egrep -c "$OURCYGPATTERN" -`
+        CHECK2=`echo "$arg"|egrep -c "^-"`                                 ### Determine if an option
+
+        if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then                    ### Added a condition
+            eval `echo args$i`=`cygpath --path --ignore --mixed "$arg"`
+        else
+            eval `echo args$i`="\"$arg\""
+        fi
+        i=`expr $i + 1`
+    done
+    case $i in
+        0) set -- ;;
+        1) set -- "$args0" ;;
+        2) set -- "$args0" "$args1" ;;
+        3) set -- "$args0" "$args1" "$args2" ;;
+        4) set -- "$args0" "$args1" "$args2" "$args3" ;;
+        5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;;
+        6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;;
+        7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;;
+        8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;;
+        9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;;
+    esac
+fi
+
+# Escape application args
+save () {
+    for i do printf %s\\n "$i" | sed "s/'/'\\\\''/g;1s/^/'/;\$s/\$/' \\\\/" ; done
+    echo " "
+}
+APP_ARGS=`save "$@"`
+
+# Collect all arguments for the java command, following the shell quoting and substitution rules
+eval set -- $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS "\"-Dorg.gradle.appname=$APP_BASE_NAME\"" -classpath "\"$CLASSPATH\"" org.gradle.wrapper.GradleWrapperMain "$APP_ARGS"
+
+exec "$JAVACMD" "$@"
--- a/android/gradlew.bat
+++ b/android/gradlew.bat
@ -0,0 +1,103 @@
+@rem
+@rem Copyright 2015 the original author or authors.
+@rem
+@rem Licensed under the Apache License, Version 2.0 (the "License");
+@rem you may not use this file except in compliance with the License.
+@rem You may obtain a copy of the License at
+@rem
+@rem      https://www.apache.org/licenses/LICENSE-2.0
+@rem
+@rem Unless required by applicable law or agreed to in writing, software
+@rem distributed under the License is distributed on an "AS IS" BASIS,
+@rem WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+@rem See the License for the specific language governing permissions and
+@rem limitations under the License.
+@rem
+
+@if "%DEBUG%" == "" @echo off
+@rem ##########################################################################
+@rem
+@rem  Gradle startup script for Windows
+@rem
+@rem ##########################################################################
+
+@rem Set local scope for the variables with windows NT shell
+if "%OS%"=="Windows_NT" setlocal
+
+set DIRNAME=%~dp0
+if "%DIRNAME%" == "" set DIRNAME=.
+set APP_BASE_NAME=%~n0
+set APP_HOME=%DIRNAME%
+
+@rem Resolve any "." and ".." in APP_HOME to make it shorter.
+for %%i in ("%APP_HOME%") do set APP_HOME=%%~fi
+
+@rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
+set DEFAULT_JVM_OPTS="-Xmx64m" "-Xms64m"
+
+@rem Find java.exe
+if defined JAVA_HOME goto findJavaFromJavaHome
+
+set JAVA_EXE=java.exe
+%JAVA_EXE% -version >NUL 2>&1
+if "%ERRORLEVEL%" == "0" goto init
+
+echo.
+echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
+echo.
+echo Please set the JAVA_HOME variable in your environment to match the
+echo location of your Java installation.
+
+goto fail
+
+:findJavaFromJavaHome
+set JAVA_HOME=%JAVA_HOME:"=%
+set JAVA_EXE=%JAVA_HOME%/bin/java.exe
+
+if exist "%JAVA_EXE%" goto init
+
+echo.
+echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME%
+echo.
+echo Please set the JAVA_HOME variable in your environment to match the
+echo location of your Java installation.
+
+goto fail
+
+:init
+@rem Get command-line arguments, handling Windows variants
+
+if not "%OS%" == "Windows_NT" goto win9xME_args
+
+:win9xME_args
+@rem Slurp the command line arguments.
+set CMD_LINE_ARGS=
+set _SKIP=2
+
+:win9xME_args_slurp
+if "x%~1" == "x" goto execute
+
+set CMD_LINE_ARGS=%*
+
+:execute
+@rem Setup the command line
+
+set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar
+
+@rem Execute Gradle
+"%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %CMD_LINE_ARGS%
+
+:end
+@rem End local scope for the variables with windows NT shell
+if "%ERRORLEVEL%"=="0" goto mainEnd
+
+:fail
+rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of
+rem the _cmd.exe /c_ return code!
+if  not "" == "%GRADLE_EXIT_CONSOLE%" exit 1
+exit /b 1
+
+:mainEnd
+if "%OS%"=="Windows_NT" endlocal
+
+:omega
--- a/android/settings.gradle
+++ b/android/settings.gradle
@ -0,0 +1,3 @@
+rootProject.name = 'rscordmobile'
+apply from: file("../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesSettingsGradle(settings)
+include ':app'
--- a/app.json
+++ b/app.json
@ -0,0 +1,4 @@
+{
+  "name": "rscordmobile",
+  "displayName": "RSCord"
+}
--- a/assets/default.png
+++ b/assets/default.png
--- a/babel.config.js
+++ b/babel.config.js
@ -0,0 +1,3 @@
+module.exports = {
+  presets: ['module:metro-react-native-babel-preset'],
+};
--- a/index.js
+++ b/index.js
@ -0,0 +1,9 @@
+/**
+ * @format
+ */
+
+import {AppRegistry} from 'react-native';
+import App from './src/App';
+import {name as appName} from './app.json';
+
+AppRegistry.registerComponent(appName, () => App);
--- a/ios/Podfile
+++ b/ios/Podfile
@ -0,0 +1,33 @@
+require_relative '../node_modules/react-native/scripts/react_native_pods'
+require_relative '../node_modules/@react-native-community/cli-platform-ios/native_modules'
+
+platform :ios, '10.0'
+
+target 'rscordmobile' do
+  config = use_native_modules!
+
+  use_react_native!(:path => config["reactNativePath"])
+
+  target 'rscordmobileTests' do
+    inherit! :complete
+    # Pods for testing
+  end
+
+  # Enables Flipper.
+  #
+  # Note that if you have use_frameworks! enabled, Flipper will not work and
+  # you should disable these next few lines.
+  use_flipper!
+  post_install do |installer|
+    flipper_post_install(installer)
+  end
+end
+
+target 'rscordmobile-tvOS' do
+  # Pods for rscordmobile-tvOS
+
+  target 'rscordmobile-tvOSTests' do
+    inherit! :search_paths
+    # Pods for testing
+  end
+end
--- a/ios/rscordmobile-tvOS/Info.plist
+++ b/ios/rscordmobile-tvOS/Info.plist
@ -0,0 +1,53 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>CFBundleDevelopmentRegion</key>
+	<string>en</string>
+	<key>CFBundleExecutable</key>
+	<string>$(EXECUTABLE_NAME)</string>
+	<key>CFBundleIdentifier</key>
+	<string>$(PRODUCT_BUNDLE_IDENTIFIER)</string>
+	<key>CFBundleInfoDictionaryVersion</key>
+	<string>6.0</string>
+	<key>CFBundleName</key>
+	<string>$(PRODUCT_NAME)</string>
+	<key>CFBundlePackageType</key>
+	<string>APPL</string>
+	<key>CFBundleShortVersionString</key>
+	<string>1.0</string>
+	<key>CFBundleSignature</key>
+	<string>????</string>
+	<key>CFBundleVersion</key>
+	<string>1</string>
+	<key>LSRequiresIPhoneOS</key>
+	<true/>
+	<key>NSAppTransportSecurity</key>
+	<dict>
+		<key>NSExceptionDomains</key>
+		<dict>
+			<key>localhost</key>
+			<dict>
+				<key>NSExceptionAllowsInsecureHTTPLoads</key>
+				<true/>
+			</dict>
+		</dict>
+	</dict>
+	<key>NSLocationWhenInUseUsageDescription</key>
+	<string></string>
+	<key>UILaunchStoryboardName</key>
+	<string>LaunchScreen</string>
+	<key>UIRequiredDeviceCapabilities</key>
+	<array>
+		<string>armv7</string>
+	</array>
+	<key>UISupportedInterfaceOrientations</key>
+	<array>
+		<string>UIInterfaceOrientationPortrait</string>
+		<string>UIInterfaceOrientationLandscapeLeft</string>
+		<string>UIInterfaceOrientationLandscapeRight</string>
+	</array>
+	<key>UIViewControllerBasedStatusBarAppearance</key>
+	<false/>
+</dict>
+</plist>
--- a/ios/rscordmobile-tvOSTests/Info.plist
+++ b/ios/rscordmobile-tvOSTests/Info.plist
@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>CFBundleDevelopmentRegion</key>
+	<string>en</string>
+	<key>CFBundleExecutable</key>
+	<string>$(EXECUTABLE_NAME)</string>
+	<key>CFBundleIdentifier</key>
+	<string>$(PRODUCT_BUNDLE_IDENTIFIER)</string>
+	<key>CFBundleInfoDictionaryVersion</key>
+	<string>6.0</string>
+	<key>CFBundleName</key>
+	<string>$(PRODUCT_NAME)</string>
+	<key>CFBundlePackageType</key>
+	<string>BNDL</string>
+	<key>CFBundleShortVersionString</key>
+	<string>1.0</string>
+	<key>CFBundleSignature</key>
+	<string>????</string>
+	<key>CFBundleVersion</key>
+	<string>1</string>
+</dict>
+</plist>
--- a/ios/rscordmobile.xcodeproj/project.pbxproj
+++ b/ios/rscordmobile.xcodeproj/project.pbxproj
@ -0,0 +1,864 @@
+// !$*UTF8*$!
+{
+	archiveVersion = 1;
+	classes = {
+	};
+	objectVersion = 46;
+	objects = {
+
+/* Begin PBXBuildFile section */
+		00E356F31AD99517003FC87E /* rscordmobileTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 00E356F21AD99517003FC87E /* rscordmobileTests.m */; };
+		13B07FBC1A68108700A75B9A /* AppDelegate.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB01A68108700A75B9A /* AppDelegate.m */; };
+		13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB51A68108700A75B9A /* Images.xcassets */; };
+		13B07FC11A68108700A75B9A /* main.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB71A68108700A75B9A /* main.m */; };
+		2D02E4BC1E0B4A80006451C7 /* AppDelegate.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB01A68108700A75B9A /* AppDelegate.m */; };
+		2D02E4BD1E0B4A84006451C7 /* Images.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB51A68108700A75B9A /* Images.xcassets */; };
+		2D02E4BF1E0B4AB3006451C7 /* main.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB71A68108700A75B9A /* main.m */; };
+		2DCD954D1E0B4F2C00145EB5 /* rscordmobileTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 00E356F21AD99517003FC87E /* rscordmobileTests.m */; };
+		81AB9BB82411601600AC10FF /* LaunchScreen.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 81AB9BB72411601600AC10FF /* LaunchScreen.storyboard */; };
+		F7BE3D792C2E4DC58E90ABF5 /* AntDesign.ttf in Resources */ = {isa = PBXBuildFile; fileRef = A3761874690940CDB0C2ED0F /* AntDesign.ttf */; };
+		49B9739DC997434F94410E83 /* Entypo.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 36870DC4AA474B43A270B090 /* Entypo.ttf */; };
+		7B565871E024410C87BDA1DB /* EvilIcons.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 67F1750AB3F640CC83852C1D /* EvilIcons.ttf */; };
+		60E8A96BAEDA4F929F32D1B5 /* Feather.ttf in Resources */ = {isa = PBXBuildFile; fileRef = AFF449BE58C54875BBC09A9C /* Feather.ttf */; };
+		F46857FBBD984767B6784299 /* FontAwesome.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 7A55FFBB2BD74831A57E54C1 /* FontAwesome.ttf */; };
+		94F9402AEC294D5CBE1C1C71 /* FontAwesome5_Brands.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 318607E923EB4E29A682CD98 /* FontAwesome5_Brands.ttf */; };
+		4C10D13D59BB45EE8021F275 /* FontAwesome5_Regular.ttf in Resources */ = {isa = PBXBuildFile; fileRef = A2FE77CE54D64A11B66B5053 /* FontAwesome5_Regular.ttf */; };
+		9FB025F6F45346A6B4AF91BB /* FontAwesome5_Solid.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 4E8D2B3455E84437BDD3C1E6 /* FontAwesome5_Solid.ttf */; };
+		BA96AE0964E444239BD47AB0 /* Fontisto.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 831621AADBCD497A90DAB148 /* Fontisto.ttf */; };
+		9D4E8E7D24C5414C9051FDE6 /* Foundation.ttf in Resources */ = {isa = PBXBuildFile; fileRef = CCD5629B1EFD4D7CB3A3DC25 /* Foundation.ttf */; };
+		8E9AFBECA5364FBE938D0D14 /* Ionicons.ttf in Resources */ = {isa = PBXBuildFile; fileRef = AC9C08CA4DE244A9AC34958B /* Ionicons.ttf */; };
+		0C85246C174B47A085322B99 /* MaterialCommunityIcons.ttf in Resources */ = {isa = PBXBuildFile; fileRef = AD981D8380834D5684512CB5 /* MaterialCommunityIcons.ttf */; };
+		F3BF7F8AAB9840AE96BE3B41 /* MaterialIcons.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 376792C03FAC4281B3F3029E /* MaterialIcons.ttf */; };
+		19E713242B5946EF83998346 /* Octicons.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 47F050A67FED44AFB958E122 /* Octicons.ttf */; };
+		20EECA358ABD4899AA0FF08F /* SimpleLineIcons.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 6B01B76C344A4E998C7E1BAB /* SimpleLineIcons.ttf */; };
+		AC351ABD5D9B4514827C3EA1 /* Zocial.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 03A67748DED3445B85A3D586 /* Zocial.ttf */; };
+/* End PBXBuildFile section */
+
+/* Begin PBXContainerItemProxy section */
+		00E356F41AD99517003FC87E /* PBXContainerItemProxy */ = {
+			isa = PBXContainerItemProxy;
+			containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */;
+			proxyType = 1;
+			remoteGlobalIDString = 13B07F861A680F5B00A75B9A;
+			remoteInfo = rscordmobile;
+		};
+		2D02E4911E0B4A5D006451C7 /* PBXContainerItemProxy */ = {
+			isa = PBXContainerItemProxy;
+			containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */;
+			proxyType = 1;
+			remoteGlobalIDString = 2D02E47A1E0B4A5D006451C7;
+			remoteInfo = "rscordmobile-tvOS";
+		};
+/* End PBXContainerItemProxy section */
+
+/* Begin PBXFileReference section */
+		008F07F21AC5B25A0029DE68 /* main.jsbundle */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text; path = main.jsbundle; sourceTree = "<group>"; };
+		00E356EE1AD99517003FC87E /* rscordmobileTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = rscordmobileTests.xctest; sourceTree = BUILT_PRODUCTS_DIR; };
+		00E356F11AD99517003FC87E /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = "<group>"; };
+		00E356F21AD99517003FC87E /* rscordmobileTests.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = rscordmobileTests.m; sourceTree = "<group>"; };
+		13B07F961A680F5B00A75B9A /* rscordmobile.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = rscordmobile.app; sourceTree = BUILT_PRODUCTS_DIR; };
+		13B07FAF1A68108700A75B9A /* AppDelegate.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = AppDelegate.h; path = rscordmobile/AppDelegate.h; sourceTree = "<group>"; };
+		13B07FB01A68108700A75B9A /* AppDelegate.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = AppDelegate.m; path = rscordmobile/AppDelegate.m; sourceTree = "<group>"; };
+		13B07FB51A68108700A75B9A /* Images.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; name = Images.xcassets; path = rscordmobile/Images.xcassets; sourceTree = "<group>"; };
+		13B07FB61A68108700A75B9A /* Info.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = Info.plist; path = rscordmobile/Info.plist; sourceTree = "<group>"; };
+		13B07FB71A68108700A75B9A /* main.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = main.m; path = rscordmobile/main.m; sourceTree = "<group>"; };
+		2D02E47B1E0B4A5D006451C7 /* rscordmobile-tvOS.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = "rscordmobile-tvOS.app"; sourceTree = BUILT_PRODUCTS_DIR; };
+		2D02E4901E0B4A5D006451C7 /* rscordmobile-tvOSTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = "rscordmobile-tvOSTests.xctest"; sourceTree = BUILT_PRODUCTS_DIR; };
+		81AB9BB72411601600AC10FF /* LaunchScreen.storyboard */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = file.storyboard; name = LaunchScreen.storyboard; path = rscordmobile/LaunchScreen.storyboard; sourceTree = "<group>"; };
+		ED297162215061F000B7C4FE /* JavaScriptCore.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = JavaScriptCore.framework; path = System/Library/Frameworks/JavaScriptCore.framework; sourceTree = SDKROOT; };
+		ED2971642150620600B7C4FE /* JavaScriptCore.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = JavaScriptCore.framework; path = Platforms/AppleTVOS.platform/Developer/SDKs/AppleTVOS12.0.sdk/System/Library/Frameworks/JavaScriptCore.framework; sourceTree = DEVELOPER_DIR; };
+		A3761874690940CDB0C2ED0F /* AntDesign.ttf */ = {isa = PBXFileReference; name = "AntDesign.ttf"; path = "../node_modules/react-native-vector-icons/Fonts/AntDesign.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		36870DC4AA474B43A270B090 /* Entypo.ttf */ = {isa = PBXFileReference; name = "Entypo.ttf"; path = "../node_modules/react-native-vector-icons/Fonts/Entypo.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		67F1750AB3F640CC83852C1D /* EvilIcons.ttf */ = {isa = PBXFileReference; name = "EvilIcons.ttf"; path = "../node_modules/react-native-vector-icons/Fonts/EvilIcons.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		AFF449BE58C54875BBC09A9C /* Feather.ttf */ = {isa = PBXFileReference; name = "Feather.ttf"; path = "../node_modules/react-native-vector-icons/Fonts/Feather.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		7A55FFBB2BD74831A57E54C1 /* FontAwesome.ttf */ = {isa = PBXFileReference; name = "FontAwesome.ttf"; path = "../node_modules/react-native-vector-icons/Fonts/FontAwesome.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		318607E923EB4E29A682CD98 /* FontAwesome5_Brands.ttf */ = {isa = PBXFileReference; name = "FontAwesome5_Brands.ttf"; path = "../node_modules/react-native-vector-icons/Fonts/FontAwesome5_Brands.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		A2FE77CE54D64A11B66B5053 /* FontAwesome5_Regular.ttf */ = {isa = PBXFileReference; name = "FontAwesome5_Regular.ttf"; path = "../node_modules/react-native-vector-icons/Fonts/FontAwesome5_Regular.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		4E8D2B3455E84437BDD3C1E6 /* FontAwesome5_Solid.ttf */ = {isa = PBXFileReference; name = "FontAwesome5_Solid.ttf"; path = "../node_modules/react-native-vector-icons/Fonts/FontAwesome5_Solid.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		831621AADBCD497A90DAB148 /* Fontisto.ttf */ = {isa = PBXFileReference; name = "Fontisto.ttf"; path = "../node_modules/react-native-vector-icons/Fonts/Fontisto.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		CCD5629B1EFD4D7CB3A3DC25 /* Foundation.ttf */ = {isa = PBXFileReference; name = "Foundation.ttf"; path = "../node_modules/react-native-vector-icons/Fonts/Foundation.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		AC9C08CA4DE244A9AC34958B /* Ionicons.ttf */ = {isa = PBXFileReference; name = "Ionicons.ttf"; path = "../node_modules/react-native-vector-icons/Fonts/Ionicons.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		AD981D8380834D5684512CB5 /* MaterialCommunityIcons.ttf */ = {isa = PBXFileReference; name = "MaterialCommunityIcons.ttf"; path = "../node_modules/react-native-vector-icons/Fonts/MaterialCommunityIcons.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		376792C03FAC4281B3F3029E /* MaterialIcons.ttf */ = {isa = PBXFileReference; name = "MaterialIcons.ttf"; path = "../node_modules/react-native-vector-icons/Fonts/MaterialIcons.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		47F050A67FED44AFB958E122 /* Octicons.ttf */ = {isa = PBXFileReference; name = "Octicons.ttf"; path = "../node_modules/react-native-vector-icons/Fonts/Octicons.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		6B01B76C344A4E998C7E1BAB /* SimpleLineIcons.ttf */ = {isa = PBXFileReference; name = "SimpleLineIcons.ttf"; path = "../node_modules/react-native-vector-icons/Fonts/SimpleLineIcons.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		03A67748DED3445B85A3D586 /* Zocial.ttf */ = {isa = PBXFileReference; name = "Zocial.ttf"; path = "../node_modules/react-native-vector-icons/Fonts/Zocial.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+/* End PBXFileReference section */
+
+/* Begin PBXFrameworksBuildPhase section */
+		00E356EB1AD99517003FC87E /* Frameworks */ = {
+			isa = PBXFrameworksBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+		13B07F8C1A680F5B00A75B9A /* Frameworks */ = {
+			isa = PBXFrameworksBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+		2D02E4781E0B4A5D006451C7 /* Frameworks */ = {
+			isa = PBXFrameworksBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+		2D02E48D1E0B4A5D006451C7 /* Frameworks */ = {
+			isa = PBXFrameworksBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+/* End PBXFrameworksBuildPhase section */
+
+/* Begin PBXGroup section */
+		00E356EF1AD99517003FC87E /* rscordmobileTests */ = {
+			isa = PBXGroup;
+			children = (
+				00E356F21AD99517003FC87E /* rscordmobileTests.m */,
+				00E356F01AD99517003FC87E /* Supporting Files */,
+			);
+			path = rscordmobileTests;
+			sourceTree = "<group>";
+		};
+		00E356F01AD99517003FC87E /* Supporting Files */ = {
+			isa = PBXGroup;
+			children = (
+				00E356F11AD99517003FC87E /* Info.plist */,
+			);
+			name = "Supporting Files";
+			sourceTree = "<group>";
+		};
+		13B07FAE1A68108700A75B9A /* rscordmobile */ = {
+			isa = PBXGroup;
+			children = (
+				008F07F21AC5B25A0029DE68 /* main.jsbundle */,
+				13B07FAF1A68108700A75B9A /* AppDelegate.h */,
+				13B07FB01A68108700A75B9A /* AppDelegate.m */,
+				13B07FB51A68108700A75B9A /* Images.xcassets */,
+				13B07FB61A68108700A75B9A /* Info.plist */,
+				81AB9BB72411601600AC10FF /* LaunchScreen.storyboard */,
+				13B07FB71A68108700A75B9A /* main.m */,
+			);
+			name = rscordmobile;
+			sourceTree = "<group>";
+		};
+		2D16E6871FA4F8E400B85C8A /* Frameworks */ = {
+			isa = PBXGroup;
+			children = (
+				ED297162215061F000B7C4FE /* JavaScriptCore.framework */,
+				ED2971642150620600B7C4FE /* JavaScriptCore.framework */,
+			);
+			name = Frameworks;
+			sourceTree = "<group>";
+		};
+		832341AE1AAA6A7D00B99B32 /* Libraries */ = {
+			isa = PBXGroup;
+			children = (
+			);
+			name = Libraries;
+			sourceTree = "<group>";
+		};
+		83CBB9F61A601CBA00E9B192 = {
+			isa = PBXGroup;
+			children = (
+				13B07FAE1A68108700A75B9A /* rscordmobile */,
+				832341AE1AAA6A7D00B99B32 /* Libraries */,
+				00E356EF1AD99517003FC87E /* rscordmobileTests */,
+				83CBBA001A601CBA00E9B192 /* Products */,
+				2D16E6871FA4F8E400B85C8A /* Frameworks */,
+				15D7DDD40F6B4F208F733013 /* Resources */,
+			);
+			indentWidth = 2;
+			sourceTree = "<group>";
+			tabWidth = 2;
+			usesTabs = 0;
+		};
+		83CBBA001A601CBA00E9B192 /* Products */ = {
+			isa = PBXGroup;
+			children = (
+				13B07F961A680F5B00A75B9A /* rscordmobile.app */,
+				00E356EE1AD99517003FC87E /* rscordmobileTests.xctest */,
+				2D02E47B1E0B4A5D006451C7 /* rscordmobile-tvOS.app */,
+				2D02E4901E0B4A5D006451C7 /* rscordmobile-tvOSTests.xctest */,
+			);
+			name = Products;
+			sourceTree = "<group>";
+		};
+		15D7DDD40F6B4F208F733013 /* Resources */ = {
+			isa = "PBXGroup";
+			children = (
+				A3761874690940CDB0C2ED0F /* AntDesign.ttf */,
+				36870DC4AA474B43A270B090 /* Entypo.ttf */,
+				67F1750AB3F640CC83852C1D /* EvilIcons.ttf */,
+				AFF449BE58C54875BBC09A9C /* Feather.ttf */,
+				7A55FFBB2BD74831A57E54C1 /* FontAwesome.ttf */,
+				318607E923EB4E29A682CD98 /* FontAwesome5_Brands.ttf */,
+				A2FE77CE54D64A11B66B5053 /* FontAwesome5_Regular.ttf */,
+				4E8D2B3455E84437BDD3C1E6 /* FontAwesome5_Solid.ttf */,
+				831621AADBCD497A90DAB148 /* Fontisto.ttf */,
+				CCD5629B1EFD4D7CB3A3DC25 /* Foundation.ttf */,
+				AC9C08CA4DE244A9AC34958B /* Ionicons.ttf */,
+				AD981D8380834D5684512CB5 /* MaterialCommunityIcons.ttf */,
+				376792C03FAC4281B3F3029E /* MaterialIcons.ttf */,
+				47F050A67FED44AFB958E122 /* Octicons.ttf */,
+				6B01B76C344A4E998C7E1BAB /* SimpleLineIcons.ttf */,
+				03A67748DED3445B85A3D586 /* Zocial.ttf */,
+			);
+			name = Resources;
+			sourceTree = "<group>";
+			path = "";
+		};
+/* End PBXGroup section */
+
+/* Begin PBXNativeTarget section */
+		00E356ED1AD99517003FC87E /* rscordmobileTests */ = {
+			isa = PBXNativeTarget;
+			buildConfigurationList = 00E357021AD99517003FC87E /* Build configuration list for PBXNativeTarget "rscordmobileTests" */;
+			buildPhases = (
+				00E356EA1AD99517003FC87E /* Sources */,
+				00E356EB1AD99517003FC87E /* Frameworks */,
+				00E356EC1AD99517003FC87E /* Resources */,
+			);
+			buildRules = (
+			);
+			dependencies = (
+				00E356F51AD99517003FC87E /* PBXTargetDependency */,
+			);
+			name = rscordmobileTests;
+			productName = rscordmobileTests;
+			productReference = 00E356EE1AD99517003FC87E /* rscordmobileTests.xctest */;
+			productType = "com.apple.product-type.bundle.unit-test";
+		};
+		13B07F861A680F5B00A75B9A /* rscordmobile */ = {
+			isa = PBXNativeTarget;
+			buildConfigurationList = 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "rscordmobile" */;
+			buildPhases = (
+				FD10A7F022414F080027D42C /* Start Packager */,
+				13B07F871A680F5B00A75B9A /* Sources */,
+				13B07F8C1A680F5B00A75B9A /* Frameworks */,
+				13B07F8E1A680F5B00A75B9A /* Resources */,
+				00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */,
+			);
+			buildRules = (
+			);
+			dependencies = (
+			);
+			name = rscordmobile;
+			productName = rscordmobile;
+			productReference = 13B07F961A680F5B00A75B9A /* rscordmobile.app */;
+			productType = "com.apple.product-type.application";
+		};
+		2D02E47A1E0B4A5D006451C7 /* rscordmobile-tvOS */ = {
+			isa = PBXNativeTarget;
+			buildConfigurationList = 2D02E4BA1E0B4A5E006451C7 /* Build configuration list for PBXNativeTarget "rscordmobile-tvOS" */;
+			buildPhases = (
+				FD10A7F122414F3F0027D42C /* Start Packager */,
+				2D02E4771E0B4A5D006451C7 /* Sources */,
+				2D02E4781E0B4A5D006451C7 /* Frameworks */,
+				2D02E4791E0B4A5D006451C7 /* Resources */,
+				2D02E4CB1E0B4B27006451C7 /* Bundle React Native Code And Images */,
+			);
+			buildRules = (
+			);
+			dependencies = (
+			);
+			name = "rscordmobile-tvOS";
+			productName = "rscordmobile-tvOS";
+			productReference = 2D02E47B1E0B4A5D006451C7 /* rscordmobile-tvOS.app */;
+			productType = "com.apple.product-type.application";
+		};
+		2D02E48F1E0B4A5D006451C7 /* rscordmobile-tvOSTests */ = {
+			isa = PBXNativeTarget;
+			buildConfigurationList = 2D02E4BB1E0B4A5E006451C7 /* Build configuration list for PBXNativeTarget "rscordmobile-tvOSTests" */;
+			buildPhases = (
+				2D02E48C1E0B4A5D006451C7 /* Sources */,
+				2D02E48D1E0B4A5D006451C7 /* Frameworks */,
+				2D02E48E1E0B4A5D006451C7 /* Resources */,
+			);
+			buildRules = (
+			);
+			dependencies = (
+				2D02E4921E0B4A5D006451C7 /* PBXTargetDependency */,
+			);
+			name = "rscordmobile-tvOSTests";
+			productName = "rscordmobile-tvOSTests";
+			productReference = 2D02E4901E0B4A5D006451C7 /* rscordmobile-tvOSTests.xctest */;
+			productType = "com.apple.product-type.bundle.unit-test";
+		};
+/* End PBXNativeTarget section */
+
+/* Begin PBXProject section */
+		83CBB9F71A601CBA00E9B192 /* Project object */ = {
+			isa = PBXProject;
+			attributes = {
+				LastUpgradeCheck = 1130;
+				TargetAttributes = {
+					00E356ED1AD99517003FC87E = {
+						CreatedOnToolsVersion = 6.2;
+						TestTargetID = 13B07F861A680F5B00A75B9A;
+					};
+					13B07F861A680F5B00A75B9A = {
+						LastSwiftMigration = 1120;
+					};
+					2D02E47A1E0B4A5D006451C7 = {
+						CreatedOnToolsVersion = 8.2.1;
+						ProvisioningStyle = Automatic;
+					};
+					2D02E48F1E0B4A5D006451C7 = {
+						CreatedOnToolsVersion = 8.2.1;
+						ProvisioningStyle = Automatic;
+						TestTargetID = 2D02E47A1E0B4A5D006451C7;
+					};
+				};
+			};
+			buildConfigurationList = 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "rscordmobile" */;
+			compatibilityVersion = "Xcode 3.2";
+			developmentRegion = en;
+			hasScannedForEncodings = 0;
+			knownRegions = (
+				en,
+				Base,
+			);
+			mainGroup = 83CBB9F61A601CBA00E9B192;
+			productRefGroup = 83CBBA001A601CBA00E9B192 /* Products */;
+			projectDirPath = "";
+			projectRoot = "";
+			targets = (
+				13B07F861A680F5B00A75B9A /* rscordmobile */,
+				00E356ED1AD99517003FC87E /* rscordmobileTests */,
+				2D02E47A1E0B4A5D006451C7 /* rscordmobile-tvOS */,
+				2D02E48F1E0B4A5D006451C7 /* rscordmobile-tvOSTests */,
+			);
+		};
+/* End PBXProject section */
+
+/* Begin PBXResourcesBuildPhase section */
+		00E356EC1AD99517003FC87E /* Resources */ = {
+			isa = PBXResourcesBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+		13B07F8E1A680F5B00A75B9A /* Resources */ = {
+			isa = PBXResourcesBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				81AB9BB82411601600AC10FF /* LaunchScreen.storyboard in Resources */,
+				13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */,
+				F7BE3D792C2E4DC58E90ABF5 /* AntDesign.ttf in Resources */,
+				49B9739DC997434F94410E83 /* Entypo.ttf in Resources */,
+				7B565871E024410C87BDA1DB /* EvilIcons.ttf in Resources */,
+				60E8A96BAEDA4F929F32D1B5 /* Feather.ttf in Resources */,
+				F46857FBBD984767B6784299 /* FontAwesome.ttf in Resources */,
+				94F9402AEC294D5CBE1C1C71 /* FontAwesome5_Brands.ttf in Resources */,
+				4C10D13D59BB45EE8021F275 /* FontAwesome5_Regular.ttf in Resources */,
+				9FB025F6F45346A6B4AF91BB /* FontAwesome5_Solid.ttf in Resources */,
+				BA96AE0964E444239BD47AB0 /* Fontisto.ttf in Resources */,
+				9D4E8E7D24C5414C9051FDE6 /* Foundation.ttf in Resources */,
+				8E9AFBECA5364FBE938D0D14 /* Ionicons.ttf in Resources */,
+				0C85246C174B47A085322B99 /* MaterialCommunityIcons.ttf in Resources */,
+				F3BF7F8AAB9840AE96BE3B41 /* MaterialIcons.ttf in Resources */,
+				19E713242B5946EF83998346 /* Octicons.ttf in Resources */,
+				20EECA358ABD4899AA0FF08F /* SimpleLineIcons.ttf in Resources */,
+				AC351ABD5D9B4514827C3EA1 /* Zocial.ttf in Resources */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+		2D02E4791E0B4A5D006451C7 /* Resources */ = {
+			isa = PBXResourcesBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				2D02E4BD1E0B4A84006451C7 /* Images.xcassets in Resources */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+		2D02E48E1E0B4A5D006451C7 /* Resources */ = {
+			isa = PBXResourcesBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+/* End PBXResourcesBuildPhase section */
+
+/* Begin PBXShellScriptBuildPhase section */
+		00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputPaths = (
+			);
+			name = "Bundle React Native code and images";
+			outputPaths = (
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "export NODE_BINARY=node\n../node_modules/react-native/scripts/react-native-xcode.sh";
+		};
+		2D02E4CB1E0B4B27006451C7 /* Bundle React Native Code And Images */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputPaths = (
+			);
+			name = "Bundle React Native Code And Images";
+			outputPaths = (
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "export NODE_BINARY=node\n../node_modules/react-native/scripts/react-native-xcode.sh";
+		};
+		FD10A7F022414F080027D42C /* Start Packager */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputFileListPaths = (
+			);
+			inputPaths = (
+			);
+			name = "Start Packager";
+			outputFileListPaths = (
+			);
+			outputPaths = (
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "export RCT_METRO_PORT=\"${RCT_METRO_PORT:=8081}\"\necho \"export RCT_METRO_PORT=${RCT_METRO_PORT}\" > \"${SRCROOT}/../node_modules/react-native/scripts/.packager.env\"\nif [ -z \"${RCT_NO_LAUNCH_PACKAGER+xxx}\" ] ; then\n  if nc -w 5 -z localhost ${RCT_METRO_PORT} ; then\n    if ! curl -s \"http://localhost:${RCT_METRO_PORT}/status\" | grep -q \"packager-status:running\" ; then\n      echo \"Port ${RCT_METRO_PORT} already in use, packager is either not running or not running correctly\"\n      exit 2\n    fi\n  else\n    open \"$SRCROOT/../node_modules/react-native/scripts/launchPackager.command\" || echo \"Can't start packager automatically\"\n  fi\nfi\n";
+			showEnvVarsInLog = 0;
+		};
+		FD10A7F122414F3F0027D42C /* Start Packager */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputFileListPaths = (
+			);
+			inputPaths = (
+			);
+			name = "Start Packager";
+			outputFileListPaths = (
+			);
+			outputPaths = (
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "export RCT_METRO_PORT=\"${RCT_METRO_PORT:=8081}\"\necho \"export RCT_METRO_PORT=${RCT_METRO_PORT}\" > \"${SRCROOT}/../node_modules/react-native/scripts/.packager.env\"\nif [ -z \"${RCT_NO_LAUNCH_PACKAGER+xxx}\" ] ; then\n  if nc -w 5 -z localhost ${RCT_METRO_PORT} ; then\n    if ! curl -s \"http://localhost:${RCT_METRO_PORT}/status\" | grep -q \"packager-status:running\" ; then\n      echo \"Port ${RCT_METRO_PORT} already in use, packager is either not running or not running correctly\"\n      exit 2\n    fi\n  else\n    open \"$SRCROOT/../node_modules/react-native/scripts/launchPackager.command\" || echo \"Can't start packager automatically\"\n  fi\nfi\n";
+			showEnvVarsInLog = 0;
+		};
+/* End PBXShellScriptBuildPhase section */
+
+/* Begin PBXSourcesBuildPhase section */
+		00E356EA1AD99517003FC87E /* Sources */ = {
+			isa = PBXSourcesBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				00E356F31AD99517003FC87E /* rscordmobileTests.m in Sources */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+		13B07F871A680F5B00A75B9A /* Sources */ = {
+			isa = PBXSourcesBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				13B07FBC1A68108700A75B9A /* AppDelegate.m in Sources */,
+				13B07FC11A68108700A75B9A /* main.m in Sources */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+		2D02E4771E0B4A5D006451C7 /* Sources */ = {
+			isa = PBXSourcesBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				2D02E4BF1E0B4AB3006451C7 /* main.m in Sources */,
+				2D02E4BC1E0B4A80006451C7 /* AppDelegate.m in Sources */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+		2D02E48C1E0B4A5D006451C7 /* Sources */ = {
+			isa = PBXSourcesBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				2DCD954D1E0B4F2C00145EB5 /* rscordmobileTests.m in Sources */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+/* End PBXSourcesBuildPhase section */
+
+/* Begin PBXTargetDependency section */
+		00E356F51AD99517003FC87E /* PBXTargetDependency */ = {
+			isa = PBXTargetDependency;
+			target = 13B07F861A680F5B00A75B9A /* rscordmobile */;
+			targetProxy = 00E356F41AD99517003FC87E /* PBXContainerItemProxy */;
+		};
+		2D02E4921E0B4A5D006451C7 /* PBXTargetDependency */ = {
+			isa = PBXTargetDependency;
+			target = 2D02E47A1E0B4A5D006451C7 /* rscordmobile-tvOS */;
+			targetProxy = 2D02E4911E0B4A5D006451C7 /* PBXContainerItemProxy */;
+		};
+/* End PBXTargetDependency section */
+
+/* Begin XCBuildConfiguration section */
+		00E356F61AD99517003FC87E /* Debug */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				BUNDLE_LOADER = "$(TEST_HOST)";
+				GCC_PREPROCESSOR_DEFINITIONS = (
+					"DEBUG=1",
+					"$(inherited)",
+				);
+				INFOPLIST_FILE = rscordmobileTests/Info.plist;
+				IPHONEOS_DEPLOYMENT_TARGET = 10.0;
+				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks";
+				OTHER_LDFLAGS = (
+					"-ObjC",
+					"-lc++",
+					"$(inherited)",
+				);
+				PRODUCT_BUNDLE_IDENTIFIER = "org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)";
+				PRODUCT_NAME = "$(TARGET_NAME)";
+				TEST_HOST = "$(BUILT_PRODUCTS_DIR)/rscordmobile.app/rscordmobile";
+			};
+			name = Debug;
+		};
+		00E356F71AD99517003FC87E /* Release */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				BUNDLE_LOADER = "$(TEST_HOST)";
+				COPY_PHASE_STRIP = NO;
+				INFOPLIST_FILE = rscordmobileTests/Info.plist;
+				IPHONEOS_DEPLOYMENT_TARGET = 10.0;
+				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks";
+				OTHER_LDFLAGS = (
+					"-ObjC",
+					"-lc++",
+					"$(inherited)",
+				);
+				PRODUCT_BUNDLE_IDENTIFIER = "org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)";
+				PRODUCT_NAME = "$(TARGET_NAME)";
+				TEST_HOST = "$(BUILT_PRODUCTS_DIR)/rscordmobile.app/rscordmobile";
+			};
+			name = Release;
+		};
+		13B07F941A680F5B00A75B9A /* Debug */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
+				CLANG_ENABLE_MODULES = YES;
+				CURRENT_PROJECT_VERSION = 1;
+				ENABLE_BITCODE = NO;
+				INFOPLIST_FILE = rscordmobile/Info.plist;
+				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
+				OTHER_LDFLAGS = (
+					"$(inherited)",
+					"-ObjC",
+					"-lc++",
+				);
+				PRODUCT_BUNDLE_IDENTIFIER = "org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)";
+				PRODUCT_NAME = rscordmobile;
+				SWIFT_OPTIMIZATION_LEVEL = "-Onone";
+				SWIFT_VERSION = 5.0;
+				VERSIONING_SYSTEM = "apple-generic";
+			};
+			name = Debug;
+		};
+		13B07F951A680F5B00A75B9A /* Release */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
+				CLANG_ENABLE_MODULES = YES;
+				CURRENT_PROJECT_VERSION = 1;
+				INFOPLIST_FILE = rscordmobile/Info.plist;
+				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
+				OTHER_LDFLAGS = (
+					"$(inherited)",
+					"-ObjC",
+					"-lc++",
+				);
+				PRODUCT_BUNDLE_IDENTIFIER = "org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)";
+				PRODUCT_NAME = rscordmobile;
+				SWIFT_VERSION = 5.0;
+				VERSIONING_SYSTEM = "apple-generic";
+			};
+			name = Release;
+		};
+		2D02E4971E0B4A5E006451C7 /* Debug */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				ASSETCATALOG_COMPILER_APPICON_NAME = "App Icon & Top Shelf Image";
+				ASSETCATALOG_COMPILER_LAUNCHIMAGE_NAME = LaunchImage;
+				CLANG_ANALYZER_NONNULL = YES;
+				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
+				CLANG_WARN_INFINITE_RECURSION = YES;
+				CLANG_WARN_SUSPICIOUS_MOVE = YES;
+				DEBUG_INFORMATION_FORMAT = dwarf;
+				ENABLE_TESTABILITY = YES;
+				GCC_NO_COMMON_BLOCKS = YES;
+				INFOPLIST_FILE = "rscordmobile-tvOS/Info.plist";
+				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
+				OTHER_LDFLAGS = (
+					"$(inherited)",
+					"-ObjC",
+					"-lc++",
+				);
+				PRODUCT_BUNDLE_IDENTIFIER = "org.reactjs.native.example.rscordmobile-tvOS";
+				PRODUCT_NAME = "$(TARGET_NAME)";
+				SDKROOT = appletvos;
+				TARGETED_DEVICE_FAMILY = 3;
+				TVOS_DEPLOYMENT_TARGET = 10.0;
+			};
+			name = Debug;
+		};
+		2D02E4981E0B4A5E006451C7 /* Release */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				ASSETCATALOG_COMPILER_APPICON_NAME = "App Icon & Top Shelf Image";
+				ASSETCATALOG_COMPILER_LAUNCHIMAGE_NAME = LaunchImage;
+				CLANG_ANALYZER_NONNULL = YES;
+				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
+				CLANG_WARN_INFINITE_RECURSION = YES;
+				CLANG_WARN_SUSPICIOUS_MOVE = YES;
+				COPY_PHASE_STRIP = NO;
+				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
+				GCC_NO_COMMON_BLOCKS = YES;
+				INFOPLIST_FILE = "rscordmobile-tvOS/Info.plist";
+				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
+				OTHER_LDFLAGS = (
+					"$(inherited)",
+					"-ObjC",
+					"-lc++",
+				);
+				PRODUCT_BUNDLE_IDENTIFIER = "org.reactjs.native.example.rscordmobile-tvOS";
+				PRODUCT_NAME = "$(TARGET_NAME)";
+				SDKROOT = appletvos;
+				TARGETED_DEVICE_FAMILY = 3;
+				TVOS_DEPLOYMENT_TARGET = 10.0;
+			};
+			name = Release;
+		};
+		2D02E4991E0B4A5E006451C7 /* Debug */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				BUNDLE_LOADER = "$(TEST_HOST)";
+				CLANG_ANALYZER_NONNULL = YES;
+				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
+				CLANG_WARN_INFINITE_RECURSION = YES;
+				CLANG_WARN_SUSPICIOUS_MOVE = YES;
+				DEBUG_INFORMATION_FORMAT = dwarf;
+				ENABLE_TESTABILITY = YES;
+				GCC_NO_COMMON_BLOCKS = YES;
+				INFOPLIST_FILE = "rscordmobile-tvOSTests/Info.plist";
+				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks";
+				OTHER_LDFLAGS = (
+					"$(inherited)",
+					"-ObjC",
+					"-lc++",
+				);
+				PRODUCT_BUNDLE_IDENTIFIER = "org.reactjs.native.example.rscordmobile-tvOSTests";
+				PRODUCT_NAME = "$(TARGET_NAME)";
+				SDKROOT = appletvos;
+				TEST_HOST = "$(BUILT_PRODUCTS_DIR)/rscordmobile-tvOS.app/rscordmobile-tvOS";
+				TVOS_DEPLOYMENT_TARGET = 10.1;
+			};
+			name = Debug;
+		};
+		2D02E49A1E0B4A5E006451C7 /* Release */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				BUNDLE_LOADER = "$(TEST_HOST)";
+				CLANG_ANALYZER_NONNULL = YES;
+				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
+				CLANG_WARN_INFINITE_RECURSION = YES;
+				CLANG_WARN_SUSPICIOUS_MOVE = YES;
+				COPY_PHASE_STRIP = NO;
+				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
+				GCC_NO_COMMON_BLOCKS = YES;
+				INFOPLIST_FILE = "rscordmobile-tvOSTests/Info.plist";
+				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks";
+				OTHER_LDFLAGS = (
+					"$(inherited)",
+					"-ObjC",
+					"-lc++",
+				);
+				PRODUCT_BUNDLE_IDENTIFIER = "org.reactjs.native.example.rscordmobile-tvOSTests";
+				PRODUCT_NAME = "$(TARGET_NAME)";
+				SDKROOT = appletvos;
+				TEST_HOST = "$(BUILT_PRODUCTS_DIR)/rscordmobile-tvOS.app/rscordmobile-tvOS";
+				TVOS_DEPLOYMENT_TARGET = 10.1;
+			};
+			name = Release;
+		};
+		83CBBA201A601CBA00E9B192 /* Debug */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				ALWAYS_SEARCH_USER_PATHS = NO;
+				CLANG_ANALYZER_LOCALIZABILITY_NONLOCALIZED = YES;
+				CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
+				CLANG_CXX_LIBRARY = "libc++";
+				CLANG_ENABLE_MODULES = YES;
+				CLANG_ENABLE_OBJC_ARC = YES;
+				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
+				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_COMMA = YES;
+				CLANG_WARN_CONSTANT_CONVERSION = YES;
+				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
+				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
+				CLANG_WARN_EMPTY_BODY = YES;
+				CLANG_WARN_ENUM_CONVERSION = YES;
+				CLANG_WARN_INFINITE_RECURSION = YES;
+				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
+				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
+				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
+				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+				CLANG_WARN_STRICT_PROTOTYPES = YES;
+				CLANG_WARN_SUSPICIOUS_MOVE = YES;
+				CLANG_WARN_UNREACHABLE_CODE = YES;
+				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
+				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer";
+				COPY_PHASE_STRIP = NO;
+				ENABLE_STRICT_OBJC_MSGSEND = YES;
+				ENABLE_TESTABILITY = YES;
+				GCC_C_LANGUAGE_STANDARD = gnu99;
+				GCC_DYNAMIC_NO_PIC = NO;
+				GCC_NO_COMMON_BLOCKS = YES;
+				GCC_OPTIMIZATION_LEVEL = 0;
+				GCC_PREPROCESSOR_DEFINITIONS = (
+					"DEBUG=1",
+					"$(inherited)",
+				);
+				GCC_SYMBOLS_PRIVATE_EXTERN = NO;
+				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
+				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
+				GCC_WARN_UNDECLARED_SELECTOR = YES;
+				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
+				GCC_WARN_UNUSED_FUNCTION = YES;
+				GCC_WARN_UNUSED_VARIABLE = YES;
+				IPHONEOS_DEPLOYMENT_TARGET = 10.0;
+				LD_RUNPATH_SEARCH_PATHS = "/usr/lib/swift $(inherited)";
+				LIBRARY_SEARCH_PATHS = (
+					"\"$(TOOLCHAIN_DIR)/usr/lib/swift/$(PLATFORM_NAME)\"",
+					"\"$(TOOLCHAIN_DIR)/usr/lib/swift-5.0/$(PLATFORM_NAME)\"",
+					"\"$(inherited)\"",
+				);
+				MTL_ENABLE_DEBUG_INFO = YES;
+				ONLY_ACTIVE_ARCH = YES;
+				SDKROOT = iphoneos;
+			};
+			name = Debug;
+		};
+		83CBBA211A601CBA00E9B192 /* Release */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				ALWAYS_SEARCH_USER_PATHS = NO;
+				CLANG_ANALYZER_LOCALIZABILITY_NONLOCALIZED = YES;
+				CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
+				CLANG_CXX_LIBRARY = "libc++";
+				CLANG_ENABLE_MODULES = YES;
+				CLANG_ENABLE_OBJC_ARC = YES;
+				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
+				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_COMMA = YES;
+				CLANG_WARN_CONSTANT_CONVERSION = YES;
+				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
+				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
+				CLANG_WARN_EMPTY_BODY = YES;
+				CLANG_WARN_ENUM_CONVERSION = YES;
+				CLANG_WARN_INFINITE_RECURSION = YES;
+				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
+				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
+				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
+				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+				CLANG_WARN_STRICT_PROTOTYPES = YES;
+				CLANG_WARN_SUSPICIOUS_MOVE = YES;
+				CLANG_WARN_UNREACHABLE_CODE = YES;
+				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
+				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer";
+				COPY_PHASE_STRIP = YES;
+				ENABLE_NS_ASSERTIONS = NO;
+				ENABLE_STRICT_OBJC_MSGSEND = YES;
+				GCC_C_LANGUAGE_STANDARD = gnu99;
+				GCC_NO_COMMON_BLOCKS = YES;
+				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
+				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
+				GCC_WARN_UNDECLARED_SELECTOR = YES;
+				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
+				GCC_WARN_UNUSED_FUNCTION = YES;
+				GCC_WARN_UNUSED_VARIABLE = YES;
+				IPHONEOS_DEPLOYMENT_TARGET = 10.0;
+				LD_RUNPATH_SEARCH_PATHS = "/usr/lib/swift $(inherited)";
+				LIBRARY_SEARCH_PATHS = (
+					"\"$(TOOLCHAIN_DIR)/usr/lib/swift/$(PLATFORM_NAME)\"",
+					"\"$(TOOLCHAIN_DIR)/usr/lib/swift-5.0/$(PLATFORM_NAME)\"",
+					"\"$(inherited)\"",
+				);
+				MTL_ENABLE_DEBUG_INFO = NO;
+				SDKROOT = iphoneos;
+				VALIDATE_PRODUCT = YES;
+			};
+			name = Release;
+		};
+/* End XCBuildConfiguration section */
+
+/* Begin XCConfigurationList section */
+		00E357021AD99517003FC87E /* Build configuration list for PBXNativeTarget "rscordmobileTests" */ = {
+			isa = XCConfigurationList;
+			buildConfigurations = (
+				00E356F61AD99517003FC87E /* Debug */,
+				00E356F71AD99517003FC87E /* Release */,
+			);
+			defaultConfigurationIsVisible = 0;
+			defaultConfigurationName = Release;
+		};
+		13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "rscordmobile" */ = {
+			isa = XCConfigurationList;
+			buildConfigurations = (
+				13B07F941A680F5B00A75B9A /* Debug */,
+				13B07F951A680F5B00A75B9A /* Release */,
+			);
+			defaultConfigurationIsVisible = 0;
+			defaultConfigurationName = Release;
+		};
+		2D02E4BA1E0B4A5E006451C7 /* Build configuration list for PBXNativeTarget "rscordmobile-tvOS" */ = {
+			isa = XCConfigurationList;
+			buildConfigurations = (
+				2D02E4971E0B4A5E006451C7 /* Debug */,
+				2D02E4981E0B4A5E006451C7 /* Release */,
+			);
+			defaultConfigurationIsVisible = 0;
+			defaultConfigurationName = Release;
+		};
+		2D02E4BB1E0B4A5E006451C7 /* Build configuration list for PBXNativeTarget "rscordmobile-tvOSTests" */ = {
+			isa = XCConfigurationList;
+			buildConfigurations = (
+				2D02E4991E0B4A5E006451C7 /* Debug */,
+				2D02E49A1E0B4A5E006451C7 /* Release */,
+			);
+			defaultConfigurationIsVisible = 0;
+			defaultConfigurationName = Release;
+		};
+		83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "rscordmobile" */ = {
+			isa = XCConfigurationList;
+			buildConfigurations = (
+				83CBBA201A601CBA00E9B192 /* Debug */,
+				83CBBA211A601CBA00E9B192 /* Release */,
+			);
+			defaultConfigurationIsVisible = 0;
+			defaultConfigurationName = Release;
+		};
+/* End XCConfigurationList section */
+	};
+	rootObject = 83CBB9F71A601CBA00E9B192 /* Project object */;
+}
--- a/ios/rscordmobile.xcodeproj/xcshareddata/xcschemes/rscordmobile-tvOS.xcscheme
+++ b/ios/rscordmobile.xcodeproj/xcshareddata/xcschemes/rscordmobile-tvOS.xcscheme
@ -0,0 +1,88 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Scheme
+   LastUpgradeVersion = "1130"
+   version = "1.3">
+   <BuildAction
+      parallelizeBuildables = "YES"
+      buildImplicitDependencies = "YES">
+      <BuildActionEntries>
+         <BuildActionEntry
+            buildForTesting = "YES"
+            buildForRunning = "YES"
+            buildForProfiling = "YES"
+            buildForArchiving = "YES"
+            buildForAnalyzing = "YES">
+            <BuildableReference
+               BuildableIdentifier = "primary"
+               BlueprintIdentifier = "2D02E47A1E0B4A5D006451C7"
+               BuildableName = "rscordmobile-tvOS.app"
+               BlueprintName = "rscordmobile-tvOS"
+               ReferencedContainer = "container:rscordmobile.xcodeproj">
+            </BuildableReference>
+         </BuildActionEntry>
+      </BuildActionEntries>
+   </BuildAction>
+   <TestAction
+      buildConfiguration = "Debug"
+      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
+      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
+      shouldUseLaunchSchemeArgsEnv = "YES">
+      <Testables>
+         <TestableReference
+            skipped = "NO">
+            <BuildableReference
+               BuildableIdentifier = "primary"
+               BlueprintIdentifier = "2D02E48F1E0B4A5D006451C7"
+               BuildableName = "rscordmobile-tvOSTests.xctest"
+               BlueprintName = "rscordmobile-tvOSTests"
+               ReferencedContainer = "container:rscordmobile.xcodeproj">
+            </BuildableReference>
+         </TestableReference>
+      </Testables>
+   </TestAction>
+   <LaunchAction
+      buildConfiguration = "Debug"
+      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
+      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
+      launchStyle = "0"
+      useCustomWorkingDirectory = "NO"
+      ignoresPersistentStateOnLaunch = "NO"
+      debugDocumentVersioning = "YES"
+      debugServiceExtension = "internal"
+      allowLocationSimulation = "YES">
+      <BuildableProductRunnable
+         runnableDebuggingMode = "0">
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "2D02E47A1E0B4A5D006451C7"
+            BuildableName = "rscordmobile-tvOS.app"
+            BlueprintName = "rscordmobile-tvOS"
+            ReferencedContainer = "container:rscordmobile.xcodeproj">
+         </BuildableReference>
+      </BuildableProductRunnable>
+   </LaunchAction>
+   <ProfileAction
+      buildConfiguration = "Release"
+      shouldUseLaunchSchemeArgsEnv = "YES"
+      savedToolIdentifier = ""
+      useCustomWorkingDirectory = "NO"
+      debugDocumentVersioning = "YES">
+      <BuildableProductRunnable
+         runnableDebuggingMode = "0">
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "2D02E47A1E0B4A5D006451C7"
+            BuildableName = "rscordmobile-tvOS.app"
+            BlueprintName = "rscordmobile-tvOS"
+            ReferencedContainer = "container:rscordmobile.xcodeproj">
+         </BuildableReference>
+      </BuildableProductRunnable>
+   </ProfileAction>
+   <AnalyzeAction
+      buildConfiguration = "Debug">
+   </AnalyzeAction>
+   <ArchiveAction
+      buildConfiguration = "Release"
+      revealArchiveInOrganizer = "YES">
+   </ArchiveAction>
+</Scheme>
--- a/ios/rscordmobile.xcodeproj/xcshareddata/xcschemes/rscordmobile.xcscheme
+++ b/ios/rscordmobile.xcodeproj/xcshareddata/xcschemes/rscordmobile.xcscheme
@ -0,0 +1,88 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Scheme
+   LastUpgradeVersion = "1130"
+   version = "1.3">
+   <BuildAction
+      parallelizeBuildables = "YES"
+      buildImplicitDependencies = "YES">
+      <BuildActionEntries>
+         <BuildActionEntry
+            buildForTesting = "YES"
+            buildForRunning = "YES"
+            buildForProfiling = "YES"
+            buildForArchiving = "YES"
+            buildForAnalyzing = "YES">
+            <BuildableReference
+               BuildableIdentifier = "primary"
+               BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
+               BuildableName = "rscordmobile.app"
+               BlueprintName = "rscordmobile"
+               ReferencedContainer = "container:rscordmobile.xcodeproj">
+            </BuildableReference>
+         </BuildActionEntry>
+      </BuildActionEntries>
+   </BuildAction>
+   <TestAction
+      buildConfiguration = "Debug"
+      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
+      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
+      shouldUseLaunchSchemeArgsEnv = "YES">
+      <Testables>
+         <TestableReference
+            skipped = "NO">
+            <BuildableReference
+               BuildableIdentifier = "primary"
+               BlueprintIdentifier = "00E356ED1AD99517003FC87E"
+               BuildableName = "rscordmobileTests.xctest"
+               BlueprintName = "rscordmobileTests"
+               ReferencedContainer = "container:rscordmobile.xcodeproj">
+            </BuildableReference>
+         </TestableReference>
+      </Testables>
+   </TestAction>
+   <LaunchAction
+      buildConfiguration = "Debug"
+      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
+      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
+      launchStyle = "0"
+      useCustomWorkingDirectory = "NO"
+      ignoresPersistentStateOnLaunch = "NO"
+      debugDocumentVersioning = "YES"
+      debugServiceExtension = "internal"
+      allowLocationSimulation = "YES">
+      <BuildableProductRunnable
+         runnableDebuggingMode = "0">
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
+            BuildableName = "rscordmobile.app"
+            BlueprintName = "rscordmobile"
+            ReferencedContainer = "container:rscordmobile.xcodeproj">
+         </BuildableReference>
+      </BuildableProductRunnable>
+   </LaunchAction>
+   <ProfileAction
+      buildConfiguration = "Release"
+      shouldUseLaunchSchemeArgsEnv = "YES"
+      savedToolIdentifier = ""
+      useCustomWorkingDirectory = "NO"
+      debugDocumentVersioning = "YES">
+      <BuildableProductRunnable
+         runnableDebuggingMode = "0">
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
+            BuildableName = "rscordmobile.app"
+            BlueprintName = "rscordmobile"
+            ReferencedContainer = "container:rscordmobile.xcodeproj">
+         </BuildableReference>
+      </BuildableProductRunnable>
+   </ProfileAction>
+   <AnalyzeAction
+      buildConfiguration = "Debug">
+   </AnalyzeAction>
+   <ArchiveAction
+      buildConfiguration = "Release"
+      revealArchiveInOrganizer = "YES">
+   </ArchiveAction>
+</Scheme>
--- a/ios/rscordmobile/AppDelegate.h
+++ b/ios/rscordmobile/AppDelegate.h
@ -0,0 +1,8 @@
+#import <React/RCTBridgeDelegate.h>
+#import <UIKit/UIKit.h>
+
+@interface AppDelegate : UIResponder <UIApplicationDelegate, RCTBridgeDelegate>
+
+@property (nonatomic, strong) UIWindow *window;
+
+@end
--- a/ios/rscordmobile/AppDelegate.m
+++ b/ios/rscordmobile/AppDelegate.m
@ -0,0 +1,58 @@
+#import "AppDelegate.h"
+
+#import <React/RCTBridge.h>
+#import <React/RCTBundleURLProvider.h>
+#import <React/RCTRootView.h>
+
+#ifdef FB_SONARKIT_ENABLED
+#import <FlipperKit/FlipperClient.h>
+#import <FlipperKitLayoutPlugin/FlipperKitLayoutPlugin.h>
+#import <FlipperKitUserDefaultsPlugin/FKUserDefaultsPlugin.h>
+#import <FlipperKitNetworkPlugin/FlipperKitNetworkPlugin.h>
+#import <SKIOSNetworkPlugin/SKIOSNetworkAdapter.h>
+#import <FlipperKitReactPlugin/FlipperKitReactPlugin.h>
+
+static void InitializeFlipper(UIApplication *application) {
+  FlipperClient *client = [FlipperClient sharedClient];
+  SKDescriptorMapper *layoutDescriptorMapper = [[SKDescriptorMapper alloc] initWithDefaults];
+  [client addPlugin:[[FlipperKitLayoutPlugin alloc] initWithRootNode:application withDescriptorMapper:layoutDescriptorMapper]];
+  [client addPlugin:[[FKUserDefaultsPlugin alloc] initWithSuiteName:nil]];
+  [client addPlugin:[FlipperKitReactPlugin new]];
+  [client addPlugin:[[FlipperKitNetworkPlugin alloc] initWithNetworkAdapter:[SKIOSNetworkAdapter new]]];
+  [client start];
+}
+#endif
+
+@implementation AppDelegate
+
+- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
+{
+#ifdef FB_SONARKIT_ENABLED
+  InitializeFlipper(application);
+#endif
+
+  RCTBridge *bridge = [[RCTBridge alloc] initWithDelegate:self launchOptions:launchOptions];
+  RCTRootView *rootView = [[RCTRootView alloc] initWithBridge:bridge
+                                                   moduleName:@"rscordmobile"
+                                            initialProperties:nil];
+
+  rootView.backgroundColor = [[UIColor alloc] initWithRed:1.0f green:1.0f blue:1.0f alpha:1];
+
+  self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds];
+  UIViewController *rootViewController = [UIViewController new];
+  rootViewController.view = rootView;
+  self.window.rootViewController = rootViewController;
+  [self.window makeKeyAndVisible];
+  return YES;
+}
+
+- (NSURL *)sourceURLForBridge:(RCTBridge *)bridge
+{
+#if DEBUG
+  return [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index" fallbackResource:nil];
+#else
+  return [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"];
+#endif
+}
+
+@end
--- a/ios/rscordmobile/Images.xcassets/AppIcon.appiconset/Contents.json
+++ b/ios/rscordmobile/Images.xcassets/AppIcon.appiconset/Contents.json
@ -0,0 +1,38 @@
+{
+  "images" : [
+    {
+      "idiom" : "iphone",
+      "size" : "29x29",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "iphone",
+      "size" : "29x29",
+      "scale" : "3x"
+    },
+    {
+      "idiom" : "iphone",
+      "size" : "40x40",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "iphone",
+      "size" : "40x40",
+      "scale" : "3x"
+    },
+    {
+      "idiom" : "iphone",
+      "size" : "60x60",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "iphone",
+      "size" : "60x60",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}
--- a/ios/rscordmobile/Images.xcassets/Contents.json
+++ b/ios/rscordmobile/Images.xcassets/Contents.json
@ -0,0 +1,6 @@
+{
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}
--- a/ios/rscordmobile/Info.plist
+++ b/ios/rscordmobile/Info.plist
@ -0,0 +1,76 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>CFBundleDevelopmentRegion</key>
+	<string>en</string>
+	<key>CFBundleDisplayName</key>
+	<string>rscordmobile</string>
+	<key>CFBundleExecutable</key>
+	<string>$(EXECUTABLE_NAME)</string>
+	<key>CFBundleIdentifier</key>
+	<string>$(PRODUCT_BUNDLE_IDENTIFIER)</string>
+	<key>CFBundleInfoDictionaryVersion</key>
+	<string>6.0</string>
+	<key>CFBundleName</key>
+	<string>$(PRODUCT_NAME)</string>
+	<key>CFBundlePackageType</key>
+	<string>APPL</string>
+	<key>CFBundleShortVersionString</key>
+	<string>1.0</string>
+	<key>CFBundleSignature</key>
+	<string>????</string>
+	<key>CFBundleVersion</key>
+	<string>1</string>
+	<key>LSRequiresIPhoneOS</key>
+	<true/>
+	<key>NSAppTransportSecurity</key>
+	<dict>
+		<key>NSAllowsArbitraryLoads</key>
+		<true/>
+		<key>NSExceptionDomains</key>
+		<dict>
+			<key>localhost</key>
+			<dict>
+				<key>NSExceptionAllowsInsecureHTTPLoads</key>
+				<true/>
+			</dict>
+		</dict>
+	</dict>
+	<key>NSLocationWhenInUseUsageDescription</key>
+	<string/>
+	<key>UILaunchStoryboardName</key>
+	<string>LaunchScreen</string>
+	<key>UIRequiredDeviceCapabilities</key>
+	<array>
+		<string>armv7</string>
+	</array>
+	<key>UISupportedInterfaceOrientations</key>
+	<array>
+		<string>UIInterfaceOrientationPortrait</string>
+		<string>UIInterfaceOrientationLandscapeLeft</string>
+		<string>UIInterfaceOrientationLandscapeRight</string>
+	</array>
+	<key>UIViewControllerBasedStatusBarAppearance</key>
+	<false/>
+	<key>UIAppFonts</key>
+	<array>
+		<string>AntDesign.ttf</string>
+		<string>Entypo.ttf</string>
+		<string>EvilIcons.ttf</string>
+		<string>Feather.ttf</string>
+		<string>FontAwesome.ttf</string>
+		<string>FontAwesome5_Brands.ttf</string>
+		<string>FontAwesome5_Regular.ttf</string>
+		<string>FontAwesome5_Solid.ttf</string>
+		<string>Fontisto.ttf</string>
+		<string>Foundation.ttf</string>
+		<string>Ionicons.ttf</string>
+		<string>MaterialCommunityIcons.ttf</string>
+		<string>MaterialIcons.ttf</string>
+		<string>Octicons.ttf</string>
+		<string>SimpleLineIcons.ttf</string>
+		<string>Zocial.ttf</string>
+	</array>
+</dict>
+</plist>
--- a/ios/rscordmobile/LaunchScreen.storyboard
+++ b/ios/rscordmobile/LaunchScreen.storyboard
@ -0,0 +1,58 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="15702" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" launchScreen="YES" useTraitCollections="YES" useSafeAreas="YES" colorMatched="YES" initialViewController="01J-lp-oVM">
+    <device id="retina4_7" orientation="portrait" appearance="light"/>
+    <dependencies>
+        <deployment identifier="iOS"/>
+        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="15704"/>
+        <capability name="Safe area layout guides" minToolsVersion="9.0"/>
+        <capability name="documents saved in the Xcode 8 format" minToolsVersion="8.0"/>
+    </dependencies>
+    <scenes>
+        <!--View Controller-->
+        <scene sceneID="EHf-IW-A2E">
+            <objects>
+                <viewController id="01J-lp-oVM" sceneMemberID="viewController">
+                    <view key="view" contentMode="scaleToFill" id="Ze5-6b-2t3">
+                        <rect key="frame" x="0.0" y="0.0" width="375" height="667"/>
+                        <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
+                        <subviews>
+                            <label opaque="NO" clipsSubviews="YES" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="" textAlignment="center" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" minimumFontSize="9" translatesAutoresizingMaskIntoConstraints="NO" id="obG-Y5-kRd">
+                                <rect key="frame" x="0.0" y="647" width="375" height="0.0"/>
+                                <fontDescription key="fontDescription" type="system" pointSize="17"/>
+                                <color key="textColor" red="0.0" green="0.0" blue="0.0" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
+                                <nil key="highlightedColor"/>
+                            </label>
+                            <label opaque="NO" clipsSubviews="YES" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="rscordmobile" textAlignment="center" lineBreakMode="middleTruncation" baselineAdjustment="alignBaselines" minimumFontSize="18" translatesAutoresizingMaskIntoConstraints="NO" id="GJd-Yh-RWb">
+                                <rect key="frame" x="0.0" y="202" width="375" height="43"/>
+                                <fontDescription key="fontDescription" type="boldSystem" pointSize="36"/>
+                                <color key="textColor" red="0.0" green="0.0" blue="0.0" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
+                                <nil key="highlightedColor"/>
+                            </label>
+                            <label opaque="NO" clipsSubviews="YES" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Powered by React Native" textAlignment="center" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" minimumFontSize="9" translatesAutoresizingMaskIntoConstraints="NO" id="MN2-I3-ftu">
+                                <rect key="frame" x="0.0" y="626" width="375" height="21"/>
+                                <fontDescription key="fontDescription" type="system" pointSize="17"/>
+                                <color key="textColor" cocoaTouchSystemColor="darkTextColor"/>
+                                <nil key="highlightedColor"/>
+                            </label>
+                        </subviews>
+                        <color key="backgroundColor" red="1" green="1" blue="1" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
+                        <constraints>
+                            <constraint firstItem="Bcu-3y-fUS" firstAttribute="centerX" secondItem="obG-Y5-kRd" secondAttribute="centerX" id="5cz-MP-9tL"/>
+                            <constraint firstItem="Bcu-3y-fUS" firstAttribute="bottom" secondItem="MN2-I3-ftu" secondAttribute="bottom" constant="20" id="OZV-Vh-mqD"/>
+                            <constraint firstItem="Bcu-3y-fUS" firstAttribute="centerX" secondItem="GJd-Yh-RWb" secondAttribute="centerX" id="Q3B-4B-g5h"/>
+                            <constraint firstItem="obG-Y5-kRd" firstAttribute="leading" secondItem="Bcu-3y-fUS" secondAttribute="leading" symbolic="YES" id="SfN-ll-jLj"/>
+                            <constraint firstAttribute="bottom" secondItem="obG-Y5-kRd" secondAttribute="bottom" constant="20" id="Y44-ml-fuU"/>
+                            <constraint firstItem="MN2-I3-ftu" firstAttribute="centerX" secondItem="Bcu-3y-fUS" secondAttribute="centerX" id="akx-eg-2ui"/>
+                            <constraint firstItem="MN2-I3-ftu" firstAttribute="leading" secondItem="Bcu-3y-fUS" secondAttribute="leading" id="i1E-0Y-4RG"/>
+                            <constraint firstItem="GJd-Yh-RWb" firstAttribute="centerY" secondItem="Ze5-6b-2t3" secondAttribute="bottom" multiplier="1/3" constant="1" id="moa-c2-u7t"/>
+                            <constraint firstItem="GJd-Yh-RWb" firstAttribute="leading" secondItem="Bcu-3y-fUS" secondAttribute="leading" symbolic="YES" id="x7j-FC-K8j"/>
+                        </constraints>
+                        <viewLayoutGuide key="safeArea" id="Bcu-3y-fUS"/>
+                    </view>
+                </viewController>
+                <placeholder placeholderIdentifier="IBFirstResponder" id="iYj-Kq-Ea1" userLabel="First Responder" sceneMemberID="firstResponder"/>
+            </objects>
+            <point key="canvasLocation" x="52.173913043478265" y="375"/>
+        </scene>
+    </scenes>
+</document>
--- a/ios/rscordmobile/main.m
+++ b/ios/rscordmobile/main.m
@ -0,0 +1,9 @@
+#import <UIKit/UIKit.h>
+
+#import "AppDelegate.h"
+
+int main(int argc, char * argv[]) {
+  @autoreleasepool {
+    return UIApplicationMain(argc, argv, nil, NSStringFromClass([AppDelegate class]));
+  }
+}
--- a/ios/rscordmobileTests/Info.plist
+++ b/ios/rscordmobileTests/Info.plist
@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>CFBundleDevelopmentRegion</key>
+	<string>en</string>
+	<key>CFBundleExecutable</key>
+	<string>$(EXECUTABLE_NAME)</string>
+	<key>CFBundleIdentifier</key>
+	<string>$(PRODUCT_BUNDLE_IDENTIFIER)</string>
+	<key>CFBundleInfoDictionaryVersion</key>
+	<string>6.0</string>
+	<key>CFBundleName</key>
+	<string>$(PRODUCT_NAME)</string>
+	<key>CFBundlePackageType</key>
+	<string>BNDL</string>
+	<key>CFBundleShortVersionString</key>
+	<string>1.0</string>
+	<key>CFBundleSignature</key>
+	<string>????</string>
+	<key>CFBundleVersion</key>
+	<string>1</string>
+</dict>
+</plist>
--- a/ios/rscordmobileTests/rscordmobileTests.m
+++ b/ios/rscordmobileTests/rscordmobileTests.m
@ -0,0 +1,65 @@
+#import <UIKit/UIKit.h>
+#import <XCTest/XCTest.h>
+
+#import <React/RCTLog.h>
+#import <React/RCTRootView.h>
+
+#define TIMEOUT_SECONDS 600
+#define TEXT_TO_LOOK_FOR @"Welcome to React"
+
+@interface rscordmobileTests : XCTestCase
+
+@end
+
+@implementation rscordmobileTests
+
+- (BOOL)findSubviewInView:(UIView *)view matching:(BOOL(^)(UIView *view))test
+{
+  if (test(view)) {
+    return YES;
+  }
+  for (UIView *subview in [view subviews]) {
+    if ([self findSubviewInView:subview matching:test]) {
+      return YES;
+    }
+  }
+  return NO;
+}
+
+- (void)testRendersWelcomeScreen
+{
+  UIViewController *vc = [[[RCTSharedApplication() delegate] window] rootViewController];
+  NSDate *date = [NSDate dateWithTimeIntervalSinceNow:TIMEOUT_SECONDS];
+  BOOL foundElement = NO;
+
+  __block NSString *redboxError = nil;
+#ifdef DEBUG
+  RCTSetLogFunction(^(RCTLogLevel level, RCTLogSource source, NSString *fileName, NSNumber *lineNumber, NSString *message) {
+    if (level >= RCTLogLevelError) {
+      redboxError = message;
+    }
+  });
+#endif
+
+  while ([date timeIntervalSinceNow] > 0 && !foundElement && !redboxError) {
+    [[NSRunLoop mainRunLoop] runMode:NSDefaultRunLoopMode beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]];
+    [[NSRunLoop mainRunLoop] runMode:NSRunLoopCommonModes beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]];
+
+    foundElement = [self findSubviewInView:vc.view matching:^BOOL(UIView *view) {
+      if ([view.accessibilityLabel isEqualToString:TEXT_TO_LOOK_FOR]) {
+        return YES;
+      }
+      return NO;
+    }];
+  }
+
+#ifdef DEBUG
+  RCTSetLogFunction(RCTDefaultLogFunction);
+#endif
+
+  XCTAssertNil(redboxError, @"RedBox error: %@", redboxError);
+  XCTAssertTrue(foundElement, @"Couldn't find element with text '%@' in %d seconds", TEXT_TO_LOOK_FOR, TIMEOUT_SECONDS);
+}
+
+
+@end
--- a/metro.config.js
+++ b/metro.config.js
@ -0,0 +1,17 @@
+/**
+ * Metro configuration for React Native
+ * https://github.com/facebook/react-native
+ *
+ * @format
+ */
+
+module.exports = {
+  transformer: {
+    getTransformOptions: async () => ({
+      transform: {
+        experimentalImportSupport: false,
+        inlineRequires: false,
+      },
+    }),
+  },
+};
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@ -0,0 +1,61 @@
+{
+  "name": "rscordmobile",
+  "version": "0.0.1",
+  "private": true,
+  "scripts": {
+    "android": "export NODE_OPTIONS=--openssl-legacy-provider && react-native run-android",
+    "ios": "export NODE_OPTIONS=--openssl-legacy-provider && react-native run-ios",
+    "start": "export NODE_OPTIONS=--openssl-legacy-provider && react-native start",
+    "test": "jest",
+    "lint": "eslint . --ext .js,.jsx,.ts,.tsx"
+  },
+  "dependencies": {
+    "@expo/react-native-action-sheet": "github:MurdleDev/react-native-action-sheet",
+    "@react-native-async-storage/async-storage": "^1.15.14",
+    "@react-native-community/masked-view": "^0.1.11",
+    "@react-navigation/bottom-tabs": "^5.11.15",
+    "@react-navigation/native": "^5.9.8",
+    "@react-navigation/stack": "^5.14.9",
+    "react": "16.13.1",
+    "react-native": "0.63.4",
+    "react-native-gesture-handler": "^1.10.3",
+    "react-native-reanimated": "^1.13.3",
+    "react-native-safe-area-context": "^3.1.9",
+    "react-native-screens": "^2.10.1",
+    "react-native-system-navigation-bar": "^1.0.5",
+    "react-native-url-polyfill": "^3.0.0",
+    "react-native-vector-icons": "^8.1.0",
+    "rn-fetch-blob": "^0.12.0",
+    "url": "^0.11.4",
+    "zustand": "^4.5.7"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.8.4",
+    "@babel/runtime": "^7.8.4",
+    "@react-native-community/eslint-config": "^1.1.0",
+    "@types/jest": "^25.2.3",
+    "@types/react-native": "^0.63.2",
+    "@types/react-native-vector-icons": "^6.4.18",
+    "@types/react-test-renderer": "^16.9.2",
+    "babel-jest": "^25.1.0",
+    "eslint": "^6.5.1",
+    "jest": "^25.1.0",
+    "metro-react-native-babel-preset": "^0.59.0",
+    "react-test-renderer": "16.13.1",
+    "typescript": "^3.8.3"
+  },
+  "resolutions": {
+    "@types/react": "^16"
+  },
+  "jest": {
+    "preset": "react-native",
+    "moduleFileExtensions": [
+      "ts",
+      "tsx",
+      "js",
+      "jsx",
+      "json",
+      "node"
+    ]
+  }
+}
--- a/src/App.tsx
+++ b/src/App.tsx
@ -0,0 +1,98 @@
+import React, { useEffect, useMemo } from 'react';
+import { Platform, StatusBar, View } from "react-native";
+import { NavigationContainer } from '@react-navigation/native';
+import { createStackNavigator } from '@react-navigation/stack';
+import { SafeAreaProvider } from 'react-native-safe-area-context';
+import { ThemedView } from './components/themed-view';
+import { ThemedText } from './components/themed-text';
+import { ApiProvider } from './lib/network/api';
+import { Themes } from './lib/theme';
+import { useColorScheme } from './lib/hooks/use-color-scheme';
+import { WebSocketProvider } from './lib/network/ws';
+import { useBaseStore } from './lib/stores/base';
+import { useWsStore } from './lib/stores/ws';
+import SystemNavigationBar from 'react-native-system-navigation-bar';
+import { useThemeColor } from './lib/hooks/use-theme-color';
+import Conversation from './screens/conversation';
+import { useChatStore } from './lib/stores/chats';
+import { ActionSheetProvider } from '@expo/react-native-action-sheet';
+import Login from './screens/login';
+import Main from './screens/main';
+import { getChannelName } from './lib/types/discord';
+
+export type RootStackParamList = {
+  Login: undefined;
+  Main: undefined;
+  Conversation: { id: string };
+};
+
+const Stack = createStackNavigator<RootStackParamList>();
+
+export default function RootLayout() {
+  const colorScheme = useColorScheme();
+  const isDark = useMemo(() => colorScheme === 'dark', [colorScheme]);
+  const bgColor = useThemeColor('card');
+
+  useEffect(() => {
+    if (Platform.OS === 'android' && Number(Platform.Version) >= 23) {
+      SystemNavigationBar.setNavigationColor(bgColor, isDark);
+      StatusBar.setBarStyle(isDark ? 'light-content' : 'dark-content');
+      StatusBar.setBackgroundColor('transparent');
+      StatusBar.setTranslucent(true);
+    }
+  }, [bgColor, isDark]);
+
+  return (
+    <ActionSheetProvider>
+      <ApiProvider>
+        <WebSocketProvider>
+          <SafeAreaProvider>
+            <NavigationContainer theme={isDark ? Themes.dark : Themes.light}>
+              <ThemedView style={{ flex: 1 }}>
+                <RootNavigator />
+              </ThemedView>
+            </NavigationContainer>
+          </SafeAreaProvider>
+        </WebSocketProvider>
+      </ApiProvider>
+    </ActionSheetProvider>
+  );
+}
+
+function LoadingScreen() {
+  return (
+    <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
+      <ThemedText type="subtitle">Loading…</ThemedText>
+    </View>
+  );
+}
+
+function RootNavigator() {
+  const user = useBaseStore((s) => s.user);
+  const token = useBaseStore((s) => s.token);
+  const connected = useWsStore((s) => s.connected);
+  const privateChannels = useChatStore((s) => s.privateChannels);
+
+  if (token && (!user || !connected))
+    return <LoadingScreen />;
+
+  return (
+    <Stack.Navigator screenOptions={{ headerShown: false }}>
+      {!user || !token ? (
+        <Stack.Screen name="Login" component={Login} />
+      ) : (
+        <>
+          <Stack.Screen name="Main" component={Main} />
+          <Stack.Screen
+            name="Conversation"
+            component={Conversation}
+            options={({ route }) => {
+              const channel = privateChannels[route.params.id];
+              return { headerShown: true, title: getChannelName(channel) };
+            }}
+          />
+        </>
+      )}
+    </Stack.Navigator>
+  );
+}
--- a/src/components/chat/attachments.tsx
+++ b/src/components/chat/attachments.tsx
@ -0,0 +1,75 @@
+import React from "react";
+import { File } from "../../lib/types/discord";
+import { Dimensions, Image, Linking, Pressable, StyleSheet, View } from "react-native";
+import { ThemedText } from "../themed-text";
+import { useThemedActionSheet } from "../themed-sheet";
+import { downloadFile, getSystemDir, SystemDir } from "../../lib/fs";
+
+type AttachmentsProps = { files: File[] }
+type ImageProps = { data: File, isLast: boolean }
+
+function ImageContent({ data, isLast }: ImageProps) {
+  const screenWidth = Dimensions.get("window").width;
+  const aspectRatio = data.width && data.height ? data.width / data.height : 1;
+  const { showActionSheetWithOptions } = useThemedActionSheet();
+
+  const imageOptions = (data: File) => {
+    showActionSheetWithOptions({
+      options: ["Download", "Open in Browser", "Cancel"],
+      destructiveButtonIndex: 2,
+      cancelButtonIndex: 2
+    }, (selectedIndex?: number) => {
+      switch (selectedIndex) {
+        case 0:
+          downloadFile(data.filename, data.url, getSystemDir(SystemDir.Pictures));
+          break;
+        case 1: 
+          Linking.openURL(data.url);
+          break;
+      }
+    });
+  }
+
+  return (
+    <Pressable onPress={() => imageOptions(data)}>
+      <Image
+        style={[
+          styles.image,
+          !isLast ? { marginBottom: 2 } : { marginBottom: 1 },
+          { width: screenWidth * 0.6, aspectRatio }
+        ]}
+        resizeMode="contain"
+        source={{ uri: data.url }}
+      />
+    </Pressable>
+  )
+}
+
+export default function Attachments({ files }: AttachmentsProps) {
+  const renderFile = (data: File, idx: number) => {
+    if (data.content_type.startsWith("image/")) {
+      return <ImageContent data={data} isLast={idx == files.length - 1} />
+    } else {
+      const pressHandler = () => downloadFile(data.filename, data.url, getSystemDir(SystemDir.Downloads))
+      return <ThemedText type="link" onPress={pressHandler}>Download {data.filename}</ThemedText>
+    }
+  };
+
+  return (
+    <>
+      {files.map((data, idx) => (
+        <View key={idx}>
+          {renderFile(data, idx)}
+        </View>
+      ))}
+    </>
+  );
+}
+
+const styles = StyleSheet.create({
+  image: {
+    height: undefined,
+    marginTop: 5,
+    marginLeft: 0.5
+  }
+})
--- a/src/components/themed-sheet.tsx
+++ b/src/components/themed-sheet.tsx
@ -0,0 +1,50 @@
+import { useActionSheet, ActionSheetOptions } from "@expo/react-native-action-sheet";
+import { useThemeColor } from "../lib/hooks/use-theme-color";
+import { Platform, BackHandler, useColorScheme } from "react-native";
+
+export function useThemedActionSheet() {
+  const { showActionSheetWithOptions } = useActionSheet();
+  
+  const bgColor = useThemeColor("card");
+  const textColor = useThemeColor("text");
+  const notifColor = useThemeColor("notification");
+
+  const colorScheme = useColorScheme();
+  const rippleColor = colorScheme === "dark" ? "#3a3b3d" : "#d0d2d5";
+
+  const show = (options: ActionSheetOptions, callback: (index?: number) => void) => {
+    if (Platform.OS === "android") {
+      let backHandler: any;
+
+      const wrappedCallback = (selectedIndex?: number) => {
+        if (backHandler) {
+          backHandler.remove();
+          backHandler = null;
+        }
+        callback(selectedIndex);
+      };
+
+      if (options.cancelButtonIndex == null) {
+        backHandler = BackHandler.addEventListener("hardwareBackPress", () => true);
+      }
+
+      showActionSheetWithOptions(
+        {
+          ...options,
+          titleTextStyle: { color: textColor + "99" },
+          textStyle: { color: textColor },
+          tintColor: textColor,
+          containerStyle: { backgroundColor: bgColor },
+          cancelButtonIndex: options.cancelButtonIndex,
+          destructiveColor: notifColor,
+          rippleColor
+        },
+        wrappedCallback
+      );
+    } else {
+      showActionSheetWithOptions(options, callback);
+    }
+  };
+
+  return { showActionSheetWithOptions: show };
+}
--- a/src/components/themed-text.tsx
+++ b/src/components/themed-text.tsx
@ -0,0 +1,56 @@
+import React from 'react';
+import { StyleSheet, Text, type TextProps } from 'react-native';
+import { useThemeColor } from '../lib/hooks/use-theme-color';
+
+export type ThemedTextProps = TextProps & {
+  type?: 'default' | 'title' | 'defaultSemiBold' | 'subtitle' | 'link' | 'error';
+};
+
+export function ThemedText({
+  style,
+  type = 'default',
+  ...rest
+}: ThemedTextProps) {
+  const color = useThemeColor(type === "error" ? 'notification' : 'text');
+
+  return (
+    <Text
+      style={[
+        { color },
+        styles[type],
+        style,
+      ]}
+      {...rest}
+    />
+  );
+}
+
+const styles = StyleSheet.create({
+  default: {
+    fontSize: 16,
+    lineHeight: 24,
+  },
+  defaultSemiBold: {
+    fontSize: 16,
+    lineHeight: 24,
+    fontWeight: '700',
+  },
+  title: {
+    fontSize: 32,
+    fontWeight: 'bold',
+    lineHeight: 32,
+  },
+  subtitle: {
+    fontSize: 20,
+    fontWeight: 'bold',
+  },
+  link: {
+    lineHeight: 24,
+    fontSize: 16,
+    color: '#33a1c9',
+  },
+  error: {
+    fontSize: 16,
+    lineHeight: 24,
+  },
+});
--- a/src/components/themed-view.tsx
+++ b/src/components/themed-view.tsx
@ -0,0 +1,8 @@
+import React from 'react';
+import { View, type ViewProps } from 'react-native';
+import { useThemeColor } from '../lib/hooks/use-theme-color';
+
+export function ThemedView({ style, ...otherProps }: ViewProps) {
+  const backgroundColor = useThemeColor('background');
+  return <View style={[{ backgroundColor }, style]} {...otherProps} />;
+}
--- a/src/components/ui/button.tsx
+++ b/src/components/ui/button.tsx
@ -0,0 +1,47 @@
+import React, { PropsWithChildren } from 'react';
+import { Pressable, PressableProps, StyleSheet, Text } from 'react-native';
+import { Themes } from '../../lib/theme';
+import { useThemeColor } from '../../lib/hooks/use-theme-color';
+
+interface ButtonProps extends PressableProps {
+  color?: keyof typeof Themes.dark.colors,
+}
+
+export function Button({ style, children, color = "primary", ...otherProps }: PropsWithChildren<ButtonProps>) {
+  const bgColor = useThemeColor(color);
+  const textColor = useThemeColor('text', 'dark');
+
+  return (
+    <Pressable
+      style={(state) => [
+        styles.default,
+        { backgroundColor: bgColor },
+        typeof style === "function" ? style(state) : style,
+      ]}
+      android_ripple={{ color: "#00000022" }}
+      {...otherProps}
+    >
+      <Text
+        style={[
+          styles.text,
+          { color: textColor },
+        ]}
+      >
+        {children}
+      </Text>
+    </Pressable>
+  );
+}
+
+const styles = StyleSheet.create({
+  default: {
+    paddingHorizontal: 12,
+    paddingVertical: 8,
+    borderRadius: 6,
+    justifyContent: "center"
+  },
+  text: {
+    textAlign: "center",
+    fontSize: 16,
+  }
+});
--- a/src/components/ui/icon-symbol.tsx
+++ b/src/components/ui/icon-symbol.tsx
@ -0,0 +1,25 @@
+import MaterialIcons from 'react-native-vector-icons/MaterialIcons';
+import React from 'react';
+import { OpaqueColorValue, type StyleProp, type TextStyle } from 'react-native';
+
+export type IconSymbolName =
+  | 'home'
+  | 'chat-bubble'
+  | 'send'
+  | 'code'
+  | 'chevron-right'
+  | 'settings';
+
+export function IconSymbol({
+  name,
+  size = 24,
+  color,
+  style,
+}: {
+  name: IconSymbolName;
+  size?: number;
+  color: string | OpaqueColorValue;
+  style?: StyleProp<TextStyle>;
+}) {
+  return <MaterialIcons color={color} size={size} name={name} style={style} />;
+}
--- a/src/components/ui/input-field.tsx
+++ b/src/components/ui/input-field.tsx
@ -0,0 +1,34 @@
+import React from 'react';
+import { StyleSheet, TextInput, TextInputProps } from 'react-native';
+import { useThemeColor } from '../../lib/hooks/use-theme-color';
+
+export function InputField({ style, ...otherProps }: TextInputProps) {
+  const bgColor = useThemeColor("card")
+  const textColor = useThemeColor("text")
+  
+  return (
+    <TextInput
+      style={[
+        styles.default,
+        {
+          backgroundColor: bgColor,
+          color: textColor
+        },
+        style,
+      ]}
+      placeholderTextColor={textColor + '99'}
+      {...otherProps}
+    />
+  );
+}
+
+const styles = StyleSheet.create({
+  default: {
+    paddingHorizontal: 12,
+    paddingVertical: 10,
+    borderRadius: 6,
+    fontSize: 16,
+    borderWidth: 1,
+    borderColor: 'transparent',
+  },
+});
--- a/src/components/ui/separator.tsx
+++ b/src/components/ui/separator.tsx
@ -0,0 +1,34 @@
+import React from 'react';
+import { View, ViewProps } from 'react-native';
+import { useThemeColor } from '../../lib/hooks/use-theme-color';
+
+interface SeparatorProps extends ViewProps {
+  color?: string;
+  thickness?: number;
+  inset?: number;
+}
+
+export function Separator({
+  color,
+  thickness = 1,
+  inset = 0,
+  style,
+  ...props
+}: SeparatorProps) {
+  const secondaryColor = useThemeColor('secondary');
+  
+  return (
+    <View
+      style={[
+        {
+          height: thickness,
+          backgroundColor: color ?? secondaryColor,
+          marginLeft: inset,
+          marginRight: inset,
+        },
+        style,
+      ]}
+      {...props}
+    />
+  );
+}
--- a/src/lib/fs.ts
+++ b/src/lib/fs.ts
@ -0,0 +1,36 @@
+import RNFetchBlob from "rn-fetch-blob";
+
+export enum SystemDir {
+  Pictures,
+  Downloads
+}
+
+export const getSystemDir = (type: SystemDir) => {
+  let directory;
+  switch (type) {
+    case SystemDir.Pictures:
+      directory = RNFetchBlob.fs.dirs.PictureDir;
+      break;
+    case SystemDir.Downloads:
+      directory = RNFetchBlob.fs.dirs.DownloadDir;
+      break;
+  }
+  return directory;
+}
+
+export const downloadFile = (fileName: string, url: string, directory: string) => {
+  let options = {
+    fileCache: true,
+    addAndroidDownloads: {
+      useDownloadManager: true,
+      notification: true,
+      path: `${directory}/${fileName}`,
+      description: `Downloading file ${fileName}`
+    }
+  }
+  RNFetchBlob.config(options)
+    .fetch("GET", url)
+    .catch(err => {
+      console.error("Download failed:", err);
+    });
+}
--- a/src/lib/hooks/use-color-scheme.ts
+++ b/src/lib/hooks/use-color-scheme.ts
@ -0,0 +1,13 @@
+import { useColorScheme as RNUseColorScheme } from 'react-native';
+import { useBaseStore } from '../stores/base';
+
+export function useColorScheme() {
+  const userTheme = useBaseStore((s) => s.theme);
+  const systemScheme = RNUseColorScheme();
+
+  if (userTheme === 'auto') {
+    return systemScheme === 'dark' ? 'dark' : 'light';
+  }
+
+  return userTheme;
+}
--- a/src/lib/hooks/use-theme-color.ts
+++ b/src/lib/hooks/use-theme-color.ts
@ -0,0 +1,17 @@
+/**
+ * Learn more about light and dark modes:
+ * https://docs.expo.dev/guides/color-schemes/
+ */
+
+import { Themes } from '../theme';
+import { useColorScheme } from '../hooks/use-color-scheme';
+
+export function useThemeColor(
+  colorName: keyof typeof Themes.dark.colors,
+  theme?: 'light' | 'dark'
+) {
+  const scheme = theme ?? useColorScheme() ?? 'light';
+  return scheme === 'dark'
+    ? Themes.dark.colors[colorName]
+    : Themes.light.colors[colorName];
+}
--- a/src/lib/network/api.tsx
+++ b/src/lib/network/api.tsx
@ -0,0 +1,146 @@
+import React, { createContext, useContext } from "react";
+import { useBaseStore } from "../stores/base";
+import { useChatStore } from "../stores/chats";
+import { Message } from "../types/discord";
+import { HttpResponse, LoginResponse } from "../types/types";
+import { URLSearchParams } from "react-native-url-polyfill";
+import { ImageSourcePropType } from "react-native";
+
+interface ApiContextType {
+  login: (email: string, password: string, instanceUrl: string) => Promise<HttpResponse<LoginResponse>>;
+  http: <T = any>(url: string, method?: "GET" | "POST", body?: unknown) => Promise<HttpResponse<T>>;
+  getAvatarUrl: (id?: string, hash?: string | null) => ImageSourcePropType;
+  populateMessages: (channelId: string, opts?: { before?: string; limit?: number }) => Promise<void>;
+  sendMessage: (channelId: string, content: string) => Promise<HttpResponse<Message>>
+}
+
+const ApiContext = createContext<ApiContextType | null>(null);
+
+export const ApiProvider = ({ children }: { children: React.ReactNode }) => {
+  const setToken = useBaseStore((s) => s.setToken);
+  const setBaseUrl = useBaseStore((s) => s.setBaseUrl);
+
+  const token = useBaseStore((s) => s.token);
+  const baseUrl = useBaseStore((s) => s.baseUrl);
+
+  const http = async <T = any>(
+    url: string,
+    method: "GET" | "POST" = "GET",
+    body?: unknown
+  ) => {
+    const controller = new AbortController();
+    const timeout = setTimeout(() => controller.abort(), 5000);
+
+    const isAbsolute = /^https?:\/\//i.test(url);
+    const newUrl = isAbsolute ? url : `${baseUrl}${url}`;
+
+    try {
+      const res = await fetch(newUrl, {
+        method,
+        headers: {
+          "Content-Type": "application/json",
+          ...(token ? { Authorization: `Bearer ${token}` } : {}),
+        },
+        body: body ? JSON.stringify(body) : undefined,
+        signal: controller.signal,
+      });
+
+      const contentType = res.headers.get("content-type") || "";
+      const data: T | null = contentType.includes("application/json") ? await res.json() : null;
+
+      if (res.ok)
+        return { ok: true, status: res.status, data };
+
+      return {
+        ok: false,
+        status: res.status,
+        data,
+        error: (data as any)?.message || `HTTP ${res.status}`
+      };
+    } catch (err: any) {
+      const error = err.name === "AbortError" ? "timeout" : err?.message ?? String(err);
+      return { ok: false, status: 0, data: null, error };
+    } finally {
+      clearTimeout(timeout);
+    }
+  };
+
+  const login = async (
+    email: string,
+    password: string,
+    instanceUrl: string
+  ) => {
+    const res = await http<LoginResponse>(
+      `${instanceUrl}/api/v9/auth/login`,
+      "POST",
+      { login: email, password }
+    );
+    if (res.ok && res.data?.token) {
+      setToken(res.data.token);
+      setBaseUrl(instanceUrl);
+    }
+    return res;
+  };
+
+  const populateMessages = async (
+    channelId: string,
+    opts?: { before?: string; limit?: number }
+  ) => {
+    const { before, limit = 50 } = opts ?? {};
+
+    const params = new URLSearchParams();
+    if (before) params.set("before", before);
+    if (limit) params.set("limit", String(limit));
+
+    const query = params.toString();
+    const endpoint = `/api/v9/channels/${channelId}/messages${query ? `?${query}` : ""}`;
+
+    const res = await http<Message[]>(endpoint, "GET");
+    if (!res.ok || !res.data)
+      throw new Error(res.error ?? `Failed to fetch messages for channel ${channelId}`);
+
+    const fetched: Message[] = res.data ?? [];
+    useChatStore.getState().appendOlder(channelId, fetched);
+  };
+
+  const sendMessage = async (
+    channelId: string,
+    content: string
+  ) => {
+    const nonce = Math.floor(Math.random() * 10 ** 8) + "";
+    const res = await http<Message>(
+      `/api/v9/channels/${channelId}/messages`,
+      "POST",
+      { content, nonce, tts: false }
+    );
+    return res;
+  }
+
+  const getAvatarUrl = (id?: string, hash?: string | null): ImageSourcePropType => {
+    if (id && hash) {
+      return { uri: `${baseUrl}/avatars/${id}/${hash}` };
+    } else {
+      return require("../../../assets/default.png");
+    }
+  };
+
+  return (
+    <ApiContext.Provider
+      value={{
+        http,
+        login,
+        getAvatarUrl,
+        populateMessages,
+        sendMessage,
+      }}
+    >
+      {children}
+    </ApiContext.Provider>
+  );
+};
+
+export const useApi = () => {
+  const ctx = useContext(ApiContext);
+  if (!ctx) throw new Error("useApi must be used inside ApiProvider");
+  return ctx;
+};
--- a/src/lib/network/ws.tsx
+++ b/src/lib/network/ws.tsx
@ -0,0 +1,182 @@
+import React, { useEffect, useRef } from "react";
+import { useBaseStore } from "../stores/base";
+import { useChatStore } from "../stores/chats";
+import { useWsStore } from "../stores/ws";
+import { Opcode, ReadyOp } from "../types/opcodes";
+import { WsMessage } from "../types/types";
+import { Message } from "../types/discord";
+import { URL } from "react-native-url-polyfill";
+
+export const WebSocketProvider = ({ children }: { children: React.ReactNode }) => {
+  const setConnected = useWsStore((s) => s.setConnected);
+  const setUser = useBaseStore((s) => s.setUser);
+  const setPrivateChannels = useChatStore((s) =>  s.setPrivateChannels)
+  const addMessage = useChatStore((s) =>  s.addMessage)
+
+  const token = useBaseStore((s) => s.token);
+  const baseUrl = useBaseStore((s) => s.baseUrl);
+  
+  const tokenRef = useRef(token);
+  const baseUrlRef = useRef(baseUrl);
+
+  const wsRef = useRef<WebSocket | null>(null);
+  const heartbeatRef = useRef<ReturnType<typeof setInterval> | null>(null);
+  const retryTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);
+  const shouldConnectRef = useRef(false);
+
+  useEffect(() => {
+    tokenRef.current = token;
+    baseUrlRef.current = baseUrl;
+  }, [token, baseUrl]);
+
+  const cleanup = () => {
+    shouldConnectRef.current = false;
+    if (retryTimeoutRef.current) {
+      clearTimeout(retryTimeoutRef.current);
+      retryTimeoutRef.current = null;
+    }
+
+    if (wsRef.current) {
+      try {
+        wsRef.current.onopen = null;
+        wsRef.current.onmessage = null;
+        wsRef.current.onerror = null;
+        wsRef.current.onclose = null;
+        wsRef.current.close();
+      } catch (e) {
+        // ignore
+      }
+      wsRef.current = null;
+    }
+
+    if (heartbeatRef.current) {
+      clearInterval(heartbeatRef.current);
+      heartbeatRef.current = null;
+    }
+
+    setConnected(false);
+  };
+
+  const getWebSocketUrlFrom = (base: string) => {
+    const url = new URL(base);
+    url.protocol = url.protocol === "https:" ? "wss:" : "ws:";
+    url.pathname = "/ws";
+    return url.toString();
+  };
+
+  const handleDispatch = (eventType: string, payload: any) => {
+    switch (eventType) {
+      case "READY": {
+        const readyPayload = payload as ReadyOp;
+        if (!readyPayload) return;
+        
+        setUser(readyPayload.user);
+        setPrivateChannels(readyPayload.private_channels);
+        break;
+      }
+      case "MESSAGE_CREATE": {
+        const msg = payload as Message;
+        addMessage(msg.channel_id, msg);
+      }
+      default:
+        console.debug("Unhandled dispatch:", eventType, payload);
+    }
+  };
+
+  const handleMessage = (raw: string) => {
+    let parsed: WsMessage;
+    try {
+      parsed = JSON.parse(raw);
+    } catch {
+      console.warn("Invalid WS message:", raw);
+      return;
+    }
+
+    const { op, d, t } = parsed;
+
+    switch (op) {
+      case Opcode.HELLO: {
+        const interval = d?.heartbeat_interval ?? 30000;
+        if (heartbeatRef.current) clearInterval(heartbeatRef.current);
+
+        heartbeatRef.current = setInterval(() => {
+          if (!wsRef.current || wsRef.current.readyState !== WebSocket.OPEN) return;
+          wsRef.current.send(JSON.stringify({ op: Opcode.HEARTBEAT, d: Date.now() }));
+        }, interval);
+        break;
+      }
+      case Opcode.DISPATCH:
+        if (t) handleDispatch(t, d);
+        break;
+      case Opcode.RECONNECT:
+        wsRef.current?.close();
+        break;
+      case Opcode.INVALID_SESSION:
+        useBaseStore.getState().clearAuth();
+        break;
+      default:
+        console.debug("Unhandled op:", op, d);
+    }
+  };
+
+  const connect = (token: string, baseUrl: string) => {
+    let url: string;
+    try {
+      url = getWebSocketUrlFrom(baseUrl);
+    } catch (err) {
+      console.warn("Invalid baseUrl, skipping WebSocket connect", err);
+      return;
+    }
+
+    const ws = new WebSocket(url);
+    wsRef.current = ws;
+
+    ws.onopen = () => {
+      if (!shouldConnectRef.current) {
+        ws.close();
+        return;
+      }
+      setConnected(true);
+      ws.send(JSON.stringify({ op: Opcode.IDENTIFY, d: { token } }));
+    };
+
+    ws.onmessage = (ev) => {
+      if (!shouldConnectRef.current) return;
+      const data = typeof ev.data === "string" ? ev.data : new TextDecoder().decode(ev.data as any);
+      handleMessage(data);
+    };
+
+    ws.onerror = (ev) => {
+      console.warn("WebSocket error", ev);
+      setConnected(false);
+    };
+
+    ws.onclose = () => {
+      setConnected(false);
+      if (heartbeatRef.current) {
+        clearInterval(heartbeatRef.current);
+        heartbeatRef.current = null;
+      }
+      
+      if (!shouldConnectRef.current) return;
+      retryTimeoutRef.current = setTimeout(() => {
+        connect(tokenRef.current!, baseUrlRef.current!);
+      }, 1000 + Math.random() * 1000);
+    };
+  };
+
+  useEffect(() => {
+    cleanup();
+    if (!token || !baseUrl) return;
+
+    shouldConnectRef.current = true;
+    connect(token, baseUrl);
+
+    return () => {
+      shouldConnectRef.current = false;
+      cleanup();
+    };
+  }, [token, baseUrl]);
+
+  return <>{children}</>;
+};
--- a/src/lib/stores/base.ts
+++ b/src/lib/stores/base.ts
@ -0,0 +1,39 @@
+import AsyncStorage from "@react-native-async-storage/async-storage";
+import { create } from "zustand";
+import { createJSONStorage, persist } from "zustand/middleware";
+import { MainUser } from "../types/discord";
+
+type ThemeOption = "auto" | "light" | "dark";
+
+interface BaseStore {
+  theme: ThemeOption;
+  token: string | null;
+  baseUrl: string | null;
+  user: MainUser | null;
+  setTheme: (mode: ThemeOption) => void;
+  setToken: (token: string | null) => void;
+  setBaseUrl: (baseUrl: string | null) => void;
+  setUser: (user: MainUser | null) => void;
+  clearAuth: () => void;
+}
+
+export const useBaseStore = create<BaseStore>()(
+  persist(
+    (set) => ({
+      theme: "auto",
+      token: null,
+      baseUrl: null,
+      user: null,
+      setTheme: (theme) => set({ theme }),
+      setToken: (token) => set({ token }),
+      setBaseUrl: (baseUrl) => set({ baseUrl }),
+      setUser: (user) => set({ user }),
+      clearAuth: () => set({ token: null, baseUrl: null, user: null }),
+    }),
+    {
+      name: "auth-storage",
+      storage: createJSONStorage(() => AsyncStorage),
+      partialize: (state) => ({ theme: state.theme, token: state.token, baseUrl: state.baseUrl }),
+    }
+  )
+);
--- a/src/lib/stores/chats.ts
+++ b/src/lib/stores/chats.ts
@ -0,0 +1,64 @@
+import { create } from "zustand";
+import { Message, PrivateChannel } from "../types/discord";
+
+interface ChatStore {
+  privateChannels: Record<string, PrivateChannel>;
+  messages: Record<string, Message[]>;
+  setPrivateChannels: (value: PrivateChannel[]) => void;
+  addMessage: (channelId: string, message: Message) => void;
+  appendOlder: (channelId: string, olderMessages: Message[]) => void;
+  clearChannel: (channelId: string) => void;
+  noMoreOlder: Record<string, boolean>;
+  setNoMoreOlder: (channelId: string, value: boolean) => void;
+}
+
+export const useChatStore = create<ChatStore>((set) => ({
+  privateChannels: {},
+  messages: {},
+  setPrivateChannels: (channels) => {
+    const record: Record<string, PrivateChannel> = {};
+    channels.forEach((ch) => {
+      if (ch.id) record[ch.id] = ch;
+    });
+    set({ privateChannels: record });
+  },
+  addMessage: (channelId, message) =>
+    set((state) => {
+      const existing = state.messages[channelId] ?? [];
+      if (message?.id && existing.some((m) => m.id === message.id))
+        return state;
+      return {
+        messages: {
+          ...state.messages,
+          [channelId]: [message, ...existing],
+        },
+      };
+    }),
+  appendOlder: (channelId, olderMessages) =>
+    set((state) => {
+      const existing = state.messages[channelId] ?? [];
+      if (!Array.isArray(olderMessages) || olderMessages.length === 0) {
+        return state;
+      }
+      const existingIds = new Set(existing.map((m) => m.id));
+      const filteredOlder = olderMessages.filter((m) => m?.id && !existingIds.has(m.id));
+      if (filteredOlder.length === 0) return state;
+      return {
+        messages: {
+          ...state.messages,
+          [channelId]: [...existing, ...filteredOlder],
+        },
+      };
+    }),
+  clearChannel: (channelId) =>
+    set((state) => {
+      const copy = { ...state.messages };
+      delete copy[channelId];
+      return { messages: copy };
+    }),
+  noMoreOlder: {},
+  setNoMoreOlder: (channelId, value) =>
+    set((state) => ({
+      noMoreOlder: { ...state.noMoreOlder, [channelId]: value },
+    })),
+}));
--- a/src/lib/stores/ws.ts
+++ b/src/lib/stores/ws.ts
@ -0,0 +1,11 @@
+import { create } from "zustand";
+
+interface WsStore {
+  connected: boolean;
+  setConnected: (value: boolean) => void;
+}
+
+export const useWsStore = create<WsStore>((set) => ({
+  connected: false,
+  setConnected: (value) => set({ connected: value }),
+}));
--- a/src/lib/theme.ts
+++ b/src/lib/theme.ts
@ -0,0 +1,68 @@
+/**
+ * Below are the colors that are used in the app. The colors are defined in the light and dark mode.
+ * There are many other ways to style your app. For example, [Nativewind](https://www.nativewind.dev/), [Tamagui](https://tamagui.dev/), [unistyles](https://reactnativeunistyles.vercel.app), etc.
+ */
+
+import { Theme as NavigationTheme } from '@react-navigation/native';
+import { Platform } from 'react-native';
+
+export interface AppTheme extends NavigationTheme {
+  colors: NavigationTheme['colors'] & {
+    secondary: string;
+  };
+}
+
+export const Fonts = {
+  sans: Platform.select({
+    ios: 'SF Pro Text',
+    android: 'Roboto',
+    web: "Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial",
+    default: 'sans-serif',
+  }),
+  serif: Platform.select({
+    ios: 'New York',
+    android: 'serif',
+    web: "Georgia, 'Times New Roman', serif",
+    default: 'serif',
+  }),
+  rounded: Platform.select({
+    ios: 'SF Pro Rounded',
+    android: 'sans-serif-medium',
+    web: "'SF Pro Rounded', 'Hiragino Maru Gothic ProN', sans-serif",
+    default: 'sans-serif',
+  }),
+  mono: Platform.select({
+    ios: 'SF Mono',
+    android: 'monospace',
+    web: "SFMono-Regular, Menlo, Monaco, Consolas, 'Courier New', monospace",
+    default: 'monospace',
+  }),
+};
+
+const DarkTheme: AppTheme = {
+  dark: true,
+  colors: {
+    primary: '#7289DA',
+    secondary: '#4f535c',
+    background: '#363940',
+    card: '#212226',
+    text: '#FFFFFF',
+    border: '#202225',
+    notification: '#ED4245',
+  }
+};
+
+const LightTheme: AppTheme = {
+  dark: false,
+  colors: {
+    primary: '#7289DA',
+    secondary: '#A0A5AD',
+    background: '#FDFDFD',
+    card: '#E6E8EB',
+    text: '#1C1E21',
+    border: '#E0E0E0',
+    notification: '#FF4D4F',
+  },
+};
+
+export const Themes = { light: LightTheme, dark: DarkTheme }
--- a/src/lib/types/discord.ts
+++ b/src/lib/types/discord.ts
@ -0,0 +1,108 @@
+export interface User {
+	username: string;
+	discriminator: string;
+	id: string;
+	public_flags: number;
+	avatar: string | null;
+	accent_color: number;
+	banner?: string;
+	bio: string;
+	bot: boolean;
+	premium_since: string;
+	premium_type: number;
+	theme_colors: [number, number] | null;
+	pronouns?: string;
+	badge_ids: string[];
+	uid?: string;
+};
+
+export type MainUser = User & {
+	flags: number;
+	mfa_enabled?: boolean;
+	email?: string;
+	phone?: string;
+	verified: boolean;
+	nsfw_allowed: boolean;
+	premium: boolean;
+	purchased_flags: number;
+	premium_usage_flags: number;
+	disabled: boolean;
+};
+
+export interface PrivateChannel {
+	id: string;
+	flags: number;
+	name?: string | null;
+	icon?: string;
+	last_message_id: string;
+	type: number;
+	recipients: User[];
+	is_spam: boolean;
+	owner_id?: string;
+};
+
+export interface File {
+	id: string;
+	filename: string;
+	content_type: string;
+	width?: number;
+	height?: number;
+	proxy_url?: string;
+	url: string;
+	size: number;
+};
+
+export interface Message {
+	id: string;
+	channel_id: string;
+	guild_id: string;
+	author: User;
+	//member?: memberjson;
+	content: string;
+	timestamp: string;
+	edited_timestamp: string | null;
+	tts: boolean;
+	mention_everyone: boolean;
+	mentions: [];
+	mention_roles?: [];
+	attachments: File[];
+	//embeds: embedjson[];
+	//components?: component[] | null;
+	/*reactions?: {
+		count: number;
+		emoji: emojijson;
+		me: boolean;
+	}[];
+	interaction?: {
+		id: string;
+		type: 2 | 3;
+		user: userjson;
+	};
+	interaction_metadata?: {
+		authorizing_integration_owners: {
+			//User ids
+			[key: string]: string;
+		};
+		id: string;
+		type: 2 | 3;
+		user: userjson;
+	};*/
+	nonce: string;
+	pinned: boolean;
+	type: number;
+	//webhook?: webhookInfo;
+	//sticker_items: stickerJson[];
+	message_reference?: string;
+};
+
+export function getChannelName(channel?: PrivateChannel) {
+  if (!channel) return "Unknown";
+
+  const { name, recipients } = channel;
+  if (name && name.trim() !== "") return name;
+
+  const firstRecipient = recipients?.[0]?.username;
+  if (firstRecipient && firstRecipient.trim() !== "") return firstRecipient;
+
+  return "Unknown";
+}
--- a/src/lib/types/opcodes.ts
+++ b/src/lib/types/opcodes.ts
@ -0,0 +1,111 @@
+import { MainUser, PrivateChannel, User } from "./discord";
+
+export enum Opcode {
+  DISPATCH = 0,
+  HEARTBEAT = 1,
+  IDENTIFY = 2,
+  RECONNECT = 7,
+  INVALID_SESSION = 9,
+  HELLO = 10,
+  HEARTBEAT_ACK = 11,
+}
+
+export interface ReadyOp {
+  _trace?: string[];
+  v: number;
+  user: MainUser;
+  user_settings: {
+    index: number;
+    afk_timeout: number;
+    allow_accessibility_detection: boolean;
+    animate_emoji: boolean;
+    animate_stickers: number;
+    contact_sync_enabled: boolean;
+    convert_emoticons: boolean;
+    custom_status: string;
+    default_guilds_restricted: boolean;
+    detect_platform_accounts: boolean;
+    developer_mode: boolean;
+    disable_games_tab: boolean;
+    enable_tts_command: boolean;
+    explicit_content_filter: 0;
+    friend_discovery_flags: 0;
+    friend_source_flags: {
+      all: boolean;
+    };
+    gateway_connected: boolean;
+    gif_auto_play: boolean;
+    guild_positions: [];
+    inline_attachment_media: boolean;
+    inline_embed_media: boolean;
+    locale: string;
+    message_display_compact: boolean;
+    native_phone_integration_enabled: boolean;
+    render_embeds: boolean;
+    render_reactions: boolean;
+    restricted_guilds: [];
+    show_current_game: boolean;
+    status: string;
+    stream_notifications_enabled: boolean;
+    theme: string;
+    timezone_offset: number;
+    view_nsfw_guilds: boolean;
+  };
+  //guilds: guildjson[];
+  /*relationships: {
+    id: string;
+    type: 0 | 1 | 2 | 3 | 4;
+    nickname: string | null;
+    user: userjson;
+  }[];*/
+  read_state: {
+    entries: {
+      id: string;
+      channel_id: string;
+      last_message_id: string;
+      last_pin_timestamp: string;
+      mention_count: number;
+    }[];
+    partial: boolean;
+    version: number;
+  };
+  /*user_guild_settings: {
+    entries: GuildOverrides[];
+    partial: boolean;
+    version: number;
+  };*/
+  private_channels: PrivateChannel[];
+  session_id: string;
+  country_code: string;
+  users: User[];
+  //merged_members: [memberjson][];
+  sessions: {
+    active: boolean;
+    activities: []; //will need to find example of this
+    client_info: {
+      version: number;
+    };
+    session_id: string;
+    status: string;
+  }[];
+  resume_gateway_url: string;
+  consents: {
+    personalization: {
+      consented: boolean;
+    };
+  };
+  experiments: []; //not sure if I need to do this :P
+  guild_join_requests: []; //need to get examples
+  connected_accounts: []; //need to get examples
+  guild_experiments: []; //need to get examples
+  geo_ordered_rtc_regions: []; //need to get examples
+  api_code_version: number;
+  friend_suggestion_count: number;
+  analytics_token: string;
+  tutorial: boolean;
+  session_type: string;
+  auth_session_id_hash: string;
+  notification_settings: {
+    flags: number;
+  };
+}
--- a/src/lib/types/types.ts
+++ b/src/lib/types/types.ts
@ -0,0 +1,16 @@
+export interface WsMessage {
+  op: number;
+  d: any;
+  t?: string
+}
+
+export interface HttpResponse<T> {
+  ok: boolean,
+  status: number,
+  data: T | null,
+  error?: string
+}
+
+export interface LoginResponse {
+  token?: string
+}
--- a/src/screens/conversation.tsx
+++ b/src/screens/conversation.tsx
@ -0,0 +1,230 @@
+import React, { useCallback, useEffect, useRef, useState } from "react";
+import {
+  ActivityIndicator,
+  FlatList,
+  Image,
+  StyleSheet,
+  View,
+} from "react-native";
+import { RouteProp } from "@react-navigation/native";
+import { RootStackParamList } from "../App";
+import { useApi } from "../lib/network/api";
+import { useChatStore } from "../lib/stores/chats";
+import { Message } from "../lib/types/discord";
+import { useThemeColor } from "../lib/hooks/use-theme-color";
+import { ThemedText } from "../components/themed-text";
+import { ThemedView } from "../components/themed-view";
+import { InputField } from "../components/ui/input-field";
+import { Button } from "../components/ui/button";
+import { Separator } from "../components/ui/separator";
+import Attachments from "../components/chat/attachments";
+
+const PAGE_SIZE = 50;
+
+type ConversationRouteProp = RouteProp<RootStackParamList, "Conversation">;
+
+export default function Conversation({ route }: { route: ConversationRouteProp }) {
+  const channelId = route.params.id;
+  const accentColor = useThemeColor("secondary");
+  const api = useApi();
+
+  const messages = useChatStore((s) => s.messages[channelId] ?? []);
+  const noMoreOlder = useChatStore((s) => s.noMoreOlder[channelId] ?? false);
+  const setNoMoreOlder = useChatStore((s) => s.setNoMoreOlder);
+
+  const [message, setMessage] = useState("");
+  const [initialLoading, setInitialLoading] = useState(!(messages.length > 1));
+  const [loadingOlder, setLoadingOlder] = useState(false);
+  const loadingRef = useRef(false); // used to prevent race conditions
+
+  const getCurrentMessages = () => {
+    return useChatStore.getState().messages[channelId] ?? []
+  }
+
+  const fetchInitial = useCallback(async () => {
+    try {
+      setInitialLoading(true);
+      await api.populateMessages(channelId, { before: messages[0]?.id, limit: PAGE_SIZE });
+      if (getCurrentMessages().length < PAGE_SIZE) setNoMoreOlder(channelId, true);
+    } catch (err) {
+      console.warn("Failed to fetch initial messages", err);
+    } finally {
+      setInitialLoading(false);
+    }
+  }, [api, channelId]);
+
+  const fetchOlder = useCallback(async () => {
+    if (loadingRef.current || loadingOlder || noMoreOlder) return;
+
+    const current = getCurrentMessages();
+    if (current.length === 0) return;
+
+    const oldest = current[current.length - 1];
+    if (!oldest?.id) return;
+
+    try {
+      loadingRef.current = true;
+      setLoadingOlder(true);
+      await api.populateMessages(channelId, { before: oldest.id, limit: PAGE_SIZE });
+
+      // If server sent nothing new, no more old messages
+      const updated = getCurrentMessages();
+      if (
+        updated.length === current.length ||
+        updated.length - current.length < PAGE_SIZE
+      ) {
+        setNoMoreOlder(channelId, true);
+      }
+    } catch (err) {
+      console.warn("Failed to fetch older messages", err);
+    } finally {
+      loadingRef.current = false;
+      setLoadingOlder(false);
+    }
+  }, [api, channelId, loadingOlder, noMoreOlder]);
+
+  const handleSend = useCallback(async () => {
+    const msg = await api.sendMessage(channelId, message);
+    if (msg.ok) setMessage("");
+  }, [api, channelId, message])
+
+  const MessageRow = React.memo(({
+    message,
+    prevMessage,
+    isLast
+  }: {
+    message: Message;
+    prevMessage?: Message;
+    isLast: boolean;
+  }) => {
+    const combine =
+      prevMessage?.author?.id === message.author?.id
+      && !message.message_reference;
+
+    return (
+      <View
+        style={[
+          styles.messageContainer,
+          combine ? { marginLeft: 55 } : { paddingTop: 15 },
+          isLast ? { marginBottom: 8 } : null
+        ]}
+      >
+        {!combine && (
+          <Image
+            style={styles.avatar}
+            source={api.getAvatarUrl(message.author.id, message.author.avatar)}
+          />
+        )}
+        <View style={{ flex: 1 }}>
+          {!combine && (
+            <ThemedText style={styles.messageUsername}>
+              {message.author?.username ?? "Unknown"}
+            </ThemedText>
+          )}
+          {message.content != "" && (
+            <ThemedText type="default" style={styles.messageText} selectable={true}>
+              {message.content}
+            </ThemedText>
+          )}
+          <Attachments files={message.attachments} />
+        </View>
+      </View>
+    );
+  });
+
+  const renderItem = useCallback(
+    ({ item, index }: { item: Message; index: number }) => {
+      const prevMessage = index < messages.length - 1 ? messages[index + 1] : undefined;
+      return <MessageRow message={item} prevMessage={prevMessage} isLast={index == 0} />;
+    },
+    [messages]
+  );
+
+  useEffect(() => {
+    if (messages.length > 1) return;
+    fetchInitial();
+  }, [fetchInitial]);
+
+  return (
+    <ThemedView style={{ flex: 1 }}>
+      {initialLoading ? (
+        <View style={styles.loadingScreen}>
+          <ActivityIndicator size="large" color={accentColor as string} />
+        </View>
+      ) : (
+        <>
+          <FlatList
+            data={messages}
+            keyExtractor={(m: Message) => m.id}
+            renderItem={renderItem}
+            inverted={true}
+            onEndReached={fetchOlder}
+            onEndReachedThreshold={0.2}
+            ListFooterComponent={loadingOlder ? <ActivityIndicator color={accentColor as string} /> : null}
+            contentContainerStyle={styles.messageList}
+            initialNumToRender={20}
+            maxToRenderPerBatch={20}
+            windowSize={5}
+          />
+          <Separator />
+          <View style={styles.addMessage}>
+            <InputField
+              placeholder="Type a message..."
+              style={[styles.messageInput]}
+              onSubmitEditing={handleSend}
+              value={message}
+              onChangeText={(s) => setMessage(s)}
+            />
+            <Button onPress={handleSend}>
+              Send
+            </Button>
+          </View>
+        </>
+      )}
+    </ThemedView>
+  );
+}
+
+const styles = StyleSheet.create({
+  loadingScreen: {
+    flex: 1,
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  messageList: {
+    marginLeft: 10
+  },
+  messageContainer: {
+    display: "flex",
+    flexDirection: "row",
+    borderRadius: 8,
+    maxWidth: "83%"
+  },
+  messageUsername: {
+    marginTop: 2,
+    fontSize: 16,
+    fontWeight: "700"
+  },
+  messageText: {
+    opacity: 0.8
+  },
+  avatar: {
+    width: 45,
+    height: 45,
+    borderRadius: 1000,
+    marginRight: 10
+  },
+  addMessage: {
+    paddingVertical: 8,
+    paddingHorizontal: 12,
+    backgroundColor: "transparent",
+    display: "flex",
+    flexDirection: "row"
+  },
+  messageInput: {
+    flex: 1,
+    marginRight: 10,
+    borderWidth: 0,
+    paddingVertical: 5
+  }
+});
--- a/src/screens/login.tsx
+++ b/src/screens/login.tsx
@ -0,0 +1,99 @@
+import React, { useState } from 'react';
+import { StyleSheet } from 'react-native';
+import { SafeAreaView } from 'react-native-safe-area-context';
+import { ThemedText } from '../components/themed-text';
+import { ThemedView } from '../components/themed-view';
+import { Button } from '../components/ui/button';
+import { InputField } from '../components/ui/input-field';
+import { useApi } from '../lib/network/api';
+
+export default function Login() {
+  const api = useApi();
+  const [email, setEmail] = useState("");
+  const [password, setPassword] = useState("");
+  const [instanceUrl, setInstanceUrl] = useState("https://chat.murdle.top");
+  const [error, setError] = useState<string | null>(null);
+
+  const signIn = async () => {
+    setError("");
+
+    if (!email)
+      return setError("Email is required");
+
+    if (!password)
+      return setError("Password is required");
+    
+    if (!instanceUrl)
+      return setError("Instance URL is required");
+    
+    const res = await api.login(email, password, instanceUrl);
+    if (!res.ok && res.error)
+      return setError(res.error)    
+  }
+
+  return (
+    <SafeAreaView style={{ flex: 1 }}>
+      <ThemedView style={styles.container}>
+        <ThemedText type="subtitle" style={styles.fullWidth}>Welcome!</ThemedText>
+
+        <ThemedText
+          type="default"
+          style={[styles.fullWidth, { marginTop: 5, marginBottom: 15, opacity: 0.6 }]}
+        >
+          Enter your credentials below in order to login to your account
+        </ThemedText>
+
+        <InputField
+          placeholder="Email"
+          style={[styles.fullWidth]}
+          onChangeText={(s) => setEmail(s)}
+          value={email}
+        />
+
+        <InputField
+          placeholder="Password"
+          style={[styles.fullWidth, styles.controlSpacing]}
+          secureTextEntry={true}
+          onChangeText={(s) => setPassword(s)}
+          value={password}
+        />
+
+        <InputField
+          placeholder="Instance URL"
+          style={[styles.fullWidth, styles.controlSpacing]}
+          onChangeText={(s) => setInstanceUrl(s)}
+          value={instanceUrl}
+        />
+
+        {error ?
+          <ThemedText
+            type="error"
+            style={[styles.fullWidth, { marginTop: 12 }]}
+          >
+            {error}
+          </ThemedText>
+        : null}
+
+        <Button style={[styles.fullWidth, { marginTop: 15 }]} onPress={signIn}>
+          Sign In
+        </Button>
+      </ThemedView>
+    </SafeAreaView>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    alignItems: 'center',
+    padding: 20,
+    marginTop: 10,
+  },
+  fullWidth: {
+    width: "90%",
+    maxWidth: 670,
+  },
+  controlSpacing: {
+    marginTop: 12,
+  },
+});
--- a/Show More
+++ b/Show More