Initial commit.
12
.babelrc
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
{
|
||||
"presets": [
|
||||
"babel-preset-react-native-stage-0/decorator-support"
|
||||
],
|
||||
"env": {
|
||||
"development": {
|
||||
"plugins": [
|
||||
"transform-react-jsx-source"
|
||||
]
|
||||
}
|
||||
}
|
||||
}
|
||||
75
.flowconfig
Normal file
|
|
@ -0,0 +1,75 @@
|
|||
[ignore]
|
||||
; We fork some components by platform
|
||||
.*/*[.]android.js
|
||||
|
||||
; Ignore templates for 'react-native init'
|
||||
<PROJECT_ROOT>/node_modules/react-native/local-cli/templates/.*
|
||||
|
||||
; Ignore RN jest
|
||||
<PROJECT_ROOT>/node_modules/react-native/jest/.*
|
||||
|
||||
; Ignore RNTester
|
||||
<PROJECT_ROOT>/node_modules/react-native/RNTester/.*
|
||||
|
||||
; Ignore the website subdir
|
||||
<PROJECT_ROOT>/node_modules/react-native/website/.*
|
||||
|
||||
; Ignore the Dangerfile
|
||||
<PROJECT_ROOT>/node_modules/react-native/danger/dangerfile.js
|
||||
|
||||
; Ignore Fbemitter
|
||||
<PROJECT_ROOT>/node_modules/fbemitter/.*
|
||||
|
||||
; Ignore "BUCK" generated dirs
|
||||
<PROJECT_ROOT>/node_modules/react-native/\.buckd/
|
||||
|
||||
; Ignore unexpected extra "@providesModule"
|
||||
.*/node_modules/.*/node_modules/fbjs/.*
|
||||
|
||||
; Ignore polyfills
|
||||
<PROJECT_ROOT>/node_modules/react-native/Libraries/polyfills/.*
|
||||
|
||||
; Ignore various node_modules
|
||||
<PROJECT_ROOT>/node_modules/react-native-gesture-handler/.*
|
||||
<PROJECT_ROOT>/node_modules/expo/.*
|
||||
<PROJECT_ROOT>/node_modules/react-navigation/.*
|
||||
<PROJECT_ROOT>/node_modules/xdl/.*
|
||||
<PROJECT_ROOT>/node_modules/reqwest/.*
|
||||
<PROJECT_ROOT>/node_modules/metro-bundler/.*
|
||||
|
||||
[include]
|
||||
|
||||
[libs]
|
||||
node_modules/react-native/Libraries/react-native/react-native-interface.js
|
||||
node_modules/react-native/flow/
|
||||
node_modules/expo/flow/
|
||||
|
||||
[options]
|
||||
emoji=true
|
||||
|
||||
module.system=haste
|
||||
|
||||
module.file_ext=.js
|
||||
module.file_ext=.jsx
|
||||
module.file_ext=.json
|
||||
module.file_ext=.ios.js
|
||||
|
||||
munge_underscores=true
|
||||
|
||||
module.name_mapper='^[./a-zA-Z0-9$_-]+\.\(bmp\|gif\|jpg\|jpeg\|png\|psd\|svg\|webp\|m4v\|mov\|mp4\|mpeg\|mpg\|webm\|aac\|aiff\|caf\|m4a\|mp3\|wav\|html\|pdf\)$' -> 'RelativeImageStub'
|
||||
|
||||
suppress_type=$FlowIssue
|
||||
suppress_type=$FlowFixMe
|
||||
suppress_type=$FlowFixMeProps
|
||||
suppress_type=$FlowFixMeState
|
||||
suppress_type=$FixMe
|
||||
|
||||
suppress_comment=\\(.\\|\n\\)*\\$FlowFixMe\\($\\|[^(]\\|(\\(>=0\\.\\(5[0-6]\\|[1-4][0-9]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native_oss[a-z,_]*\\)?)\\)
|
||||
suppress_comment=\\(.\\|\n\\)*\\$FlowIssue\\((\\(>=0\\.\\(5[0-6]\\|[1-4][0-9]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native_oss[a-z,_]*\\)?)\\)?:? #[0-9]+
|
||||
suppress_comment=\\(.\\|\n\\)*\\$FlowFixedInNextDeploy
|
||||
suppress_comment=\\(.\\|\n\\)*\\$FlowExpectedError
|
||||
|
||||
unsafe.enable_getters_and_setters=true
|
||||
|
||||
[version]
|
||||
^0.56.0
|
||||
17
.gitignore
vendored
Normal file
|
|
@ -0,0 +1,17 @@
|
|||
# See https://help.github.com/ignore-files/ for more about ignoring files.
|
||||
|
||||
# expo
|
||||
.expo/
|
||||
|
||||
# dependencies
|
||||
/node_modules
|
||||
|
||||
# misc
|
||||
.env.local
|
||||
.env.development.local
|
||||
.env.test.local
|
||||
.env.production.local
|
||||
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
1
.watchmanconfig
Normal file
|
|
@ -0,0 +1 @@
|
|||
{}
|
||||
65
android/app/BUCK
Normal file
|
|
@ -0,0 +1,65 @@
|
|||
# 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
|
||||
#
|
||||
|
||||
lib_deps = []
|
||||
|
||||
for jarfile in glob(['libs/*.jar']):
|
||||
name = 'jars__' + jarfile[jarfile.rindex('/') + 1: jarfile.rindex('.jar')]
|
||||
lib_deps.append(':' + name)
|
||||
prebuilt_jar(
|
||||
name = name,
|
||||
binary_jar = jarfile,
|
||||
)
|
||||
|
||||
for aarfile in glob(['libs/*.aar']):
|
||||
name = 'aars__' + aarfile[aarfile.rindex('/') + 1: aarfile.rindex('.aar')]
|
||||
lib_deps.append(':' + name)
|
||||
android_prebuilt_aar(
|
||||
name = name,
|
||||
aar = aarfile,
|
||||
)
|
||||
|
||||
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.memelee",
|
||||
)
|
||||
|
||||
android_resource(
|
||||
name = "res",
|
||||
package = "com.memelee",
|
||||
res = "src/main/res",
|
||||
)
|
||||
|
||||
android_binary(
|
||||
name = "app",
|
||||
keystore = "//android/keystores:debug",
|
||||
manifest = "src/main/AndroidManifest.xml",
|
||||
package_type = "debug",
|
||||
deps = [
|
||||
":app-code",
|
||||
],
|
||||
)
|
||||
150
android/app/build.gradle
Normal file
|
|
@ -0,0 +1,150 @@
|
|||
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
|
||||
* entryFile: "index.android.js",
|
||||
*
|
||||
* // 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 = [
|
||||
entryFile: "index.js"
|
||||
]
|
||||
|
||||
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
|
||||
|
||||
android {
|
||||
compileSdkVersion 23
|
||||
buildToolsVersion "23.0.1"
|
||||
|
||||
defaultConfig {
|
||||
applicationId "com.memelee"
|
||||
minSdkVersion 16
|
||||
targetSdkVersion 22
|
||||
versionCode 1
|
||||
versionName "1.0"
|
||||
ndk {
|
||||
abiFilters "armeabi-v7a", "x86"
|
||||
}
|
||||
}
|
||||
splits {
|
||||
abi {
|
||||
reset()
|
||||
enable enableSeparateBuildPerCPUArchitecture
|
||||
universalApk false // If true, also generate a universal APK
|
||||
include "armeabi-v7a", "x86"
|
||||
}
|
||||
}
|
||||
buildTypes {
|
||||
release {
|
||||
minifyEnabled enableProguardInReleaseBuilds
|
||||
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:
|
||||
// http://tools.android.com/tech-docs/new-build-system/user-guide/apk-splits
|
||||
def versionCodes = ["armeabi-v7a":1, "x86":2]
|
||||
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 {
|
||||
compile fileTree(dir: "libs", include: ["*.jar"])
|
||||
compile "com.android.support:appcompat-v7:23.0.1"
|
||||
compile "com.facebook.react:react-native:+" // From node_modules
|
||||
}
|
||||
|
||||
// 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'
|
||||
}
|
||||
70
android/app/proguard-rules.pro
vendored
Normal file
|
|
@ -0,0 +1,70 @@
|
|||
# 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:
|
||||
|
||||
# If your project uses WebView with JS, uncomment the following
|
||||
# and specify the fully qualified class name to the JavaScript interface
|
||||
# class:
|
||||
#-keepclassmembers class fqcn.of.javascript.interface.for.webview {
|
||||
# public *;
|
||||
#}
|
||||
|
||||
# Disabling obfuscation is useful if you collect stack traces from production crashes
|
||||
# (unless you are using a system that supports de-obfuscate the stack traces).
|
||||
-dontobfuscate
|
||||
|
||||
# React Native
|
||||
|
||||
# Keep our interfaces so they can be used by other ProGuard rules.
|
||||
# See http://sourceforge.net/p/proguard/bugs/466/
|
||||
-keep,allowobfuscation @interface com.facebook.proguard.annotations.DoNotStrip
|
||||
-keep,allowobfuscation @interface com.facebook.proguard.annotations.KeepGettersAndSetters
|
||||
-keep,allowobfuscation @interface com.facebook.common.internal.DoNotStrip
|
||||
|
||||
# Do not strip any method/class that is annotated with @DoNotStrip
|
||||
-keep @com.facebook.proguard.annotations.DoNotStrip class *
|
||||
-keep @com.facebook.common.internal.DoNotStrip class *
|
||||
-keepclassmembers class * {
|
||||
@com.facebook.proguard.annotations.DoNotStrip *;
|
||||
@com.facebook.common.internal.DoNotStrip *;
|
||||
}
|
||||
|
||||
-keepclassmembers @com.facebook.proguard.annotations.KeepGettersAndSetters class * {
|
||||
void set*(***);
|
||||
*** get*();
|
||||
}
|
||||
|
||||
-keep class * extends com.facebook.react.bridge.JavaScriptModule { *; }
|
||||
-keep class * extends com.facebook.react.bridge.NativeModule { *; }
|
||||
-keepclassmembers,includedescriptorclasses class * { native <methods>; }
|
||||
-keepclassmembers class * { @com.facebook.react.uimanager.UIProp <fields>; }
|
||||
-keepclassmembers class * { @com.facebook.react.uimanager.annotations.ReactProp <methods>; }
|
||||
-keepclassmembers class * { @com.facebook.react.uimanager.annotations.ReactPropGroup <methods>; }
|
||||
|
||||
-dontwarn com.facebook.react.**
|
||||
|
||||
# TextLayoutBuilder uses a non-public Android constructor within StaticLayout.
|
||||
# See libs/proxy/src/main/java/com/facebook/fbui/textlayoutbuilder/proxy for details.
|
||||
-dontwarn android.text.StaticLayout
|
||||
|
||||
# okhttp
|
||||
|
||||
-keepattributes Signature
|
||||
-keepattributes *Annotation*
|
||||
-keep class okhttp3.** { *; }
|
||||
-keep interface okhttp3.** { *; }
|
||||
-dontwarn okhttp3.**
|
||||
|
||||
# okio
|
||||
|
||||
-keep class sun.misc.Unsafe { *; }
|
||||
-dontwarn java.nio.file.*
|
||||
-dontwarn org.codehaus.mojo.animal_sniffer.IgnoreJRERequirement
|
||||
-dontwarn okio.**
|
||||
32
android/app/src/main/AndroidManifest.xml
Normal file
|
|
@ -0,0 +1,32 @@
|
|||
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
|
||||
package="com.memelee"
|
||||
android:versionCode="1"
|
||||
android:versionName="1.0">
|
||||
|
||||
<uses-permission android:name="android.permission.INTERNET" />
|
||||
<uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW"/>
|
||||
|
||||
<uses-sdk
|
||||
android:minSdkVersion="16"
|
||||
android:targetSdkVersion="22" />
|
||||
|
||||
<application
|
||||
android:name=".MainApplication"
|
||||
android:allowBackup="true"
|
||||
android:label="@string/app_name"
|
||||
android:icon="@mipmap/ic_launcher"
|
||||
android:theme="@style/AppTheme">
|
||||
<activity
|
||||
android:name=".MainActivity"
|
||||
android:label="@string/app_name"
|
||||
android:configChanges="keyboard|keyboardHidden|orientation|screenSize"
|
||||
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>
|
||||
15
android/app/src/main/java/com/memelee/MainActivity.java
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
package com.memelee;
|
||||
|
||||
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 "memelee";
|
||||
}
|
||||
}
|
||||
45
android/app/src/main/java/com/memelee/MainApplication.java
Normal file
|
|
@ -0,0 +1,45 @@
|
|||
package com.memelee;
|
||||
|
||||
import android.app.Application;
|
||||
|
||||
import com.facebook.react.ReactApplication;
|
||||
import com.facebook.react.ReactNativeHost;
|
||||
import com.facebook.react.ReactPackage;
|
||||
import com.facebook.react.shell.MainReactPackage;
|
||||
import com.facebook.soloader.SoLoader;
|
||||
|
||||
import java.util.Arrays;
|
||||
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() {
|
||||
return Arrays.<ReactPackage>asList(
|
||||
new MainReactPackage()
|
||||
);
|
||||
}
|
||||
|
||||
@Override
|
||||
protected String getJSMainModuleName() {
|
||||
return "index";
|
||||
}
|
||||
};
|
||||
|
||||
@Override
|
||||
public ReactNativeHost getReactNativeHost() {
|
||||
return mReactNativeHost;
|
||||
}
|
||||
|
||||
@Override
|
||||
public void onCreate() {
|
||||
super.onCreate();
|
||||
SoLoader.init(this, /* native exopackage */ false);
|
||||
}
|
||||
}
|
||||
BIN
android/app/src/main/res/mipmap-hdpi/ic_launcher.png
Normal file
|
After Width: | Height: | Size: 3.3 KiB |
BIN
android/app/src/main/res/mipmap-mdpi/ic_launcher.png
Normal file
|
After Width: | Height: | Size: 2.2 KiB |
BIN
android/app/src/main/res/mipmap-xhdpi/ic_launcher.png
Normal file
|
After Width: | Height: | Size: 4.7 KiB |
BIN
android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png
Normal file
|
After Width: | Height: | Size: 7.5 KiB |
3
android/app/src/main/res/values/strings.xml
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<resources>
|
||||
<string name="app_name">Memelee</string>
|
||||
</resources>
|
||||
8
android/app/src/main/res/values/styles.xml
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
<resources>
|
||||
|
||||
<!-- Base application theme. -->
|
||||
<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
|
||||
<!-- Customize your theme here. -->
|
||||
</style>
|
||||
|
||||
</resources>
|
||||
24
android/build.gradle
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
// Top-level build file where you can add configuration options common to all sub-projects/modules.
|
||||
|
||||
buildscript {
|
||||
repositories {
|
||||
jcenter()
|
||||
}
|
||||
dependencies {
|
||||
classpath 'com.android.tools.build:gradle:2.2.3'
|
||||
|
||||
// NOTE: Do not place your application dependencies here; they belong
|
||||
// in the individual module build.gradle files
|
||||
}
|
||||
}
|
||||
|
||||
allprojects {
|
||||
repositories {
|
||||
mavenLocal()
|
||||
jcenter()
|
||||
maven {
|
||||
// All of React Native (JS, Obj-C sources, Android binaries) is installed from npm
|
||||
url "$rootDir/../node_modules/react-native/android"
|
||||
}
|
||||
}
|
||||
}
|
||||
20
android/gradle.properties
Normal file
|
|
@ -0,0 +1,20 @@
|
|||
# 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
|
||||
|
||||
android.useDeprecatedNdk=true
|
||||
BIN
android/gradle/wrapper/gradle-wrapper.jar
vendored
Normal file
5
android/gradle/wrapper/gradle-wrapper.properties
vendored
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
distributionBase=GRADLE_USER_HOME
|
||||
distributionPath=wrapper/dists
|
||||
zipStoreBase=GRADLE_USER_HOME
|
||||
zipStorePath=wrapper/dists
|
||||
distributionUrl=https\://services.gradle.org/distributions/gradle-2.14.1-all.zip
|
||||
164
android/gradlew
vendored
Executable file
|
|
@ -0,0 +1,164 @@
|
|||
#!/usr/bin/env bash
|
||||
|
||||
##############################################################################
|
||||
##
|
||||
## Gradle start up script for UN*X
|
||||
##
|
||||
##############################################################################
|
||||
|
||||
# Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
|
||||
DEFAULT_JVM_OPTS=""
|
||||
|
||||
APP_NAME="Gradle"
|
||||
APP_BASE_NAME=`basename "$0"`
|
||||
|
||||
# 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
|
||||
case "`uname`" in
|
||||
CYGWIN* )
|
||||
cygwin=true
|
||||
;;
|
||||
Darwin* )
|
||||
darwin=true
|
||||
;;
|
||||
MINGW* )
|
||||
msys=true
|
||||
;;
|
||||
esac
|
||||
|
||||
# For Cygwin, ensure paths are in UNIX format before anything is touched.
|
||||
if $cygwin ; then
|
||||
[ -n "$JAVA_HOME" ] && JAVA_HOME=`cygpath --unix "$JAVA_HOME"`
|
||||
fi
|
||||
|
||||
# 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\"`/" >&-
|
||||
APP_HOME="`pwd -P`"
|
||||
cd "$SAVED" >&-
|
||||
|
||||
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" ] ; 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, switch paths to Windows format before running java
|
||||
if $cygwin ; then
|
||||
APP_HOME=`cygpath --path --mixed "$APP_HOME"`
|
||||
CLASSPATH=`cygpath --path --mixed "$CLASSPATH"`
|
||||
|
||||
# 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=$((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
|
||||
|
||||
# Split up the JVM_OPTS And GRADLE_OPTS values into an array, following the shell quoting and substitution rules
|
||||
function splitJvmOpts() {
|
||||
JVM_OPTS=("$@")
|
||||
}
|
||||
eval splitJvmOpts $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS
|
||||
JVM_OPTS[${#JVM_OPTS[*]}]="-Dorg.gradle.appname=$APP_BASE_NAME"
|
||||
|
||||
exec "$JAVACMD" "${JVM_OPTS[@]}" -classpath "$CLASSPATH" org.gradle.wrapper.GradleWrapperMain "$@"
|
||||
90
android/gradlew.bat
vendored
Normal file
|
|
@ -0,0 +1,90 @@
|
|||
@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
|
||||
|
||||
@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=
|
||||
|
||||
set DIRNAME=%~dp0
|
||||
if "%DIRNAME%" == "" set DIRNAME=.
|
||||
set APP_BASE_NAME=%~n0
|
||||
set APP_HOME=%DIRNAME%
|
||||
|
||||
@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 Windowz variants
|
||||
|
||||
if not "%OS%" == "Windows_NT" goto win9xME_args
|
||||
if "%@eval[2+2]" == "4" goto 4NT_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=%*
|
||||
goto execute
|
||||
|
||||
:4NT_args
|
||||
@rem Get arguments from the 4NT Shell from JP Software
|
||||
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
|
||||
8
android/keystores/BUCK
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
keystore(
|
||||
name = "debug",
|
||||
properties = "debug.keystore.properties",
|
||||
store = "debug.keystore",
|
||||
visibility = [
|
||||
"PUBLIC",
|
||||
],
|
||||
)
|
||||
4
android/keystores/debug.keystore.properties
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
key.store=debug.keystore
|
||||
key.alias=androiddebugkey
|
||||
key.store.password=android
|
||||
key.alias.password=android
|
||||
3
android/settings.gradle
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
rootProject.name = 'memelee'
|
||||
|
||||
include ':app'
|
||||
24
controllers/BookmarksViewController.js
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
/**
|
||||
* BookmarksViewController
|
||||
*
|
||||
* Yeah, I do it iOS style. Handles bookmarked tournaments.
|
||||
*
|
||||
* @copyright Ryan McGrath 2018.
|
||||
*/
|
||||
|
||||
import moment from 'moment';
|
||||
import React from 'react';
|
||||
import {FlatList, Image, Text, View, TouchableOpacity} from 'react-native';
|
||||
|
||||
import MemeleeViewController from './MemeleeViewController';
|
||||
|
||||
export default class BookmarksViewController extends MemeleeViewController {
|
||||
state = {data: []};
|
||||
keyExtractor = (item, index) => item.id;
|
||||
|
||||
render() {
|
||||
return <FlatList data={this.state.data} keyExtractor={this.keyExtractor} renderItem={({item}) => {
|
||||
return <View />;
|
||||
}} />
|
||||
}
|
||||
}
|
||||
61
controllers/BracketViewController.js
Normal file
|
|
@ -0,0 +1,61 @@
|
|||
/**
|
||||
* BracketViewController
|
||||
*
|
||||
* Yeah, I do it iOS style. Handles displaying tournament bracket data.
|
||||
*
|
||||
* @copyright Ryan McGrath 2018.
|
||||
*/
|
||||
|
||||
import moment from 'moment';
|
||||
import React from 'react';
|
||||
import {ScrollView, Text, View} from 'react-native';
|
||||
import {v4} from 'uuid';
|
||||
|
||||
//import SmashGG from '../store';
|
||||
import MemeleeViewController from './MemeleeViewController';
|
||||
|
||||
const Match = ({set, ...rest}) => (
|
||||
<View style={{backgroundColor: '#3b3b48', borderColor: '#0e0e12', borderWidth: 0.5, borderRadius: 4, marginBottom: 20}}>
|
||||
<Text style={{padding: 5, color: '#dbdbde'}}>{set.entrant1.name ? set.entrant1.name : ''} <Text>{set.entrant1Score}</Text></Text>
|
||||
<View style={{borderTopWidth: 0.5, borderTopColor: '#2a2a33'}} />
|
||||
<Text style={{padding: 5, color: '#dbdbde'}}>{set.entrant2.name ? set.entrant2.name : ''} <Text>{set.entrant2Score}</Text></Text>
|
||||
</View>
|
||||
);
|
||||
|
||||
export default class BracketViewController extends MemeleeViewController {
|
||||
state = {
|
||||
brackets: {
|
||||
winners: [],
|
||||
losers: [],
|
||||
grandFinals: []
|
||||
}
|
||||
};
|
||||
|
||||
componentWillMount() {
|
||||
const evtSlugs = this.props.evt.slug.split('/');
|
||||
const evtSlug = evtSlugs.length > 0 ? evtSlugs[evtSlugs.length - 1] : null;
|
||||
const tournamentSlug = this.props.tournament.slugs[0].replace('tournament/', '');
|
||||
|
||||
SmashGG.fetchBracketData(tournamentSlug, evtSlug, this.props.bracket.id).then(this.updateBracketsData).catch(console.error);
|
||||
}
|
||||
|
||||
updateBracketsData = (brackets) => {
|
||||
this.setState({brackets: brackets});
|
||||
}
|
||||
|
||||
render() {
|
||||
return (<ScrollView style={{flex: 1, backgroundColor: '#21212d'}} contentContainerStyle={{width: 10001}}>
|
||||
{['winners', 'losers'].map(key => (
|
||||
<View key={key} style={{backgroundColor: '#21212d', flexDirection: 'row', paddingTop: 20, paddingBottom: 20, paddingLeft: 20}}>
|
||||
{this.state.brackets[key].map(bracket => (
|
||||
<View key={bracket.key} style={{backgroundColor: '#21212d', marginRight: 20, width: 200, flexDirection: 'column'}}>
|
||||
<Text>{bracket.title}</Text>
|
||||
{bracket.sets.map(set => <Match key={set.id} set={set} />)}
|
||||
</View>
|
||||
))}
|
||||
</View>
|
||||
))}
|
||||
</ScrollView>);
|
||||
}
|
||||
}
|
||||
|
||||
81
controllers/EventInfoViewController.js
Normal file
|
|
@ -0,0 +1,81 @@
|
|||
/**
|
||||
* EventInfoViewController
|
||||
*
|
||||
* Yeah, I do it iOS style. Handles displaying tournament event data.
|
||||
*
|
||||
* @copyright Ryan McGrath 2018.
|
||||
*/
|
||||
|
||||
import moment from 'moment';
|
||||
import React from 'react';
|
||||
import {ScrollView, Image, Text, View, TouchableOpacity} from 'react-native';
|
||||
import Markdown from 'react-native-simple-markdown'
|
||||
//import SmashGG from '../store';
|
||||
|
||||
import MemeleeViewController from './MemeleeViewController';
|
||||
|
||||
export default class EventInfoViewController extends MemeleeViewController {
|
||||
state = {
|
||||
standings: [],
|
||||
brackets: []
|
||||
};
|
||||
|
||||
componentWillMount() {
|
||||
const evtSlugs = this.props.evt.slug.split('/');
|
||||
const evtSlug = evtSlugs.length > 0 ? evtSlugs[evtSlugs.length - 1] : null;
|
||||
const tournamentSlug = this.props.tournament.slugs[0].replace('tournament/', '');
|
||||
|
||||
if((evtSlug && evtSlug !== '') && (tournamentSlug && tournamentSlug != '')) {
|
||||
SmashGG.fetchEventExpanded(tournamentSlug, evtSlug).then(this.updateBracketsData).catch(console.error);
|
||||
SmashGG.fetchEventStandings(tournamentSlug, evtSlug).then(this.updateStandingsData).catch(console.error);
|
||||
}
|
||||
}
|
||||
|
||||
updateBracketsData = (data) => {
|
||||
this.setState({brackets: data});
|
||||
}
|
||||
|
||||
updateStandingsData = (data) => {
|
||||
this.setState({standings: data});
|
||||
}
|
||||
|
||||
onBracketPress = (bracket) => {
|
||||
this.props.navigator.push({
|
||||
screen: 'memelee.bracket',
|
||||
title: bracket.name,
|
||||
backButtonTitle: 'Back',
|
||||
passProps: {
|
||||
tournament: this.props.tournament,
|
||||
evt: this.props.evt,
|
||||
bracket: bracket
|
||||
},
|
||||
navigatorStyle: {tabBarHidden: true}
|
||||
});
|
||||
}
|
||||
|
||||
render() {
|
||||
return (<ScrollView>
|
||||
<Text style={{padding: 8, backgroundColor: '#003366', fontSize: 16}}>Brackets</Text>
|
||||
{this.state.brackets.map(bracket => (
|
||||
<TouchableOpacity key={bracket.id} onPress={() => this.onBracketPress(bracket)}>
|
||||
<Text style={{padding: 8, backgroundColor: 'gray'}}>{bracket.name}</Text>
|
||||
</TouchableOpacity>
|
||||
))}
|
||||
|
||||
<Text style={{padding: 8, marginTop: 20, backgroundColor: '#003366', fontSize: 16}}>Standings</Text>
|
||||
<View style={{flexDirection: 'row', backgroundColor: '#010101'}}>
|
||||
<Text style={{backgroundColor: '#010101', color: '#f9f9f9', padding: 8, paddingLeft: 58, width: 230}}>Players</Text>
|
||||
<Text style={{backgroundColor: '#010101', color: '#f9f9f9', padding: 8}}>Losses</Text>
|
||||
</View>
|
||||
{this.state.standings.map(standing => (
|
||||
<View key={standing.id} style={{flexDirection: 'row', borderBottomWidth: 1, borderBottomColor: 'gray'}}>
|
||||
<Text key={standing.id} style={{padding: 8, width: 50, textAlign: 'center', backgroundColor: 'gray'}}>
|
||||
{standing.finalPlacement}
|
||||
</Text>
|
||||
<Text style={{padding: 8, width: 180}}>{standing.name}</Text>
|
||||
<View style={{padding: 8, flex: 1}}>{standing.losses.map(loss => <Text key={standing.id + loss} style={{flexShrink: 1}}>{loss}</Text>)}</View>
|
||||
</View>
|
||||
))}
|
||||
</ScrollView>);
|
||||
}
|
||||
}
|
||||
15
controllers/MemeleeViewController.js
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
/**
|
||||
* MemeleeViewController.js
|
||||
*
|
||||
* Yes yes iOS style etc etc. Handles ensuring that all view controllers have default styling
|
||||
* and such applied.
|
||||
*
|
||||
* @copyright Ryan McGrath 2018.
|
||||
*/
|
||||
|
||||
import React from 'react';
|
||||
import styles from '../styles';
|
||||
|
||||
export default class MemeleeController extends React.Component {
|
||||
static navigatorStyle = styles.navigatorStyles;
|
||||
};
|
||||
73
controllers/TournamentInfoViewController.js
Normal file
|
|
@ -0,0 +1,73 @@
|
|||
/**
|
||||
* TournamentInfoViewController
|
||||
*
|
||||
* Yeah, I do it iOS style. Handles fetching and displaying tournament data.
|
||||
*
|
||||
* @copyright Ryan McGrath 2018.
|
||||
*/
|
||||
|
||||
import moment from 'moment';
|
||||
import React from 'react';
|
||||
import {ScrollView, StyleSheet, Image, Text, View, TouchableOpacity, Dimensions} from 'react-native';
|
||||
//import Markdown from 'react-native-simple-markdown'
|
||||
import Markdown from 'react-native-markdown-renderer';
|
||||
import SegmentedControlTab from 'react-native-segmented-control-tab';
|
||||
import SettingsList, {Header, Item} from 'react-native-settings-list';
|
||||
|
||||
import styles from '../styles';
|
||||
import MemeleeViewController from './MemeleeViewController';
|
||||
|
||||
const w = Dimensions.get('screen').width;
|
||||
/* <View style={styles.tournamentInfoButtonsRow}>
|
||||
<TouchableOpacity style={styles.tournamentRegistrationButton} onPress={this.registerForTournament}>
|
||||
<Text style={styles.tournamentRegistrationButtonText}>Register</Text>
|
||||
</TouchableOpacity>
|
||||
<TouchableOpacity style={styles.tournamentBookmarkButton} onPress={this.registerForTournament}>
|
||||
<Text style={styles.tournamentRegistrationButtonText}>Bookmark</Text>
|
||||
</TouchableOpacity>
|
||||
</View>
|
||||
*/
|
||||
|
||||
|
||||
export default class TournamentInfoViewController extends MemeleeViewController {
|
||||
state = {
|
||||
selectedIndex: 0
|
||||
};
|
||||
|
||||
onEventTapped = (evt) => {
|
||||
this.props.navigator.push({
|
||||
screen: 'memelee.tournamentEventInfoScreen',
|
||||
title: evt.name,
|
||||
passProps: {tournament: this.props.tournament, evt: evt},
|
||||
navigatorStyle: {tabBarHidden: true}
|
||||
});
|
||||
}
|
||||
|
||||
swapIndex = (index) => {
|
||||
this.setState({
|
||||
selectedIndex: index
|
||||
});
|
||||
}
|
||||
|
||||
render() {
|
||||
const s = StyleSheet.flatten(styles.tournamentDetailsEventWrapper);
|
||||
|
||||
return (<ScrollView>
|
||||
<Image style={[styles.tournamentInfoHeader, {width: w}]} source={this.props.tournament.memeleePromoImage.msrc} />
|
||||
|
||||
<SegmentedControlTab values={['Overview', 'Events']} borderRadius={0} activeTabStyle={styles.tournamentInfoActiveTableStyle} tabStyle={styles.tournamentInfoTabsStyle} tabTextStyle={styles.tournamentInfoTabTextStyle} selectedIndex={this.state.selectedIndex} onTabPress={this.swapIndex} />
|
||||
|
||||
{this.state.selectedIndex === 0 ? (<View style={styles.tournamentDetailsTextWrapper}>
|
||||
<Markdown style={styles.tournamentDetailsText}>
|
||||
{this.props.tournament.details && this.props.tournament.details !== '' ? this.props.tournament.details : ''}
|
||||
</Markdown>
|
||||
</View>) : null}
|
||||
|
||||
{this.state.selectedIndex === 1 ? (<SettingsList style={styles.tournamentEventsWrapper} borderWidth={s.borderBottomWidth} borderColor={s.borderBottomColor}>
|
||||
{this.props.tournament.memeleeEvents.map(evt => (
|
||||
<Item key={evt.id} itemWidth={50} title={evt.name} backgroundColor={s.backgroundColor} style={styles.tournamentDetailsEventWrapper} titleStyle={styles.tournamentDetailsEventItem} />
|
||||
))}
|
||||
</SettingsList>) : null}
|
||||
</ScrollView>);
|
||||
}
|
||||
}
|
||||
63
controllers/TournamentsListViewController.js
Normal file
|
|
@ -0,0 +1,63 @@
|
|||
/**
|
||||
* UpcomingTournamentsViewController
|
||||
*
|
||||
* Yeah, I do it iOS style. Handles fetching and displaying upcoming tournaments.
|
||||
*
|
||||
* @copyright Ryan McGrath 2018.
|
||||
*/
|
||||
|
||||
import moment from 'moment';
|
||||
import React from 'react';
|
||||
import {FlatList, View, ActivityIndicator} from 'react-native';
|
||||
import {inject, observer} from 'mobx-react/native';
|
||||
import {SearchBar} from 'react-native-elements';
|
||||
|
||||
import styles from '../styles';
|
||||
import MemeleeViewController from './MemeleeViewController';
|
||||
import TournamentRow from './components/TournamentRow';
|
||||
|
||||
const keyExtractor = (item, index) => item.id;
|
||||
|
||||
@inject('Tournaments') @observer
|
||||
export default class UpcomingTournamentsViewController extends MemeleeViewController {
|
||||
componentWillMount() {
|
||||
this.props.Tournaments.fetchFeatured();
|
||||
}
|
||||
|
||||
onTap = (tournament) => {
|
||||
this.props.navigator.push({
|
||||
screen: 'memelee.tournamentInfoScreen',
|
||||
title: tournament.name,
|
||||
passProps: {tournament: tournament},
|
||||
navigatorStyle: {tabBarHidden: true}
|
||||
});
|
||||
}
|
||||
|
||||
renderHeader = () => (
|
||||
<SearchBar lightTheme round placeholder={""} onChangeText={this.props.Tournaments.search} containerStyle={styles.searchContainerStyle} />
|
||||
)
|
||||
|
||||
renderFooter = () => (
|
||||
this.props.Tournaments.fetchingData ? (<View style={{paddingTop: 200}}>
|
||||
<ActivityIndicator animating size="large" />
|
||||
</View>) : null
|
||||
)
|
||||
|
||||
renderItem = ({item}) => (<TournamentRow tournament={item} onTap={this.onTap} />)
|
||||
|
||||
render() {
|
||||
const props = {
|
||||
data: this.props.Tournaments.fetchingData ? [] :
|
||||
this.props.Tournaments.mode === 'search' ? this.props.Tournaments.searchResults :
|
||||
this.props.Tournaments.tournamentsList,
|
||||
|
||||
keyExtractor: keyExtractor,
|
||||
contentContainerStyle: styles.tournamentsListView,
|
||||
ListHeaderComponent: this.renderHeader,
|
||||
ListFooterComponent: this.renderFooter,
|
||||
renderItem: this.renderItem
|
||||
};
|
||||
|
||||
return <FlatList {...props} renderItem={this.renderItem} />
|
||||
}
|
||||
}
|
||||
51
controllers/components/TournamentRow.js
Normal file
|
|
@ -0,0 +1,51 @@
|
|||
/**
|
||||
* TournamentRow.js
|
||||
*
|
||||
* That row that displays tournament info.
|
||||
*
|
||||
* @copyright Ryan McGrath 2018.
|
||||
*/
|
||||
|
||||
import React from 'react';
|
||||
import {Image, Text, View, TouchableOpacity, Dimensions} from 'react-native';
|
||||
import Icon from 'react-native-vector-icons/MaterialCommunityIcons';
|
||||
|
||||
import styles from '../../styles';
|
||||
|
||||
const width = Dimensions.get('window').width;
|
||||
|
||||
export default class TournamentRow extends React.Component {
|
||||
onPress = () => {
|
||||
this.props.onTap(this.props.tournament);
|
||||
}
|
||||
|
||||
render() {
|
||||
const x = width - 32;
|
||||
const w = {width: x, height: 130}; //x * this.props.tournament.memeleePromoImage.ratio};
|
||||
|
||||
return (<View style={styles.tournamentRowWrapper}>
|
||||
<TouchableOpacity onPress={this.onPress} style={styles.tournamentRow}>
|
||||
<Image style={[styles.tournamentRowPromoImage, w]} source={this.props.tournament.memeleePromoImage.msrc} />
|
||||
<View style={styles.tournamentRowTextWrapper}>
|
||||
<Text style={styles.tournamentRowName}>{this.props.tournament.name}</Text>
|
||||
|
||||
<Text style={styles.tournamentRowDateRange}>
|
||||
<Icon name="calendar-text" size={16} color={styles.tournamentPromoIconColors.calendar} /> {this.props.tournament.memeleeTournamentRange}
|
||||
</Text>
|
||||
|
||||
<Text style={styles.tournamentRowLocation}>
|
||||
<Icon name="map-marker" size={16} color={styles.tournamentPromoIconColors.mapMarker} /> {this.props.tournament.hasOnlineEvents && (!this.props.tournament.city || this.props.tournament.city === '') ? 'Online' : (this.props.tournament.city ? this.props.tournament.city + ', ' : '') + this.props.tournament.addrState}</Text>
|
||||
<View style={{flexDirection: 'row'}}>
|
||||
<Text style={styles.tournamentRowEventsCount}>
|
||||
<Icon name="trophy-variant" size={16} color={styles.tournamentPromoIconColors.eventsCount} />
|
||||
{this.props.tournament.memeleeEventsCount} Events
|
||||
</Text>
|
||||
<Text style={[styles.tournamentRowEventsCount, {marginLeft: 10}]}>
|
||||
<Icon name="human-greeting" size={16} color={styles.tournamentPromoIconColors.attendeesCount} /> {this.props.tournament.attendeeCount} Attendees
|
||||
</Text>
|
||||
</View>
|
||||
</View>
|
||||
</TouchableOpacity>
|
||||
</View>);
|
||||
}
|
||||
}
|
||||
27
controllers/settings/index.js
Normal file
|
|
@ -0,0 +1,27 @@
|
|||
/**
|
||||
* SettingsViewController
|
||||
*
|
||||
* Yeah, I do it iOS style. Handles settings.
|
||||
*
|
||||
* @copyright Ryan McGrath 2018.
|
||||
*/
|
||||
|
||||
import React from 'react';
|
||||
import {ScrollView} from 'react-native';
|
||||
import SettingsList, {Header, Item} from 'react-native-settings-list';
|
||||
|
||||
import styles from '../../styles';
|
||||
import MemeleeViewController from '../MemeleeViewController';
|
||||
|
||||
export default class SettingsViewController extends MemeleeViewController {
|
||||
pressed = () => {}
|
||||
|
||||
render() {
|
||||
return (<ScrollView>
|
||||
<SettingsList>
|
||||
<Header headerText='First Grouping' headerStyle={{color:'white'}}/>
|
||||
<Item itemWidth={50} title='Icon Example' onPress={this.pressed} />
|
||||
</SettingsList>
|
||||
</ScrollView>);
|
||||
}
|
||||
}
|
||||
BIN
images/placeholder1.png
Normal file
|
After Width: | Height: | Size: 21 KiB |
BIN
images/placeholder2.png
Normal file
|
After Width: | Height: | Size: 25 KiB |
BIN
images/placeholder3.png
Normal file
|
After Width: | Height: | Size: 27 KiB |
53
index.js
Normal file
|
|
@ -0,0 +1,53 @@
|
|||
/**
|
||||
* index.js, ala the App itself~
|
||||
*
|
||||
* Handles registering navigation components (screens), and making sure some basic
|
||||
* tab bar styling is applied.
|
||||
*
|
||||
* @copyright Ryan McGrath 2018
|
||||
*/
|
||||
|
||||
import React from 'react';
|
||||
import {Navigation} from 'react-native-navigation';
|
||||
import Icon from 'react-native-vector-icons/MaterialCommunityIcons';
|
||||
|
||||
import styles from './styles';
|
||||
import Stores from './stores';
|
||||
import Provider from './utils/MobxRnnProvider';
|
||||
|
||||
import TournamentsListViewController from './controllers/TournamentsListViewController';
|
||||
import TournamentInfoViewController from './controllers/TournamentInfoViewController';
|
||||
import EventInfoViewController from './controllers/EventInfoViewController';
|
||||
import BracketViewController from './controllers//BracketViewController';
|
||||
import BookmarksViewController from './controllers/BookmarksViewController';
|
||||
import SettingsViewController from './controllers/settings';
|
||||
|
||||
const Constants = {
|
||||
Screens: {
|
||||
TournamentsList: 'memelee.tournamentsList',
|
||||
TournamentInfoScreen: 'memelee.tournamentInfoScreen',
|
||||
TournamentEventInfoScreen: 'memelee.tournamentEventInfoScreen',
|
||||
Bracket: 'memelee.tournamentBracket',
|
||||
Bookmarks: 'memelee.bookmarks',
|
||||
Settings: 'memelee.settings'
|
||||
}
|
||||
};
|
||||
|
||||
Navigation.registerComponent(Constants.Screens.TournamentsList, () => TournamentsListViewController, Stores, Provider);
|
||||
Navigation.registerComponent(Constants.Screens.TournamentInfoScreen, () => TournamentInfoViewController, Stores, Provider);
|
||||
Navigation.registerComponent(Constants.Screens.TournamentEventInfoScreen, () => EventInfoViewController, Stores, Provider);
|
||||
Navigation.registerComponent(Constants.Screens.TournamentEventBracket, () => BracketViewController, Stores, Provider);
|
||||
Navigation.registerComponent(Constants.Screens.Bookmarks, () => BookmarksViewController, Stores, Provider);
|
||||
Navigation.registerComponent(Constants.Screens.Settings, () => SettingsViewController, Stores, Provider);
|
||||
|
||||
Promise.all(['contacts', 'book', 'settings'].map(icon => Icon.getImageSource(icon, 26))).then(values => {
|
||||
Navigation.startTabBasedApp({
|
||||
tabsStyle: styles.tabBarStyles,
|
||||
|
||||
tabs: [
|
||||
{label: 'Tournaments', icon: values[0], title: 'Tournaments', screen: Constants.Screens.TournamentsList},
|
||||
{label: 'Bookmarks', icon: values[1], title: 'Bookmarks', screen: Constants.Screens.Bookmarks},
|
||||
{label: 'Settings', icon: values[2], title: 'Settings', screen: Constants.Screens.Settings}
|
||||
]
|
||||
});
|
||||
});
|
||||
54
ios/memelee-tvOS/Info.plist
Normal file
|
|
@ -0,0 +1,54 @@
|
|||
<?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>org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)</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>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>NSLocationWhenInUseUsageDescription</key>
|
||||
<string></string>
|
||||
<key>NSAppTransportSecurity</key>
|
||||
<!--See http://ste.vn/2015/06/10/configuring-app-transport-security-ios-9-osx-10-11/ -->
|
||||
<dict>
|
||||
<key>NSExceptionDomains</key>
|
||||
<dict>
|
||||
<key>localhost</key>
|
||||
<dict>
|
||||
<key>NSExceptionAllowsInsecureHTTPLoads</key>
|
||||
<true/>
|
||||
</dict>
|
||||
</dict>
|
||||
</dict>
|
||||
</dict>
|
||||
</plist>
|
||||
24
ios/memelee-tvOSTests/Info.plist
Normal file
|
|
@ -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>org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)</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>
|
||||
1265
ios/memelee.xcodeproj/project.pbxproj
Normal file
7
ios/memelee.xcodeproj/project.xcworkspace/contents.xcworkspacedata
generated
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<Workspace
|
||||
version = "1.0">
|
||||
<FileRef
|
||||
location = "self:">
|
||||
</FileRef>
|
||||
</Workspace>
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
<?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>IDEDidComputeMac32BitWarning</key>
|
||||
<true/>
|
||||
</dict>
|
||||
</plist>
|
||||
BIN
ios/memelee.xcodeproj/project.xcworkspace/xcuserdata/laika.xcuserdatad/UserInterfaceState.xcuserstate
generated
Normal file
|
|
@ -0,0 +1,129 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<Scheme
|
||||
LastUpgradeVersion = "0820"
|
||||
version = "1.3">
|
||||
<BuildAction
|
||||
parallelizeBuildables = "NO"
|
||||
buildImplicitDependencies = "YES">
|
||||
<BuildActionEntries>
|
||||
<BuildActionEntry
|
||||
buildForTesting = "YES"
|
||||
buildForRunning = "YES"
|
||||
buildForProfiling = "YES"
|
||||
buildForArchiving = "YES"
|
||||
buildForAnalyzing = "YES">
|
||||
<BuildableReference
|
||||
BuildableIdentifier = "primary"
|
||||
BlueprintIdentifier = "2D2A28121D9B038B00D4039D"
|
||||
BuildableName = "libReact.a"
|
||||
BlueprintName = "React-tvOS"
|
||||
ReferencedContainer = "container:../node_modules/react-native/React/React.xcodeproj">
|
||||
</BuildableReference>
|
||||
</BuildActionEntry>
|
||||
<BuildActionEntry
|
||||
buildForTesting = "YES"
|
||||
buildForRunning = "YES"
|
||||
buildForProfiling = "YES"
|
||||
buildForArchiving = "YES"
|
||||
buildForAnalyzing = "YES">
|
||||
<BuildableReference
|
||||
BuildableIdentifier = "primary"
|
||||
BlueprintIdentifier = "2D02E47A1E0B4A5D006451C7"
|
||||
BuildableName = "memelee-tvOS.app"
|
||||
BlueprintName = "memelee-tvOS"
|
||||
ReferencedContainer = "container:memelee.xcodeproj">
|
||||
</BuildableReference>
|
||||
</BuildActionEntry>
|
||||
<BuildActionEntry
|
||||
buildForTesting = "YES"
|
||||
buildForRunning = "YES"
|
||||
buildForProfiling = "NO"
|
||||
buildForArchiving = "NO"
|
||||
buildForAnalyzing = "YES">
|
||||
<BuildableReference
|
||||
BuildableIdentifier = "primary"
|
||||
BlueprintIdentifier = "2D02E48F1E0B4A5D006451C7"
|
||||
BuildableName = "memelee-tvOSTests.xctest"
|
||||
BlueprintName = "memelee-tvOSTests"
|
||||
ReferencedContainer = "container:memelee.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 = "memelee-tvOSTests.xctest"
|
||||
BlueprintName = "memelee-tvOSTests"
|
||||
ReferencedContainer = "container:memelee.xcodeproj">
|
||||
</BuildableReference>
|
||||
</TestableReference>
|
||||
</Testables>
|
||||
<MacroExpansion>
|
||||
<BuildableReference
|
||||
BuildableIdentifier = "primary"
|
||||
BlueprintIdentifier = "2D02E47A1E0B4A5D006451C7"
|
||||
BuildableName = "memelee-tvOS.app"
|
||||
BlueprintName = "memelee-tvOS"
|
||||
ReferencedContainer = "container:memelee.xcodeproj">
|
||||
</BuildableReference>
|
||||
</MacroExpansion>
|
||||
<AdditionalOptions>
|
||||
</AdditionalOptions>
|
||||
</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 = "memelee-tvOS.app"
|
||||
BlueprintName = "memelee-tvOS"
|
||||
ReferencedContainer = "container:memelee.xcodeproj">
|
||||
</BuildableReference>
|
||||
</BuildableProductRunnable>
|
||||
<AdditionalOptions>
|
||||
</AdditionalOptions>
|
||||
</LaunchAction>
|
||||
<ProfileAction
|
||||
buildConfiguration = "Release"
|
||||
shouldUseLaunchSchemeArgsEnv = "YES"
|
||||
savedToolIdentifier = ""
|
||||
useCustomWorkingDirectory = "NO"
|
||||
debugDocumentVersioning = "YES">
|
||||
<BuildableProductRunnable
|
||||
runnableDebuggingMode = "0">
|
||||
<BuildableReference
|
||||
BuildableIdentifier = "primary"
|
||||
BlueprintIdentifier = "2D02E47A1E0B4A5D006451C7"
|
||||
BuildableName = "memelee-tvOS.app"
|
||||
BlueprintName = "memelee-tvOS"
|
||||
ReferencedContainer = "container:memelee.xcodeproj">
|
||||
</BuildableReference>
|
||||
</BuildableProductRunnable>
|
||||
</ProfileAction>
|
||||
<AnalyzeAction
|
||||
buildConfiguration = "Debug">
|
||||
</AnalyzeAction>
|
||||
<ArchiveAction
|
||||
buildConfiguration = "Release"
|
||||
revealArchiveInOrganizer = "YES">
|
||||
</ArchiveAction>
|
||||
</Scheme>
|
||||
129
ios/memelee.xcodeproj/xcshareddata/xcschemes/memelee.xcscheme
Normal file
|
|
@ -0,0 +1,129 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<Scheme
|
||||
LastUpgradeVersion = "0620"
|
||||
version = "1.3">
|
||||
<BuildAction
|
||||
parallelizeBuildables = "NO"
|
||||
buildImplicitDependencies = "YES">
|
||||
<BuildActionEntries>
|
||||
<BuildActionEntry
|
||||
buildForTesting = "YES"
|
||||
buildForRunning = "YES"
|
||||
buildForProfiling = "YES"
|
||||
buildForArchiving = "YES"
|
||||
buildForAnalyzing = "YES">
|
||||
<BuildableReference
|
||||
BuildableIdentifier = "primary"
|
||||
BlueprintIdentifier = "83CBBA2D1A601D0E00E9B192"
|
||||
BuildableName = "libReact.a"
|
||||
BlueprintName = "React"
|
||||
ReferencedContainer = "container:../node_modules/react-native/React/React.xcodeproj">
|
||||
</BuildableReference>
|
||||
</BuildActionEntry>
|
||||
<BuildActionEntry
|
||||
buildForTesting = "YES"
|
||||
buildForRunning = "YES"
|
||||
buildForProfiling = "YES"
|
||||
buildForArchiving = "YES"
|
||||
buildForAnalyzing = "YES">
|
||||
<BuildableReference
|
||||
BuildableIdentifier = "primary"
|
||||
BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
|
||||
BuildableName = "memelee.app"
|
||||
BlueprintName = "memelee"
|
||||
ReferencedContainer = "container:memelee.xcodeproj">
|
||||
</BuildableReference>
|
||||
</BuildActionEntry>
|
||||
<BuildActionEntry
|
||||
buildForTesting = "YES"
|
||||
buildForRunning = "YES"
|
||||
buildForProfiling = "NO"
|
||||
buildForArchiving = "NO"
|
||||
buildForAnalyzing = "YES">
|
||||
<BuildableReference
|
||||
BuildableIdentifier = "primary"
|
||||
BlueprintIdentifier = "00E356ED1AD99517003FC87E"
|
||||
BuildableName = "memeleeTests.xctest"
|
||||
BlueprintName = "memeleeTests"
|
||||
ReferencedContainer = "container:memelee.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 = "memeleeTests.xctest"
|
||||
BlueprintName = "memeleeTests"
|
||||
ReferencedContainer = "container:memelee.xcodeproj">
|
||||
</BuildableReference>
|
||||
</TestableReference>
|
||||
</Testables>
|
||||
<MacroExpansion>
|
||||
<BuildableReference
|
||||
BuildableIdentifier = "primary"
|
||||
BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
|
||||
BuildableName = "memelee.app"
|
||||
BlueprintName = "memelee"
|
||||
ReferencedContainer = "container:memelee.xcodeproj">
|
||||
</BuildableReference>
|
||||
</MacroExpansion>
|
||||
<AdditionalOptions>
|
||||
</AdditionalOptions>
|
||||
</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 = "memelee.app"
|
||||
BlueprintName = "memelee"
|
||||
ReferencedContainer = "container:memelee.xcodeproj">
|
||||
</BuildableReference>
|
||||
</BuildableProductRunnable>
|
||||
<AdditionalOptions>
|
||||
</AdditionalOptions>
|
||||
</LaunchAction>
|
||||
<ProfileAction
|
||||
buildConfiguration = "Release"
|
||||
shouldUseLaunchSchemeArgsEnv = "YES"
|
||||
savedToolIdentifier = ""
|
||||
useCustomWorkingDirectory = "NO"
|
||||
debugDocumentVersioning = "YES">
|
||||
<BuildableProductRunnable
|
||||
runnableDebuggingMode = "0">
|
||||
<BuildableReference
|
||||
BuildableIdentifier = "primary"
|
||||
BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
|
||||
BuildableName = "memelee.app"
|
||||
BlueprintName = "memelee"
|
||||
ReferencedContainer = "container:memelee.xcodeproj">
|
||||
</BuildableReference>
|
||||
</BuildableProductRunnable>
|
||||
</ProfileAction>
|
||||
<AnalyzeAction
|
||||
buildConfiguration = "Debug">
|
||||
</AnalyzeAction>
|
||||
<ArchiveAction
|
||||
buildConfiguration = "Release"
|
||||
revealArchiveInOrganizer = "YES">
|
||||
</ArchiveAction>
|
||||
</Scheme>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<?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>SchemeUserState</key>
|
||||
<dict>
|
||||
<key>memelee-tvOS.xcscheme_^#shared#^_</key>
|
||||
<dict>
|
||||
<key>orderHint</key>
|
||||
<integer>1</integer>
|
||||
</dict>
|
||||
<key>memelee.xcscheme_^#shared#^_</key>
|
||||
<dict>
|
||||
<key>orderHint</key>
|
||||
<integer>0</integer>
|
||||
</dict>
|
||||
</dict>
|
||||
</dict>
|
||||
</plist>
|
||||
16
ios/memelee/AppDelegate.h
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
/**
|
||||
* Copyright (c) 2015-present, Facebook, Inc.
|
||||
* All rights reserved.
|
||||
*
|
||||
* This source code is licensed under the BSD-style license found in the
|
||||
* LICENSE file in the root directory of this source tree. An additional grant
|
||||
* of patent rights can be found in the PATENTS file in the same directory.
|
||||
*/
|
||||
|
||||
#import <UIKit/UIKit.h>
|
||||
|
||||
@interface AppDelegate : UIResponder <UIApplicationDelegate>
|
||||
|
||||
@property (nonatomic, strong) UIWindow *window;
|
||||
|
||||
@end
|
||||
43
ios/memelee/AppDelegate.m
Normal file
|
|
@ -0,0 +1,43 @@
|
|||
/**
|
||||
* Copyright (c) 2015-present, Facebook, Inc.
|
||||
* All rights reserved.
|
||||
*
|
||||
* This source code is licensed under the BSD-style license found in the
|
||||
* LICENSE file in the root directory of this source tree. An additional grant
|
||||
* of patent rights can be found in the PATENTS file in the same directory.
|
||||
*/
|
||||
|
||||
#import "AppDelegate.h"
|
||||
|
||||
#import <React/RCTBundleURLProvider.h>
|
||||
#import <React/RCTRootView.h>
|
||||
|
||||
#import "RCCManager.h"
|
||||
|
||||
@implementation AppDelegate
|
||||
|
||||
- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
|
||||
{
|
||||
NSURL *jsCodeLocation;
|
||||
|
||||
jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index" fallbackResource:nil];
|
||||
|
||||
self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds];
|
||||
self.window.backgroundColor = [UIColor blackColor];
|
||||
[[RCCManager sharedInstance] initBridgeWithBundleURL:jsCodeLocation launchOptions:launchOptions];
|
||||
|
||||
// RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation
|
||||
// moduleName:@"memelee"
|
||||
// initialProperties:nil
|
||||
// launchOptions:launchOptions];
|
||||
// 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;
|
||||
}
|
||||
|
||||
@end
|
||||
42
ios/memelee/Base.lproj/LaunchScreen.xib
Normal file
|
|
@ -0,0 +1,42 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<document type="com.apple.InterfaceBuilder3.CocoaTouch.XIB" version="3.0" toolsVersion="7702" systemVersion="14D136" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" launchScreen="YES" useTraitCollections="YES">
|
||||
<dependencies>
|
||||
<deployment identifier="iOS"/>
|
||||
<plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="7701"/>
|
||||
<capability name="Constraints with non-1.0 multipliers" minToolsVersion="5.1"/>
|
||||
</dependencies>
|
||||
<objects>
|
||||
<placeholder placeholderIdentifier="IBFilesOwner" id="-1" userLabel="File's Owner"/>
|
||||
<placeholder placeholderIdentifier="IBFirstResponder" id="-2" customClass="UIResponder"/>
|
||||
<view contentMode="scaleToFill" id="iN0-l3-epB">
|
||||
<rect key="frame" x="0.0" y="0.0" width="480" height="480"/>
|
||||
<autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
|
||||
<subviews>
|
||||
<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="8ie-xW-0ye">
|
||||
<rect key="frame" x="20" y="439" width="441" height="21"/>
|
||||
<fontDescription key="fontDescription" type="system" pointSize="17"/>
|
||||
<color key="textColor" cocoaTouchSystemColor="darkTextColor"/>
|
||||
<nil key="highlightedColor"/>
|
||||
</label>
|
||||
<label opaque="NO" clipsSubviews="YES" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="memelee" textAlignment="center" lineBreakMode="middleTruncation" baselineAdjustment="alignBaselines" minimumFontSize="18" translatesAutoresizingMaskIntoConstraints="NO" id="kId-c2-rCX">
|
||||
<rect key="frame" x="20" y="140" width="441" height="43"/>
|
||||
<fontDescription key="fontDescription" type="boldSystem" pointSize="36"/>
|
||||
<color key="textColor" cocoaTouchSystemColor="darkTextColor"/>
|
||||
<nil key="highlightedColor"/>
|
||||
</label>
|
||||
</subviews>
|
||||
<color key="backgroundColor" white="1" alpha="1" colorSpace="custom" customColorSpace="calibratedWhite"/>
|
||||
<constraints>
|
||||
<constraint firstItem="kId-c2-rCX" firstAttribute="centerY" secondItem="iN0-l3-epB" secondAttribute="bottom" multiplier="1/3" constant="1" id="5cJ-9S-tgC"/>
|
||||
<constraint firstAttribute="centerX" secondItem="kId-c2-rCX" secondAttribute="centerX" id="Koa-jz-hwk"/>
|
||||
<constraint firstAttribute="bottom" secondItem="8ie-xW-0ye" secondAttribute="bottom" constant="20" id="Kzo-t9-V3l"/>
|
||||
<constraint firstItem="8ie-xW-0ye" firstAttribute="leading" secondItem="iN0-l3-epB" secondAttribute="leading" constant="20" symbolic="YES" id="MfP-vx-nX0"/>
|
||||
<constraint firstAttribute="centerX" secondItem="8ie-xW-0ye" secondAttribute="centerX" id="ZEH-qu-HZ9"/>
|
||||
<constraint firstItem="kId-c2-rCX" firstAttribute="leading" secondItem="iN0-l3-epB" secondAttribute="leading" constant="20" symbolic="YES" id="fvb-Df-36g"/>
|
||||
</constraints>
|
||||
<nil key="simulatedStatusBarMetrics"/>
|
||||
<freeformSimulatedSizeMetrics key="simulatedDestinationMetrics"/>
|
||||
<point key="canvasLocation" x="548" y="455"/>
|
||||
</view>
|
||||
</objects>
|
||||
</document>
|
||||
38
ios/memelee/Images.xcassets/AppIcon.appiconset/Contents.json
Normal file
|
|
@ -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"
|
||||
}
|
||||
}
|
||||
6
ios/memelee/Images.xcassets/Contents.json
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
{
|
||||
"info" : {
|
||||
"version" : 1,
|
||||
"author" : "xcode"
|
||||
}
|
||||
}
|
||||
71
ios/memelee/Info.plist
Normal file
|
|
@ -0,0 +1,71 @@
|
|||
<?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>Memelee</string>
|
||||
<key>CFBundleExecutable</key>
|
||||
<string>$(EXECUTABLE_NAME)</string>
|
||||
<key>CFBundleIdentifier</key>
|
||||
<string>org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)</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>UIStatusBarStyle</key>
|
||||
<string>UIStatusBarStyleLightContent</string>
|
||||
<key>UISupportedInterfaceOrientations</key>
|
||||
<array>
|
||||
<string>UIInterfaceOrientationPortrait</string>
|
||||
<string>UIInterfaceOrientationLandscapeLeft</string>
|
||||
<string>UIInterfaceOrientationLandscapeRight</string>
|
||||
</array>
|
||||
<key>UIAppFonts</key>
|
||||
<array>
|
||||
<string>FontAwesome.ttf</string>
|
||||
<string>Octicons.ttf</string>
|
||||
<string>Feather.ttf</string>
|
||||
<string>Entypo.ttf</string>
|
||||
<string>MaterialCommunityIcons.ttf</string>
|
||||
<string>Foundation.ttf</string>
|
||||
<string>IonicIcons.ttf</string>
|
||||
<string>Zocial.ttf</string>
|
||||
<string>EvilIcons.ttf</string>
|
||||
<string>SimpleLineIcons.ttf</string>
|
||||
<string>MaterialIcons.ttf</string>
|
||||
</array>
|
||||
<key>UIViewControllerBasedStatusBarAppearance</key>
|
||||
<false/>
|
||||
</dict>
|
||||
</plist>
|
||||
18
ios/memelee/main.m
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
/**
|
||||
* Copyright (c) 2015-present, Facebook, Inc.
|
||||
* All rights reserved.
|
||||
*
|
||||
* This source code is licensed under the BSD-style license found in the
|
||||
* LICENSE file in the root directory of this source tree. An additional grant
|
||||
* of patent rights can be found in the PATENTS file in the same directory.
|
||||
*/
|
||||
|
||||
#import <UIKit/UIKit.h>
|
||||
|
||||
#import "AppDelegate.h"
|
||||
|
||||
int main(int argc, char * argv[]) {
|
||||
@autoreleasepool {
|
||||
return UIApplicationMain(argc, argv, nil, NSStringFromClass([AppDelegate class]));
|
||||
}
|
||||
}
|
||||
24
ios/memeleeTests/Info.plist
Normal file
|
|
@ -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>org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)</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>
|
||||
70
ios/memeleeTests/memeleeTests.m
Normal file
|
|
@ -0,0 +1,70 @@
|
|||
/**
|
||||
* Copyright (c) 2015-present, Facebook, Inc.
|
||||
* All rights reserved.
|
||||
*
|
||||
* This source code is licensed under the BSD-style license found in the
|
||||
* LICENSE file in the root directory of this source tree. An additional grant
|
||||
* of patent rights can be found in the PATENTS file in the same directory.
|
||||
*/
|
||||
|
||||
#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 Native!"
|
||||
|
||||
@interface memeleeTests : XCTestCase
|
||||
|
||||
@end
|
||||
|
||||
@implementation memeleeTests
|
||||
|
||||
- (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;
|
||||
RCTSetLogFunction(^(RCTLogLevel level, RCTLogSource source, NSString *fileName, NSNumber *lineNumber, NSString *message) {
|
||||
if (level >= RCTLogLevelError) {
|
||||
redboxError = message;
|
||||
}
|
||||
});
|
||||
|
||||
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;
|
||||
}];
|
||||
}
|
||||
|
||||
RCTSetLogFunction(RCTDefaultLogFunction);
|
||||
|
||||
XCTAssertNil(redboxError, @"RedBox error: %@", redboxError);
|
||||
XCTAssertTrue(foundElement, @"Couldn't find element with text '%@' in %d seconds", TEXT_TO_LOOK_FOR, TIMEOUT_SECONDS);
|
||||
}
|
||||
|
||||
|
||||
@end
|
||||
41
package.json
Normal file
|
|
@ -0,0 +1,41 @@
|
|||
{
|
||||
"name": "memelee",
|
||||
"version": "0.1.0",
|
||||
"private": true,
|
||||
"devDependencies": {
|
||||
"babel-preset-react-native-stage-0": "^1.0.1",
|
||||
"jest-react-native": "^18.0.0",
|
||||
"react-test-renderer": "16.2.0"
|
||||
},
|
||||
"scripts": {
|
||||
"start": "react-native start",
|
||||
"android": "react-native run-android",
|
||||
"ios": "react-native run-ios",
|
||||
"test": "node node_modules/jest/bin/jest.js"
|
||||
},
|
||||
"jest": {
|
||||
"preset": "react-native"
|
||||
},
|
||||
"dependencies": {
|
||||
"axios": "^0.18.0",
|
||||
"babel-preset-react-native-stage-0": "^1.0.1",
|
||||
"jsog": "^1.0.7",
|
||||
"mobx": "^4.1.1",
|
||||
"mobx-persist": "^0.4.1",
|
||||
"mobx-react": "^5.0.0",
|
||||
"moment": "^2.21.0",
|
||||
"prop-types": "^15.6.1",
|
||||
"react": "16.2.0",
|
||||
"react-controllables": "^0.6.0",
|
||||
"react-native": "0.52.0",
|
||||
"react-native-elements": "^0.19.0",
|
||||
"react-native-markdown-renderer": "^3.1.0",
|
||||
"react-native-navigation": "^1.1.426",
|
||||
"react-native-segmented-control-tab": "^3.2.2",
|
||||
"react-native-settings-list": "^1.8.0",
|
||||
"react-native-svg": "^6.3.1",
|
||||
"react-native-vector-icons": "^4.6.0",
|
||||
"underscore": "^1.8.3",
|
||||
"uuid": "^3.2.1"
|
||||
}
|
||||
}
|
||||
20
stores/BookmarksStore.js
Normal file
|
|
@ -0,0 +1,20 @@
|
|||
/**
|
||||
* BookmarksStore
|
||||
*
|
||||
* Exactly what it sounds like.
|
||||
*
|
||||
* @copyright Ryan McGrath 2018
|
||||
*/
|
||||
|
||||
import moment from 'moment';
|
||||
import {observable, action, runInAction} from 'mobx';
|
||||
|
||||
class Store {
|
||||
@observable bookmarks;
|
||||
|
||||
constructor() {
|
||||
this.bookmarks = [];
|
||||
}
|
||||
};
|
||||
|
||||
export default new Store();
|
||||
20
stores/SettingsStore.js
Normal file
|
|
@ -0,0 +1,20 @@
|
|||
/**
|
||||
* SettingsStore
|
||||
*
|
||||
* Exactly what it sounds like.
|
||||
*
|
||||
* @copyright Ryan McGrath 2018
|
||||
*/
|
||||
|
||||
import moment from 'moment';
|
||||
import {observable, action, runInAction} from 'mobx';
|
||||
|
||||
class Store {
|
||||
@observable settings;
|
||||
|
||||
constructor() {
|
||||
this.settings = {};
|
||||
}
|
||||
};
|
||||
|
||||
export default new Store();
|
||||
171
stores/TournamentEventStore.js
Normal file
|
|
@ -0,0 +1,171 @@
|
|||
/**
|
||||
* TournamentEventStore
|
||||
*
|
||||
* Store for tournament event data. Currently kind of dumb, but that's fine.
|
||||
*
|
||||
* @copyright Ryan McGrath 2018
|
||||
*/
|
||||
|
||||
import {observable, action, runInAction} from 'mobx';
|
||||
|
||||
class Store {
|
||||
@observable data;
|
||||
@observable fetchingData;
|
||||
|
||||
constructor() {
|
||||
this.data = {};
|
||||
}
|
||||
|
||||
fetchEventExpanded = async (tournamentSlug, eventSlug, opts) => {
|
||||
const api = 'https://smash.gg/api/-/gg_api./tournament/' + tournamentSlug + '/event/' + eventSlug + ';';
|
||||
const args = Object.assign({
|
||||
expand: JSON.stringify(['phase', 'groups']),
|
||||
reset: false,
|
||||
slug: tournamentSlug,
|
||||
eventSlug: eventSlug
|
||||
}, opts || {});
|
||||
|
||||
return fetch(
|
||||
api + Object.keys(args).map(key => `${key}=${args[key]}`).join(';') + '?returnMeta=true'
|
||||
).then(response => response.json()).then(data => {
|
||||
if(typeof data.success !== 'undefined' && !data.success)
|
||||
throw new Error(data.message);
|
||||
|
||||
return Promise.resolve(data.entities.phase ? data.entities.phase.map(phase => phase) : []);
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* fetchStandings
|
||||
*
|
||||
* Given a set of slugs, fetches event standings.
|
||||
*
|
||||
* @arg tournamentSlug {String} Slug for the tournament (e.g, "the-mango").
|
||||
* @arg eventSlug {String} Slug for the event (e.g, "melee-singles").
|
||||
* @arg opts {Object} Optional object for overriding request properties.
|
||||
* @return Promise
|
||||
*/
|
||||
/*const fetchEventStandings = (tournamentSlug, eventSlug, opts) => {
|
||||
const api = 'https://smash.gg/api/-/gg_api./tournament/' + tournamentSlug + '/event/' + eventSlug + '/standings;';
|
||||
const args = Object.assign({
|
||||
entityId: null,
|
||||
entityType: 'event',
|
||||
slug: tournamentSlug,
|
||||
eventSlug: eventSlug,
|
||||
expand: JSON.stringify(['entrants', 'standingGroup', 'attendee']),
|
||||
mutations: JSON.stringify(['playerData', 'standingLosses']),
|
||||
page: 1,
|
||||
per_page: 25
|
||||
}, opts || {});
|
||||
|
||||
return fetch(
|
||||
api + Object.keys(args).map(key => `${key}=${args[key]}`).join(';') + '?returnMeta=true'
|
||||
).then(response => response.json()).then(data => {
|
||||
var s = data.items.entities.standing,
|
||||
l = s.length;
|
||||
|
||||
return Promise.resolve(data.items.entities.entrants.map(entrants => {
|
||||
if(typeof entrants.losses === 'undefined')
|
||||
entrants.losses = [];
|
||||
|
||||
data.items.entities.standing.forEach(standing => {
|
||||
if(standing.entityId === entrants.id && standing.mutations)
|
||||
entrants.losses = entrants.losses.concat(standing.mutations.losses.map(loss => loss.name));
|
||||
});
|
||||
|
||||
return entrants;
|
||||
}).sort((a, b) => a.finalPlacement > b.finalPlacement));
|
||||
});
|
||||
};
|
||||
|
||||
/**
|
||||
* fetchBracketData
|
||||
*
|
||||
* Given a set of slugs/bracket ID, fetches bracket data for rendering. Performs a lot
|
||||
* of smaller operations to transpose it into an actually usable format for display.
|
||||
*
|
||||
* @arg tournamentSlug {String} Slug for the tournament (e.g, "the-mango").
|
||||
* @arg eventSlug {String} Slug for the event (e.g, "melee-singles").
|
||||
* @arg bracketID {String or Number} ID for the bracket - SmashGG calls this a phase. Go fig.
|
||||
* @arg opts {Object} Optional object for overriding request properties.
|
||||
* @return Promise
|
||||
|
||||
const fetchBracketData = (tournamentSlug, eventSlug, bracketID, opts) => {
|
||||
const api = 'https://smash.gg/api/-/gg_api./tournament/' + tournamentSlug + '/event/' + eventSlug + '/phase_groups;';
|
||||
const args = {
|
||||
slug: tournamentSlug,
|
||||
eventSlug: eventSlug,
|
||||
expand: JSON.stringify(['results', 'character']),
|
||||
mutations: JSON.stringify(['ffaData', 'playerData']),
|
||||
filter: JSON.stringify({phaseId: bracketID}),
|
||||
getSingleBracket: true,
|
||||
page: 1,
|
||||
per_page: 20,
|
||||
reset: false,
|
||||
};
|
||||
|
||||
return fetch(
|
||||
api + Object.keys(args).map(key => `${key}=${args[key]}`).join(';') + '?returnMeta=true'
|
||||
).then(response => response.json()).then(data => {
|
||||
const grands = [];
|
||||
const brackets = {
|
||||
winners: [],
|
||||
losers: []
|
||||
};
|
||||
|
||||
// Filter through the set list and make sure each object is filled out with necessary data,
|
||||
// and then place them into their bracket accordingly. Brackets will be sorted afterwards.
|
||||
data.items.entities.sets.forEach(function(result) {
|
||||
if(result.entrant1Id === null || result.entrant2Id === null)
|
||||
return;
|
||||
|
||||
result.entrant1 = {};
|
||||
result.entrant2 = {};
|
||||
|
||||
data.items.entities.entrants.forEach(function(entrant) {
|
||||
if(entrant.id === result.entrant1Id)
|
||||
result.entrant1 = entrant;
|
||||
|
||||
if(entrant.id === result.entrant2Id)
|
||||
result.entrant2 = entrant;
|
||||
});
|
||||
|
||||
if(result.isGF) {
|
||||
grands.push(result);
|
||||
} else {
|
||||
var isLosers = result.displayRound < 0,
|
||||
key = isLosers ? 'losers' : 'winners',
|
||||
idx = isLosers ? (result.displayRound * -1) : result.displayRound;
|
||||
|
||||
while(brackets[key].length < idx) {
|
||||
brackets[key].push({
|
||||
title: '', // Filled in later~
|
||||
sets: []
|
||||
});
|
||||
}
|
||||
|
||||
brackets[key][idx - 1].title = result.fullRoundText;
|
||||
brackets[key][idx - 1].sets.push(result);
|
||||
if(!brackets[key][idx - 1].key)
|
||||
brackets[key][idx - 1].key = v4();
|
||||
}
|
||||
});
|
||||
|
||||
// GFs are technically in the winners bracket, but for presentation purposes they're shoved
|
||||
// in after to be like how smash.gg presents them.
|
||||
if(grands.length > 0) {
|
||||
grands.forEach(grandFinal => {
|
||||
brackets.winners.push({
|
||||
title: 'Grand Finals',
|
||||
sets: [grandFinal],
|
||||
key: v4()
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
return Promise.resolve(brackets);
|
||||
});
|
||||
};*/
|
||||
}
|
||||
|
||||
export default new Store();
|
||||
140
stores/TournamentsListingStore.js
Normal file
|
|
@ -0,0 +1,140 @@
|
|||
/**
|
||||
* TournamentListingsStore
|
||||
*
|
||||
* Store for tournament listing and search data.
|
||||
*
|
||||
* @copyright Ryan McGrath 2018
|
||||
*/
|
||||
|
||||
import axios from 'axios';
|
||||
import moment from 'moment';
|
||||
import {observable, action, runInAction} from 'mobx';
|
||||
|
||||
const placeholders = [
|
||||
require('../images/placeholder1.png'),
|
||||
require('../images/placeholder2.png'),
|
||||
require('../images/placeholder3.png'),
|
||||
];
|
||||
|
||||
class Store {
|
||||
@observable tournamentsList;
|
||||
@observable searchResults;
|
||||
@observable fetchingData;
|
||||
@observable mode;
|
||||
|
||||
constructor() {
|
||||
this.tournamentsList = [];
|
||||
this.searchResults = [];
|
||||
this.fetchingData = false;
|
||||
this.mode = 'featured';
|
||||
}
|
||||
|
||||
@action('Fetch Featured Tournaments')
|
||||
fetchFeatured = async (opts) => {
|
||||
this.fetchingData = true;
|
||||
this.mode = 'featured';
|
||||
|
||||
const args = Object.assign({
|
||||
list: 'featured',
|
||||
reset: false
|
||||
}, opts || {});
|
||||
|
||||
const api = 'https://smash.gg/api/-/gg_api./tournaments/list/featured;';
|
||||
const url = api + Object.keys(args).map(key => `${key}=${args[key]}`).join(';') + '?returnMeta=true'
|
||||
const response = await fetch(url);
|
||||
const data = await response.json();
|
||||
|
||||
runInAction('Parse tournament listing data', () => {
|
||||
this.tournamentsList = this.parseData(data.entities.tournament, data.entities.event);
|
||||
this.mode = 'featured';
|
||||
this.fetchingData = false;
|
||||
});
|
||||
}
|
||||
|
||||
searchTimer = null;
|
||||
cancelSource = null;
|
||||
|
||||
@action('Perform Search')
|
||||
search = async (query) => {
|
||||
if(this.searchTimer) {
|
||||
clearTimeout(this.searchTimer);
|
||||
|
||||
if(this.cancelSource) {
|
||||
this.cancelSource.cancel();
|
||||
this.cancelSource = null;
|
||||
}
|
||||
}
|
||||
|
||||
if(query === '') {
|
||||
this.mode = 'featured';
|
||||
this.fetchingData = false;
|
||||
return;
|
||||
}
|
||||
|
||||
this.searchTimer = setTimeout(async () => {
|
||||
this.fetchingData = true;
|
||||
this.cancelSource = axios.CancelToken.source();
|
||||
|
||||
const api = 'https://smash.gg/api/-/gg_api./public/tournaments/schedule;';
|
||||
const args = {
|
||||
filter: encodeURIComponent(query),
|
||||
page: 1,
|
||||
per_page: 60,
|
||||
reset: false,
|
||||
schedule: true
|
||||
};
|
||||
|
||||
const url = api + Object.keys(args).map(key => `${key}=${args[key]}`).join(';');
|
||||
axios.get(url, {
|
||||
cancelToken: this.cancelSource.token,
|
||||
params: {returnMeta: 'true'}
|
||||
}).then(response => {
|
||||
runInAction('Parse search results data', () => {
|
||||
this.searchResults = this.parseData(response.data.items.entities.tournament, response.data.items.entities.event);
|
||||
this.mode = 'search';
|
||||
this.fetchingData = false;
|
||||
});
|
||||
}).catch(thrown => {
|
||||
// There's no need to do anything here, at least for now.
|
||||
if(axios.isCancel(thrown))
|
||||
return;
|
||||
|
||||
console.error(thrown);
|
||||
});
|
||||
}, 500);
|
||||
}
|
||||
|
||||
parseData = (tourneys, events) => {
|
||||
var tournaments = [];
|
||||
|
||||
for(var i = 0, l = tourneys.length; i < l; i++) {
|
||||
var tourney = tourneys[i];
|
||||
if(tourney['private'] || tourney.sandboxMode || tourney.testMode)
|
||||
continue;
|
||||
|
||||
var img = tourney.images.filter(img => img.width === 1200);
|
||||
if(img.length > 0)
|
||||
tourney.memeleePromoImage = {width: img[0].width, msrc: {uri: img[0].url}};
|
||||
else
|
||||
tourney.memeleePromoImage = {width: 1200, msrc: placeholders[Math.floor(Math.random() * 3)]};
|
||||
|
||||
var starts = moment.unix(tourney.startAt).utc(),
|
||||
ends = moment.unix(tourney.endAt);
|
||||
|
||||
tourney.memeleeTournamentRange = starts.format('MM/DD/YYYY') + ' - ' + ends.format('MM/DD/YYYY');
|
||||
tourney.memeleeEventsCount = tourney.eventIds.length;
|
||||
|
||||
/* Stitch together the event listings... */
|
||||
tourney.memeleeEvents = tourney.eventIds.map(eventID => {
|
||||
const evts = events.filter(obj => obj.id === eventID);
|
||||
return evts.length > 0 ? evts[0] : null;
|
||||
}).filter(evt => evt !== null);
|
||||
|
||||
tournaments.push(tourney)
|
||||
}
|
||||
|
||||
return tournaments;
|
||||
}
|
||||
}
|
||||
|
||||
export default new Store();
|
||||
33
stores/index.js
Normal file
|
|
@ -0,0 +1,33 @@
|
|||
/**
|
||||
* smashGG
|
||||
*
|
||||
* Handles communication with Smash.gg endpoints. Mostly promise based.
|
||||
*
|
||||
* @copyright Ryan McGrath 2018, unless the content belongs to Smash.gg, in which case,
|
||||
* it's them.
|
||||
*/
|
||||
|
||||
import {v4} from 'uuid';
|
||||
import moment from 'moment';
|
||||
import {create} from 'mobx-persist';
|
||||
import {AsyncStorage} from 'react-native';
|
||||
|
||||
import TournamentsListingStore from './TournamentsListingStore';
|
||||
import TournamentEventStore from './TournamentEventStore';
|
||||
import BookmarksStore from './BookmarksStore';
|
||||
import SettingsStore from './SettingsStore';
|
||||
|
||||
const hydrate = create({
|
||||
storage: AsyncStorage
|
||||
});
|
||||
|
||||
const stores = {
|
||||
Tournaments: TournamentsListingStore,
|
||||
TournamentEventStore: TournamentEventStore,
|
||||
Bookmarks: BookmarksStore,
|
||||
Settings: SettingsStore
|
||||
};
|
||||
|
||||
// Hydrate
|
||||
|
||||
export default stores;
|
||||
364
styles/index.js
Normal file
|
|
@ -0,0 +1,364 @@
|
|||
/**
|
||||
* Stylesheets
|
||||
*
|
||||
* App-wide stylesheets, in one sheet because I'm lazy as hell.
|
||||
*
|
||||
* @copyright Ryan McGrath 2018
|
||||
*/
|
||||
|
||||
import {StyleSheet, Platform} from 'react-native';
|
||||
|
||||
const PlatformEnum = {IOS: 'ios', ANDROID: 'android'};
|
||||
|
||||
const textColor = '#e4e4e7';
|
||||
const iconColor = '#00a1fe';
|
||||
|
||||
const stylesheet = StyleSheet.create({
|
||||
searchContainerStyle: {
|
||||
backgroundColor: '#12191f',
|
||||
borderTopWidth: 0,
|
||||
borderBottomWidth: 0,
|
||||
paddingLeft: 8,
|
||||
paddingRight: 8
|
||||
},
|
||||
|
||||
tournamentsListView: {paddingBottom: 16},
|
||||
|
||||
tournamentRowWrapper: {
|
||||
paddingLeft: 16,
|
||||
paddingRight: 16,
|
||||
paddingTop: 16,
|
||||
paddingBottom: 6
|
||||
},
|
||||
|
||||
tournamentRow: {
|
||||
justifyContent: 'center',
|
||||
backgroundColor: '#1d2730',
|
||||
borderRadius: 6,
|
||||
overflow: 'hidden'
|
||||
},
|
||||
|
||||
tournamentRowPromoImage: {
|
||||
backgroundColor: '#181b26',
|
||||
},
|
||||
|
||||
tournamentRowTextWrapper: {
|
||||
flex: 1,
|
||||
padding: 16
|
||||
},
|
||||
|
||||
tournamentRowName: { color: textColor, fontSize: 16, fontWeight: 'bold', marginBottom: 8 },
|
||||
tournamentRowDateRange: { color: textColor, marginBottom: 8 },
|
||||
tournamentRowLocation: { color: textColor, marginBottom: 8 },
|
||||
tournamentRowEventsCount: { color: textColor },
|
||||
|
||||
tournamentInfoHeader: {
|
||||
backgroundColor: '#181b26',
|
||||
height: 200
|
||||
},
|
||||
|
||||
tournamentInfoTabsStyle: {
|
||||
borderWidth: 0,
|
||||
paddingVertical: 10,
|
||||
backgroundColor: '#101319'
|
||||
},
|
||||
|
||||
tournamentInfoTabTextStyle: {
|
||||
color: iconColor
|
||||
},
|
||||
|
||||
tournamentInfoActiveTabStyle: {
|
||||
backgroundColor: iconColor
|
||||
},
|
||||
|
||||
tournamentDetailsTextWrapper: {
|
||||
padding: 18
|
||||
},
|
||||
|
||||
tournamentDetailsEventWrapper: {
|
||||
paddingHorizontal: 16,
|
||||
paddingVertical: 16,
|
||||
borderBottomWidth: 0.5,
|
||||
borderBottomColor: '#0e141a',
|
||||
backgroundColor: '#1d2730'
|
||||
},
|
||||
|
||||
tournamentDetailsEventItem: {
|
||||
color: textColor,
|
||||
fontSize: 16,
|
||||
},
|
||||
|
||||
tournamentInfoButtonsRow: {
|
||||
flexDirection: 'row'
|
||||
},
|
||||
|
||||
tournamentRegistrationButton: {
|
||||
backgroundColor: iconColor,
|
||||
padding: 10,
|
||||
flex: 1
|
||||
},
|
||||
|
||||
tournamentRegistrationButtonText: {
|
||||
color: textColor,
|
||||
textAlign: 'center',
|
||||
fontWeight: 'bold'
|
||||
},
|
||||
|
||||
tournamentBookmarkButton: {
|
||||
flex: 1,
|
||||
backgroundColor: iconColor,
|
||||
padding: 10,
|
||||
}
|
||||
});
|
||||
|
||||
/**
|
||||
* navigatorStyles
|
||||
*
|
||||
* Handles styling the navigation (top) bar. Needs to be a separate property to avoid
|
||||
* React Native's CSS parsing junk.
|
||||
*/
|
||||
stylesheet.navigatorStyles = {
|
||||
navBarBackgroundColor: '#12191f',
|
||||
navBarTextColor: '#e6e6e8',
|
||||
navBarButtonColor: '#307ace',
|
||||
navBarTranslucent: false,
|
||||
navBarNoBorder: true,
|
||||
screenBackgroundColor: '#12191f',
|
||||
largeTitle: true,
|
||||
statusBarTextColorScheme: 'light'
|
||||
};
|
||||
|
||||
/**
|
||||
* tabBarStyles
|
||||
*
|
||||
* Handles styling the tab (bottom) bar. Needs to be a separate property to avoid
|
||||
* React Native's CSS parsing junk.
|
||||
*/
|
||||
stylesheet.tabBarStyles = {
|
||||
tabBarBackgroundColor: '#101319',
|
||||
tabBarTranslucent: true,
|
||||
tabBarButtonColor: '#25313a',
|
||||
tabBarSelectedButtonColor: '#0090eb',
|
||||
tabBarHideShadow: false
|
||||
};
|
||||
|
||||
/**
|
||||
* tournamentPromoIconColors
|
||||
*
|
||||
* Colors for specific icons.
|
||||
*/
|
||||
stylesheet.tournamentPromoIconColors = {
|
||||
calendar: iconColor,
|
||||
mapMarker: iconColor,
|
||||
eventsCount: iconColor,
|
||||
attendeesCount: iconColor
|
||||
};
|
||||
|
||||
/**
|
||||
* tournamentDetailsText
|
||||
*
|
||||
* Styles for the markdown-parsed area that describes tournaments. Separate property
|
||||
* due to the way it relies on some annoying key words.
|
||||
*/
|
||||
stylesheet.tournamentDetailsText = StyleSheet.create({
|
||||
view: {},
|
||||
|
||||
codeBlock: {
|
||||
borderWidth: 1,
|
||||
borderColor: "#1d2730",
|
||||
backgroundColor: "#1d2730",
|
||||
padding: 10,
|
||||
borderRadius: 4,
|
||||
color: textColor
|
||||
},
|
||||
|
||||
codeInline: {
|
||||
borderWidth: 1,
|
||||
borderColor: "#1d2730",
|
||||
backgroundColor: "#1d2730",
|
||||
padding: 10,
|
||||
borderRadius: 4,
|
||||
color: textColor
|
||||
},
|
||||
|
||||
del: {
|
||||
backgroundColor: "#000000"
|
||||
},
|
||||
|
||||
em: {
|
||||
fontStyle: "italic"
|
||||
},
|
||||
|
||||
headingContainer: {
|
||||
flexDirection: "row"
|
||||
},
|
||||
|
||||
heading: {},
|
||||
|
||||
heading1: {
|
||||
fontSize: 26,
|
||||
lineHeight: 32,
|
||||
marginBottom: 15
|
||||
},
|
||||
|
||||
heading2: {
|
||||
fontSize: 24
|
||||
},
|
||||
|
||||
heading3: {
|
||||
fontSize: 18
|
||||
},
|
||||
|
||||
heading4: {
|
||||
fontSize: 16
|
||||
},
|
||||
|
||||
heading5: {
|
||||
fontSize: 13
|
||||
},
|
||||
|
||||
heading6: {
|
||||
fontSize: 11
|
||||
},
|
||||
|
||||
hr: {
|
||||
backgroundColor: '#28333d',
|
||||
height: 1,
|
||||
marginVertical: 10
|
||||
},
|
||||
|
||||
blockquote: {
|
||||
paddingHorizontal: 20,
|
||||
paddingVertical: 10,
|
||||
margin: 20,
|
||||
backgroundColor: '#1d2730'
|
||||
},
|
||||
|
||||
inlineCode: {
|
||||
borderRadius: 3,
|
||||
borderWidth: 1,
|
||||
fontFamily: "Courier",
|
||||
fontWeight: "bold"
|
||||
},
|
||||
|
||||
list: {},
|
||||
|
||||
listItem: {
|
||||
flex: 1,
|
||||
flexWrap: "wrap"
|
||||
// backgroundColor: 'green',
|
||||
},
|
||||
|
||||
listUnordered: {},
|
||||
|
||||
listUnorderedItem: {
|
||||
flexDirection: "row",
|
||||
justifyContent: "flex-start"
|
||||
},
|
||||
|
||||
listUnorderedItemIcon: {
|
||||
marginLeft: 10,
|
||||
marginRight: 10,
|
||||
|
||||
...Platform.select({
|
||||
[PlatformEnum.IOS]: {
|
||||
lineHeight: 36
|
||||
},
|
||||
|
||||
[PlatformEnum.ANDROID]: {
|
||||
lineHeight: 30
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
listUnorderedItemText: {
|
||||
fontSize: 20,
|
||||
lineHeight: 20
|
||||
},
|
||||
|
||||
listOrdered: {},
|
||||
|
||||
listOrderedItem: {
|
||||
flexDirection: "row"
|
||||
},
|
||||
|
||||
listOrderedItemIcon: {
|
||||
marginLeft: 10,
|
||||
marginRight: 10,
|
||||
|
||||
...Platform.select({
|
||||
[PlatformEnum.IOS]: {lineHeight: 36},
|
||||
[PlatformEnum.ANDROID]: {lineHeight: 30}
|
||||
})
|
||||
},
|
||||
|
||||
listOrderedItemText: {
|
||||
fontWeight: "bold",
|
||||
lineHeight: 20
|
||||
},
|
||||
|
||||
paragraph: {
|
||||
marginTop: 10,
|
||||
marginBottom: 10,
|
||||
flexWrap: "wrap",
|
||||
flexDirection: "row",
|
||||
alignItems: "flex-start",
|
||||
justifyContent: "flex-start"
|
||||
},
|
||||
|
||||
hardbreak: {
|
||||
width: '100%',
|
||||
height: 1
|
||||
},
|
||||
|
||||
strong: {
|
||||
fontWeight: "bold"
|
||||
},
|
||||
|
||||
table: {
|
||||
borderWidth: 1,
|
||||
borderColor: "#000000",
|
||||
borderRadius: 3
|
||||
},
|
||||
|
||||
tableHeader: {},
|
||||
|
||||
tableHeaderCell: {
|
||||
flex: 1,
|
||||
// color: '#000000',
|
||||
padding: 5
|
||||
// backgroundColor: 'green',
|
||||
},
|
||||
|
||||
tableRow: {
|
||||
borderBottomWidth: 1,
|
||||
borderColor: "#000000",
|
||||
flexDirection: "row"
|
||||
},
|
||||
|
||||
tableRowCell: {
|
||||
flex: 1,
|
||||
padding: 5
|
||||
},
|
||||
|
||||
text: {color: textColor, fontSize: 16, lineHeight: 22},
|
||||
|
||||
strikethrough: {
|
||||
textDecorationLine: "line-through"
|
||||
},
|
||||
|
||||
link: {
|
||||
textDecorationLine: "underline"
|
||||
},
|
||||
|
||||
u: {
|
||||
borderColor: "#000000",
|
||||
borderBottomWidth: 1
|
||||
},
|
||||
|
||||
image: {
|
||||
flex: 1
|
||||
}
|
||||
});
|
||||
|
||||
export default stylesheet;
|
||||
48
utils/MobxRnnProvider.js
Normal file
|
|
@ -0,0 +1,48 @@
|
|||
/**
|
||||
* MobxRnnProvider
|
||||
*
|
||||
* Provider that works for this navigation structure.
|
||||
*
|
||||
* (Thanks to github/@megahertz - https://gist.github.com/megahertz/3aad3adafa0f7d212b81f5e371863637)
|
||||
*
|
||||
* @copyright Ryan McGrath 2018
|
||||
*/
|
||||
|
||||
import {Provider} from 'mobx-react/native';
|
||||
|
||||
const SPECIAL_REACT_KEYS = {
|
||||
children: true,
|
||||
key: true,
|
||||
ref: true
|
||||
};
|
||||
|
||||
export default class MobxRnnProvider extends Provider {
|
||||
props: {
|
||||
store: Object
|
||||
};
|
||||
|
||||
context: {
|
||||
mobxStores: Object
|
||||
};
|
||||
|
||||
getChildContext() {
|
||||
const stores = {};
|
||||
|
||||
// inherit stores
|
||||
const baseStores = this.context.mobxStores;
|
||||
if(baseStores) {
|
||||
for(let key in baseStores) {
|
||||
stores[key] = baseStores[key];
|
||||
}
|
||||
}
|
||||
|
||||
// add own stores
|
||||
for(let key in this.props.store) {
|
||||
if(!SPECIAL_REACT_KEYS[key]) {
|
||||
stores[key] = this.props.store[key];
|
||||
}
|
||||
}
|
||||
|
||||
return {mobxStores: stores};
|
||||
}
|
||||
}
|
||||