twopane-navigation example app start
|
@ -0,0 +1,72 @@
|
|||
# OSX
|
||||
#
|
||||
.DS_Store
|
||||
|
||||
# Xcode
|
||||
#
|
||||
build/
|
||||
*.pbxuser
|
||||
!default.pbxuser
|
||||
*.mode1v3
|
||||
!default.mode1v3
|
||||
*.mode2v3
|
||||
!default.mode2v3
|
||||
*.perspectivev3
|
||||
!default.perspectivev3
|
||||
xcuserdata
|
||||
*.xccheckout
|
||||
*.moved-aside
|
||||
DerivedData
|
||||
*.hmap
|
||||
*.ipa
|
||||
*.xcuserstate
|
||||
project.xcworkspace
|
||||
|
||||
# Android/IntelliJ
|
||||
#
|
||||
build/
|
||||
.idea
|
||||
.gradle
|
||||
local.properties
|
||||
*.iml
|
||||
android/app/debug
|
||||
android/app/release
|
||||
|
||||
# Visual Studio Code
|
||||
#
|
||||
.vscode/.react
|
||||
|
||||
# node.js
|
||||
#
|
||||
node_modules/
|
||||
npm-debug.log
|
||||
yarn-error.log
|
||||
|
||||
# BUCK
|
||||
buck-out/
|
||||
\.buckd/
|
||||
!debug.keystore
|
||||
|
||||
# fastlane
|
||||
#
|
||||
# It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the
|
||||
# screenshots whenever they are needed.
|
||||
# For more information about the recommended setup visit:
|
||||
# https://docs.fastlane.tools/best-practices/source-control/
|
||||
|
||||
*/fastlane/report.xml
|
||||
*/fastlane/Preview.html
|
||||
*/fastlane/screenshots
|
||||
|
||||
# Bundle artifact
|
||||
*.jsbundle
|
||||
|
||||
# CocoaPods
|
||||
/ios/Pods/
|
||||
|
||||
# Emulator
|
||||
/eos_emulator/
|
||||
|
||||
# test files
|
||||
/coverage/
|
||||
|
|
@ -0,0 +1,6 @@
|
|||
|
||||
[android]
|
||||
target = Google Inc.:Google APIs:23
|
||||
|
||||
[maven_repositories]
|
||||
central = https://repo1.maven.org/maven2
|
|
@ -0,0 +1,6 @@
|
|||
module.exports = {
|
||||
root: true,
|
||||
extends: '@react-native-community',
|
||||
parser: '@typescript-eslint/parser',
|
||||
plugins: ['@typescript-eslint'],
|
||||
};
|
|
@ -0,0 +1 @@
|
|||
*.pbxproj -text
|
|
@ -0,0 +1,63 @@
|
|||
# OSX
|
||||
#
|
||||
.DS_Store
|
||||
|
||||
# Xcode
|
||||
#
|
||||
build/
|
||||
*.pbxuser
|
||||
!default.pbxuser
|
||||
*.mode1v3
|
||||
!default.mode1v3
|
||||
*.mode2v3
|
||||
!default.mode2v3
|
||||
*.perspectivev3
|
||||
!default.perspectivev3
|
||||
xcuserdata
|
||||
*.xccheckout
|
||||
*.moved-aside
|
||||
DerivedData
|
||||
*.hmap
|
||||
*.ipa
|
||||
*.xcuserstate
|
||||
|
||||
# Android/IntelliJ
|
||||
#
|
||||
build/
|
||||
.idea
|
||||
.gradle
|
||||
local.properties
|
||||
*.iml
|
||||
|
||||
# Visual Studio Code
|
||||
#
|
||||
.vscode/
|
||||
|
||||
# node.js
|
||||
#
|
||||
node_modules/
|
||||
npm-debug.log
|
||||
yarn-error.log
|
||||
|
||||
# BUCK
|
||||
buck-out/
|
||||
\.buckd/
|
||||
*.keystore
|
||||
!debug.keystore
|
||||
|
||||
# fastlane
|
||||
#
|
||||
# It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the
|
||||
# screenshots whenever they are needed.
|
||||
# For more information about the recommended setup visit:
|
||||
# https://docs.fastlane.tools/best-practices/source-control/
|
||||
|
||||
*/fastlane/report.xml
|
||||
*/fastlane/Preview.html
|
||||
*/fastlane/screenshots
|
||||
|
||||
# Bundle artifact
|
||||
*.jsbundle
|
||||
|
||||
# CocoaPods
|
||||
/ios/Pods/
|
|
@ -0,0 +1,6 @@
|
|||
module.exports = {
|
||||
bracketSpacing: false,
|
||||
jsxBracketSameLine: true,
|
||||
singleQuote: true,
|
||||
trailingComma: 'all',
|
||||
};
|
|
@ -0,0 +1 @@
|
|||
{}
|
|
@ -0,0 +1,118 @@
|
|||
/**
|
||||
* Sample React Native App
|
||||
* https://github.com/facebook/react-native
|
||||
*
|
||||
* Generated with the TypeScript template
|
||||
* https://github.com/react-native-community/react-native-template-typescript
|
||||
*
|
||||
* @format
|
||||
*/
|
||||
|
||||
import React from 'react';
|
||||
import {
|
||||
SafeAreaView,
|
||||
StyleSheet,
|
||||
ScrollView,
|
||||
View,
|
||||
Text,
|
||||
StatusBar,
|
||||
} from 'react-native';
|
||||
|
||||
import {
|
||||
Header,
|
||||
LearnMoreLinks,
|
||||
Colors,
|
||||
DebugInstructions,
|
||||
ReloadInstructions,
|
||||
} from 'react-native/Libraries/NewAppScreen';
|
||||
|
||||
declare const global: {HermesInternal: null | {}};
|
||||
|
||||
const App = () => {
|
||||
return (
|
||||
<>
|
||||
<StatusBar barStyle="dark-content" />
|
||||
<SafeAreaView>
|
||||
<ScrollView
|
||||
contentInsetAdjustmentBehavior="automatic"
|
||||
style={styles.scrollView}>
|
||||
<Header />
|
||||
{global.HermesInternal == null ? null : (
|
||||
<View style={styles.engine}>
|
||||
<Text style={styles.footer}>Engine: Hermes</Text>
|
||||
</View>
|
||||
)}
|
||||
<View style={styles.body}>
|
||||
<View style={styles.sectionContainer}>
|
||||
<Text style={styles.sectionTitle}>Step One</Text>
|
||||
<Text style={styles.sectionDescription}>
|
||||
Edit <Text style={styles.highlight}>App.tsx</Text> to change
|
||||
this screen and then come back to see your edits.
|
||||
</Text>
|
||||
</View>
|
||||
<View style={styles.sectionContainer}>
|
||||
<Text style={styles.sectionTitle}>See Your Changes</Text>
|
||||
<Text style={styles.sectionDescription}>
|
||||
<ReloadInstructions />
|
||||
</Text>
|
||||
</View>
|
||||
<View style={styles.sectionContainer}>
|
||||
<Text style={styles.sectionTitle}>Debug</Text>
|
||||
<Text style={styles.sectionDescription}>
|
||||
<DebugInstructions />
|
||||
</Text>
|
||||
</View>
|
||||
<View style={styles.sectionContainer}>
|
||||
<Text style={styles.sectionTitle}>Learn More</Text>
|
||||
<Text style={styles.sectionDescription}>
|
||||
Read the docs to discover what to do next:
|
||||
</Text>
|
||||
</View>
|
||||
<LearnMoreLinks />
|
||||
</View>
|
||||
</ScrollView>
|
||||
</SafeAreaView>
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
const styles = StyleSheet.create({
|
||||
scrollView: {
|
||||
backgroundColor: Colors.lighter,
|
||||
},
|
||||
engine: {
|
||||
position: 'absolute',
|
||||
right: 0,
|
||||
},
|
||||
body: {
|
||||
backgroundColor: Colors.white,
|
||||
},
|
||||
sectionContainer: {
|
||||
marginTop: 32,
|
||||
paddingHorizontal: 24,
|
||||
},
|
||||
sectionTitle: {
|
||||
fontSize: 24,
|
||||
fontWeight: '600',
|
||||
color: Colors.black,
|
||||
},
|
||||
sectionDescription: {
|
||||
marginTop: 8,
|
||||
fontSize: 18,
|
||||
fontWeight: '400',
|
||||
color: Colors.dark,
|
||||
},
|
||||
highlight: {
|
||||
fontWeight: '700',
|
||||
},
|
||||
footer: {
|
||||
color: Colors.dark,
|
||||
fontSize: 12,
|
||||
fontWeight: '600',
|
||||
padding: 4,
|
||||
paddingRight: 12,
|
||||
textAlign: 'right',
|
||||
},
|
||||
});
|
||||
|
||||
export default App;
|
|
@ -0,0 +1,14 @@
|
|||
/**
|
||||
* @format
|
||||
*/
|
||||
|
||||
import 'react-native';
|
||||
import React from 'react';
|
||||
import App from '../App';
|
||||
|
||||
// Note: test renderer must be required after react-native.
|
||||
import renderer from 'react-test-renderer';
|
||||
|
||||
it('renders correctly', () => {
|
||||
renderer.create(<App />);
|
||||
});
|
|
@ -0,0 +1,55 @@
|
|||
# To learn about Buck see [Docs](https://buckbuild.com/).
|
||||
# To run your application with Buck:
|
||||
# - install Buck
|
||||
# - `npm start` - to start the packager
|
||||
# - `cd android`
|
||||
# - `keytool -genkey -v -keystore keystores/debug.keystore -storepass android -alias androiddebugkey -keypass android -dname "CN=Android Debug,O=Android,C=US"`
|
||||
# - `./gradlew :app:copyDownloadableDepsToLibs` - make all Gradle compile dependencies available to Buck
|
||||
# - `buck install -r android/app` - compile, install and run application
|
||||
#
|
||||
|
||||
load(":build_defs.bzl", "create_aar_targets", "create_jar_targets")
|
||||
|
||||
lib_deps = []
|
||||
|
||||
create_aar_targets(glob(["libs/*.aar"]))
|
||||
|
||||
create_jar_targets(glob(["libs/*.jar"]))
|
||||
|
||||
android_library(
|
||||
name = "all-libs",
|
||||
exported_deps = lib_deps,
|
||||
)
|
||||
|
||||
android_library(
|
||||
name = "app-code",
|
||||
srcs = glob([
|
||||
"src/main/java/**/*.java",
|
||||
]),
|
||||
deps = [
|
||||
":all-libs",
|
||||
":build_config",
|
||||
":res",
|
||||
],
|
||||
)
|
||||
|
||||
android_build_config(
|
||||
name = "build_config",
|
||||
package = "com.example",
|
||||
)
|
||||
|
||||
android_resource(
|
||||
name = "res",
|
||||
package = "com.example",
|
||||
res = "src/main/res",
|
||||
)
|
||||
|
||||
android_binary(
|
||||
name = "app",
|
||||
keystore = "//android/keystores:debug",
|
||||
manifest = "src/main/AndroidManifest.xml",
|
||||
package_type = "debug",
|
||||
deps = [
|
||||
":app-code",
|
||||
],
|
||||
)
|
|
@ -0,0 +1,219 @@
|
|||
apply plugin: "com.android.application"
|
||||
|
||||
import com.android.build.OutputFile
|
||||
|
||||
/**
|
||||
* The react.gradle file registers a task for each build variant (e.g. bundleDebugJsAndAssets
|
||||
* and bundleReleaseJsAndAssets).
|
||||
* These basically call `react-native bundle` with the correct arguments during the Android build
|
||||
* cycle. By default, bundleDebugJsAndAssets is skipped, as in debug/dev mode we prefer to load the
|
||||
* bundle directly from the development server. Below you can see all the possible configurations
|
||||
* and their defaults. If you decide to add a configuration block, make sure to add it before the
|
||||
* `apply from: "../../node_modules/react-native/react.gradle"` line.
|
||||
*
|
||||
* project.ext.react = [
|
||||
* // the name of the generated asset file containing your JS bundle
|
||||
* bundleAssetName: "index.android.bundle",
|
||||
*
|
||||
* // the entry file for bundle generation. If none specified and
|
||||
* // "index.android.js" exists, it will be used. Otherwise "index.js" is
|
||||
* // default. Can be overridden with ENTRY_FILE environment variable.
|
||||
* entryFile: "index.android.js",
|
||||
*
|
||||
* // https://reactnative.dev/docs/performance#enable-the-ram-format
|
||||
* bundleCommand: "ram-bundle",
|
||||
*
|
||||
* // whether to bundle JS and assets in debug mode
|
||||
* bundleInDebug: false,
|
||||
*
|
||||
* // whether to bundle JS and assets in release mode
|
||||
* bundleInRelease: true,
|
||||
*
|
||||
* // whether to bundle JS and assets in another build variant (if configured).
|
||||
* // See http://tools.android.com/tech-docs/new-build-system/user-guide#TOC-Build-Variants
|
||||
* // The configuration property can be in the following formats
|
||||
* // 'bundleIn${productFlavor}${buildType}'
|
||||
* // 'bundleIn${buildType}'
|
||||
* // bundleInFreeDebug: true,
|
||||
* // bundleInPaidRelease: true,
|
||||
* // bundleInBeta: true,
|
||||
*
|
||||
* // whether to disable dev mode in custom build variants (by default only disabled in release)
|
||||
* // for example: to disable dev mode in the staging build type (if configured)
|
||||
* devDisabledInStaging: true,
|
||||
* // The configuration property can be in the following formats
|
||||
* // 'devDisabledIn${productFlavor}${buildType}'
|
||||
* // 'devDisabledIn${buildType}'
|
||||
*
|
||||
* // the root of your project, i.e. where "package.json" lives
|
||||
* root: "../../",
|
||||
*
|
||||
* // where to put the JS bundle asset in debug mode
|
||||
* jsBundleDirDebug: "$buildDir/intermediates/assets/debug",
|
||||
*
|
||||
* // where to put the JS bundle asset in release mode
|
||||
* jsBundleDirRelease: "$buildDir/intermediates/assets/release",
|
||||
*
|
||||
* // where to put drawable resources / React Native assets, e.g. the ones you use via
|
||||
* // require('./image.png')), in debug mode
|
||||
* resourcesDirDebug: "$buildDir/intermediates/res/merged/debug",
|
||||
*
|
||||
* // where to put drawable resources / React Native assets, e.g. the ones you use via
|
||||
* // require('./image.png')), in release mode
|
||||
* resourcesDirRelease: "$buildDir/intermediates/res/merged/release",
|
||||
*
|
||||
* // by default the gradle tasks are skipped if none of the JS files or assets change; this means
|
||||
* // that we don't look at files in android/ or ios/ to determine whether the tasks are up to
|
||||
* // date; if you have any other folders that you want to ignore for performance reasons (gradle
|
||||
* // indexes the entire tree), add them here. Alternatively, if you have JS files in android/
|
||||
* // for example, you might want to remove it from here.
|
||||
* inputExcludes: ["android/**", "ios/**"],
|
||||
*
|
||||
* // override which node gets called and with what additional arguments
|
||||
* nodeExecutableAndArgs: ["node"],
|
||||
*
|
||||
* // supply additional arguments to the packager
|
||||
* extraPackagerArgs: []
|
||||
* ]
|
||||
*/
|
||||
|
||||
project.ext.react = [
|
||||
enableHermes: false, // clean and rebuild if changing
|
||||
]
|
||||
|
||||
apply from: "../../node_modules/react-native/react.gradle"
|
||||
|
||||
/**
|
||||
* Set this to true to create two separate APKs instead of one:
|
||||
* - An APK that only works on ARM devices
|
||||
* - An APK that only works on x86 devices
|
||||
* The advantage is the size of the APK is reduced by about 4MB.
|
||||
* Upload all the APKs to the Play Store and people will download
|
||||
* the correct one based on the CPU architecture of their device.
|
||||
*/
|
||||
def enableSeparateBuildPerCPUArchitecture = false
|
||||
|
||||
/**
|
||||
* Run Proguard to shrink the Java bytecode in release builds.
|
||||
*/
|
||||
def enableProguardInReleaseBuilds = false
|
||||
|
||||
/**
|
||||
* The preferred build flavor of JavaScriptCore.
|
||||
*
|
||||
* For example, to use the international variant, you can use:
|
||||
* `def jscFlavor = 'org.webkit:android-jsc-intl:+'`
|
||||
*
|
||||
* The international variant includes ICU i18n library and necessary data
|
||||
* allowing to use e.g. `Date.toLocaleString` and `String.localeCompare` that
|
||||
* give correct results when using with locales other than en-US. Note that
|
||||
* this variant is about 6MiB larger per architecture than default.
|
||||
*/
|
||||
def jscFlavor = 'org.webkit:android-jsc:+'
|
||||
|
||||
/**
|
||||
* Whether to enable the Hermes VM.
|
||||
*
|
||||
* This should be set on project.ext.react and mirrored here. If it is not set
|
||||
* on project.ext.react, JavaScript will not be compiled to Hermes Bytecode
|
||||
* and the benefits of using Hermes will therefore be sharply reduced.
|
||||
*/
|
||||
def enableHermes = project.ext.react.get("enableHermes", false);
|
||||
|
||||
android {
|
||||
compileSdkVersion rootProject.ext.compileSdkVersion
|
||||
|
||||
compileOptions {
|
||||
sourceCompatibility JavaVersion.VERSION_1_8
|
||||
targetCompatibility JavaVersion.VERSION_1_8
|
||||
}
|
||||
|
||||
defaultConfig {
|
||||
applicationId "com.example"
|
||||
minSdkVersion rootProject.ext.minSdkVersion
|
||||
targetSdkVersion rootProject.ext.targetSdkVersion
|
||||
versionCode 1
|
||||
versionName "1.0"
|
||||
}
|
||||
splits {
|
||||
abi {
|
||||
reset()
|
||||
enable enableSeparateBuildPerCPUArchitecture
|
||||
universalApk false // If true, also generate a universal APK
|
||||
include "armeabi-v7a", "x86", "arm64-v8a", "x86_64"
|
||||
}
|
||||
}
|
||||
signingConfigs {
|
||||
debug {
|
||||
storeFile file('debug.keystore')
|
||||
storePassword 'android'
|
||||
keyAlias 'androiddebugkey'
|
||||
keyPassword 'android'
|
||||
}
|
||||
}
|
||||
buildTypes {
|
||||
debug {
|
||||
signingConfig signingConfigs.debug
|
||||
}
|
||||
release {
|
||||
// Caution! In production, you need to generate your own keystore file.
|
||||
// see https://reactnative.dev/docs/signed-apk-android.
|
||||
signingConfig signingConfigs.debug
|
||||
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:
|
||||
// https://developer.android.com/studio/build/configure-apk-splits.html
|
||||
def versionCodes = ["armeabi-v7a": 1, "x86": 2, "arm64-v8a": 3, "x86_64": 4]
|
||||
def abi = output.getFilter(OutputFile.ABI)
|
||||
if (abi != null) { // null for the universal-debug, universal-release variants
|
||||
output.versionCodeOverride =
|
||||
versionCodes.get(abi) * 1048576 + defaultConfig.versionCode
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
dependencies {
|
||||
implementation fileTree(dir: "libs", include: ["*.jar"])
|
||||
//noinspection GradleDynamicVersion
|
||||
implementation "com.facebook.react:react-native:+" // From node_modules
|
||||
|
||||
implementation "androidx.swiperefreshlayout:swiperefreshlayout:1.0.0"
|
||||
|
||||
debugImplementation("com.facebook.flipper:flipper:${FLIPPER_VERSION}") {
|
||||
exclude group:'com.facebook.fbjni'
|
||||
}
|
||||
|
||||
debugImplementation("com.facebook.flipper:flipper-network-plugin:${FLIPPER_VERSION}") {
|
||||
exclude group:'com.facebook.flipper'
|
||||
exclude group:'com.squareup.okhttp3', module:'okhttp'
|
||||
}
|
||||
|
||||
debugImplementation("com.facebook.flipper:flipper-fresco-plugin:${FLIPPER_VERSION}") {
|
||||
exclude group:'com.facebook.flipper'
|
||||
}
|
||||
|
||||
if (enableHermes) {
|
||||
def hermesPath = "../../node_modules/hermes-engine/android/";
|
||||
debugImplementation files(hermesPath + "hermes-debug.aar")
|
||||
releaseImplementation files(hermesPath + "hermes-release.aar")
|
||||
} else {
|
||||
implementation jscFlavor
|
||||
}
|
||||
}
|
||||
|
||||
// Run this once to be able to run the application with BUCK
|
||||
// puts all compile dependencies into folder libs for BUCK to use
|
||||
task copyDownloadableDepsToLibs(type: Copy) {
|
||||
from configurations.compile
|
||||
into 'libs'
|
||||
}
|
||||
|
||||
apply from: file("../../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesAppBuildGradle(project)
|
|
@ -0,0 +1,19 @@
|
|||
"""Helper definitions to glob .aar and .jar targets"""
|
||||
|
||||
def create_aar_targets(aarfiles):
|
||||
for aarfile in aarfiles:
|
||||
name = "aars__" + aarfile[aarfile.rindex("/") + 1:aarfile.rindex(".aar")]
|
||||
lib_deps.append(":" + name)
|
||||
android_prebuilt_aar(
|
||||
name = name,
|
||||
aar = aarfile,
|
||||
)
|
||||
|
||||
def create_jar_targets(jarfiles):
|
||||
for jarfile in jarfiles:
|
||||
name = "jars__" + jarfile[jarfile.rindex("/") + 1:jarfile.rindex(".jar")]
|
||||
lib_deps.append(":" + name)
|
||||
prebuilt_jar(
|
||||
name = name,
|
||||
binary_jar = jarfile,
|
||||
)
|
|
@ -0,0 +1,10 @@
|
|||
# Add project specific ProGuard rules here.
|
||||
# By default, the flags in this file are appended to flags specified
|
||||
# in /usr/local/Cellar/android-sdk/24.3.3/tools/proguard/proguard-android.txt
|
||||
# You can edit the include path and order by changing the proguardFiles
|
||||
# directive in build.gradle.
|
||||
#
|
||||
# For more details, see
|
||||
# http://developer.android.com/guide/developing/tools/proguard.html
|
||||
|
||||
# Add any project specific keep options here:
|
|
@ -0,0 +1,8 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
|
||||
xmlns:tools="http://schemas.android.com/tools">
|
||||
|
||||
<uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW"/>
|
||||
|
||||
<application android:usesCleartextTraffic="true" tools:targetApi="28" tools:ignore="GoogleAppIndexingWarning" />
|
||||
</manifest>
|
|
@ -0,0 +1,72 @@
|
|||
/**
|
||||
* Copyright (c) Facebook, Inc. and its affiliates.
|
||||
*
|
||||
* <p>This source code is licensed under the MIT license found in the LICENSE file in the root
|
||||
* directory of this source tree.
|
||||
*/
|
||||
package com.example;
|
||||
|
||||
import android.content.Context;
|
||||
import com.facebook.flipper.android.AndroidFlipperClient;
|
||||
import com.facebook.flipper.android.utils.FlipperUtils;
|
||||
import com.facebook.flipper.core.FlipperClient;
|
||||
import com.facebook.flipper.plugins.crashreporter.CrashReporterPlugin;
|
||||
import com.facebook.flipper.plugins.databases.DatabasesFlipperPlugin;
|
||||
import com.facebook.flipper.plugins.fresco.FrescoFlipperPlugin;
|
||||
import com.facebook.flipper.plugins.inspector.DescriptorMapping;
|
||||
import com.facebook.flipper.plugins.inspector.InspectorFlipperPlugin;
|
||||
import com.facebook.flipper.plugins.network.FlipperOkhttpInterceptor;
|
||||
import com.facebook.flipper.plugins.network.NetworkFlipperPlugin;
|
||||
import com.facebook.flipper.plugins.react.ReactFlipperPlugin;
|
||||
import com.facebook.flipper.plugins.sharedpreferences.SharedPreferencesFlipperPlugin;
|
||||
import com.facebook.react.ReactInstanceManager;
|
||||
import com.facebook.react.bridge.ReactContext;
|
||||
import com.facebook.react.modules.network.NetworkingModule;
|
||||
import okhttp3.OkHttpClient;
|
||||
|
||||
public class ReactNativeFlipper {
|
||||
public static void initializeFlipper(Context context, ReactInstanceManager reactInstanceManager) {
|
||||
if (FlipperUtils.shouldEnableFlipper(context)) {
|
||||
final FlipperClient client = AndroidFlipperClient.getInstance(context);
|
||||
|
||||
client.addPlugin(new InspectorFlipperPlugin(context, DescriptorMapping.withDefaults()));
|
||||
client.addPlugin(new ReactFlipperPlugin());
|
||||
client.addPlugin(new DatabasesFlipperPlugin(context));
|
||||
client.addPlugin(new SharedPreferencesFlipperPlugin(context));
|
||||
client.addPlugin(CrashReporterPlugin.getInstance());
|
||||
|
||||
NetworkFlipperPlugin networkFlipperPlugin = new NetworkFlipperPlugin();
|
||||
NetworkingModule.setCustomClientBuilder(
|
||||
new NetworkingModule.CustomClientBuilder() {
|
||||
@Override
|
||||
public void apply(OkHttpClient.Builder builder) {
|
||||
builder.addNetworkInterceptor(new FlipperOkhttpInterceptor(networkFlipperPlugin));
|
||||
}
|
||||
});
|
||||
client.addPlugin(networkFlipperPlugin);
|
||||
client.start();
|
||||
|
||||
// Fresco Plugin needs to ensure that ImagePipelineFactory is initialized
|
||||
// Hence we run if after all native modules have been initialized
|
||||
ReactContext reactContext = reactInstanceManager.getCurrentReactContext();
|
||||
if (reactContext == null) {
|
||||
reactInstanceManager.addReactInstanceEventListener(
|
||||
new ReactInstanceManager.ReactInstanceEventListener() {
|
||||
@Override
|
||||
public void onReactContextInitialized(ReactContext reactContext) {
|
||||
reactInstanceManager.removeReactInstanceEventListener(this);
|
||||
reactContext.runOnNativeModulesQueueThread(
|
||||
new Runnable() {
|
||||
@Override
|
||||
public void run() {
|
||||
client.addPlugin(new FrescoFlipperPlugin());
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
} else {
|
||||
client.addPlugin(new FrescoFlipperPlugin());
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
|
@ -0,0 +1,27 @@
|
|||
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
|
||||
package="com.example">
|
||||
|
||||
<uses-permission android:name="android.permission.INTERNET" />
|
||||
|
||||
<application
|
||||
android:name=".MainApplication"
|
||||
android:label="@string/app_name"
|
||||
android:icon="@mipmap/ic_launcher"
|
||||
android:roundIcon="@mipmap/ic_launcher_round"
|
||||
android:allowBackup="false"
|
||||
android:theme="@style/AppTheme">
|
||||
<activity
|
||||
android:name=".MainActivity"
|
||||
android:label="@string/app_name"
|
||||
android:configChanges="keyboard|keyboardHidden|orientation|screenSize|uiMode"
|
||||
android:launchMode="singleTask"
|
||||
android:windowSoftInputMode="adjustResize">
|
||||
<intent-filter>
|
||||
<action android:name="android.intent.action.MAIN" />
|
||||
<category android:name="android.intent.category.LAUNCHER" />
|
||||
</intent-filter>
|
||||
</activity>
|
||||
<activity android:name="com.facebook.react.devsupport.DevSettingsActivity" />
|
||||
</application>
|
||||
|
||||
</manifest>
|
|
@ -0,0 +1,15 @@
|
|||
package com.example;
|
||||
|
||||
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 "example";
|
||||
}
|
||||
}
|
|
@ -0,0 +1,80 @@
|
|||
package com.example;
|
||||
|
||||
import android.app.Application;
|
||||
import android.content.Context;
|
||||
import com.facebook.react.PackageList;
|
||||
import com.facebook.react.ReactApplication;
|
||||
import com.facebook.react.ReactInstanceManager;
|
||||
import com.facebook.react.ReactNativeHost;
|
||||
import com.facebook.react.ReactPackage;
|
||||
import com.facebook.soloader.SoLoader;
|
||||
import java.lang.reflect.InvocationTargetException;
|
||||
import java.util.List;
|
||||
|
||||
public class MainApplication extends Application implements ReactApplication {
|
||||
|
||||
private final ReactNativeHost mReactNativeHost =
|
||||
new ReactNativeHost(this) {
|
||||
@Override
|
||||
public boolean getUseDeveloperSupport() {
|
||||
return BuildConfig.DEBUG;
|
||||
}
|
||||
|
||||
@Override
|
||||
protected List<ReactPackage> getPackages() {
|
||||
@SuppressWarnings("UnnecessaryLocalVariable")
|
||||
List<ReactPackage> packages = new PackageList(this).getPackages();
|
||||
// Packages that cannot be autolinked yet can be added manually here, for example:
|
||||
// packages.add(new MyReactNativePackage());
|
||||
return packages;
|
||||
}
|
||||
|
||||
@Override
|
||||
protected String getJSMainModuleName() {
|
||||
return "index";
|
||||
}
|
||||
};
|
||||
|
||||
@Override
|
||||
public ReactNativeHost getReactNativeHost() {
|
||||
return mReactNativeHost;
|
||||
}
|
||||
|
||||
@Override
|
||||
public void onCreate() {
|
||||
super.onCreate();
|
||||
SoLoader.init(this, /* native exopackage */ false);
|
||||
initializeFlipper(this, getReactNativeHost().getReactInstanceManager());
|
||||
}
|
||||
|
||||
/**
|
||||
* Loads Flipper in React Native templates. Call this in the onCreate method with something like
|
||||
* initializeFlipper(this, getReactNativeHost().getReactInstanceManager());
|
||||
*
|
||||
* @param context
|
||||
* @param reactInstanceManager
|
||||
*/
|
||||
private static void initializeFlipper(
|
||||
Context context, ReactInstanceManager reactInstanceManager) {
|
||||
if (BuildConfig.DEBUG) {
|
||||
try {
|
||||
/*
|
||||
We use reflection here to pick up the class that initializes Flipper,
|
||||
since Flipper library is not available in release mode
|
||||
*/
|
||||
Class<?> aClass = Class.forName("com.example.ReactNativeFlipper");
|
||||
aClass
|
||||
.getMethod("initializeFlipper", Context.class, ReactInstanceManager.class)
|
||||
.invoke(null, context, reactInstanceManager);
|
||||
} catch (ClassNotFoundException e) {
|
||||
e.printStackTrace();
|
||||
} catch (NoSuchMethodException e) {
|
||||
e.printStackTrace();
|
||||
} catch (IllegalAccessException e) {
|
||||
e.printStackTrace();
|
||||
} catch (InvocationTargetException e) {
|
||||
e.printStackTrace();
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
Двоичные данные
twopane-navigation/example/android/app/src/main/res/mipmap-hdpi/ic_launcher.png
Normal file
После Ширина: | Высота: | Размер: 3.0 KiB |
Двоичные данные
twopane-navigation/example/android/app/src/main/res/mipmap-hdpi/ic_launcher_round.png
Normal file
После Ширина: | Высота: | Размер: 4.9 KiB |
Двоичные данные
twopane-navigation/example/android/app/src/main/res/mipmap-mdpi/ic_launcher.png
Normal file
После Ширина: | Высота: | Размер: 2.0 KiB |
Двоичные данные
twopane-navigation/example/android/app/src/main/res/mipmap-mdpi/ic_launcher_round.png
Normal file
После Ширина: | Высота: | Размер: 2.8 KiB |
Двоичные данные
twopane-navigation/example/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png
Normal file
После Ширина: | Высота: | Размер: 4.5 KiB |
Двоичные данные
twopane-navigation/example/android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png
Normal file
После Ширина: | Высота: | Размер: 6.9 KiB |
Двоичные данные
twopane-navigation/example/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png
Normal file
После Ширина: | Высота: | Размер: 6.3 KiB |
Двоичные данные
twopane-navigation/example/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png
Normal file
После Ширина: | Высота: | Размер: 10 KiB |
Двоичные данные
twopane-navigation/example/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png
Normal file
После Ширина: | Высота: | Размер: 9.0 KiB |
Двоичные данные
twopane-navigation/example/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png
Normal file
После Ширина: | Высота: | Размер: 15 KiB |
|
@ -0,0 +1,3 @@
|
|||
<resources>
|
||||
<string name="app_name">example</string>
|
||||
</resources>
|
|
@ -0,0 +1,9 @@
|
|||
<resources>
|
||||
|
||||
<!-- Base application theme. -->
|
||||
<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
|
||||
<!-- Customize your theme here. -->
|
||||
<item name="android:textColor">#000000</item>
|
||||
</style>
|
||||
|
||||
</resources>
|
|
@ -0,0 +1,37 @@
|
|||
// Top-level build file where you can add configuration options common to all sub-projects/modules.
|
||||
|
||||
buildscript {
|
||||
ext {
|
||||
buildToolsVersion = "29.0.2"
|
||||
minSdkVersion = 16
|
||||
compileSdkVersion = 29
|
||||
targetSdkVersion = 29
|
||||
}
|
||||
repositories {
|
||||
google()
|
||||
jcenter()
|
||||
}
|
||||
dependencies {
|
||||
classpath("com.android.tools.build:gradle:3.5.3")
|
||||
// NOTE: Do not place your application dependencies here; they belong
|
||||
// in the individual module build.gradle files
|
||||
}
|
||||
}
|
||||
|
||||
allprojects {
|
||||
repositories {
|
||||
mavenLocal()
|
||||
maven {
|
||||
// All of React Native (JS, Obj-C sources, Android binaries) is installed from npm
|
||||
url("$rootDir/../node_modules/react-native/android")
|
||||
}
|
||||
maven {
|
||||
// Android JSC is installed from npm
|
||||
url("$rootDir/../node_modules/jsc-android/dist")
|
||||
}
|
||||
|
||||
google()
|
||||
jcenter()
|
||||
maven { url 'https://www.jitpack.io' }
|
||||
}
|
||||
}
|
|
@ -0,0 +1,28 @@
|
|||
# Project-wide Gradle settings.
|
||||
|
||||
# IDE (e.g. Android Studio) users:
|
||||
# Gradle settings configured through the IDE *will override*
|
||||
# any settings specified in this file.
|
||||
|
||||
# For more details on how to configure your build environment visit
|
||||
# http://www.gradle.org/docs/current/userguide/build_environment.html
|
||||
|
||||
# Specifies the JVM arguments used for the daemon process.
|
||||
# The setting is particularly useful for tweaking memory settings.
|
||||
# Default value: -Xmx10248m -XX:MaxPermSize=256m
|
||||
# org.gradle.jvmargs=-Xmx2048m -XX:MaxPermSize=512m -XX:+HeapDumpOnOutOfMemoryError -Dfile.encoding=UTF-8
|
||||
|
||||
# When configured, Gradle will run in incubating parallel mode.
|
||||
# This option should only be used with decoupled projects. More details, visit
|
||||
# http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects
|
||||
# org.gradle.parallel=true
|
||||
|
||||
# AndroidX package structure to make it clearer which packages are bundled with the
|
||||
# Android operating system, and which are packaged with your app's APK
|
||||
# https://developer.android.com/topic/libraries/support-library/androidx-rn
|
||||
android.useAndroidX=true
|
||||
# Automatically convert third-party libraries to use AndroidX
|
||||
android.enableJetifier=true
|
||||
|
||||
# Version of flipper SDK to use with React Native
|
||||
FLIPPER_VERSION=0.37.0
|
Двоичные данные
twopane-navigation/example/android/gradle/wrapper/gradle-wrapper.jar
поставляемый
Normal file
5
twopane-navigation/example/android/gradle/wrapper/gradle-wrapper.properties
поставляемый
Normal file
|
@ -0,0 +1,5 @@
|
|||
distributionBase=GRADLE_USER_HOME
|
||||
distributionPath=wrapper/dists
|
||||
distributionUrl=https\://services.gradle.org/distributions/gradle-6.2-all.zip
|
||||
zipStoreBase=GRADLE_USER_HOME
|
||||
zipStorePath=wrapper/dists
|
|
@ -0,0 +1,183 @@
|
|||
#!/usr/bin/env sh
|
||||
|
||||
#
|
||||
# Copyright 2015 the original author or authors.
|
||||
#
|
||||
# Licensed under the Apache License, Version 2.0 (the "License");
|
||||
# you may not use this file except in compliance with the License.
|
||||
# You may obtain a copy of the License at
|
||||
#
|
||||
# https://www.apache.org/licenses/LICENSE-2.0
|
||||
#
|
||||
# Unless required by applicable law or agreed to in writing, software
|
||||
# distributed under the License is distributed on an "AS IS" BASIS,
|
||||
# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
# See the License for the specific language governing permissions and
|
||||
# limitations under the License.
|
||||
#
|
||||
|
||||
##############################################################################
|
||||
##
|
||||
## Gradle start up script for UN*X
|
||||
##
|
||||
##############################################################################
|
||||
|
||||
# Attempt to set APP_HOME
|
||||
# Resolve links: $0 may be a link
|
||||
PRG="$0"
|
||||
# Need this for relative symlinks.
|
||||
while [ -h "$PRG" ] ; do
|
||||
ls=`ls -ld "$PRG"`
|
||||
link=`expr "$ls" : '.*-> \(.*\)$'`
|
||||
if expr "$link" : '/.*' > /dev/null; then
|
||||
PRG="$link"
|
||||
else
|
||||
PRG=`dirname "$PRG"`"/$link"
|
||||
fi
|
||||
done
|
||||
SAVED="`pwd`"
|
||||
cd "`dirname \"$PRG\"`/" >/dev/null
|
||||
APP_HOME="`pwd -P`"
|
||||
cd "$SAVED" >/dev/null
|
||||
|
||||
APP_NAME="Gradle"
|
||||
APP_BASE_NAME=`basename "$0"`
|
||||
|
||||
# Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
|
||||
DEFAULT_JVM_OPTS='"-Xmx64m" "-Xms64m"'
|
||||
|
||||
# Use the maximum available, or set MAX_FD != -1 to use that value.
|
||||
MAX_FD="maximum"
|
||||
|
||||
warn () {
|
||||
echo "$*"
|
||||
}
|
||||
|
||||
die () {
|
||||
echo
|
||||
echo "$*"
|
||||
echo
|
||||
exit 1
|
||||
}
|
||||
|
||||
# OS specific support (must be 'true' or 'false').
|
||||
cygwin=false
|
||||
msys=false
|
||||
darwin=false
|
||||
nonstop=false
|
||||
case "`uname`" in
|
||||
CYGWIN* )
|
||||
cygwin=true
|
||||
;;
|
||||
Darwin* )
|
||||
darwin=true
|
||||
;;
|
||||
MINGW* )
|
||||
msys=true
|
||||
;;
|
||||
NONSTOP* )
|
||||
nonstop=true
|
||||
;;
|
||||
esac
|
||||
|
||||
CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar
|
||||
|
||||
# Determine the Java command to use to start the JVM.
|
||||
if [ -n "$JAVA_HOME" ] ; then
|
||||
if [ -x "$JAVA_HOME/jre/sh/java" ] ; then
|
||||
# IBM's JDK on AIX uses strange locations for the executables
|
||||
JAVACMD="$JAVA_HOME/jre/sh/java"
|
||||
else
|
||||
JAVACMD="$JAVA_HOME/bin/java"
|
||||
fi
|
||||
if [ ! -x "$JAVACMD" ] ; then
|
||||
die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME
|
||||
|
||||
Please set the JAVA_HOME variable in your environment to match the
|
||||
location of your Java installation."
|
||||
fi
|
||||
else
|
||||
JAVACMD="java"
|
||||
which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
|
||||
|
||||
Please set the JAVA_HOME variable in your environment to match the
|
||||
location of your Java installation."
|
||||
fi
|
||||
|
||||
# Increase the maximum file descriptors if we can.
|
||||
if [ "$cygwin" = "false" -a "$darwin" = "false" -a "$nonstop" = "false" ] ; then
|
||||
MAX_FD_LIMIT=`ulimit -H -n`
|
||||
if [ $? -eq 0 ] ; then
|
||||
if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then
|
||||
MAX_FD="$MAX_FD_LIMIT"
|
||||
fi
|
||||
ulimit -n $MAX_FD
|
||||
if [ $? -ne 0 ] ; then
|
||||
warn "Could not set maximum file descriptor limit: $MAX_FD"
|
||||
fi
|
||||
else
|
||||
warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT"
|
||||
fi
|
||||
fi
|
||||
|
||||
# For Darwin, add options to specify how the application appears in the dock
|
||||
if $darwin; then
|
||||
GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\""
|
||||
fi
|
||||
|
||||
# For Cygwin or MSYS, switch paths to Windows format before running java
|
||||
if [ "$cygwin" = "true" -o "$msys" = "true" ] ; then
|
||||
APP_HOME=`cygpath --path --mixed "$APP_HOME"`
|
||||
CLASSPATH=`cygpath --path --mixed "$CLASSPATH"`
|
||||
JAVACMD=`cygpath --unix "$JAVACMD"`
|
||||
|
||||
# We build the pattern for arguments to be converted via cygpath
|
||||
ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null`
|
||||
SEP=""
|
||||
for dir in $ROOTDIRSRAW ; do
|
||||
ROOTDIRS="$ROOTDIRS$SEP$dir"
|
||||
SEP="|"
|
||||
done
|
||||
OURCYGPATTERN="(^($ROOTDIRS))"
|
||||
# Add a user-defined pattern to the cygpath arguments
|
||||
if [ "$GRADLE_CYGPATTERN" != "" ] ; then
|
||||
OURCYGPATTERN="$OURCYGPATTERN|($GRADLE_CYGPATTERN)"
|
||||
fi
|
||||
# Now convert the arguments - kludge to limit ourselves to /bin/sh
|
||||
i=0
|
||||
for arg in "$@" ; do
|
||||
CHECK=`echo "$arg"|egrep -c "$OURCYGPATTERN" -`
|
||||
CHECK2=`echo "$arg"|egrep -c "^-"` ### Determine if an option
|
||||
|
||||
if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then ### Added a condition
|
||||
eval `echo args$i`=`cygpath --path --ignore --mixed "$arg"`
|
||||
else
|
||||
eval `echo args$i`="\"$arg\""
|
||||
fi
|
||||
i=`expr $i + 1`
|
||||
done
|
||||
case $i in
|
||||
0) set -- ;;
|
||||
1) set -- "$args0" ;;
|
||||
2) set -- "$args0" "$args1" ;;
|
||||
3) set -- "$args0" "$args1" "$args2" ;;
|
||||
4) set -- "$args0" "$args1" "$args2" "$args3" ;;
|
||||
5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;;
|
||||
6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;;
|
||||
7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;;
|
||||
8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;;
|
||||
9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;;
|
||||
esac
|
||||
fi
|
||||
|
||||
# Escape application args
|
||||
save () {
|
||||
for i do printf %s\\n "$i" | sed "s/'/'\\\\''/g;1s/^/'/;\$s/\$/' \\\\/" ; done
|
||||
echo " "
|
||||
}
|
||||
APP_ARGS=`save "$@"`
|
||||
|
||||
# Collect all arguments for the java command, following the shell quoting and substitution rules
|
||||
eval set -- $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS "\"-Dorg.gradle.appname=$APP_BASE_NAME\"" -classpath "\"$CLASSPATH\"" org.gradle.wrapper.GradleWrapperMain "$APP_ARGS"
|
||||
|
||||
exec "$JAVACMD" "$@"
|
|
@ -0,0 +1,103 @@
|
|||
@rem
|
||||
@rem Copyright 2015 the original author or authors.
|
||||
@rem
|
||||
@rem Licensed under the Apache License, Version 2.0 (the "License");
|
||||
@rem you may not use this file except in compliance with the License.
|
||||
@rem You may obtain a copy of the License at
|
||||
@rem
|
||||
@rem https://www.apache.org/licenses/LICENSE-2.0
|
||||
@rem
|
||||
@rem Unless required by applicable law or agreed to in writing, software
|
||||
@rem distributed under the License is distributed on an "AS IS" BASIS,
|
||||
@rem WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
@rem See the License for the specific language governing permissions and
|
||||
@rem limitations under the License.
|
||||
@rem
|
||||
|
||||
@if "%DEBUG%" == "" @echo off
|
||||
@rem ##########################################################################
|
||||
@rem
|
||||
@rem Gradle startup script for Windows
|
||||
@rem
|
||||
@rem ##########################################################################
|
||||
|
||||
@rem Set local scope for the variables with windows NT shell
|
||||
if "%OS%"=="Windows_NT" setlocal
|
||||
|
||||
set DIRNAME=%~dp0
|
||||
if "%DIRNAME%" == "" set DIRNAME=.
|
||||
set APP_BASE_NAME=%~n0
|
||||
set APP_HOME=%DIRNAME%
|
||||
|
||||
@rem Resolve any "." and ".." in APP_HOME to make it shorter.
|
||||
for %%i in ("%APP_HOME%") do set APP_HOME=%%~fi
|
||||
|
||||
@rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
|
||||
set DEFAULT_JVM_OPTS="-Xmx64m" "-Xms64m"
|
||||
|
||||
@rem Find java.exe
|
||||
if defined JAVA_HOME goto findJavaFromJavaHome
|
||||
|
||||
set JAVA_EXE=java.exe
|
||||
%JAVA_EXE% -version >NUL 2>&1
|
||||
if "%ERRORLEVEL%" == "0" goto init
|
||||
|
||||
echo.
|
||||
echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
|
||||
echo.
|
||||
echo Please set the JAVA_HOME variable in your environment to match the
|
||||
echo location of your Java installation.
|
||||
|
||||
goto fail
|
||||
|
||||
:findJavaFromJavaHome
|
||||
set JAVA_HOME=%JAVA_HOME:"=%
|
||||
set JAVA_EXE=%JAVA_HOME%/bin/java.exe
|
||||
|
||||
if exist "%JAVA_EXE%" goto init
|
||||
|
||||
echo.
|
||||
echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME%
|
||||
echo.
|
||||
echo Please set the JAVA_HOME variable in your environment to match the
|
||||
echo location of your Java installation.
|
||||
|
||||
goto fail
|
||||
|
||||
:init
|
||||
@rem Get command-line arguments, handling Windows variants
|
||||
|
||||
if not "%OS%" == "Windows_NT" goto win9xME_args
|
||||
|
||||
:win9xME_args
|
||||
@rem Slurp the command line arguments.
|
||||
set CMD_LINE_ARGS=
|
||||
set _SKIP=2
|
||||
|
||||
:win9xME_args_slurp
|
||||
if "x%~1" == "x" goto execute
|
||||
|
||||
set CMD_LINE_ARGS=%*
|
||||
|
||||
:execute
|
||||
@rem Setup the command line
|
||||
|
||||
set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar
|
||||
|
||||
@rem Execute Gradle
|
||||
"%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %CMD_LINE_ARGS%
|
||||
|
||||
:end
|
||||
@rem End local scope for the variables with windows NT shell
|
||||
if "%ERRORLEVEL%"=="0" goto mainEnd
|
||||
|
||||
:fail
|
||||
rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of
|
||||
rem the _cmd.exe /c_ return code!
|
||||
if not "" == "%GRADLE_EXIT_CONSOLE%" exit 1
|
||||
exit /b 1
|
||||
|
||||
:mainEnd
|
||||
if "%OS%"=="Windows_NT" endlocal
|
||||
|
||||
:omega
|
|
@ -0,0 +1,3 @@
|
|||
rootProject.name = 'example'
|
||||
apply from: file("../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesSettingsGradle(settings)
|
||||
include ':app'
|
|
@ -0,0 +1,4 @@
|
|||
{
|
||||
"name": "example",
|
||||
"displayName": "example"
|
||||
}
|
|
@ -0,0 +1,3 @@
|
|||
module.exports = {
|
||||
presets: ['module:metro-react-native-babel-preset'],
|
||||
};
|
|
@ -0,0 +1,9 @@
|
|||
/**
|
||||
* @format
|
||||
*/
|
||||
|
||||
import {AppRegistry} from 'react-native';
|
||||
import App from './App';
|
||||
import {name as appName} from './app.json';
|
||||
|
||||
AppRegistry.registerComponent(appName, () => App);
|
|
@ -0,0 +1,24 @@
|
|||
require_relative '../node_modules/react-native/scripts/react_native_pods'
|
||||
require_relative '../node_modules/@react-native-community/cli-platform-ios/native_modules'
|
||||
|
||||
platform :ios, '10.0'
|
||||
|
||||
target 'example' do
|
||||
config = use_native_modules!
|
||||
|
||||
use_react_native!(:path => config["reactNativePath"])
|
||||
|
||||
target 'exampleTests' do
|
||||
inherit! :complete
|
||||
# Pods for testing
|
||||
end
|
||||
|
||||
# Enables Flipper.
|
||||
#
|
||||
# Note that if you have use_frameworks! enabled, Flipper will not work and
|
||||
# you should disable these next few lines.
|
||||
use_flipper!
|
||||
post_install do |installer|
|
||||
flipper_post_install(installer)
|
||||
end
|
||||
end
|
|
@ -0,0 +1,53 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
|
||||
<plist version="1.0">
|
||||
<dict>
|
||||
<key>CFBundleDevelopmentRegion</key>
|
||||
<string>en</string>
|
||||
<key>CFBundleExecutable</key>
|
||||
<string>$(EXECUTABLE_NAME)</string>
|
||||
<key>CFBundleIdentifier</key>
|
||||
<string>$(PRODUCT_BUNDLE_IDENTIFIER)</string>
|
||||
<key>CFBundleInfoDictionaryVersion</key>
|
||||
<string>6.0</string>
|
||||
<key>CFBundleName</key>
|
||||
<string>$(PRODUCT_NAME)</string>
|
||||
<key>CFBundlePackageType</key>
|
||||
<string>APPL</string>
|
||||
<key>CFBundleShortVersionString</key>
|
||||
<string>1.0</string>
|
||||
<key>CFBundleSignature</key>
|
||||
<string>????</string>
|
||||
<key>CFBundleVersion</key>
|
||||
<string>1</string>
|
||||
<key>LSRequiresIPhoneOS</key>
|
||||
<true/>
|
||||
<key>NSAppTransportSecurity</key>
|
||||
<dict>
|
||||
<key>NSExceptionDomains</key>
|
||||
<dict>
|
||||
<key>localhost</key>
|
||||
<dict>
|
||||
<key>NSExceptionAllowsInsecureHTTPLoads</key>
|
||||
<true/>
|
||||
</dict>
|
||||
</dict>
|
||||
</dict>
|
||||
<key>NSLocationWhenInUseUsageDescription</key>
|
||||
<string></string>
|
||||
<key>UILaunchStoryboardName</key>
|
||||
<string>LaunchScreen</string>
|
||||
<key>UIRequiredDeviceCapabilities</key>
|
||||
<array>
|
||||
<string>armv7</string>
|
||||
</array>
|
||||
<key>UISupportedInterfaceOrientations</key>
|
||||
<array>
|
||||
<string>UIInterfaceOrientationPortrait</string>
|
||||
<string>UIInterfaceOrientationLandscapeLeft</string>
|
||||
<string>UIInterfaceOrientationLandscapeRight</string>
|
||||
</array>
|
||||
<key>UIViewControllerBasedStatusBarAppearance</key>
|
||||
<false/>
|
||||
</dict>
|
||||
</plist>
|
|
@ -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>
|
|
@ -0,0 +1,791 @@
|
|||
// !$*UTF8*$!
|
||||
{
|
||||
archiveVersion = 1;
|
||||
classes = {
|
||||
};
|
||||
objectVersion = 46;
|
||||
objects = {
|
||||
|
||||
/* Begin PBXBuildFile section */
|
||||
00E356F31AD99517003FC87E /* exampleTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 00E356F21AD99517003FC87E /* exampleTests.m */; };
|
||||
13B07FBC1A68108700A75B9A /* AppDelegate.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB01A68108700A75B9A /* AppDelegate.m */; };
|
||||
13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB51A68108700A75B9A /* Images.xcassets */; };
|
||||
13B07FC11A68108700A75B9A /* main.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB71A68108700A75B9A /* main.m */; };
|
||||
2D02E4BC1E0B4A80006451C7 /* AppDelegate.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB01A68108700A75B9A /* AppDelegate.m */; };
|
||||
2D02E4BD1E0B4A84006451C7 /* Images.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB51A68108700A75B9A /* Images.xcassets */; };
|
||||
2D02E4BF1E0B4AB3006451C7 /* main.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB71A68108700A75B9A /* main.m */; };
|
||||
2DCD954D1E0B4F2C00145EB5 /* exampleTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 00E356F21AD99517003FC87E /* exampleTests.m */; };
|
||||
81AB9BB82411601600AC10FF /* LaunchScreen.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 81AB9BB72411601600AC10FF /* LaunchScreen.storyboard */; };
|
||||
/* End PBXBuildFile section */
|
||||
|
||||
/* Begin PBXContainerItemProxy section */
|
||||
00E356F41AD99517003FC87E /* PBXContainerItemProxy */ = {
|
||||
isa = PBXContainerItemProxy;
|
||||
containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */;
|
||||
proxyType = 1;
|
||||
remoteGlobalIDString = 13B07F861A680F5B00A75B9A;
|
||||
remoteInfo = example;
|
||||
};
|
||||
2D02E4911E0B4A5D006451C7 /* PBXContainerItemProxy */ = {
|
||||
isa = PBXContainerItemProxy;
|
||||
containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */;
|
||||
proxyType = 1;
|
||||
remoteGlobalIDString = 2D02E47A1E0B4A5D006451C7;
|
||||
remoteInfo = "example-tvOS";
|
||||
};
|
||||
/* End PBXContainerItemProxy section */
|
||||
|
||||
/* Begin PBXFileReference section */
|
||||
008F07F21AC5B25A0029DE68 /* main.jsbundle */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text; path = main.jsbundle; sourceTree = "<group>"; };
|
||||
00E356EE1AD99517003FC87E /* exampleTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = exampleTests.xctest; sourceTree = BUILT_PRODUCTS_DIR; };
|
||||
00E356F11AD99517003FC87E /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = "<group>"; };
|
||||
00E356F21AD99517003FC87E /* exampleTests.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = exampleTests.m; sourceTree = "<group>"; };
|
||||
13B07F961A680F5B00A75B9A /* example.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = example.app; sourceTree = BUILT_PRODUCTS_DIR; };
|
||||
13B07FAF1A68108700A75B9A /* AppDelegate.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = AppDelegate.h; path = example/AppDelegate.h; sourceTree = "<group>"; };
|
||||
13B07FB01A68108700A75B9A /* AppDelegate.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = AppDelegate.m; path = example/AppDelegate.m; sourceTree = "<group>"; };
|
||||
13B07FB51A68108700A75B9A /* Images.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; name = Images.xcassets; path = example/Images.xcassets; sourceTree = "<group>"; };
|
||||
13B07FB61A68108700A75B9A /* Info.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = Info.plist; path = example/Info.plist; sourceTree = "<group>"; };
|
||||
13B07FB71A68108700A75B9A /* main.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = main.m; path = example/main.m; sourceTree = "<group>"; };
|
||||
2D02E47B1E0B4A5D006451C7 /* example-tvOS.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = "example-tvOS.app"; sourceTree = BUILT_PRODUCTS_DIR; };
|
||||
2D02E4901E0B4A5D006451C7 /* example-tvOSTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = "example-tvOSTests.xctest"; sourceTree = BUILT_PRODUCTS_DIR; };
|
||||
81AB9BB72411601600AC10FF /* LaunchScreen.storyboard */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = file.storyboard; name = LaunchScreen.storyboard; path = example/LaunchScreen.storyboard; sourceTree = "<group>"; };
|
||||
ED297162215061F000B7C4FE /* JavaScriptCore.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = JavaScriptCore.framework; path = System/Library/Frameworks/JavaScriptCore.framework; sourceTree = SDKROOT; };
|
||||
ED2971642150620600B7C4FE /* JavaScriptCore.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = JavaScriptCore.framework; path = Platforms/AppleTVOS.platform/Developer/SDKs/AppleTVOS12.0.sdk/System/Library/Frameworks/JavaScriptCore.framework; sourceTree = DEVELOPER_DIR; };
|
||||
/* End PBXFileReference section */
|
||||
|
||||
/* Begin PBXFrameworksBuildPhase section */
|
||||
00E356EB1AD99517003FC87E /* Frameworks */ = {
|
||||
isa = PBXFrameworksBuildPhase;
|
||||
buildActionMask = 2147483647;
|
||||
files = (
|
||||
);
|
||||
runOnlyForDeploymentPostprocessing = 0;
|
||||
};
|
||||
13B07F8C1A680F5B00A75B9A /* Frameworks */ = {
|
||||
isa = PBXFrameworksBuildPhase;
|
||||
buildActionMask = 2147483647;
|
||||
files = (
|
||||
);
|
||||
runOnlyForDeploymentPostprocessing = 0;
|
||||
};
|
||||
2D02E4781E0B4A5D006451C7 /* Frameworks */ = {
|
||||
isa = PBXFrameworksBuildPhase;
|
||||
buildActionMask = 2147483647;
|
||||
files = (
|
||||
);
|
||||
runOnlyForDeploymentPostprocessing = 0;
|
||||
};
|
||||
2D02E48D1E0B4A5D006451C7 /* Frameworks */ = {
|
||||
isa = PBXFrameworksBuildPhase;
|
||||
buildActionMask = 2147483647;
|
||||
files = (
|
||||
);
|
||||
runOnlyForDeploymentPostprocessing = 0;
|
||||
};
|
||||
/* End PBXFrameworksBuildPhase section */
|
||||
|
||||
/* Begin PBXGroup section */
|
||||
00E356EF1AD99517003FC87E /* exampleTests */ = {
|
||||
isa = PBXGroup;
|
||||
children = (
|
||||
00E356F21AD99517003FC87E /* exampleTests.m */,
|
||||
00E356F01AD99517003FC87E /* Supporting Files */,
|
||||
);
|
||||
path = exampleTests;
|
||||
sourceTree = "<group>";
|
||||
};
|
||||
00E356F01AD99517003FC87E /* Supporting Files */ = {
|
||||
isa = PBXGroup;
|
||||
children = (
|
||||
00E356F11AD99517003FC87E /* Info.plist */,
|
||||
);
|
||||
name = "Supporting Files";
|
||||
sourceTree = "<group>";
|
||||
};
|
||||
13B07FAE1A68108700A75B9A /* example */ = {
|
||||
isa = PBXGroup;
|
||||
children = (
|
||||
008F07F21AC5B25A0029DE68 /* main.jsbundle */,
|
||||
13B07FAF1A68108700A75B9A /* AppDelegate.h */,
|
||||
13B07FB01A68108700A75B9A /* AppDelegate.m */,
|
||||
13B07FB51A68108700A75B9A /* Images.xcassets */,
|
||||
13B07FB61A68108700A75B9A /* Info.plist */,
|
||||
81AB9BB72411601600AC10FF /* LaunchScreen.storyboard */,
|
||||
13B07FB71A68108700A75B9A /* main.m */,
|
||||
);
|
||||
name = example;
|
||||
sourceTree = "<group>";
|
||||
};
|
||||
2D16E6871FA4F8E400B85C8A /* Frameworks */ = {
|
||||
isa = PBXGroup;
|
||||
children = (
|
||||
ED297162215061F000B7C4FE /* JavaScriptCore.framework */,
|
||||
ED2971642150620600B7C4FE /* JavaScriptCore.framework */,
|
||||
);
|
||||
name = Frameworks;
|
||||
sourceTree = "<group>";
|
||||
};
|
||||
832341AE1AAA6A7D00B99B32 /* Libraries */ = {
|
||||
isa = PBXGroup;
|
||||
children = (
|
||||
);
|
||||
name = Libraries;
|
||||
sourceTree = "<group>";
|
||||
};
|
||||
83CBB9F61A601CBA00E9B192 = {
|
||||
isa = PBXGroup;
|
||||
children = (
|
||||
13B07FAE1A68108700A75B9A /* example */,
|
||||
832341AE1AAA6A7D00B99B32 /* Libraries */,
|
||||
00E356EF1AD99517003FC87E /* exampleTests */,
|
||||
83CBBA001A601CBA00E9B192 /* Products */,
|
||||
2D16E6871FA4F8E400B85C8A /* Frameworks */,
|
||||
);
|
||||
indentWidth = 2;
|
||||
sourceTree = "<group>";
|
||||
tabWidth = 2;
|
||||
usesTabs = 0;
|
||||
};
|
||||
83CBBA001A601CBA00E9B192 /* Products */ = {
|
||||
isa = PBXGroup;
|
||||
children = (
|
||||
13B07F961A680F5B00A75B9A /* example.app */,
|
||||
00E356EE1AD99517003FC87E /* exampleTests.xctest */,
|
||||
2D02E47B1E0B4A5D006451C7 /* example-tvOS.app */,
|
||||
2D02E4901E0B4A5D006451C7 /* example-tvOSTests.xctest */,
|
||||
);
|
||||
name = Products;
|
||||
sourceTree = "<group>";
|
||||
};
|
||||
/* End PBXGroup section */
|
||||
|
||||
/* Begin PBXNativeTarget section */
|
||||
00E356ED1AD99517003FC87E /* exampleTests */ = {
|
||||
isa = PBXNativeTarget;
|
||||
buildConfigurationList = 00E357021AD99517003FC87E /* Build configuration list for PBXNativeTarget "exampleTests" */;
|
||||
buildPhases = (
|
||||
00E356EA1AD99517003FC87E /* Sources */,
|
||||
00E356EB1AD99517003FC87E /* Frameworks */,
|
||||
00E356EC1AD99517003FC87E /* Resources */,
|
||||
);
|
||||
buildRules = (
|
||||
);
|
||||
dependencies = (
|
||||
00E356F51AD99517003FC87E /* PBXTargetDependency */,
|
||||
);
|
||||
name = exampleTests;
|
||||
productName = exampleTests;
|
||||
productReference = 00E356EE1AD99517003FC87E /* exampleTests.xctest */;
|
||||
productType = "com.apple.product-type.bundle.unit-test";
|
||||
};
|
||||
13B07F861A680F5B00A75B9A /* example */ = {
|
||||
isa = PBXNativeTarget;
|
||||
buildConfigurationList = 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "example" */;
|
||||
buildPhases = (
|
||||
FD10A7F022414F080027D42C /* Start Packager */,
|
||||
13B07F871A680F5B00A75B9A /* Sources */,
|
||||
13B07F8C1A680F5B00A75B9A /* Frameworks */,
|
||||
13B07F8E1A680F5B00A75B9A /* Resources */,
|
||||
00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */,
|
||||
);
|
||||
buildRules = (
|
||||
);
|
||||
dependencies = (
|
||||
);
|
||||
name = example;
|
||||
productName = example;
|
||||
productReference = 13B07F961A680F5B00A75B9A /* example.app */;
|
||||
productType = "com.apple.product-type.application";
|
||||
};
|
||||
2D02E47A1E0B4A5D006451C7 /* example-tvOS */ = {
|
||||
isa = PBXNativeTarget;
|
||||
buildConfigurationList = 2D02E4BA1E0B4A5E006451C7 /* Build configuration list for PBXNativeTarget "example-tvOS" */;
|
||||
buildPhases = (
|
||||
FD10A7F122414F3F0027D42C /* Start Packager */,
|
||||
2D02E4771E0B4A5D006451C7 /* Sources */,
|
||||
2D02E4781E0B4A5D006451C7 /* Frameworks */,
|
||||
2D02E4791E0B4A5D006451C7 /* Resources */,
|
||||
2D02E4CB1E0B4B27006451C7 /* Bundle React Native Code And Images */,
|
||||
);
|
||||
buildRules = (
|
||||
);
|
||||
dependencies = (
|
||||
);
|
||||
name = "example-tvOS";
|
||||
productName = "example-tvOS";
|
||||
productReference = 2D02E47B1E0B4A5D006451C7 /* example-tvOS.app */;
|
||||
productType = "com.apple.product-type.application";
|
||||
};
|
||||
2D02E48F1E0B4A5D006451C7 /* example-tvOSTests */ = {
|
||||
isa = PBXNativeTarget;
|
||||
buildConfigurationList = 2D02E4BB1E0B4A5E006451C7 /* Build configuration list for PBXNativeTarget "example-tvOSTests" */;
|
||||
buildPhases = (
|
||||
2D02E48C1E0B4A5D006451C7 /* Sources */,
|
||||
2D02E48D1E0B4A5D006451C7 /* Frameworks */,
|
||||
2D02E48E1E0B4A5D006451C7 /* Resources */,
|
||||
);
|
||||
buildRules = (
|
||||
);
|
||||
dependencies = (
|
||||
2D02E4921E0B4A5D006451C7 /* PBXTargetDependency */,
|
||||
);
|
||||
name = "example-tvOSTests";
|
||||
productName = "example-tvOSTests";
|
||||
productReference = 2D02E4901E0B4A5D006451C7 /* example-tvOSTests.xctest */;
|
||||
productType = "com.apple.product-type.bundle.unit-test";
|
||||
};
|
||||
/* End PBXNativeTarget section */
|
||||
|
||||
/* Begin PBXProject section */
|
||||
83CBB9F71A601CBA00E9B192 /* Project object */ = {
|
||||
isa = PBXProject;
|
||||
attributes = {
|
||||
LastUpgradeCheck = 1130;
|
||||
TargetAttributes = {
|
||||
00E356ED1AD99517003FC87E = {
|
||||
CreatedOnToolsVersion = 6.2;
|
||||
TestTargetID = 13B07F861A680F5B00A75B9A;
|
||||
};
|
||||
13B07F861A680F5B00A75B9A = {
|
||||
LastSwiftMigration = 1120;
|
||||
};
|
||||
2D02E47A1E0B4A5D006451C7 = {
|
||||
CreatedOnToolsVersion = 8.2.1;
|
||||
ProvisioningStyle = Automatic;
|
||||
};
|
||||
2D02E48F1E0B4A5D006451C7 = {
|
||||
CreatedOnToolsVersion = 8.2.1;
|
||||
ProvisioningStyle = Automatic;
|
||||
TestTargetID = 2D02E47A1E0B4A5D006451C7;
|
||||
};
|
||||
};
|
||||
};
|
||||
buildConfigurationList = 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "example" */;
|
||||
compatibilityVersion = "Xcode 3.2";
|
||||
developmentRegion = en;
|
||||
hasScannedForEncodings = 0;
|
||||
knownRegions = (
|
||||
en,
|
||||
Base,
|
||||
);
|
||||
mainGroup = 83CBB9F61A601CBA00E9B192;
|
||||
productRefGroup = 83CBBA001A601CBA00E9B192 /* Products */;
|
||||
projectDirPath = "";
|
||||
projectRoot = "";
|
||||
targets = (
|
||||
13B07F861A680F5B00A75B9A /* example */,
|
||||
00E356ED1AD99517003FC87E /* exampleTests */,
|
||||
2D02E47A1E0B4A5D006451C7 /* example-tvOS */,
|
||||
2D02E48F1E0B4A5D006451C7 /* example-tvOSTests */,
|
||||
);
|
||||
};
|
||||
/* End PBXProject section */
|
||||
|
||||
/* Begin PBXResourcesBuildPhase section */
|
||||
00E356EC1AD99517003FC87E /* Resources */ = {
|
||||
isa = PBXResourcesBuildPhase;
|
||||
buildActionMask = 2147483647;
|
||||
files = (
|
||||
);
|
||||
runOnlyForDeploymentPostprocessing = 0;
|
||||
};
|
||||
13B07F8E1A680F5B00A75B9A /* Resources */ = {
|
||||
isa = PBXResourcesBuildPhase;
|
||||
buildActionMask = 2147483647;
|
||||
files = (
|
||||
81AB9BB82411601600AC10FF /* LaunchScreen.storyboard in Resources */,
|
||||
13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */,
|
||||
);
|
||||
runOnlyForDeploymentPostprocessing = 0;
|
||||
};
|
||||
2D02E4791E0B4A5D006451C7 /* Resources */ = {
|
||||
isa = PBXResourcesBuildPhase;
|
||||
buildActionMask = 2147483647;
|
||||
files = (
|
||||
2D02E4BD1E0B4A84006451C7 /* Images.xcassets in Resources */,
|
||||
);
|
||||
runOnlyForDeploymentPostprocessing = 0;
|
||||
};
|
||||
2D02E48E1E0B4A5D006451C7 /* Resources */ = {
|
||||
isa = PBXResourcesBuildPhase;
|
||||
buildActionMask = 2147483647;
|
||||
files = (
|
||||
);
|
||||
runOnlyForDeploymentPostprocessing = 0;
|
||||
};
|
||||
/* End PBXResourcesBuildPhase section */
|
||||
|
||||
/* Begin PBXShellScriptBuildPhase section */
|
||||
00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */ = {
|
||||
isa = PBXShellScriptBuildPhase;
|
||||
buildActionMask = 2147483647;
|
||||
files = (
|
||||
);
|
||||
inputPaths = (
|
||||
);
|
||||
name = "Bundle React Native code and images";
|
||||
outputPaths = (
|
||||
);
|
||||
runOnlyForDeploymentPostprocessing = 0;
|
||||
shellPath = /bin/sh;
|
||||
shellScript = "export NODE_BINARY=node\n../node_modules/react-native/scripts/react-native-xcode.sh";
|
||||
};
|
||||
2D02E4CB1E0B4B27006451C7 /* Bundle React Native Code And Images */ = {
|
||||
isa = PBXShellScriptBuildPhase;
|
||||
buildActionMask = 2147483647;
|
||||
files = (
|
||||
);
|
||||
inputPaths = (
|
||||
);
|
||||
name = "Bundle React Native Code And Images";
|
||||
outputPaths = (
|
||||
);
|
||||
runOnlyForDeploymentPostprocessing = 0;
|
||||
shellPath = /bin/sh;
|
||||
shellScript = "export NODE_BINARY=node\n../node_modules/react-native/scripts/react-native-xcode.sh";
|
||||
};
|
||||
FD10A7F022414F080027D42C /* Start Packager */ = {
|
||||
isa = PBXShellScriptBuildPhase;
|
||||
buildActionMask = 2147483647;
|
||||
files = (
|
||||
);
|
||||
inputFileListPaths = (
|
||||
);
|
||||
inputPaths = (
|
||||
);
|
||||
name = "Start Packager";
|
||||
outputFileListPaths = (
|
||||
);
|
||||
outputPaths = (
|
||||
);
|
||||
runOnlyForDeploymentPostprocessing = 0;
|
||||
shellPath = /bin/sh;
|
||||
shellScript = "export RCT_METRO_PORT=\"${RCT_METRO_PORT:=8081}\"\necho \"export RCT_METRO_PORT=${RCT_METRO_PORT}\" > \"${SRCROOT}/../node_modules/react-native/scripts/.packager.env\"\nif [ -z \"${RCT_NO_LAUNCH_PACKAGER+xxx}\" ] ; then\n if nc -w 5 -z localhost ${RCT_METRO_PORT} ; then\n if ! curl -s \"http://localhost:${RCT_METRO_PORT}/status\" | grep -q \"packager-status:running\" ; then\n echo \"Port ${RCT_METRO_PORT} already in use, packager is either not running or not running correctly\"\n exit 2\n fi\n else\n open \"$SRCROOT/../node_modules/react-native/scripts/launchPackager.command\" || echo \"Can't start packager automatically\"\n fi\nfi\n";
|
||||
showEnvVarsInLog = 0;
|
||||
};
|
||||
FD10A7F122414F3F0027D42C /* Start Packager */ = {
|
||||
isa = PBXShellScriptBuildPhase;
|
||||
buildActionMask = 2147483647;
|
||||
files = (
|
||||
);
|
||||
inputFileListPaths = (
|
||||
);
|
||||
inputPaths = (
|
||||
);
|
||||
name = "Start Packager";
|
||||
outputFileListPaths = (
|
||||
);
|
||||
outputPaths = (
|
||||
);
|
||||
runOnlyForDeploymentPostprocessing = 0;
|
||||
shellPath = /bin/sh;
|
||||
shellScript = "export RCT_METRO_PORT=\"${RCT_METRO_PORT:=8081}\"\necho \"export RCT_METRO_PORT=${RCT_METRO_PORT}\" > \"${SRCROOT}/../node_modules/react-native/scripts/.packager.env\"\nif [ -z \"${RCT_NO_LAUNCH_PACKAGER+xxx}\" ] ; then\n if nc -w 5 -z localhost ${RCT_METRO_PORT} ; then\n if ! curl -s \"http://localhost:${RCT_METRO_PORT}/status\" | grep -q \"packager-status:running\" ; then\n echo \"Port ${RCT_METRO_PORT} already in use, packager is either not running or not running correctly\"\n exit 2\n fi\n else\n open \"$SRCROOT/../node_modules/react-native/scripts/launchPackager.command\" || echo \"Can't start packager automatically\"\n fi\nfi\n";
|
||||
showEnvVarsInLog = 0;
|
||||
};
|
||||
/* End PBXShellScriptBuildPhase section */
|
||||
|
||||
/* Begin PBXSourcesBuildPhase section */
|
||||
00E356EA1AD99517003FC87E /* Sources */ = {
|
||||
isa = PBXSourcesBuildPhase;
|
||||
buildActionMask = 2147483647;
|
||||
files = (
|
||||
00E356F31AD99517003FC87E /* exampleTests.m in Sources */,
|
||||
);
|
||||
runOnlyForDeploymentPostprocessing = 0;
|
||||
};
|
||||
13B07F871A680F5B00A75B9A /* Sources */ = {
|
||||
isa = PBXSourcesBuildPhase;
|
||||
buildActionMask = 2147483647;
|
||||
files = (
|
||||
13B07FBC1A68108700A75B9A /* AppDelegate.m in Sources */,
|
||||
13B07FC11A68108700A75B9A /* main.m in Sources */,
|
||||
);
|
||||
runOnlyForDeploymentPostprocessing = 0;
|
||||
};
|
||||
2D02E4771E0B4A5D006451C7 /* Sources */ = {
|
||||
isa = PBXSourcesBuildPhase;
|
||||
buildActionMask = 2147483647;
|
||||
files = (
|
||||
2D02E4BF1E0B4AB3006451C7 /* main.m in Sources */,
|
||||
2D02E4BC1E0B4A80006451C7 /* AppDelegate.m in Sources */,
|
||||
);
|
||||
runOnlyForDeploymentPostprocessing = 0;
|
||||
};
|
||||
2D02E48C1E0B4A5D006451C7 /* Sources */ = {
|
||||
isa = PBXSourcesBuildPhase;
|
||||
buildActionMask = 2147483647;
|
||||
files = (
|
||||
2DCD954D1E0B4F2C00145EB5 /* exampleTests.m in Sources */,
|
||||
);
|
||||
runOnlyForDeploymentPostprocessing = 0;
|
||||
};
|
||||
/* End PBXSourcesBuildPhase section */
|
||||
|
||||
/* Begin PBXTargetDependency section */
|
||||
00E356F51AD99517003FC87E /* PBXTargetDependency */ = {
|
||||
isa = PBXTargetDependency;
|
||||
target = 13B07F861A680F5B00A75B9A /* example */;
|
||||
targetProxy = 00E356F41AD99517003FC87E /* PBXContainerItemProxy */;
|
||||
};
|
||||
2D02E4921E0B4A5D006451C7 /* PBXTargetDependency */ = {
|
||||
isa = PBXTargetDependency;
|
||||
target = 2D02E47A1E0B4A5D006451C7 /* example-tvOS */;
|
||||
targetProxy = 2D02E4911E0B4A5D006451C7 /* PBXContainerItemProxy */;
|
||||
};
|
||||
/* End PBXTargetDependency section */
|
||||
|
||||
/* Begin XCBuildConfiguration section */
|
||||
00E356F61AD99517003FC87E /* Debug */ = {
|
||||
isa = XCBuildConfiguration;
|
||||
buildSettings = {
|
||||
BUNDLE_LOADER = "$(TEST_HOST)";
|
||||
GCC_PREPROCESSOR_DEFINITIONS = (
|
||||
"DEBUG=1",
|
||||
"$(inherited)",
|
||||
);
|
||||
INFOPLIST_FILE = exampleTests/Info.plist;
|
||||
IPHONEOS_DEPLOYMENT_TARGET = 10.0;
|
||||
LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks";
|
||||
OTHER_LDFLAGS = (
|
||||
"-ObjC",
|
||||
"-lc++",
|
||||
"$(inherited)",
|
||||
);
|
||||
PRODUCT_BUNDLE_IDENTIFIER = "org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)";
|
||||
PRODUCT_NAME = "$(TARGET_NAME)";
|
||||
TEST_HOST = "$(BUILT_PRODUCTS_DIR)/example.app/example";
|
||||
};
|
||||
name = Debug;
|
||||
};
|
||||
00E356F71AD99517003FC87E /* Release */ = {
|
||||
isa = XCBuildConfiguration;
|
||||
buildSettings = {
|
||||
BUNDLE_LOADER = "$(TEST_HOST)";
|
||||
COPY_PHASE_STRIP = NO;
|
||||
INFOPLIST_FILE = exampleTests/Info.plist;
|
||||
IPHONEOS_DEPLOYMENT_TARGET = 10.0;
|
||||
LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks";
|
||||
OTHER_LDFLAGS = (
|
||||
"-ObjC",
|
||||
"-lc++",
|
||||
"$(inherited)",
|
||||
);
|
||||
PRODUCT_BUNDLE_IDENTIFIER = "org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)";
|
||||
PRODUCT_NAME = "$(TARGET_NAME)";
|
||||
TEST_HOST = "$(BUILT_PRODUCTS_DIR)/example.app/example";
|
||||
};
|
||||
name = Release;
|
||||
};
|
||||
13B07F941A680F5B00A75B9A /* Debug */ = {
|
||||
isa = XCBuildConfiguration;
|
||||
buildSettings = {
|
||||
ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
|
||||
CLANG_ENABLE_MODULES = YES;
|
||||
CURRENT_PROJECT_VERSION = 1;
|
||||
ENABLE_BITCODE = NO;
|
||||
INFOPLIST_FILE = example/Info.plist;
|
||||
LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
|
||||
OTHER_LDFLAGS = (
|
||||
"$(inherited)",
|
||||
"-ObjC",
|
||||
"-lc++",
|
||||
);
|
||||
PRODUCT_BUNDLE_IDENTIFIER = "org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)";
|
||||
PRODUCT_NAME = example;
|
||||
SWIFT_OPTIMIZATION_LEVEL = "-Onone";
|
||||
SWIFT_VERSION = 5.0;
|
||||
VERSIONING_SYSTEM = "apple-generic";
|
||||
};
|
||||
name = Debug;
|
||||
};
|
||||
13B07F951A680F5B00A75B9A /* Release */ = {
|
||||
isa = XCBuildConfiguration;
|
||||
buildSettings = {
|
||||
ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
|
||||
CLANG_ENABLE_MODULES = YES;
|
||||
CURRENT_PROJECT_VERSION = 1;
|
||||
INFOPLIST_FILE = example/Info.plist;
|
||||
LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
|
||||
OTHER_LDFLAGS = (
|
||||
"$(inherited)",
|
||||
"-ObjC",
|
||||
"-lc++",
|
||||
);
|
||||
PRODUCT_BUNDLE_IDENTIFIER = "org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)";
|
||||
PRODUCT_NAME = example;
|
||||
SWIFT_VERSION = 5.0;
|
||||
VERSIONING_SYSTEM = "apple-generic";
|
||||
};
|
||||
name = Release;
|
||||
};
|
||||
2D02E4971E0B4A5E006451C7 /* Debug */ = {
|
||||
isa = XCBuildConfiguration;
|
||||
buildSettings = {
|
||||
ASSETCATALOG_COMPILER_APPICON_NAME = "App Icon & Top Shelf Image";
|
||||
ASSETCATALOG_COMPILER_LAUNCHIMAGE_NAME = LaunchImage;
|
||||
CLANG_ANALYZER_NONNULL = YES;
|
||||
CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
|
||||
CLANG_WARN_INFINITE_RECURSION = YES;
|
||||
CLANG_WARN_SUSPICIOUS_MOVE = YES;
|
||||
DEBUG_INFORMATION_FORMAT = dwarf;
|
||||
ENABLE_TESTABILITY = YES;
|
||||
GCC_NO_COMMON_BLOCKS = YES;
|
||||
INFOPLIST_FILE = "example-tvOS/Info.plist";
|
||||
LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
|
||||
OTHER_LDFLAGS = (
|
||||
"$(inherited)",
|
||||
"-ObjC",
|
||||
"-lc++",
|
||||
);
|
||||
PRODUCT_BUNDLE_IDENTIFIER = "org.reactjs.native.example.example-tvOS";
|
||||
PRODUCT_NAME = "$(TARGET_NAME)";
|
||||
SDKROOT = appletvos;
|
||||
TARGETED_DEVICE_FAMILY = 3;
|
||||
TVOS_DEPLOYMENT_TARGET = 10.0;
|
||||
};
|
||||
name = Debug;
|
||||
};
|
||||
2D02E4981E0B4A5E006451C7 /* Release */ = {
|
||||
isa = XCBuildConfiguration;
|
||||
buildSettings = {
|
||||
ASSETCATALOG_COMPILER_APPICON_NAME = "App Icon & Top Shelf Image";
|
||||
ASSETCATALOG_COMPILER_LAUNCHIMAGE_NAME = LaunchImage;
|
||||
CLANG_ANALYZER_NONNULL = YES;
|
||||
CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
|
||||
CLANG_WARN_INFINITE_RECURSION = YES;
|
||||
CLANG_WARN_SUSPICIOUS_MOVE = YES;
|
||||
COPY_PHASE_STRIP = NO;
|
||||
DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
|
||||
GCC_NO_COMMON_BLOCKS = YES;
|
||||
INFOPLIST_FILE = "example-tvOS/Info.plist";
|
||||
LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
|
||||
OTHER_LDFLAGS = (
|
||||
"$(inherited)",
|
||||
"-ObjC",
|
||||
"-lc++",
|
||||
);
|
||||
PRODUCT_BUNDLE_IDENTIFIER = "org.reactjs.native.example.example-tvOS";
|
||||
PRODUCT_NAME = "$(TARGET_NAME)";
|
||||
SDKROOT = appletvos;
|
||||
TARGETED_DEVICE_FAMILY = 3;
|
||||
TVOS_DEPLOYMENT_TARGET = 10.0;
|
||||
};
|
||||
name = Release;
|
||||
};
|
||||
2D02E4991E0B4A5E006451C7 /* Debug */ = {
|
||||
isa = XCBuildConfiguration;
|
||||
buildSettings = {
|
||||
BUNDLE_LOADER = "$(TEST_HOST)";
|
||||
CLANG_ANALYZER_NONNULL = YES;
|
||||
CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
|
||||
CLANG_WARN_INFINITE_RECURSION = YES;
|
||||
CLANG_WARN_SUSPICIOUS_MOVE = YES;
|
||||
DEBUG_INFORMATION_FORMAT = dwarf;
|
||||
ENABLE_TESTABILITY = YES;
|
||||
GCC_NO_COMMON_BLOCKS = YES;
|
||||
INFOPLIST_FILE = "example-tvOSTests/Info.plist";
|
||||
LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks";
|
||||
OTHER_LDFLAGS = (
|
||||
"$(inherited)",
|
||||
"-ObjC",
|
||||
"-lc++",
|
||||
);
|
||||
PRODUCT_BUNDLE_IDENTIFIER = "org.reactjs.native.example.example-tvOSTests";
|
||||
PRODUCT_NAME = "$(TARGET_NAME)";
|
||||
SDKROOT = appletvos;
|
||||
TEST_HOST = "$(BUILT_PRODUCTS_DIR)/example-tvOS.app/example-tvOS";
|
||||
TVOS_DEPLOYMENT_TARGET = 10.1;
|
||||
};
|
||||
name = Debug;
|
||||
};
|
||||
2D02E49A1E0B4A5E006451C7 /* Release */ = {
|
||||
isa = XCBuildConfiguration;
|
||||
buildSettings = {
|
||||
BUNDLE_LOADER = "$(TEST_HOST)";
|
||||
CLANG_ANALYZER_NONNULL = YES;
|
||||
CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
|
||||
CLANG_WARN_INFINITE_RECURSION = YES;
|
||||
CLANG_WARN_SUSPICIOUS_MOVE = YES;
|
||||
COPY_PHASE_STRIP = NO;
|
||||
DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
|
||||
GCC_NO_COMMON_BLOCKS = YES;
|
||||
INFOPLIST_FILE = "example-tvOSTests/Info.plist";
|
||||
LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks";
|
||||
OTHER_LDFLAGS = (
|
||||
"$(inherited)",
|
||||
"-ObjC",
|
||||
"-lc++",
|
||||
);
|
||||
PRODUCT_BUNDLE_IDENTIFIER = "org.reactjs.native.example.example-tvOSTests";
|
||||
PRODUCT_NAME = "$(TARGET_NAME)";
|
||||
SDKROOT = appletvos;
|
||||
TEST_HOST = "$(BUILT_PRODUCTS_DIR)/example-tvOS.app/example-tvOS";
|
||||
TVOS_DEPLOYMENT_TARGET = 10.1;
|
||||
};
|
||||
name = Release;
|
||||
};
|
||||
83CBBA201A601CBA00E9B192 /* Debug */ = {
|
||||
isa = XCBuildConfiguration;
|
||||
buildSettings = {
|
||||
ALWAYS_SEARCH_USER_PATHS = NO;
|
||||
CLANG_ANALYZER_LOCALIZABILITY_NONLOCALIZED = YES;
|
||||
CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
|
||||
CLANG_CXX_LIBRARY = "libc++";
|
||||
CLANG_ENABLE_MODULES = YES;
|
||||
CLANG_ENABLE_OBJC_ARC = YES;
|
||||
CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
|
||||
CLANG_WARN_BOOL_CONVERSION = YES;
|
||||
CLANG_WARN_COMMA = YES;
|
||||
CLANG_WARN_CONSTANT_CONVERSION = YES;
|
||||
CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
|
||||
CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
|
||||
CLANG_WARN_EMPTY_BODY = YES;
|
||||
CLANG_WARN_ENUM_CONVERSION = YES;
|
||||
CLANG_WARN_INFINITE_RECURSION = YES;
|
||||
CLANG_WARN_INT_CONVERSION = YES;
|
||||
CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
|
||||
CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
|
||||
CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
|
||||
CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
|
||||
CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
|
||||
CLANG_WARN_STRICT_PROTOTYPES = YES;
|
||||
CLANG_WARN_SUSPICIOUS_MOVE = YES;
|
||||
CLANG_WARN_UNREACHABLE_CODE = YES;
|
||||
CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
|
||||
"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer";
|
||||
COPY_PHASE_STRIP = NO;
|
||||
ENABLE_STRICT_OBJC_MSGSEND = YES;
|
||||
ENABLE_TESTABILITY = YES;
|
||||
GCC_C_LANGUAGE_STANDARD = gnu99;
|
||||
GCC_DYNAMIC_NO_PIC = NO;
|
||||
GCC_NO_COMMON_BLOCKS = YES;
|
||||
GCC_OPTIMIZATION_LEVEL = 0;
|
||||
GCC_PREPROCESSOR_DEFINITIONS = (
|
||||
"DEBUG=1",
|
||||
"$(inherited)",
|
||||
);
|
||||
GCC_SYMBOLS_PRIVATE_EXTERN = NO;
|
||||
GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
|
||||
GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
|
||||
GCC_WARN_UNDECLARED_SELECTOR = YES;
|
||||
GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
|
||||
GCC_WARN_UNUSED_FUNCTION = YES;
|
||||
GCC_WARN_UNUSED_VARIABLE = YES;
|
||||
IPHONEOS_DEPLOYMENT_TARGET = 10.0;
|
||||
LD_RUNPATH_SEARCH_PATHS = "/usr/lib/swift $(inherited)";
|
||||
LIBRARY_SEARCH_PATHS = (
|
||||
"\"$(TOOLCHAIN_DIR)/usr/lib/swift/$(PLATFORM_NAME)\"",
|
||||
"\"$(TOOLCHAIN_DIR)/usr/lib/swift-5.0/$(PLATFORM_NAME)\"",
|
||||
"\"$(inherited)\"",
|
||||
);
|
||||
MTL_ENABLE_DEBUG_INFO = YES;
|
||||
ONLY_ACTIVE_ARCH = YES;
|
||||
SDKROOT = iphoneos;
|
||||
};
|
||||
name = Debug;
|
||||
};
|
||||
83CBBA211A601CBA00E9B192 /* Release */ = {
|
||||
isa = XCBuildConfiguration;
|
||||
buildSettings = {
|
||||
ALWAYS_SEARCH_USER_PATHS = NO;
|
||||
CLANG_ANALYZER_LOCALIZABILITY_NONLOCALIZED = YES;
|
||||
CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
|
||||
CLANG_CXX_LIBRARY = "libc++";
|
||||
CLANG_ENABLE_MODULES = YES;
|
||||
CLANG_ENABLE_OBJC_ARC = YES;
|
||||
CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
|
||||
CLANG_WARN_BOOL_CONVERSION = YES;
|
||||
CLANG_WARN_COMMA = YES;
|
||||
CLANG_WARN_CONSTANT_CONVERSION = YES;
|
||||
CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
|
||||
CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
|
||||
CLANG_WARN_EMPTY_BODY = YES;
|
||||
CLANG_WARN_ENUM_CONVERSION = YES;
|
||||
CLANG_WARN_INFINITE_RECURSION = YES;
|
||||
CLANG_WARN_INT_CONVERSION = YES;
|
||||
CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
|
||||
CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
|
||||
CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
|
||||
CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
|
||||
CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
|
||||
CLANG_WARN_STRICT_PROTOTYPES = YES;
|
||||
CLANG_WARN_SUSPICIOUS_MOVE = YES;
|
||||
CLANG_WARN_UNREACHABLE_CODE = YES;
|
||||
CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
|
||||
"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer";
|
||||
COPY_PHASE_STRIP = YES;
|
||||
ENABLE_NS_ASSERTIONS = NO;
|
||||
ENABLE_STRICT_OBJC_MSGSEND = YES;
|
||||
GCC_C_LANGUAGE_STANDARD = gnu99;
|
||||
GCC_NO_COMMON_BLOCKS = YES;
|
||||
GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
|
||||
GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
|
||||
GCC_WARN_UNDECLARED_SELECTOR = YES;
|
||||
GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
|
||||
GCC_WARN_UNUSED_FUNCTION = YES;
|
||||
GCC_WARN_UNUSED_VARIABLE = YES;
|
||||
IPHONEOS_DEPLOYMENT_TARGET = 10.0;
|
||||
LD_RUNPATH_SEARCH_PATHS = "/usr/lib/swift $(inherited)";
|
||||
LIBRARY_SEARCH_PATHS = (
|
||||
"\"$(TOOLCHAIN_DIR)/usr/lib/swift/$(PLATFORM_NAME)\"",
|
||||
"\"$(TOOLCHAIN_DIR)/usr/lib/swift-5.0/$(PLATFORM_NAME)\"",
|
||||
"\"$(inherited)\"",
|
||||
);
|
||||
MTL_ENABLE_DEBUG_INFO = NO;
|
||||
SDKROOT = iphoneos;
|
||||
VALIDATE_PRODUCT = YES;
|
||||
};
|
||||
name = Release;
|
||||
};
|
||||
/* End XCBuildConfiguration section */
|
||||
|
||||
/* Begin XCConfigurationList section */
|
||||
00E357021AD99517003FC87E /* Build configuration list for PBXNativeTarget "exampleTests" */ = {
|
||||
isa = XCConfigurationList;
|
||||
buildConfigurations = (
|
||||
00E356F61AD99517003FC87E /* Debug */,
|
||||
00E356F71AD99517003FC87E /* Release */,
|
||||
);
|
||||
defaultConfigurationIsVisible = 0;
|
||||
defaultConfigurationName = Release;
|
||||
};
|
||||
13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "example" */ = {
|
||||
isa = XCConfigurationList;
|
||||
buildConfigurations = (
|
||||
13B07F941A680F5B00A75B9A /* Debug */,
|
||||
13B07F951A680F5B00A75B9A /* Release */,
|
||||
);
|
||||
defaultConfigurationIsVisible = 0;
|
||||
defaultConfigurationName = Release;
|
||||
};
|
||||
2D02E4BA1E0B4A5E006451C7 /* Build configuration list for PBXNativeTarget "example-tvOS" */ = {
|
||||
isa = XCConfigurationList;
|
||||
buildConfigurations = (
|
||||
2D02E4971E0B4A5E006451C7 /* Debug */,
|
||||
2D02E4981E0B4A5E006451C7 /* Release */,
|
||||
);
|
||||
defaultConfigurationIsVisible = 0;
|
||||
defaultConfigurationName = Release;
|
||||
};
|
||||
2D02E4BB1E0B4A5E006451C7 /* Build configuration list for PBXNativeTarget "example-tvOSTests" */ = {
|
||||
isa = XCConfigurationList;
|
||||
buildConfigurations = (
|
||||
2D02E4991E0B4A5E006451C7 /* Debug */,
|
||||
2D02E49A1E0B4A5E006451C7 /* Release */,
|
||||
);
|
||||
defaultConfigurationIsVisible = 0;
|
||||
defaultConfigurationName = Release;
|
||||
};
|
||||
83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "example" */ = {
|
||||
isa = XCConfigurationList;
|
||||
buildConfigurations = (
|
||||
83CBBA201A601CBA00E9B192 /* Debug */,
|
||||
83CBBA211A601CBA00E9B192 /* Release */,
|
||||
);
|
||||
defaultConfigurationIsVisible = 0;
|
||||
defaultConfigurationName = Release;
|
||||
};
|
||||
/* End XCConfigurationList section */
|
||||
};
|
||||
rootObject = 83CBB9F71A601CBA00E9B192 /* Project object */;
|
||||
}
|
|
@ -0,0 +1,88 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<Scheme
|
||||
LastUpgradeVersion = "1130"
|
||||
version = "1.3">
|
||||
<BuildAction
|
||||
parallelizeBuildables = "YES"
|
||||
buildImplicitDependencies = "YES">
|
||||
<BuildActionEntries>
|
||||
<BuildActionEntry
|
||||
buildForTesting = "YES"
|
||||
buildForRunning = "YES"
|
||||
buildForProfiling = "YES"
|
||||
buildForArchiving = "YES"
|
||||
buildForAnalyzing = "YES">
|
||||
<BuildableReference
|
||||
BuildableIdentifier = "primary"
|
||||
BlueprintIdentifier = "2D02E47A1E0B4A5D006451C7"
|
||||
BuildableName = "example-tvOS.app"
|
||||
BlueprintName = "example-tvOS"
|
||||
ReferencedContainer = "container:example.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 = "example-tvOSTests.xctest"
|
||||
BlueprintName = "example-tvOSTests"
|
||||
ReferencedContainer = "container:example.xcodeproj">
|
||||
</BuildableReference>
|
||||
</TestableReference>
|
||||
</Testables>
|
||||
</TestAction>
|
||||
<LaunchAction
|
||||
buildConfiguration = "Debug"
|
||||
selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
|
||||
selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
|
||||
launchStyle = "0"
|
||||
useCustomWorkingDirectory = "NO"
|
||||
ignoresPersistentStateOnLaunch = "NO"
|
||||
debugDocumentVersioning = "YES"
|
||||
debugServiceExtension = "internal"
|
||||
allowLocationSimulation = "YES">
|
||||
<BuildableProductRunnable
|
||||
runnableDebuggingMode = "0">
|
||||
<BuildableReference
|
||||
BuildableIdentifier = "primary"
|
||||
BlueprintIdentifier = "2D02E47A1E0B4A5D006451C7"
|
||||
BuildableName = "example-tvOS.app"
|
||||
BlueprintName = "example-tvOS"
|
||||
ReferencedContainer = "container:example.xcodeproj">
|
||||
</BuildableReference>
|
||||
</BuildableProductRunnable>
|
||||
</LaunchAction>
|
||||
<ProfileAction
|
||||
buildConfiguration = "Release"
|
||||
shouldUseLaunchSchemeArgsEnv = "YES"
|
||||
savedToolIdentifier = ""
|
||||
useCustomWorkingDirectory = "NO"
|
||||
debugDocumentVersioning = "YES">
|
||||
<BuildableProductRunnable
|
||||
runnableDebuggingMode = "0">
|
||||
<BuildableReference
|
||||
BuildableIdentifier = "primary"
|
||||
BlueprintIdentifier = "2D02E47A1E0B4A5D006451C7"
|
||||
BuildableName = "example-tvOS.app"
|
||||
BlueprintName = "example-tvOS"
|
||||
ReferencedContainer = "container:example.xcodeproj">
|
||||
</BuildableReference>
|
||||
</BuildableProductRunnable>
|
||||
</ProfileAction>
|
||||
<AnalyzeAction
|
||||
buildConfiguration = "Debug">
|
||||
</AnalyzeAction>
|
||||
<ArchiveAction
|
||||
buildConfiguration = "Release"
|
||||
revealArchiveInOrganizer = "YES">
|
||||
</ArchiveAction>
|
||||
</Scheme>
|
|
@ -0,0 +1,88 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<Scheme
|
||||
LastUpgradeVersion = "1130"
|
||||
version = "1.3">
|
||||
<BuildAction
|
||||
parallelizeBuildables = "YES"
|
||||
buildImplicitDependencies = "YES">
|
||||
<BuildActionEntries>
|
||||
<BuildActionEntry
|
||||
buildForTesting = "YES"
|
||||
buildForRunning = "YES"
|
||||
buildForProfiling = "YES"
|
||||
buildForArchiving = "YES"
|
||||
buildForAnalyzing = "YES">
|
||||
<BuildableReference
|
||||
BuildableIdentifier = "primary"
|
||||
BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
|
||||
BuildableName = "example.app"
|
||||
BlueprintName = "example"
|
||||
ReferencedContainer = "container:example.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 = "exampleTests.xctest"
|
||||
BlueprintName = "exampleTests"
|
||||
ReferencedContainer = "container:example.xcodeproj">
|
||||
</BuildableReference>
|
||||
</TestableReference>
|
||||
</Testables>
|
||||
</TestAction>
|
||||
<LaunchAction
|
||||
buildConfiguration = "Debug"
|
||||
selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
|
||||
selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
|
||||
launchStyle = "0"
|
||||
useCustomWorkingDirectory = "NO"
|
||||
ignoresPersistentStateOnLaunch = "NO"
|
||||
debugDocumentVersioning = "YES"
|
||||
debugServiceExtension = "internal"
|
||||
allowLocationSimulation = "YES">
|
||||
<BuildableProductRunnable
|
||||
runnableDebuggingMode = "0">
|
||||
<BuildableReference
|
||||
BuildableIdentifier = "primary"
|
||||
BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
|
||||
BuildableName = "example.app"
|
||||
BlueprintName = "example"
|
||||
ReferencedContainer = "container:example.xcodeproj">
|
||||
</BuildableReference>
|
||||
</BuildableProductRunnable>
|
||||
</LaunchAction>
|
||||
<ProfileAction
|
||||
buildConfiguration = "Release"
|
||||
shouldUseLaunchSchemeArgsEnv = "YES"
|
||||
savedToolIdentifier = ""
|
||||
useCustomWorkingDirectory = "NO"
|
||||
debugDocumentVersioning = "YES">
|
||||
<BuildableProductRunnable
|
||||
runnableDebuggingMode = "0">
|
||||
<BuildableReference
|
||||
BuildableIdentifier = "primary"
|
||||
BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
|
||||
BuildableName = "example.app"
|
||||
BlueprintName = "example"
|
||||
ReferencedContainer = "container:example.xcodeproj">
|
||||
</BuildableReference>
|
||||
</BuildableProductRunnable>
|
||||
</ProfileAction>
|
||||
<AnalyzeAction
|
||||
buildConfiguration = "Debug">
|
||||
</AnalyzeAction>
|
||||
<ArchiveAction
|
||||
buildConfiguration = "Release"
|
||||
revealArchiveInOrganizer = "YES">
|
||||
</ArchiveAction>
|
||||
</Scheme>
|
|
@ -0,0 +1,8 @@
|
|||
#import <React/RCTBridgeDelegate.h>
|
||||
#import <UIKit/UIKit.h>
|
||||
|
||||
@interface AppDelegate : UIResponder <UIApplicationDelegate, RCTBridgeDelegate>
|
||||
|
||||
@property (nonatomic, strong) UIWindow *window;
|
||||
|
||||
@end
|
|
@ -0,0 +1,68 @@
|
|||
#import "AppDelegate.h"
|
||||
|
||||
#import <React/RCTBridge.h>
|
||||
#import <React/RCTBundleURLProvider.h>
|
||||
#import <React/RCTRootView.h>
|
||||
|
||||
#ifdef FB_SONARKIT_ENABLED
|
||||
#import <FlipperKit/FlipperClient.h>
|
||||
#import <FlipperKitLayoutPlugin/FlipperKitLayoutPlugin.h>
|
||||
#import <FlipperKitNetworkPlugin/FlipperKitNetworkPlugin.h>
|
||||
#import <FlipperKitReactPlugin/FlipperKitReactPlugin.h>
|
||||
#import <FlipperKitUserDefaultsPlugin/FKUserDefaultsPlugin.h>
|
||||
#import <SKIOSNetworkPlugin/SKIOSNetworkAdapter.h>
|
||||
|
||||
static void InitializeFlipper(UIApplication *application) {
|
||||
FlipperClient *client = [FlipperClient sharedClient];
|
||||
SKDescriptorMapper *layoutDescriptorMapper =
|
||||
[[SKDescriptorMapper alloc] initWithDefaults];
|
||||
[client addPlugin:[[FlipperKitLayoutPlugin alloc]
|
||||
initWithRootNode:application
|
||||
withDescriptorMapper:layoutDescriptorMapper]];
|
||||
[client addPlugin:[[FKUserDefaultsPlugin alloc] initWithSuiteName:nil]];
|
||||
[client addPlugin:[FlipperKitReactPlugin new]];
|
||||
[client addPlugin:[[FlipperKitNetworkPlugin alloc]
|
||||
initWithNetworkAdapter:[SKIOSNetworkAdapter new]]];
|
||||
[client start];
|
||||
}
|
||||
#endif
|
||||
|
||||
@implementation AppDelegate
|
||||
|
||||
- (BOOL)application:(UIApplication *)application
|
||||
didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
|
||||
#ifdef FB_SONARKIT_ENABLED
|
||||
InitializeFlipper(application);
|
||||
#endif
|
||||
|
||||
RCTBridge *bridge = [[RCTBridge alloc] initWithDelegate:self
|
||||
launchOptions:launchOptions];
|
||||
RCTRootView *rootView = [[RCTRootView alloc] initWithBridge:bridge
|
||||
moduleName:@"example"
|
||||
initialProperties:nil];
|
||||
|
||||
rootView.backgroundColor = [[UIColor alloc] initWithRed:1.0f
|
||||
green:1.0f
|
||||
blue:1.0f
|
||||
alpha:1];
|
||||
|
||||
self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds];
|
||||
UIViewController *rootViewController = [UIViewController new];
|
||||
rootViewController.view = rootView;
|
||||
self.window.rootViewController = rootViewController;
|
||||
[self.window makeKeyAndVisible];
|
||||
return YES;
|
||||
}
|
||||
|
||||
- (NSURL *)sourceURLForBridge:(RCTBridge *)bridge {
|
||||
#ifdef FB_SONARKIT_ENABLED
|
||||
return
|
||||
[[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index"
|
||||
fallbackResource:nil];
|
||||
#else
|
||||
return [[NSBundle mainBundle] URLForResource:@"main"
|
||||
withExtension:@"jsbundle"];
|
||||
#endif
|
||||
}
|
||||
|
||||
@end
|
|
@ -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"
|
||||
}
|
||||
}
|
|
@ -0,0 +1,6 @@
|
|||
{
|
||||
"info" : {
|
||||
"version" : 1,
|
||||
"author" : "xcode"
|
||||
}
|
||||
}
|
|
@ -0,0 +1,57 @@
|
|||
<?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>example</string>
|
||||
<key>CFBundleExecutable</key>
|
||||
<string>$(EXECUTABLE_NAME)</string>
|
||||
<key>CFBundleIdentifier</key>
|
||||
<string>$(PRODUCT_BUNDLE_IDENTIFIER)</string>
|
||||
<key>CFBundleInfoDictionaryVersion</key>
|
||||
<string>6.0</string>
|
||||
<key>CFBundleName</key>
|
||||
<string>$(PRODUCT_NAME)</string>
|
||||
<key>CFBundlePackageType</key>
|
||||
<string>APPL</string>
|
||||
<key>CFBundleShortVersionString</key>
|
||||
<string>1.0</string>
|
||||
<key>CFBundleSignature</key>
|
||||
<string>????</string>
|
||||
<key>CFBundleVersion</key>
|
||||
<string>1</string>
|
||||
<key>LSRequiresIPhoneOS</key>
|
||||
<true/>
|
||||
<key>NSAppTransportSecurity</key>
|
||||
<dict>
|
||||
<key>NSAllowsArbitraryLoads</key>
|
||||
<true/>
|
||||
<key>NSExceptionDomains</key>
|
||||
<dict>
|
||||
<key>localhost</key>
|
||||
<dict>
|
||||
<key>NSExceptionAllowsInsecureHTTPLoads</key>
|
||||
<true/>
|
||||
</dict>
|
||||
</dict>
|
||||
</dict>
|
||||
<key>NSLocationWhenInUseUsageDescription</key>
|
||||
<string></string>
|
||||
<key>UILaunchStoryboardName</key>
|
||||
<string>LaunchScreen</string>
|
||||
<key>UIRequiredDeviceCapabilities</key>
|
||||
<array>
|
||||
<string>armv7</string>
|
||||
</array>
|
||||
<key>UISupportedInterfaceOrientations</key>
|
||||
<array>
|
||||
<string>UIInterfaceOrientationPortrait</string>
|
||||
<string>UIInterfaceOrientationLandscapeLeft</string>
|
||||
<string>UIInterfaceOrientationLandscapeRight</string>
|
||||
</array>
|
||||
<key>UIViewControllerBasedStatusBarAppearance</key>
|
||||
<false/>
|
||||
</dict>
|
||||
</plist>
|
|
@ -0,0 +1,58 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="15702" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" launchScreen="YES" useTraitCollections="YES" useSafeAreas="YES" colorMatched="YES" initialViewController="01J-lp-oVM">
|
||||
<device id="retina4_7" orientation="portrait" appearance="light"/>
|
||||
<dependencies>
|
||||
<deployment identifier="iOS"/>
|
||||
<plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="15704"/>
|
||||
<capability name="Safe area layout guides" minToolsVersion="9.0"/>
|
||||
<capability name="documents saved in the Xcode 8 format" minToolsVersion="8.0"/>
|
||||
</dependencies>
|
||||
<scenes>
|
||||
<!--View Controller-->
|
||||
<scene sceneID="EHf-IW-A2E">
|
||||
<objects>
|
||||
<viewController id="01J-lp-oVM" sceneMemberID="viewController">
|
||||
<view key="view" contentMode="scaleToFill" id="Ze5-6b-2t3">
|
||||
<rect key="frame" x="0.0" y="0.0" width="375" height="667"/>
|
||||
<autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
|
||||
<subviews>
|
||||
<label opaque="NO" clipsSubviews="YES" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="" textAlignment="center" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" minimumFontSize="9" translatesAutoresizingMaskIntoConstraints="NO" id="obG-Y5-kRd">
|
||||
<rect key="frame" x="0.0" y="647" width="375" height="0.0"/>
|
||||
<fontDescription key="fontDescription" type="system" pointSize="17"/>
|
||||
<color key="textColor" red="0.0" green="0.0" blue="0.0" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
|
||||
<nil key="highlightedColor"/>
|
||||
</label>
|
||||
<label opaque="NO" clipsSubviews="YES" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="example" textAlignment="center" lineBreakMode="middleTruncation" baselineAdjustment="alignBaselines" minimumFontSize="18" translatesAutoresizingMaskIntoConstraints="NO" id="GJd-Yh-RWb">
|
||||
<rect key="frame" x="0.0" y="202" width="375" height="43"/>
|
||||
<fontDescription key="fontDescription" type="boldSystem" pointSize="36"/>
|
||||
<color key="textColor" red="0.0" green="0.0" blue="0.0" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
|
||||
<nil key="highlightedColor"/>
|
||||
</label>
|
||||
<label opaque="NO" clipsSubviews="YES" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Powered by React Native" textAlignment="center" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" minimumFontSize="9" translatesAutoresizingMaskIntoConstraints="NO" id="MN2-I3-ftu">
|
||||
<rect key="frame" x="0.0" y="626" width="375" height="21"/>
|
||||
<fontDescription key="fontDescription" type="system" pointSize="17"/>
|
||||
<color key="textColor" cocoaTouchSystemColor="darkTextColor"/>
|
||||
<nil key="highlightedColor"/>
|
||||
</label>
|
||||
</subviews>
|
||||
<color key="backgroundColor" red="1" green="1" blue="1" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
|
||||
<constraints>
|
||||
<constraint firstItem="Bcu-3y-fUS" firstAttribute="centerX" secondItem="obG-Y5-kRd" secondAttribute="centerX" id="5cz-MP-9tL"/>
|
||||
<constraint firstItem="Bcu-3y-fUS" firstAttribute="bottom" secondItem="MN2-I3-ftu" secondAttribute="bottom" constant="20" id="OZV-Vh-mqD"/>
|
||||
<constraint firstItem="Bcu-3y-fUS" firstAttribute="centerX" secondItem="GJd-Yh-RWb" secondAttribute="centerX" id="Q3B-4B-g5h"/>
|
||||
<constraint firstItem="obG-Y5-kRd" firstAttribute="leading" secondItem="Bcu-3y-fUS" secondAttribute="leading" symbolic="YES" id="SfN-ll-jLj"/>
|
||||
<constraint firstAttribute="bottom" secondItem="obG-Y5-kRd" secondAttribute="bottom" constant="20" id="Y44-ml-fuU"/>
|
||||
<constraint firstItem="MN2-I3-ftu" firstAttribute="centerX" secondItem="Bcu-3y-fUS" secondAttribute="centerX" id="akx-eg-2ui"/>
|
||||
<constraint firstItem="MN2-I3-ftu" firstAttribute="leading" secondItem="Bcu-3y-fUS" secondAttribute="leading" id="i1E-0Y-4RG"/>
|
||||
<constraint firstItem="GJd-Yh-RWb" firstAttribute="centerY" secondItem="Ze5-6b-2t3" secondAttribute="bottom" multiplier="1/3" constant="1" id="moa-c2-u7t"/>
|
||||
<constraint firstItem="GJd-Yh-RWb" firstAttribute="leading" secondItem="Bcu-3y-fUS" secondAttribute="leading" symbolic="YES" id="x7j-FC-K8j"/>
|
||||
</constraints>
|
||||
<viewLayoutGuide key="safeArea" id="Bcu-3y-fUS"/>
|
||||
</view>
|
||||
</viewController>
|
||||
<placeholder placeholderIdentifier="IBFirstResponder" id="iYj-Kq-Ea1" userLabel="First Responder" sceneMemberID="firstResponder"/>
|
||||
</objects>
|
||||
<point key="canvasLocation" x="52.173913043478265" y="375"/>
|
||||
</scene>
|
||||
</scenes>
|
||||
</document>
|
|
@ -0,0 +1,9 @@
|
|||
#import <UIKit/UIKit.h>
|
||||
|
||||
#import "AppDelegate.h"
|
||||
|
||||
int main(int argc, char * argv[]) {
|
||||
@autoreleasepool {
|
||||
return UIApplicationMain(argc, argv, nil, NSStringFromClass([AppDelegate class]));
|
||||
}
|
||||
}
|
|
@ -0,0 +1,24 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
|
||||
<plist version="1.0">
|
||||
<dict>
|
||||
<key>CFBundleDevelopmentRegion</key>
|
||||
<string>en</string>
|
||||
<key>CFBundleExecutable</key>
|
||||
<string>$(EXECUTABLE_NAME)</string>
|
||||
<key>CFBundleIdentifier</key>
|
||||
<string>$(PRODUCT_BUNDLE_IDENTIFIER)</string>
|
||||
<key>CFBundleInfoDictionaryVersion</key>
|
||||
<string>6.0</string>
|
||||
<key>CFBundleName</key>
|
||||
<string>$(PRODUCT_NAME)</string>
|
||||
<key>CFBundlePackageType</key>
|
||||
<string>BNDL</string>
|
||||
<key>CFBundleShortVersionString</key>
|
||||
<string>1.0</string>
|
||||
<key>CFBundleSignature</key>
|
||||
<string>????</string>
|
||||
<key>CFBundleVersion</key>
|
||||
<string>1</string>
|
||||
</dict>
|
||||
</plist>
|
|
@ -0,0 +1,65 @@
|
|||
#import <UIKit/UIKit.h>
|
||||
#import <XCTest/XCTest.h>
|
||||
|
||||
#import <React/RCTLog.h>
|
||||
#import <React/RCTRootView.h>
|
||||
|
||||
#define TIMEOUT_SECONDS 600
|
||||
#define TEXT_TO_LOOK_FOR @"Welcome to React"
|
||||
|
||||
@interface exampleTests : XCTestCase
|
||||
|
||||
@end
|
||||
|
||||
@implementation exampleTests
|
||||
|
||||
- (BOOL)findSubviewInView:(UIView *)view matching:(BOOL(^)(UIView *view))test
|
||||
{
|
||||
if (test(view)) {
|
||||
return YES;
|
||||
}
|
||||
for (UIView *subview in [view subviews]) {
|
||||
if ([self findSubviewInView:subview matching:test]) {
|
||||
return YES;
|
||||
}
|
||||
}
|
||||
return NO;
|
||||
}
|
||||
|
||||
- (void)testRendersWelcomeScreen
|
||||
{
|
||||
UIViewController *vc = [[[RCTSharedApplication() delegate] window] rootViewController];
|
||||
NSDate *date = [NSDate dateWithTimeIntervalSinceNow:TIMEOUT_SECONDS];
|
||||
BOOL foundElement = NO;
|
||||
|
||||
__block NSString *redboxError = nil;
|
||||
#ifdef DEBUG
|
||||
RCTSetLogFunction(^(RCTLogLevel level, RCTLogSource source, NSString *fileName, NSNumber *lineNumber, NSString *message) {
|
||||
if (level >= RCTLogLevelError) {
|
||||
redboxError = message;
|
||||
}
|
||||
});
|
||||
#endif
|
||||
|
||||
while ([date timeIntervalSinceNow] > 0 && !foundElement && !redboxError) {
|
||||
[[NSRunLoop mainRunLoop] runMode:NSDefaultRunLoopMode beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]];
|
||||
[[NSRunLoop mainRunLoop] runMode:NSRunLoopCommonModes beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]];
|
||||
|
||||
foundElement = [self findSubviewInView:vc.view matching:^BOOL(UIView *view) {
|
||||
if ([view.accessibilityLabel isEqualToString:TEXT_TO_LOOK_FOR]) {
|
||||
return YES;
|
||||
}
|
||||
return NO;
|
||||
}];
|
||||
}
|
||||
|
||||
#ifdef DEBUG
|
||||
RCTSetLogFunction(RCTDefaultLogFunction);
|
||||
#endif
|
||||
|
||||
XCTAssertNil(redboxError, @"RedBox error: %@", redboxError);
|
||||
XCTAssertTrue(foundElement, @"Couldn't find element with text '%@' in %d seconds", TEXT_TO_LOOK_FOR, TIMEOUT_SECONDS);
|
||||
}
|
||||
|
||||
|
||||
@end
|
|
@ -0,0 +1,17 @@
|
|||
/**
|
||||
* Metro configuration for React Native
|
||||
* https://github.com/facebook/react-native
|
||||
*
|
||||
* @format
|
||||
*/
|
||||
|
||||
module.exports = {
|
||||
transformer: {
|
||||
getTransformOptions: async () => ({
|
||||
transform: {
|
||||
experimentalImportSupport: false,
|
||||
inlineRequires: false,
|
||||
},
|
||||
}),
|
||||
},
|
||||
};
|
|
@ -0,0 +1,45 @@
|
|||
{
|
||||
"name": "example",
|
||||
"version": "0.0.1",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"android": "react-native run-android",
|
||||
"ios": "react-native run-ios",
|
||||
"start": "react-native start",
|
||||
"test": "jest",
|
||||
"lint": "eslint . --ext .js,.jsx,.ts,.tsx"
|
||||
},
|
||||
"dependencies": {
|
||||
"react": "16.13.1",
|
||||
"react-native": "0.63.2",
|
||||
"twopane-navigation": "1.0.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@babel/core": "^7.8.4",
|
||||
"@babel/runtime": "^7.8.4",
|
||||
"@react-native-community/eslint-config": "^1.1.0",
|
||||
"@types/jest": "^25.2.3",
|
||||
"@types/react-native": "^0.63.2",
|
||||
"@types/react-test-renderer": "^16.9.2",
|
||||
"@typescript-eslint/eslint-plugin": "^2.27.0",
|
||||
"@typescript-eslint/parser": "^2.27.0",
|
||||
"babel-jest": "^25.1.0",
|
||||
"eslint": "^6.5.1",
|
||||
"jest": "^25.1.0",
|
||||
"metro-react-native-babel-preset": "^0.59.0",
|
||||
"react-test-renderer": "16.13.1",
|
||||
"prettier": "^2.0.4",
|
||||
"typescript": "^3.8.3"
|
||||
},
|
||||
"jest": {
|
||||
"preset": "react-native",
|
||||
"moduleFileExtensions": [
|
||||
"ts",
|
||||
"tsx",
|
||||
"js",
|
||||
"jsx",
|
||||
"json",
|
||||
"node"
|
||||
]
|
||||
}
|
||||
}
|
|
@ -0,0 +1,62 @@
|
|||
|
||||
{
|
||||
"compilerOptions": {
|
||||
/* Basic Options */
|
||||
"target": "esnext", /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017','ES2018' or 'ESNEXT'. */
|
||||
"module": "commonjs", /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', or 'ESNext'. */
|
||||
"lib": ["es6"], /* Specify library files to be included in the compilation. */
|
||||
"allowJs": true, /* Allow javascript files to be compiled. */
|
||||
// "checkJs": true, /* Report errors in .js files. */
|
||||
"jsx": "react-native", /* Specify JSX code generation: 'preserve', 'react-native', or 'react'. */
|
||||
// "declaration": true, /* Generates corresponding '.d.ts' file. */
|
||||
// "sourceMap": true, /* Generates corresponding '.map' file. */
|
||||
// "outFile": "./", /* Concatenate and emit output to single file. */
|
||||
// "outDir": "./", /* Redirect output structure to the directory. */
|
||||
// "rootDir": "./", /* Specify the root directory of input files. Use to control the output directory structure with --outDir. */
|
||||
// "removeComments": true, /* Do not emit comments to output. */
|
||||
"noEmit": true, /* Do not emit outputs. */
|
||||
// "incremental": true, /* Enable incremental compilation */
|
||||
// "importHelpers": true, /* Import emit helpers from 'tslib'. */
|
||||
// "downlevelIteration": true, /* Provide full support for iterables in 'for-of', spread, and destructuring when targeting 'ES5' or 'ES3'. */
|
||||
"isolatedModules": true, /* Transpile each file as a separate module (similar to 'ts.transpileModule'). */
|
||||
|
||||
/* Strict Type-Checking Options */
|
||||
"strict": true, /* Enable all strict type-checking options. */
|
||||
// "noImplicitAny": true, /* Raise error on expressions and declarations with an implied 'any' type. */
|
||||
// "strictNullChecks": true, /* Enable strict null checks. */
|
||||
// "strictFunctionTypes": true, /* Enable strict checking of function types. */
|
||||
// "strictPropertyInitialization": true, /* Enable strict checking of property initialization in classes. */
|
||||
// "noImplicitThis": true, /* Raise error on 'this' expressions with an implied 'any' type. */
|
||||
// "alwaysStrict": true, /* Parse in strict mode and emit "use strict" for each source file. */
|
||||
|
||||
/* Additional Checks */
|
||||
// "noUnusedLocals": true, /* Report errors on unused locals. */
|
||||
// "noUnusedParameters": true, /* Report errors on unused parameters. */
|
||||
// "noImplicitReturns": true, /* Report error when not all code paths in function return a value. */
|
||||
// "noFallthroughCasesInSwitch": true, /* Report errors for fallthrough cases in switch statement. */
|
||||
|
||||
/* Module Resolution Options */
|
||||
"moduleResolution": "node", /* Specify module resolution strategy: 'node' (Node.js) or 'classic' (TypeScript pre-1.6). */
|
||||
// "baseUrl": "./", /* Base directory to resolve non-absolute module names. */
|
||||
// "paths": {}, /* A series of entries which re-map imports to lookup locations relative to the 'baseUrl'. */
|
||||
// "rootDirs": [], /* List of root folders whose combined content represents the structure of the project at runtime. */
|
||||
// "typeRoots": [], /* List of folders to include type definitions from. */
|
||||
// "types": [], /* Type declaration files to be included in compilation. */
|
||||
"allowSyntheticDefaultImports": true, /* Allow default imports from modules with no default export. This does not affect code emit, just typechecking. */
|
||||
"esModuleInterop": true /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */
|
||||
// "preserveSymlinks": true, /* Do not resolve the real path of symlinks. */
|
||||
|
||||
/* Source Map Options */
|
||||
// "sourceRoot": "./", /* Specify the location where debugger should locate TypeScript files instead of source locations. */
|
||||
// "mapRoot": "./", /* Specify the location where debugger should locate map files instead of generated locations. */
|
||||
// "inlineSourceMap": true, /* Emit a single file with source maps instead of having a separate file. */
|
||||
// "inlineSources": true, /* Emit the source alongside the sourcemaps within a single file; requires '--inlineSourceMap' or '--sourceMap' to be set. */
|
||||
|
||||
/* Experimental Options */
|
||||
// "experimentalDecorators": true, /* Enables experimental support for ES7 decorators. */
|
||||
// "emitDecoratorMetadata": true, /* Enables experimental support for emitting type metadata for decorators. */
|
||||
},
|
||||
"exclude": [
|
||||
"node_modules", "babel.config.js", "metro.config.js", "jest.config.js"
|
||||
]
|
||||
}
|
|
@ -0,0 +1,4 @@
|
|||
{
|
||||
"private":"true",
|
||||
"workspaces": ["example", "twopane-navigation"]
|
||||
}
|
|
@ -0,0 +1,162 @@
|
|||
![Microsoft Surface](https://assets.onestore.ms/cdnfiles/external/uhf/long/9a49a7e9d8e881327e81b9eb43dabc01de70a9bb/images/microsoft-gray.png)
|
||||
|
||||
# Duex v.1
|
||||
|
||||
## Introduction
|
||||
|
||||
Duex library is built for React Native developers working on
|
||||
multi-screen phones and devices.
|
||||
|
||||
This library was built with the idea to work side by side with the react-navigation library or work on its own as a replacement. This allows you, the developer, to have a flexible and premium experience to help pioneer the new wave of multi-screen device applications.
|
||||
|
||||
## Getting started
|
||||
|
||||
The Dual Navigation library is built around the core concept of viewing each screen on your multi-screen device as its own stack (LIFO) like system and rendering the very top element of said stack as the current page for the user to see.
|
||||
|
||||
This can be seen by the picture below
|
||||
![stack Example](docs/stackExample.png)
|
||||
|
||||
### installation
|
||||
|
||||
coming soon
|
||||
|
||||
### Hello Dual Navigation
|
||||
|
||||
- **Dual App** is a component that must be the base for your React Native application and has the following properites
|
||||
|
||||
- singleScreen - this will be the base screen you want to show when in single mode
|
||||
|
||||
- dualScreen - this will be the base screen you want to show when in dual mode with the singleScreen showing on the other available screen
|
||||
|
||||
- navigationContainer? - AppContainer if using React Navigation
|
||||
|
||||
![DualApp Example](docs/DualApp.png)
|
||||
|
||||
Now with our Dual App set up if we open up our app with only one active screen we will see.
|
||||
|
||||
![singleScreen Example](docs/SingleScreenExample.png)
|
||||
|
||||
And now if we extend our application to make use of our multi screens we will see
|
||||
![dualScreen Example](docs/DualScreenExample.png)
|
||||
\*notice how the singleScreen is now showing in the first panel as its own seperate entity
|
||||
|
||||
### Fundamentals
|
||||
|
||||
#### Navigating Screens
|
||||
|
||||
Now with our Dual App set up we can finally start navigating.
|
||||
|
||||
To navigate between screens we have a variety of built-in methods you can call. For purpose of this demonstration we will be introducing you to the core methods you will use during your development journey.
|
||||
|
||||
##### Moving Forward
|
||||
|
||||
- (single | dual | auto)screen.Add(element: IScreenComponent) - Push a new screen to the stack of your choosing
|
||||
|
||||
- For this example we will be pushing to the dual screen if both screens are active or we will be pushing to the single screen if only using one screen
|
||||
|
||||
![dualScreen Example](docs/addingScreenExample.png)
|
||||
|
||||
- Now if we run our application in dual mode we will see that we have only pushed the new screen to the dualStack
|
||||
|
||||
![dualScreenView Example](docs/addingScreenViewExample.png)
|
||||
|
||||
##### Going Back
|
||||
|
||||
The header provided by Dual Navigator automatically includes a back button when it is possible to go back from the current screen(if there is only one screen in the stack, there is nothing that you can go back to, and so there is no back button)
|
||||
|
||||
If you want to programmatically go back we give you the power by calling
|
||||
|
||||
- (single | dual | auto)Screen.GoBack() - go back one element in the stack of your choosing
|
||||
![goBack Example](docs/GoBackExample.png)
|
||||
|
||||
If you have multiple screens in the stack and would like to go back to the very first screen in your stack(defaultScreen) you can call
|
||||
|
||||
- (single | dual | auto)Screen.BackToHome() - go back to the base element of the stack
|
||||
![goBackToHome Example](docs/BackToHomeExample.png)
|
||||
|
||||
##### React Navigation
|
||||
|
||||
To use React Navigation with the Dual Navigation library is very simple.
|
||||
create all the StackNavigators,SwitchNavigators,DrawerNavigators,etc... and pass the appContainer into the navigationContainer prop in our DualApp Component. After that you can access the navigation/route objects with the useNavigation/useRoute hooks.
|
||||
|
||||
- In the example we are opening a DrawerNavigator on icon press
|
||||
![NavigationService Example](docs/navigationReferenceExample.PNG)
|
||||
|
||||
##### Header customization
|
||||
|
||||
Coming Soon
|
||||
|
||||
### Advanced
|
||||
|
||||
#### Screen Merging
|
||||
|
||||
when you want to keep screens through screen transition from single screen to dual screen mode you need to mark the screens you want as mergeable.
|
||||
|
||||
to do this is very simple, simply mark isMerge = true when you add your screen to the stack.(defaulted to false)
|
||||
|
||||
![ScreenMerge Code Example](docs/ScreenMergeCodeExample.PNG)
|
||||
|
||||
now when we start with a dual screen application and move it to single screen we can easily transition and keep our previous screen
|
||||
|
||||
![ScreenMerge Example](docs/addingScreenViewExample.png)
|
||||
![ScreenMerge Example](docs/ScreenMergeExample.png)
|
||||
|
||||
|
||||
### Utilities
|
||||
|
||||
#### Components
|
||||
|
||||
##### ScreenOverlay
|
||||
|
||||
The ScreenOverlay is a view that floats above a screens content
|
||||
|
||||
![screenOverlay Example](docs/screenOverlayExample.png)
|
||||
|
||||
how to use
|
||||
|
||||
![screenOverlayCode Example](docs/screenOverlayCodeExample.png)
|
||||
|
||||
#### Screens
|
||||
|
||||
singleScreen- will call every action specifically for the singleScreen stack
|
||||
|
||||
dualScreen - will call every action specifically for the dualScreen stack
|
||||
|
||||
autoScreen - will check to see if the user is currently in singleScreen or DualScreen mode,
|
||||
and will call the appropriate action the current modes stack.
|
||||
|
||||
- Example:
|
||||
If in singleScreen mode will call an action only to the single screen stack.
|
||||
|
||||
If in dualScreen mode will call an action only to the dual screen stack
|
||||
|
||||
#### Methods
|
||||
|
||||
- (single | dual | auto)Screen.Add - Pushes element to the top of the stack
|
||||
|
||||
- (single | dual | auto)Screen.AddOrMoveToFront - Automatically pushes element to the top of stack or if the key is already in the stack,move that key to the top of the stack based on screen size
|
||||
|
||||
- (single | dual | auto)Screen.BackToHome - Removes all elements of the stack and returns the base element of the stack
|
||||
|
||||
- (single | dual | auto)Screen.GoBack - Go back one element in the stack
|
||||
|
||||
- (single | dual | auto)Screen.ReplaceScreen - Replace the default element for this component
|
||||
|
||||
- (single | dual | auto)Screen.ReplaceHeader - Replace the default header for this component
|
||||
|
||||
#### Hooks
|
||||
|
||||
- getDuexElementSelector - get the state of the element Store
|
||||
|
||||
- getHeaderSelector() - get the state of the header Store
|
||||
|
||||
- getScreenKeyState() - get the state of the key Store
|
||||
|
||||
#### Interfaces
|
||||
|
||||
- IHeader {
|
||||
IconPress?: () => void;
|
||||
navigationCommand?: string;
|
||||
style?: StyleProp<ViewStyle>; //expand this out
|
||||
leftIcon?: React.ReactElement;
|
||||
}
|
|
@ -0,0 +1,14 @@
|
|||
import { IAuthAction } from './auth.interfaces';
|
||||
import { SIGNED_IN, SIGNED_OUT, LOADING } from './auth.types';
|
||||
|
||||
export const signedIn = (): IAuthAction => ({
|
||||
type: SIGNED_IN
|
||||
});
|
||||
|
||||
export const signedOut = (): IAuthAction => ({
|
||||
type: SIGNED_OUT
|
||||
});
|
||||
|
||||
export const loading = (): IAuthAction => ({
|
||||
type: LOADING
|
||||
});
|
|
@ -0,0 +1,8 @@
|
|||
export interface IAuthAction {
|
||||
type: string;
|
||||
}
|
||||
|
||||
export interface IAuthState {
|
||||
isSignedOut: boolean;
|
||||
isLoading: boolean;
|
||||
}
|
|
@ -0,0 +1,13 @@
|
|||
import { store } from '../../appStore';
|
||||
|
||||
import { signedOut, signedIn, loading } from './auth.actions';
|
||||
|
||||
export const signIn = () => {
|
||||
store.dispatch(signedIn());
|
||||
};
|
||||
export const signOut = () => {
|
||||
store.dispatch(signedOut());
|
||||
};
|
||||
export const startLoading = () => {
|
||||
store.dispatch(loading());
|
||||
};
|
|
@ -0,0 +1,31 @@
|
|||
import { IAuthAction, IAuthState } from './auth.interfaces';
|
||||
import { SIGNED_IN, SIGNED_OUT, LOADING } from './auth.types';
|
||||
|
||||
const initialState: IAuthState = {
|
||||
isLoading: false,
|
||||
isSignedOut: true
|
||||
};
|
||||
|
||||
const authReducer = (state: IAuthState = initialState, action: IAuthAction) => {
|
||||
switch (action.type) {
|
||||
case SIGNED_IN:
|
||||
return {
|
||||
isSignedOut: false,
|
||||
isLoading: false
|
||||
};
|
||||
case LOADING:
|
||||
return {
|
||||
...state,
|
||||
isLoading: true
|
||||
};
|
||||
case SIGNED_OUT:
|
||||
return {
|
||||
isSignedOut: true,
|
||||
isLoading: false
|
||||
};
|
||||
default:
|
||||
return state;
|
||||
}
|
||||
};
|
||||
|
||||
export default authReducer;
|
|
@ -0,0 +1,7 @@
|
|||
import { useSelector } from 'react-redux';
|
||||
import { rootReducerType } from '../../appStore';
|
||||
import { IAuthState } from './auth.interfaces';
|
||||
|
||||
export const authState = (): IAuthState => {
|
||||
return useSelector((state: rootReducerType) => state.authReducer);
|
||||
};
|
|
@ -0,0 +1,3 @@
|
|||
export const SIGNED_IN: string = 'SIGNED_IN';
|
||||
export const SIGNED_OUT: string = 'SIGNED_OUT';
|
||||
export const LOADING: string = 'LOADING';
|
|
@ -0,0 +1,51 @@
|
|||
import * as actionsMethods from '../auth.actions';
|
||||
import * as types from '../auth.types';
|
||||
import { IAuthAction } from '../auth.interfaces';
|
||||
|
||||
describe('auth actions', () => {
|
||||
beforeEach(() => {
|
||||
jest.clearAllMocks();
|
||||
});
|
||||
describe('loading', () => {
|
||||
it('should create action to show loading screen', () => {
|
||||
// Arrange
|
||||
const expectedAction: IAuthAction = {
|
||||
type: types.LOADING
|
||||
};
|
||||
|
||||
// Act
|
||||
const callAction = actionsMethods.loading();
|
||||
|
||||
// Assert
|
||||
expect(callAction).toEqual(expectedAction);
|
||||
});
|
||||
});
|
||||
describe('signedIn', () => {
|
||||
it('should create action to set user as signed in', () => {
|
||||
// Arrange
|
||||
const expectedAction: IAuthAction = {
|
||||
type: types.SIGNED_IN
|
||||
};
|
||||
|
||||
// Act
|
||||
const callAction = actionsMethods.signedIn();
|
||||
|
||||
// Assert
|
||||
expect(callAction).toEqual(expectedAction);
|
||||
});
|
||||
});
|
||||
describe('signedOut', () => {
|
||||
it('should create action to set user as signed out', () => {
|
||||
// Arrange
|
||||
const expectedAction: IAuthAction = {
|
||||
type: types.SIGNED_OUT
|
||||
};
|
||||
|
||||
// Act
|
||||
const callAction = actionsMethods.signedOut();
|
||||
|
||||
// Assert
|
||||
expect(callAction).toEqual(expectedAction);
|
||||
});
|
||||
});
|
||||
});
|
|
@ -0,0 +1,27 @@
|
|||
import * as actions from '../auth.actions';
|
||||
import { signIn, signOut, startLoading } from '../auth.methods';
|
||||
|
||||
describe('auth methods', () => {
|
||||
beforeEach(() => {
|
||||
jest.clearAllMocks();
|
||||
});
|
||||
|
||||
it('signIn calls signedIn', () => {
|
||||
const signedInSpy = jest.spyOn(actions, 'signedIn');
|
||||
const _signIn = signIn();
|
||||
|
||||
expect(signedInSpy).toBeCalledTimes(1);
|
||||
});
|
||||
it('startLoading calls loading', () => {
|
||||
const loadingSpy = jest.spyOn(actions, 'loading');
|
||||
const _startLoading = startLoading();
|
||||
|
||||
expect(loadingSpy).toBeCalledTimes(1);
|
||||
});
|
||||
it('signOut calls signedOut', () => {
|
||||
const signedOutSpy = jest.spyOn(actions, 'signedOut');
|
||||
const _signOut = signOut();
|
||||
|
||||
expect(signedOutSpy).toBeCalledTimes(1);
|
||||
});
|
||||
});
|
|
@ -0,0 +1,66 @@
|
|||
import authReducer from '../auth.reducer';
|
||||
import { IAuthState } from '../auth.interfaces';
|
||||
import { SIGNED_IN, LOADING, SIGNED_OUT } from '../auth.types';
|
||||
|
||||
const initialState: IAuthState = {
|
||||
isLoading: false,
|
||||
isSignedOut: true
|
||||
};
|
||||
|
||||
describe('auth reducer', () => {
|
||||
beforeEach(() => {
|
||||
jest.clearAllMocks();
|
||||
});
|
||||
it('should return initial state', () => {
|
||||
// Act
|
||||
const reducer = authReducer(undefined, { type: '' });
|
||||
|
||||
// Assert
|
||||
expect(reducer).toEqual(initialState);
|
||||
});
|
||||
it('SIGNED_IN', () => {
|
||||
// Arrange
|
||||
const signedIn = { type: SIGNED_IN };
|
||||
|
||||
const finalState: IAuthState = {
|
||||
isSignedOut: false,
|
||||
isLoading: false
|
||||
};
|
||||
|
||||
// Act
|
||||
const reducer = authReducer(initialState, signedIn);
|
||||
|
||||
// Assert
|
||||
expect(reducer).toEqual(finalState);
|
||||
});
|
||||
it('LOADING', () => {
|
||||
// Arrange
|
||||
const loading = { type: LOADING };
|
||||
|
||||
const finalState: IAuthState = {
|
||||
isSignedOut: true,
|
||||
isLoading: true
|
||||
};
|
||||
|
||||
// Act
|
||||
const reducer = authReducer(initialState, loading);
|
||||
|
||||
// Assert
|
||||
expect(reducer).toEqual(finalState);
|
||||
});
|
||||
it('SIGNED_OUT', () => {
|
||||
// Arrange
|
||||
const signOut = { type: SIGNED_OUT };
|
||||
|
||||
const finalState: IAuthState = {
|
||||
...initialState,
|
||||
isLoading: false
|
||||
};
|
||||
|
||||
// Act
|
||||
const reducer = authReducer(initialState, signOut);
|
||||
|
||||
// Assert
|
||||
expect(reducer).toEqual(finalState);
|
||||
});
|
||||
});
|
|
@ -0,0 +1,12 @@
|
|||
import { IDrawerAction } from './drawer.interfaces';
|
||||
import { PUSH_TO_DRAWER } from './drawer.types';
|
||||
|
||||
/**
|
||||
* Add an element to the drawer.
|
||||
*/
|
||||
export const pushToDrawer = (elements: JSX.Element[]): IDrawerAction => ({
|
||||
type: PUSH_TO_DRAWER,
|
||||
payload: {
|
||||
elements
|
||||
}
|
||||
});
|
|
@ -0,0 +1,10 @@
|
|||
export interface IDrawerState {
|
||||
drawerItems: JSX.Element[];
|
||||
}
|
||||
|
||||
export interface IDrawerAction {
|
||||
type: string;
|
||||
payload: {
|
||||
elements: JSX.Element[];
|
||||
};
|
||||
}
|
|
@ -0,0 +1,6 @@
|
|||
import { store } from '../../appStore';
|
||||
import { pushToDrawer } from './drawer.actions';
|
||||
|
||||
export const addToDrawer = (elements: JSX.Element[]) => {
|
||||
store.dispatch(pushToDrawer(elements));
|
||||
};
|
|
@ -0,0 +1,28 @@
|
|||
import { PUSH_TO_DRAWER } from './drawer.types';
|
||||
import { IDrawerState, IDrawerAction } from './drawer.interfaces';
|
||||
|
||||
const initialState: IDrawerState = {
|
||||
drawerItems: []
|
||||
};
|
||||
|
||||
const drawerReducer = (
|
||||
state: IDrawerState = initialState,
|
||||
action: IDrawerAction
|
||||
) => {
|
||||
switch (action.type) {
|
||||
case PUSH_TO_DRAWER: {
|
||||
const newItems = state.drawerItems;
|
||||
action.payload.elements.forEach(element => {
|
||||
newItems.push(element);
|
||||
});
|
||||
return {
|
||||
...state,
|
||||
drawerItems: newItems
|
||||
};
|
||||
}
|
||||
default:
|
||||
return state;
|
||||
}
|
||||
};
|
||||
|
||||
export default drawerReducer;
|
|
@ -0,0 +1,9 @@
|
|||
import { useSelector } from 'react-redux';
|
||||
import { rootReducerType } from '../../appStore';
|
||||
import { IDrawerState } from './drawer.interfaces';
|
||||
|
||||
export const getDrawerItems = (): JSX.Element[] => {
|
||||
return useSelector(
|
||||
(state: rootReducerType) => state.drawerReducer.drawerItems
|
||||
);
|
||||
};
|
|
@ -0,0 +1 @@
|
|||
export const PUSH_TO_DRAWER: string = 'PUSH_TO_DRAWER';
|
|
@ -0,0 +1,36 @@
|
|||
import { PUSH_DUEXELEMENT, REMOVE_KEY_DUEXELEMENT, REPLACE_DUEXELEMENT } from "./duexElement.types";
|
||||
import { ReactElement } from "react";
|
||||
import { IDuexElementAction } from "./duexElement.interface";
|
||||
import { IKeyOnlyAction } from "../keyStore/key.interface";
|
||||
|
||||
export const pushElement = (
|
||||
key: string,
|
||||
duexElement: ReactElement
|
||||
): IDuexElementAction => ({
|
||||
type: PUSH_DUEXELEMENT,
|
||||
payload: {
|
||||
key: key,
|
||||
duexElement: duexElement
|
||||
}
|
||||
});
|
||||
|
||||
export const replaceDuexElement = (
|
||||
key: string,
|
||||
duexElement: ReactElement
|
||||
): IDuexElementAction => ({
|
||||
type: REPLACE_DUEXELEMENT,
|
||||
payload: {
|
||||
key: key,
|
||||
duexElement: duexElement
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
export const removeDuexElementByKey = (
|
||||
duexElementKey: string
|
||||
): IKeyOnlyAction => ({
|
||||
type: REMOVE_KEY_DUEXELEMENT,
|
||||
payload: {
|
||||
key: duexElementKey
|
||||
}
|
||||
});
|
|
@ -0,0 +1,17 @@
|
|||
import { ReactElement } from "react";
|
||||
|
||||
export interface IDuexElementObject {
|
||||
[key: string]: ReactElement;
|
||||
}
|
||||
|
||||
export interface IDuexElementState {
|
||||
duexElements: IDuexElementObject;
|
||||
}
|
||||
|
||||
export interface IDuexElementAction {
|
||||
type: string;
|
||||
payload: {
|
||||
key: string
|
||||
duexElement: ReactElement;
|
||||
};
|
||||
}
|
|
@ -0,0 +1,48 @@
|
|||
|
||||
import { PUSH_DUEXELEMENT, REMOVE_KEY_DUEXELEMENT, REPLACE_DUEXELEMENT } from './duexElement.types';
|
||||
import { IDuexElementState, IDuexElementAction } from './duexElement.interface';
|
||||
|
||||
const initialState: IDuexElementState = {
|
||||
duexElements: {}
|
||||
};
|
||||
|
||||
const duexElementReducer = (
|
||||
state: IDuexElementState = initialState,
|
||||
action: IDuexElementAction
|
||||
): IDuexElementState => {
|
||||
switch (action.type) {
|
||||
case PUSH_DUEXELEMENT: {
|
||||
return {
|
||||
...state,
|
||||
duexElements: {
|
||||
...state.duexElements,
|
||||
[action.payload.key as string]: action.payload.duexElement
|
||||
}
|
||||
};
|
||||
}
|
||||
case REPLACE_DUEXELEMENT: {
|
||||
const hasKey = action.payload.key in state.duexElements;
|
||||
if (!hasKey) {
|
||||
return { ...state };
|
||||
}
|
||||
return {
|
||||
...state,
|
||||
duexElements: {
|
||||
...state.duexElements,
|
||||
[action.payload.key as string]: action.payload.duexElement
|
||||
},
|
||||
};
|
||||
|
||||
}
|
||||
case REMOVE_KEY_DUEXELEMENT: {
|
||||
// using delete over lodash.omit to reduce dependencies on external libraries
|
||||
const newData = state;
|
||||
delete newData.duexElements[action.payload.key];
|
||||
return { ...newData }
|
||||
}
|
||||
default:
|
||||
return state;
|
||||
}
|
||||
};
|
||||
|
||||
export default duexElementReducer;
|
|
@ -0,0 +1,7 @@
|
|||
import { useSelector } from "react-redux";
|
||||
import { rootReducerType } from "../../../appStore";
|
||||
import { IDuexElementState } from "./duexElement.interface";
|
||||
|
||||
export const getDuexElementSelector = (): IDuexElementState => {
|
||||
return useSelector((state: rootReducerType) => state.duexElementReducer);
|
||||
};
|
|
@ -0,0 +1,7 @@
|
|||
export const PUSH_DUEXELEMENT: string = 'PUSH_DUEXELEMENT';
|
||||
|
||||
export const REMOVE_KEY_DUEXELEMENT: string = 'REMOVE_KEY_DUEXELEMENT';
|
||||
|
||||
export const REPLACE_DUEXELEMENT: string = 'REPLACE_DUEXELEMENT';
|
||||
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
import { IDuexElementAction, IDuexElementObject } from "../duexElement.interface"
|
||||
import React, { ReactElement } from 'react';
|
||||
|
||||
export const duexElementActionBuilder = (type: string, key: string, duexElement: React.ReactElement): IDuexElementAction => {
|
||||
return {
|
||||
type: type,
|
||||
payload: {
|
||||
key: key,
|
||||
duexElement: duexElement
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
export const duexElementObjectBuilder = (key: string, duexElement: ReactElement): IDuexElementObject => {
|
||||
return {
|
||||
[key]: duexElement
|
||||
}
|
||||
}
|
|
@ -0,0 +1,167 @@
|
|||
import { IDuexElementState } from "../duexElement.interface"
|
||||
import { duexElementObjectBuilder } from "./duexElement.methods.helpers"
|
||||
import React, { Fragment } from 'react';
|
||||
import { pushElement, replaceDuexElement, removeDuexElementByKey } from "../duexElement.action"
|
||||
import { store, resetApp } from "../../../../appStore";
|
||||
import { Text } from "react-native";
|
||||
|
||||
describe('duexElementStore tests', () => {
|
||||
beforeEach(() => {
|
||||
store.dispatch(resetApp())
|
||||
});
|
||||
|
||||
it('PUSH_DUEXELEMENT', () => {
|
||||
// Arrange
|
||||
const expectedState: IDuexElementState =
|
||||
{
|
||||
duexElements: duexElementObjectBuilder('first', <Fragment />)
|
||||
}
|
||||
|
||||
// Act
|
||||
store.dispatch(pushElement('first', <Fragment />))
|
||||
const data = store.getState().duexElementReducer
|
||||
|
||||
// Assert
|
||||
expect(data).toStrictEqual(expectedState);
|
||||
})
|
||||
|
||||
it('PUSH_DUEXELEMENT Multiple', () => {
|
||||
// Arrange
|
||||
const expectedState: IDuexElementState =
|
||||
{
|
||||
duexElements: {
|
||||
'first': <Fragment />,
|
||||
'second': <Fragment />,
|
||||
'third': <Fragment />,
|
||||
}
|
||||
}
|
||||
|
||||
// Act
|
||||
store.dispatch(pushElement('first', <Fragment />))
|
||||
store.dispatch(pushElement('second', <Fragment />))
|
||||
store.dispatch(pushElement('third', <Fragment />))
|
||||
const data = store.getState().duexElementReducer
|
||||
|
||||
// Assert
|
||||
expect(data).toStrictEqual(expectedState);
|
||||
})
|
||||
|
||||
it('REPLACE_DUEXELEMENT', () => {
|
||||
// Arrange
|
||||
const expectedState: IDuexElementState = {
|
||||
duexElements: duexElementObjectBuilder('first', <Text>second</Text>)
|
||||
}
|
||||
|
||||
// Act
|
||||
store.dispatch(pushElement('first', <Text>first</Text>))
|
||||
store.dispatch(replaceDuexElement('first', <Text>second</Text>))
|
||||
const data = store.getState().duexElementReducer
|
||||
|
||||
// Assert
|
||||
expect(data).toStrictEqual(expectedState);
|
||||
|
||||
})
|
||||
|
||||
it('REPLACE_DUEXELEMENT Multiple', () => {
|
||||
// Arrange
|
||||
const expectedState: IDuexElementState = {
|
||||
duexElements: duexElementObjectBuilder('first', <Text>fifth</Text>)
|
||||
}
|
||||
|
||||
// Act
|
||||
store.dispatch(pushElement('first', <Text>first</Text>))
|
||||
store.dispatch(replaceDuexElement('first', <Text>second</Text>))
|
||||
store.dispatch(replaceDuexElement('first', <Text>third</Text>))
|
||||
store.dispatch(replaceDuexElement('first', <Text>fourth</Text>))
|
||||
store.dispatch(replaceDuexElement('first', <Text>fifth</Text>))
|
||||
const data = store.getState().duexElementReducer
|
||||
|
||||
// Assert
|
||||
expect(data).toStrictEqual(expectedState);
|
||||
})
|
||||
|
||||
it('REPLACE_DUEXELEMENT not found', () => {
|
||||
// Arrange
|
||||
const expectedState: IDuexElementState = {
|
||||
duexElements: duexElementObjectBuilder('first', <Text>first</Text>)
|
||||
}
|
||||
|
||||
// Act
|
||||
store.dispatch(pushElement('first', <Text>first</Text>))
|
||||
store.dispatch(replaceDuexElement('does not exist', <Text>second</Text>))
|
||||
const data = store.getState().duexElementReducer
|
||||
|
||||
// Assert
|
||||
expect(data).toStrictEqual(expectedState);
|
||||
})
|
||||
|
||||
it('REMOVE_KEY_DUEXELEMENT', () => {
|
||||
// Arrange
|
||||
const expectedState: IDuexElementState =
|
||||
{
|
||||
duexElements: {
|
||||
'first': <Text>first</Text>,
|
||||
'third': <Text>third</Text>,
|
||||
}
|
||||
}
|
||||
|
||||
// Act
|
||||
store.dispatch(pushElement('first', <Text>first</Text>))
|
||||
store.dispatch(pushElement('second', <Text>second</Text>))
|
||||
store.dispatch(pushElement('third', <Text>third</Text>))
|
||||
store.dispatch(removeDuexElementByKey('second'))
|
||||
const data = store.getState().duexElementReducer
|
||||
|
||||
// Assert
|
||||
expect(data).toStrictEqual(expectedState);
|
||||
})
|
||||
|
||||
it('REMOVE_KEY_DUEXELEMENT Multiple', () => {
|
||||
// Arrange
|
||||
const expectedState: IDuexElementState =
|
||||
{
|
||||
duexElements: {
|
||||
'first': <Text>first</Text>,
|
||||
'third': <Text>third</Text>,
|
||||
'fifth': <Text>fifth</Text>,
|
||||
}
|
||||
}
|
||||
|
||||
// Act
|
||||
store.dispatch(pushElement('first', <Text>first</Text>,))
|
||||
store.dispatch(pushElement('second', <Text>second</Text>,))
|
||||
store.dispatch(pushElement('third', <Text>third</Text>,))
|
||||
store.dispatch(pushElement('fourth', <Text>fourth</Text>,))
|
||||
store.dispatch(pushElement('fifth', <Text>fifth</Text>,))
|
||||
store.dispatch(removeDuexElementByKey('second'))
|
||||
store.dispatch(removeDuexElementByKey('fourth'))
|
||||
const data = store.getState().duexElementReducer
|
||||
|
||||
// Assert
|
||||
expect(data).toStrictEqual(expectedState);
|
||||
})
|
||||
|
||||
it('REMOVE_KEY_DUEXELEMENT not found ', () => {
|
||||
// Arrange
|
||||
const expectedState: IDuexElementState =
|
||||
{
|
||||
duexElements: {
|
||||
'first': <Text>first</Text>,
|
||||
'second': <Text>second</Text>,
|
||||
'third': <Text>third</Text>,
|
||||
}
|
||||
}
|
||||
|
||||
// Act
|
||||
store.dispatch(pushElement('first', <Text>first</Text>,))
|
||||
store.dispatch(pushElement('second', <Text>second</Text>,))
|
||||
store.dispatch(pushElement('third', <Text>third</Text>,))
|
||||
store.dispatch(removeDuexElementByKey('does not exist'))
|
||||
const data = store.getState().duexElementReducer
|
||||
|
||||
// Assert
|
||||
expect(data).toStrictEqual(expectedState);
|
||||
})
|
||||
|
||||
|
||||
})
|
|
@ -0,0 +1,35 @@
|
|||
import { IHeaderAction, IHeader } from "./header.interface";
|
||||
import { PUSH_HEADER, REPLACE_HEADER, REMOVE_KEY_HEADER } from "./header.types";
|
||||
import { IKeyAction, IKeyOnlyAction } from "../keyStore/key.interface";
|
||||
|
||||
export const pushHeader = (
|
||||
key: string,
|
||||
header: IHeader
|
||||
): IHeaderAction => ({
|
||||
type: PUSH_HEADER,
|
||||
payload: {
|
||||
key: key,
|
||||
header: header
|
||||
}
|
||||
});
|
||||
|
||||
export const replaceHeader = (
|
||||
key: string,
|
||||
header: IHeader
|
||||
): IHeaderAction => ({
|
||||
type: REPLACE_HEADER,
|
||||
payload: {
|
||||
key: key,
|
||||
header: header
|
||||
}
|
||||
});
|
||||
|
||||
export const removeHeaderByKey = (
|
||||
headerKey: string
|
||||
): IKeyOnlyAction => ({
|
||||
type: REMOVE_KEY_HEADER,
|
||||
payload: {
|
||||
key: headerKey
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
import { StyleProp, ViewStyle } from "react-native";
|
||||
import { ReactElement } from "react";
|
||||
|
||||
export interface IHeader {
|
||||
title?: string;
|
||||
IconPress?: () => void;
|
||||
style?: StyleProp<ViewStyle>; //expand this out
|
||||
leftIcon?: ReactElement;
|
||||
}
|
||||
|
||||
export interface IHeaderObject {
|
||||
[key: string]: IHeader;
|
||||
}
|
||||
|
||||
export interface IHeaderState {
|
||||
headers: IHeaderObject;
|
||||
}
|
||||
|
||||
export interface IHeaderAction {
|
||||
type: string;
|
||||
payload: {
|
||||
key: string
|
||||
header: IHeader;
|
||||
};
|
||||
}
|
|
@ -0,0 +1,48 @@
|
|||
import {
|
||||
IHeaderState, IHeaderAction
|
||||
} from './header.interface';
|
||||
import { PUSH_HEADER, REPLACE_HEADER, REMOVE_KEY_HEADER } from './header.types';
|
||||
|
||||
const initialState: IHeaderState = {
|
||||
headers: {}
|
||||
};
|
||||
|
||||
const headerReducer = (
|
||||
state: IHeaderState = initialState,
|
||||
action: IHeaderAction
|
||||
): IHeaderState => {
|
||||
switch (action.type) {
|
||||
case PUSH_HEADER: {
|
||||
return {
|
||||
...state,
|
||||
headers: {
|
||||
...state.headers,
|
||||
[action.payload.key as string]: action.payload.header
|
||||
}
|
||||
};
|
||||
}
|
||||
case REPLACE_HEADER: {
|
||||
const hasKey = action.payload.key in state.headers;
|
||||
if (!hasKey) {
|
||||
return { ...state };
|
||||
}
|
||||
return {
|
||||
...state,
|
||||
headers: {
|
||||
...state.headers,
|
||||
[action.payload.key as string]: action.payload.header
|
||||
}
|
||||
};
|
||||
}
|
||||
case REMOVE_KEY_HEADER: {
|
||||
// using delete over lodash.omit to reduce dependencies on external libraries
|
||||
const newData = state;
|
||||
delete newData.headers[action.payload.key];
|
||||
return { ...newData }
|
||||
}
|
||||
default:
|
||||
return state;
|
||||
}
|
||||
};
|
||||
|
||||
export default headerReducer;
|
|
@ -0,0 +1,7 @@
|
|||
import { useSelector } from "react-redux";
|
||||
import { rootReducerType } from "../../../appStore";
|
||||
import { IHeaderState } from "./header.interface";
|
||||
|
||||
export const getHeaderSelector = (): IHeaderState => {
|
||||
return useSelector((state: rootReducerType) => state.headerReducer);
|
||||
};
|
|
@ -0,0 +1,7 @@
|
|||
export const PUSH_HEADER: string = 'PUSH_HEADER';
|
||||
|
||||
export const REPLACE_HEADER: string = 'REPLACE_HEADER';
|
||||
|
||||
export const REMOVE_KEY_HEADER: string = 'REMOVE_KEY_HEADER';
|
||||
|
||||
//export const POP_TO_FRONT_HEADER: string = 'POP_TO_FRONT_HEADER';
|
|
@ -0,0 +1,18 @@
|
|||
import { IHeaderAction, IHeader, IHeaderObject } from "../header.interface";
|
||||
|
||||
export const headerActionBuilder = (type: string, key: string, header: IHeader): IHeaderAction => {
|
||||
return {
|
||||
type: type,
|
||||
payload: {
|
||||
key: key,
|
||||
header: header
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
export const headerObjectBuilder = (key: string, header: IHeader): IHeaderObject => {
|
||||
return {
|
||||
[key]: header
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,168 @@
|
|||
import { IHeaderState } from "../header.interface"
|
||||
import { headerObjectBuilder } from "./header.methods.helpers"
|
||||
import { store, resetApp } from "../../../../appStore"
|
||||
import { pushHeader, replaceHeader, removeHeaderByKey } from "../header.actions"
|
||||
|
||||
describe('headerStore tests', () => {
|
||||
beforeEach(() => {
|
||||
store.dispatch(resetApp())
|
||||
});
|
||||
|
||||
it('PUSH_HEADER', () => {
|
||||
// Arrange
|
||||
const expectedState: IHeaderState =
|
||||
{
|
||||
headers: headerObjectBuilder('first', { title: 'first' })
|
||||
}
|
||||
|
||||
// Act
|
||||
store.dispatch(pushHeader('first', { title: 'first' }))
|
||||
const data = store.getState().headerReducer
|
||||
|
||||
// Assert
|
||||
expect(data).toStrictEqual(expectedState);
|
||||
})
|
||||
|
||||
it('PUSH_HEADER Multiple', () => {
|
||||
// Arrange
|
||||
const expectedState: IHeaderState =
|
||||
{
|
||||
headers: {
|
||||
'first': { title: 'first' },
|
||||
'second': { title: 'second' },
|
||||
'third': { title: 'third' },
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
// Act
|
||||
store.dispatch(pushHeader('first', { title: 'first' }))
|
||||
store.dispatch(pushHeader('second', { title: 'second' }))
|
||||
store.dispatch(pushHeader('third', { title: 'third' }))
|
||||
const data = store.getState().headerReducer
|
||||
|
||||
// Assert
|
||||
expect(data).toStrictEqual(expectedState);
|
||||
})
|
||||
|
||||
it('REPLACE_HEADER', () => {
|
||||
// Arrange
|
||||
const expectedState: IHeaderState = {
|
||||
headers: headerObjectBuilder('first', { title: 'second' })
|
||||
}
|
||||
|
||||
// Act
|
||||
store.dispatch(pushHeader('first', { title: 'first' }))
|
||||
store.dispatch(replaceHeader('first', { title: 'second' }))
|
||||
const data = store.getState().headerReducer
|
||||
|
||||
// Assert
|
||||
expect(data).toStrictEqual(expectedState);
|
||||
|
||||
})
|
||||
|
||||
it('REPLACE_HEADER Multiple', () => {
|
||||
// Arrange
|
||||
const expectedState: IHeaderState = {
|
||||
headers: headerObjectBuilder('first', { title: 'fifth' })
|
||||
}
|
||||
|
||||
// Act
|
||||
store.dispatch(pushHeader('first', { title: 'first' }))
|
||||
store.dispatch(replaceHeader('first', { title: 'second' }))
|
||||
store.dispatch(replaceHeader('first', { title: 'third' }))
|
||||
store.dispatch(replaceHeader('first', { title: 'fourth' }))
|
||||
store.dispatch(replaceHeader('first', { title: 'fifth' }))
|
||||
|
||||
const data = store.getState().headerReducer
|
||||
|
||||
// Assert
|
||||
expect(data).toStrictEqual(expectedState);
|
||||
})
|
||||
|
||||
it('REPLACE_HEADER not found', () => {
|
||||
// Arrange
|
||||
const expectedState: IHeaderState = {
|
||||
headers: headerObjectBuilder('first', { title: 'first' })
|
||||
}
|
||||
|
||||
// Act
|
||||
store.dispatch(pushHeader('first', { title: 'first' }))
|
||||
store.dispatch(replaceHeader('does not exist', { title: 'second' }))
|
||||
const data = store.getState().headerReducer
|
||||
|
||||
// Assert
|
||||
expect(data).toStrictEqual(expectedState);
|
||||
})
|
||||
|
||||
it('REMOVE_KEY_HEADER', () => {
|
||||
// Arrange
|
||||
const expectedState: IHeaderState =
|
||||
{
|
||||
headers: {
|
||||
'first': { title: 'first' },
|
||||
'third': { title: 'third' },
|
||||
|
||||
}
|
||||
}
|
||||
// Act
|
||||
store.dispatch(pushHeader('first', { title: 'first' }))
|
||||
store.dispatch(pushHeader('second', { title: 'second' }))
|
||||
store.dispatch(pushHeader('third', { title: 'third' }))
|
||||
store.dispatch(removeHeaderByKey('second'))
|
||||
const data = store.getState().headerReducer
|
||||
|
||||
// Assert
|
||||
expect(data).toStrictEqual(expectedState);
|
||||
})
|
||||
|
||||
it('REMOVE_KEY_HEADER Multiple', () => {
|
||||
// Arrange
|
||||
const expectedState: IHeaderState =
|
||||
{
|
||||
headers: {
|
||||
'first': { title: 'first' },
|
||||
'third': { title: 'third' },
|
||||
'fifth': { title: 'fifth' }
|
||||
|
||||
}
|
||||
}
|
||||
// Act
|
||||
store.dispatch(pushHeader('first', { title: 'first' }))
|
||||
store.dispatch(pushHeader('second', { title: 'second' }))
|
||||
store.dispatch(pushHeader('third', { title: 'third' }))
|
||||
store.dispatch(pushHeader('fourth', { title: 'fourth' }))
|
||||
store.dispatch(pushHeader('fifth', { title: 'fifth' }))
|
||||
|
||||
store.dispatch(removeHeaderByKey('second'))
|
||||
store.dispatch(removeHeaderByKey('fourth'))
|
||||
|
||||
const data = store.getState().headerReducer
|
||||
|
||||
// Assert
|
||||
expect(data).toStrictEqual(expectedState);
|
||||
})
|
||||
|
||||
it('REMOVE_KEY_HEADER not found ', () => {
|
||||
// Arrange
|
||||
const expectedState: IHeaderState =
|
||||
{
|
||||
headers: {
|
||||
'first': { title: 'first' },
|
||||
'second': { title: 'second' },
|
||||
'third': { title: 'third' },
|
||||
}
|
||||
}
|
||||
// Act
|
||||
store.dispatch(pushHeader('first', { title: 'first' }))
|
||||
store.dispatch(pushHeader('second', { title: 'second' }))
|
||||
store.dispatch(pushHeader('third', { title: 'third' }))
|
||||
store.dispatch(removeHeaderByKey('does not exist'))
|
||||
const data = store.getState().headerReducer
|
||||
|
||||
// Assert
|
||||
expect(data).toStrictEqual(expectedState);
|
||||
})
|
||||
|
||||
|
||||
})
|
|
@ -0,0 +1,59 @@
|
|||
import { screenType } from "../../../utilities/interfaces";
|
||||
import { IKeyAction, IScreenOnlyAction, IKeyScreenAction } from "./key.interface";
|
||||
import { PUSH_KEY, POP_KEY, MOVE_TO_FRONT_KEY, REMOVE_KEY, CHANGE_SCREEN_KEY, POP_TO_FRONT_KEY } from "./key.types";
|
||||
|
||||
export const pushKey = (
|
||||
screen: screenType,
|
||||
key: string,
|
||||
isMerge: boolean
|
||||
): IKeyAction => ({
|
||||
type: PUSH_KEY,
|
||||
payload: {
|
||||
screen: screen,
|
||||
key: key,
|
||||
isMerge: isMerge
|
||||
}
|
||||
});
|
||||
|
||||
/**
|
||||
* Removes all elements of the stack and returns element in index 0
|
||||
*/
|
||||
export const popToFront = (screen: screenType): IScreenOnlyAction => ({
|
||||
type: POP_TO_FRONT_KEY,
|
||||
payload: {
|
||||
screen: screen
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
/**
|
||||
* Go back one element in the stack
|
||||
*/
|
||||
export const popScreen = (screen: screenType): IScreenOnlyAction => ({
|
||||
type: POP_KEY,
|
||||
payload: {
|
||||
screen: screen
|
||||
}
|
||||
});
|
||||
|
||||
export const moveToFront = (screen: screenType,
|
||||
key: string
|
||||
): IKeyScreenAction => ({
|
||||
type: MOVE_TO_FRONT_KEY,
|
||||
payload: {
|
||||
screen: screen,
|
||||
key: key
|
||||
}
|
||||
});
|
||||
|
||||
export const changeScreen = (screen: screenType,
|
||||
key: string
|
||||
): IKeyScreenAction => ({
|
||||
type: CHANGE_SCREEN_KEY,
|
||||
payload: {
|
||||
screen: screen,
|
||||
key: key
|
||||
}
|
||||
});
|
||||
|
||||
|
|
@ -0,0 +1,44 @@
|
|||
import { screenType } from "../../../utilities/interfaces";
|
||||
|
||||
export interface IKeyState {
|
||||
keys: Array<IKeyObject>;
|
||||
}
|
||||
|
||||
export interface IKeyAction {
|
||||
type: string;
|
||||
payload: {
|
||||
screen: screenType,
|
||||
key: string;
|
||||
isMerge: boolean;
|
||||
};
|
||||
}
|
||||
|
||||
export interface IKeyOnlyAction {
|
||||
type: string;
|
||||
payload: {
|
||||
key: string;
|
||||
};
|
||||
}
|
||||
|
||||
export interface IScreenOnlyAction {
|
||||
type: string;
|
||||
payload: {
|
||||
screen: screenType;
|
||||
};
|
||||
}
|
||||
|
||||
export interface IKeyScreenAction {
|
||||
type: string;
|
||||
payload: {
|
||||
screen: screenType;
|
||||
key: string;
|
||||
};
|
||||
}
|
||||
|
||||
|
||||
|
||||
export interface IKeyObject {
|
||||
key: string,
|
||||
isMerge: boolean;
|
||||
screen: screenType;
|
||||
}
|
|
@ -0,0 +1,115 @@
|
|||
import {
|
||||
screenType,
|
||||
} from '../../../utilities/interfaces';
|
||||
import { IKeyState, IKeyAction, IKeyObject } from './key.interface';
|
||||
import _ from 'lodash';
|
||||
import { PUSH_KEY, POP_KEY, MOVE_TO_FRONT_KEY, REMOVE_KEY, CHANGE_SCREEN_KEY, POP_TO_FRONT_KEY } from './key.types';
|
||||
|
||||
const initialState: IKeyState = {
|
||||
keys: []
|
||||
}
|
||||
|
||||
const keyReducers = (
|
||||
state: IKeyState = initialState,
|
||||
action: IKeyAction
|
||||
): IKeyState => {
|
||||
switch (action.type) {
|
||||
case PUSH_KEY: {
|
||||
const newObject: IKeyObject = {
|
||||
key: `${action.payload.screen}_${action.payload.key}`,
|
||||
isMerge: action.payload.isMerge,
|
||||
screen: action.payload.screen
|
||||
}
|
||||
return {
|
||||
...state, //state retains state for all variables
|
||||
keys: [...state.keys, newObject]
|
||||
};
|
||||
}
|
||||
case POP_TO_FRONT_KEY: {
|
||||
const singleScreenState = state.keys.filter(x => x.screen === screenType.SINGLE);
|
||||
const dualScreenState = state.keys.filter(x => x.screen === screenType.DUAL);
|
||||
|
||||
if (action.payload.screen === screenType.SINGLE) {
|
||||
return {
|
||||
...state, //state retains state for all variables
|
||||
keys: [singleScreenState[0], ...dualScreenState]
|
||||
};
|
||||
};
|
||||
|
||||
return {
|
||||
...state, //state retains state for all variables
|
||||
keys: [...singleScreenState, dualScreenState[0]]
|
||||
};
|
||||
}
|
||||
case POP_KEY: {
|
||||
const singleScreenState = state.keys.filter(x => x.screen === screenType.SINGLE);
|
||||
const dualScreenState = state.keys.filter(x => x.screen === screenType.DUAL);
|
||||
|
||||
if (action.payload.screen === screenType.SINGLE) {
|
||||
singleScreenState.pop();
|
||||
} else {
|
||||
dualScreenState.pop();
|
||||
}
|
||||
|
||||
return {
|
||||
...state,
|
||||
keys: [...singleScreenState, ...dualScreenState]
|
||||
};
|
||||
}
|
||||
case MOVE_TO_FRONT_KEY: {
|
||||
//TODO: REMOVE LODASH AND CREATE OUR OWN
|
||||
const singleScreenState = state.keys.filter(x => x.screen === screenType.SINGLE);
|
||||
const dualScreenState = state.keys.filter(x => x.screen === screenType.DUAL);
|
||||
|
||||
if (action.payload.screen === screenType.SINGLE) {
|
||||
const sorted = _.sortBy(singleScreenState, function (item) {
|
||||
return item.key === `${action.payload.key}` ? 1 : 0;
|
||||
});
|
||||
|
||||
return {
|
||||
...state, //retains state for all variables
|
||||
keys: [...sorted, ...dualScreenState]
|
||||
};
|
||||
};
|
||||
|
||||
const sorted = _.sortBy(dualScreenState, function (item) {
|
||||
return item.key === `${action.payload.key}` ? 1 : 0;
|
||||
});
|
||||
|
||||
return {
|
||||
...state, //retains state for all variables
|
||||
keys: [...singleScreenState, ...sorted]
|
||||
};
|
||||
}
|
||||
case CHANGE_SCREEN_KEY: {
|
||||
return {
|
||||
...state, //retains state for all variables
|
||||
keys: updateObjectInArray(state.keys, action)
|
||||
};
|
||||
}
|
||||
default:
|
||||
return state;
|
||||
}
|
||||
};
|
||||
|
||||
function updateObjectInArray(keys: IKeyObject[], action: IKeyAction) {
|
||||
return keys.map((item) => {
|
||||
if (item.key !== action.payload.key) {
|
||||
// This isn't the item we care about - keep it as-is
|
||||
return item
|
||||
}
|
||||
const updatedItem: IKeyObject = {
|
||||
key: item.key,
|
||||
isMerge: item.isMerge,
|
||||
screen: action.payload.screen
|
||||
}
|
||||
|
||||
// Otherwise, this is the one we want - return an updated value
|
||||
return {
|
||||
...item,
|
||||
...updatedItem
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
export default keyReducers;
|
|
@ -0,0 +1,7 @@
|
|||
import { useSelector } from 'react-redux';
|
||||
import { rootReducerType } from '../../../appStore';
|
||||
import { IKeyState } from './key.interface';
|
||||
|
||||
export const getScreenKeyState = (): IKeyState => {
|
||||
return useSelector((state: rootReducerType) => state.KeyReducers);
|
||||
};
|
|
@ -0,0 +1,11 @@
|
|||
export const PUSH_KEY: string = 'PUSH_KEY';
|
||||
|
||||
export const POP_TO_FRONT_KEY: string = 'POP_TO_FRONT_KEY';
|
||||
|
||||
export const POP_KEY: string = 'POP_KEY';
|
||||
|
||||
export const MOVE_TO_FRONT_KEY: string = 'MOVE_TO_KEY';
|
||||
|
||||
export const REMOVE_KEY: string = 'REMOVE_KEY';
|
||||
|
||||
export const CHANGE_SCREEN_KEY: string = 'CHANGE_SCREEN_KEY';
|
|
@ -0,0 +1,40 @@
|
|||
import { IKeyAction, IKeyState, IKeyObject } from '../key.interface';
|
||||
import { screenType } from '../../../../utilities/interfaces';
|
||||
import { store } from '../../../../appStore';
|
||||
import * as keyActions from '../key.actions';
|
||||
|
||||
export const KeyActionBuilder = (type: string, screen: screenType, key: string, isMerge: boolean): IKeyAction => {
|
||||
return {
|
||||
type: type,
|
||||
payload: {
|
||||
screen: screen,
|
||||
key: key,
|
||||
isMerge: isMerge
|
||||
}
|
||||
}
|
||||
}
|
||||
/**
|
||||
* mocks keyState building 3 objects for the final state
|
||||
*/
|
||||
//TODO: TURN INTO FOR LOOP AUTO INCREMENT FUNCTION
|
||||
export const mockKeyState = (screen: screenType, isMerge: boolean, prependKey: string = ''): IKeyState => {
|
||||
const first = keyObjectBuilder(`${prependKey}first`, isMerge, screen)
|
||||
const second = keyObjectBuilder(`${prependKey}second`, isMerge, screen)
|
||||
const third = keyObjectBuilder(`${prependKey}third`, isMerge, screen)
|
||||
return {
|
||||
keys: [first, second, third]
|
||||
}
|
||||
}
|
||||
|
||||
export const keyObjectBuilder = (key: string, isMerge: boolean, screen: screenType): IKeyObject => {
|
||||
return {
|
||||
key: key,
|
||||
isMerge: isMerge,
|
||||
screen: screen
|
||||
}
|
||||
}
|
||||
|
||||
export const populateKeyStore3 = (screen: screenType, isMerge: boolean) => {
|
||||
const keyState = mockKeyState(screen, isMerge);
|
||||
keyState.keys.map(val => store.dispatch(keyActions.pushKey(val.screen, val.key, val.isMerge)))
|
||||
}
|
|
@ -0,0 +1,418 @@
|
|||
import { store, resetApp } from "../../../../appStore"
|
||||
import { IKeyState } from "../key.interface";
|
||||
import { populateKeyStore3, mockKeyState, keyObjectBuilder } from "./key.methods.helpers";
|
||||
import { screenType } from "../../../../utilities/interfaces";
|
||||
import { pushKey, popToFront, popScreen, moveToFront, changeScreen } from "../key.actions";
|
||||
|
||||
describe('keyStore tests', () => {
|
||||
beforeEach(() => {
|
||||
store.dispatch(resetApp())
|
||||
});
|
||||
|
||||
describe('singleScreen', () => {
|
||||
|
||||
it('PUSH_KEY', () => {
|
||||
// Arrange
|
||||
const expectedState = mockKeyState(screenType.SINGLE, false, `${screenType.SINGLE}_`);
|
||||
|
||||
// Act
|
||||
store.dispatch(pushKey(screenType.SINGLE, `first`, false));
|
||||
store.dispatch(pushKey(screenType.SINGLE, `second`, false));
|
||||
store.dispatch(pushKey(screenType.SINGLE, `third`, false));
|
||||
const data = store.getState().KeyReducers;
|
||||
// Assert
|
||||
expect(data).toStrictEqual(expectedState)
|
||||
})
|
||||
|
||||
|
||||
it('PUSH_KEY_EXPECT_DUPLICATION', () => {
|
||||
// Arrange
|
||||
const original = mockKeyState(screenType.SINGLE, false, `${screenType.SINGLE}_`);
|
||||
const duplicate = mockKeyState(screenType.SINGLE, false, `${screenType.SINGLE}_`);
|
||||
const expectedState: IKeyState = {
|
||||
keys: [...original.keys, ...duplicate.keys]
|
||||
}
|
||||
|
||||
// Act
|
||||
store.dispatch(pushKey(screenType.SINGLE, `first`, false));
|
||||
store.dispatch(pushKey(screenType.SINGLE, `second`, false));
|
||||
store.dispatch(pushKey(screenType.SINGLE, `third`, false));
|
||||
store.dispatch(pushKey(screenType.SINGLE, `first`, false));
|
||||
store.dispatch(pushKey(screenType.SINGLE, `second`, false));
|
||||
store.dispatch(pushKey(screenType.SINGLE, `third`, false));
|
||||
const data = store.getState().KeyReducers;
|
||||
|
||||
// Assert
|
||||
expect(data).toEqual(expectedState)
|
||||
})
|
||||
|
||||
it('POP_TO_FRONT_KEY', () => {
|
||||
// Arrange
|
||||
const expectedState: IKeyState =
|
||||
{
|
||||
keys: [keyObjectBuilder(`${screenType.SINGLE}_first`, false, screenType.SINGLE)]
|
||||
}
|
||||
populateKeyStore3(screenType.SINGLE, false);
|
||||
|
||||
// Act
|
||||
store.dispatch(popToFront(screenType.SINGLE))
|
||||
const data = store.getState().KeyReducers;
|
||||
|
||||
// Assert
|
||||
expect(data).toStrictEqual(expectedState)
|
||||
})
|
||||
|
||||
it('POP_TO_FRONT_KEY dualScreen untouched', () => {
|
||||
// Arrange
|
||||
const expectedSingleState: IKeyState =
|
||||
{
|
||||
keys: [keyObjectBuilder(`${screenType.SINGLE}_first`, false, screenType.SINGLE)]
|
||||
}
|
||||
const expectedDualState: IKeyState = mockKeyState(screenType.DUAL, false, `${screenType.DUAL}_`)
|
||||
populateKeyStore3(screenType.SINGLE, false);
|
||||
populateKeyStore3(screenType.DUAL, false);
|
||||
|
||||
// Act
|
||||
store.dispatch(popToFront(screenType.SINGLE))
|
||||
const data = store.getState().KeyReducers;
|
||||
const singleScreenState = data.keys.filter(x => x.screen === screenType.SINGLE);
|
||||
const dualScreenState = data.keys.filter(x => x.screen === screenType.DUAL);
|
||||
|
||||
// Assert
|
||||
expect(singleScreenState).toStrictEqual(expectedSingleState.keys)
|
||||
expect(dualScreenState).toStrictEqual(expectedDualState.keys)
|
||||
})
|
||||
|
||||
it('POP_KEY', () => {
|
||||
// Arrange
|
||||
const expectedSingleState: IKeyState =
|
||||
{
|
||||
keys: [keyObjectBuilder(`${screenType.SINGLE}_first`, false, screenType.SINGLE),
|
||||
keyObjectBuilder(`${screenType.SINGLE}_second`, false, screenType.SINGLE)]
|
||||
}
|
||||
populateKeyStore3(screenType.SINGLE, false);
|
||||
|
||||
// Act
|
||||
store.dispatch(popScreen(screenType.SINGLE))
|
||||
const data = store.getState().KeyReducers;
|
||||
|
||||
// Assert
|
||||
expect(data).toStrictEqual(expectedSingleState)
|
||||
|
||||
})
|
||||
|
||||
it('POP_KEY Multiple', () => {
|
||||
// Arrange
|
||||
const expectedSingleState: IKeyState =
|
||||
{
|
||||
keys: [keyObjectBuilder(`${screenType.SINGLE}_first`, false, screenType.SINGLE)]
|
||||
}
|
||||
populateKeyStore3(screenType.SINGLE, false);
|
||||
populateKeyStore3(screenType.SINGLE, false);
|
||||
|
||||
|
||||
// Act
|
||||
store.dispatch(popScreen(screenType.SINGLE))
|
||||
store.dispatch(popScreen(screenType.SINGLE))
|
||||
store.dispatch(popScreen(screenType.SINGLE))
|
||||
store.dispatch(popScreen(screenType.SINGLE))
|
||||
store.dispatch(popScreen(screenType.SINGLE))
|
||||
const data = store.getState().KeyReducers;
|
||||
|
||||
// Assert
|
||||
expect(data).toStrictEqual(expectedSingleState)
|
||||
})
|
||||
|
||||
|
||||
it('POP_KEY dualScreen untouched', () => {
|
||||
// Arrange
|
||||
const expectedSingleState: IKeyState =
|
||||
{
|
||||
keys: [keyObjectBuilder(`${screenType.SINGLE}_first`, false, screenType.SINGLE),
|
||||
keyObjectBuilder(`${screenType.SINGLE}_second`, false, screenType.SINGLE)]
|
||||
}
|
||||
const expectedDualState: IKeyState = mockKeyState(screenType.DUAL, false, `${screenType.DUAL}_`);
|
||||
|
||||
populateKeyStore3(screenType.SINGLE, false);
|
||||
populateKeyStore3(screenType.DUAL, false);
|
||||
|
||||
|
||||
// Act
|
||||
store.dispatch(popScreen(screenType.SINGLE))
|
||||
const data = store.getState().KeyReducers;
|
||||
const singleScreenState = data.keys.filter(x => x.screen === screenType.SINGLE);
|
||||
const dualScreenState = data.keys.filter(x => x.screen === screenType.DUAL);
|
||||
|
||||
|
||||
|
||||
// Assert
|
||||
expect(singleScreenState).toStrictEqual(expectedSingleState.keys)
|
||||
expect(dualScreenState).toStrictEqual(expectedDualState.keys)
|
||||
|
||||
})
|
||||
|
||||
it('MOVE_TO_FRONT_KEY', () => {
|
||||
// Arrange
|
||||
const expectedSingleState: IKeyState =
|
||||
{
|
||||
keys: [keyObjectBuilder(`${screenType.SINGLE}_second`, false, screenType.SINGLE),
|
||||
keyObjectBuilder(`${screenType.SINGLE}_third`, false, screenType.SINGLE),
|
||||
keyObjectBuilder(`${screenType.SINGLE}_first`, false, screenType.SINGLE)]
|
||||
}
|
||||
|
||||
// Act
|
||||
populateKeyStore3(screenType.SINGLE, false);
|
||||
store.dispatch(moveToFront(screenType.SINGLE, `${screenType.SINGLE}_first`));
|
||||
const data = store.getState().KeyReducers;
|
||||
|
||||
// Assert
|
||||
expect(data).toStrictEqual(expectedSingleState)
|
||||
})
|
||||
|
||||
it('MOVE_TO_FRONT_KEY dualScreen untouched', () => {
|
||||
// Arrange
|
||||
const expectedSingleState: IKeyState =
|
||||
{
|
||||
keys: [keyObjectBuilder(`${screenType.SINGLE}_second`, false, screenType.SINGLE),
|
||||
keyObjectBuilder(`${screenType.SINGLE}_third`, false, screenType.SINGLE),
|
||||
keyObjectBuilder(`${screenType.SINGLE}_first`, false, screenType.SINGLE)]
|
||||
}
|
||||
const expectedDualState: IKeyState = mockKeyState(screenType.DUAL, false, `${screenType.DUAL}_`);
|
||||
populateKeyStore3(screenType.SINGLE, false);
|
||||
populateKeyStore3(screenType.DUAL, false);
|
||||
|
||||
// Act
|
||||
store.dispatch(moveToFront(screenType.SINGLE, `${screenType.SINGLE}_first`));
|
||||
const data = store.getState().KeyReducers;
|
||||
const singleScreenState = data.keys.filter(x => x.screen === screenType.SINGLE);
|
||||
const dualScreenState = data.keys.filter(x => x.screen === screenType.DUAL);
|
||||
|
||||
// Assert
|
||||
expect(singleScreenState).toStrictEqual(expectedSingleState.keys)
|
||||
expect(dualScreenState).toStrictEqual(expectedDualState.keys)
|
||||
|
||||
})
|
||||
|
||||
it('CHANGE_SCREEN_KEY', () => {
|
||||
// Arrange
|
||||
const expectedSingleState: IKeyState =
|
||||
{
|
||||
keys: [keyObjectBuilder(`${screenType.SINGLE}_first`, false, screenType.SINGLE),
|
||||
keyObjectBuilder(`${screenType.SINGLE}_second`, false, screenType.DUAL),
|
||||
keyObjectBuilder(`${screenType.SINGLE}_third`, false, screenType.SINGLE)]
|
||||
}
|
||||
|
||||
// Act
|
||||
populateKeyStore3(screenType.SINGLE, false);
|
||||
store.dispatch(changeScreen(screenType.DUAL, `${screenType.SINGLE}_second`));
|
||||
const data = store.getState().KeyReducers;
|
||||
|
||||
// Assert
|
||||
expect(data).toStrictEqual(expectedSingleState)
|
||||
})
|
||||
});
|
||||
|
||||
describe('dualScreen', () => {
|
||||
|
||||
it('PUSH_KEY', () => {
|
||||
// Arrange
|
||||
const expectedState = mockKeyState(screenType.DUAL, false, `${screenType.DUAL}_`);
|
||||
|
||||
// Act
|
||||
store.dispatch(pushKey(screenType.DUAL, `first`, false));
|
||||
store.dispatch(pushKey(screenType.DUAL, `second`, false));
|
||||
store.dispatch(pushKey(screenType.DUAL, `third`, false));
|
||||
const data = store.getState().KeyReducers;
|
||||
|
||||
// Assert
|
||||
expect(data).toStrictEqual(expectedState)
|
||||
})
|
||||
|
||||
it('PUSH_KEY_EXPECT_DUPLICATION', () => {
|
||||
// Arrange
|
||||
const original = mockKeyState(screenType.DUAL, false, `${screenType.DUAL}_`);
|
||||
const duplicate = mockKeyState(screenType.DUAL, false, `${screenType.DUAL}_`);
|
||||
const expectedState: IKeyState = {
|
||||
keys: [...original.keys, ...duplicate.keys]
|
||||
}
|
||||
|
||||
// Act
|
||||
store.dispatch(pushKey(screenType.DUAL, `first`, false));
|
||||
store.dispatch(pushKey(screenType.DUAL, `second`, false));
|
||||
store.dispatch(pushKey(screenType.DUAL, `third`, false));
|
||||
store.dispatch(pushKey(screenType.DUAL, `first`, false));
|
||||
store.dispatch(pushKey(screenType.DUAL, `second`, false));
|
||||
store.dispatch(pushKey(screenType.DUAL, `third`, false));
|
||||
const data = store.getState().KeyReducers;
|
||||
|
||||
// Assert
|
||||
expect(data).toStrictEqual(expectedState)
|
||||
})
|
||||
|
||||
it('POP_TO_FRONT_KEY', () => {
|
||||
// Arrange
|
||||
const expectedState: IKeyState =
|
||||
{
|
||||
keys: [keyObjectBuilder(`${screenType.DUAL}_first`, false, screenType.DUAL)]
|
||||
}
|
||||
populateKeyStore3(screenType.DUAL, false);
|
||||
|
||||
// Act
|
||||
store.dispatch(popToFront(screenType.DUAL))
|
||||
const data = store.getState().KeyReducers;
|
||||
|
||||
// Assert
|
||||
expect(data).toStrictEqual(expectedState)
|
||||
})
|
||||
|
||||
it('POP_TO_FRONT_KEY singleScreen untouched', () => {
|
||||
// Arrange
|
||||
const expectedSingleState: IKeyState = mockKeyState(screenType.SINGLE, false, `${screenType.SINGLE}_`)
|
||||
const expectedDualState: IKeyState = {
|
||||
keys: [keyObjectBuilder(`${screenType.DUAL}_first`, false, screenType.DUAL)]
|
||||
}
|
||||
populateKeyStore3(screenType.SINGLE, false);
|
||||
populateKeyStore3(screenType.DUAL, false);
|
||||
|
||||
// Act
|
||||
store.dispatch(popToFront(screenType.DUAL))
|
||||
const data = store.getState().KeyReducers;
|
||||
const singleScreenState = data.keys.filter(x => x.screen === screenType.SINGLE);
|
||||
const dualScreenState = data.keys.filter(x => x.screen === screenType.DUAL);
|
||||
|
||||
|
||||
// Assert
|
||||
expect(singleScreenState).toStrictEqual(expectedSingleState.keys)
|
||||
expect(dualScreenState).toStrictEqual(expectedDualState.keys)
|
||||
})
|
||||
|
||||
it('POP_KEY', () => {
|
||||
// Arrange
|
||||
const expectedDualState: IKeyState =
|
||||
{
|
||||
keys: [keyObjectBuilder(`${screenType.DUAL}_first`, false, screenType.DUAL),
|
||||
keyObjectBuilder(`${screenType.DUAL}_second`, false, screenType.DUAL)]
|
||||
}
|
||||
populateKeyStore3(screenType.DUAL, false);
|
||||
|
||||
// Act
|
||||
store.dispatch(popScreen(screenType.DUAL))
|
||||
const data = store.getState().KeyReducers;
|
||||
|
||||
// Assert
|
||||
expect(data).toStrictEqual(expectedDualState)
|
||||
|
||||
})
|
||||
|
||||
it('POP_KEY Multiple', () => {
|
||||
// Arrange
|
||||
const expectedDualState: IKeyState =
|
||||
{
|
||||
keys: [keyObjectBuilder(`${screenType.DUAL}_first`, false, screenType.DUAL)]
|
||||
}
|
||||
populateKeyStore3(screenType.DUAL, false);
|
||||
populateKeyStore3(screenType.DUAL, false);
|
||||
|
||||
|
||||
// Act
|
||||
store.dispatch(popScreen(screenType.DUAL))
|
||||
store.dispatch(popScreen(screenType.DUAL))
|
||||
store.dispatch(popScreen(screenType.DUAL))
|
||||
store.dispatch(popScreen(screenType.DUAL))
|
||||
store.dispatch(popScreen(screenType.DUAL))
|
||||
const data = store.getState().KeyReducers;
|
||||
|
||||
// Assert
|
||||
expect(data).toStrictEqual(expectedDualState)
|
||||
})
|
||||
|
||||
|
||||
it('POP_KEY singleScreen untouched', () => {
|
||||
// Arrange
|
||||
const expectedSingleState: IKeyState = mockKeyState(screenType.SINGLE, false, `${screenType.SINGLE}_`);
|
||||
const expectedDualState: IKeyState =
|
||||
{
|
||||
keys: [keyObjectBuilder(`${screenType.DUAL}_first`, false, screenType.DUAL),
|
||||
keyObjectBuilder(`${screenType.DUAL}_second`, false, screenType.DUAL)]
|
||||
}
|
||||
|
||||
populateKeyStore3(screenType.SINGLE, false);
|
||||
populateKeyStore3(screenType.DUAL, false);
|
||||
|
||||
|
||||
// Act
|
||||
store.dispatch(popScreen(screenType.DUAL))
|
||||
const data = store.getState().KeyReducers;
|
||||
const singleScreenState = data.keys.filter(x => x.screen === screenType.SINGLE);
|
||||
const dualScreenState = data.keys.filter(x => x.screen === screenType.DUAL);
|
||||
|
||||
|
||||
|
||||
// Assert
|
||||
expect(singleScreenState).toStrictEqual(expectedSingleState.keys)
|
||||
expect(dualScreenState).toStrictEqual(expectedDualState.keys)
|
||||
|
||||
})
|
||||
|
||||
it('MOVE_TO_FRONT_KEY', () => {
|
||||
// Arrange
|
||||
const expectedDualState: IKeyState =
|
||||
{
|
||||
keys: [keyObjectBuilder(`${screenType.DUAL}_second`, false, screenType.DUAL),
|
||||
keyObjectBuilder(`${screenType.DUAL}_third`, false, screenType.DUAL),
|
||||
keyObjectBuilder(`${screenType.DUAL}_first`, false, screenType.DUAL)]
|
||||
}
|
||||
|
||||
// Act
|
||||
populateKeyStore3(screenType.DUAL, false);
|
||||
store.dispatch(moveToFront(screenType.DUAL, `${screenType.DUAL}_first`));
|
||||
const data = store.getState().KeyReducers;
|
||||
|
||||
// Assert
|
||||
expect(data).toStrictEqual(expectedDualState)
|
||||
})
|
||||
|
||||
it('MOVE_TO_FRONT_KEY singleScreen untouched', () => {
|
||||
// Arrange
|
||||
const expectedDualState: IKeyState =
|
||||
{
|
||||
keys: [keyObjectBuilder(`${screenType.DUAL}_second`, false, screenType.DUAL),
|
||||
keyObjectBuilder(`${screenType.DUAL}_third`, false, screenType.DUAL),
|
||||
keyObjectBuilder(`${screenType.DUAL}_first`, false, screenType.DUAL)]
|
||||
}
|
||||
const expectedSingleState: IKeyState = mockKeyState(screenType.SINGLE, false, `${screenType.SINGLE}_`);
|
||||
populateKeyStore3(screenType.SINGLE, false);
|
||||
populateKeyStore3(screenType.DUAL, false);
|
||||
|
||||
// Act
|
||||
store.dispatch(moveToFront(screenType.DUAL, `${screenType.DUAL}_first`));
|
||||
const data = store.getState().KeyReducers;
|
||||
const singleScreenState = data.keys.filter(x => x.screen === screenType.SINGLE);
|
||||
const dualScreenState = data.keys.filter(x => x.screen === screenType.DUAL);
|
||||
|
||||
// Assert
|
||||
expect(singleScreenState).toStrictEqual(expectedSingleState.keys)
|
||||
expect(dualScreenState).toStrictEqual(expectedDualState.keys)
|
||||
})
|
||||
|
||||
|
||||
it('CHANGE_SCREEN_KEY', () => {
|
||||
// Arrange
|
||||
const expectedSingleState: IKeyState =
|
||||
{
|
||||
keys: [keyObjectBuilder(`${screenType.DUAL}_first`, false, screenType.DUAL),
|
||||
keyObjectBuilder(`${screenType.DUAL}_second`, false, screenType.SINGLE),
|
||||
keyObjectBuilder(`${screenType.DUAL}_third`, false, screenType.DUAL)]
|
||||
}
|
||||
|
||||
// Act
|
||||
populateKeyStore3(screenType.DUAL, false);
|
||||
store.dispatch(changeScreen(screenType.SINGLE, `${screenType.DUAL}_second`));
|
||||
const data = store.getState().KeyReducers;
|
||||
|
||||
// Assert
|
||||
expect(data).toStrictEqual(expectedSingleState)
|
||||
})
|
||||
});
|
||||
|
||||
});
|
|
@ -0,0 +1,34 @@
|
|||
import { IUtilityStoreState } from "../utilityStore.interfaces"
|
||||
import { store } from "../../../appStore"
|
||||
import { isDualScreenAction } from "../utilityStore.actions"
|
||||
|
||||
describe('utilityStore reducer tests', () => {
|
||||
|
||||
it('is DualScreen', () => {
|
||||
// Arrange
|
||||
const expectedState: IUtilityStoreState = {
|
||||
isDualScreen: true
|
||||
}
|
||||
|
||||
// Act
|
||||
store.dispatch(isDualScreenAction(true));
|
||||
const data = store.getState().utilityStoreReducer;
|
||||
|
||||
// Assert
|
||||
expect(data).toStrictEqual(expectedState)
|
||||
})
|
||||
|
||||
it('is DualScreen false', () => {
|
||||
// Arrange
|
||||
const expectedState: IUtilityStoreState = {
|
||||
isDualScreen: false
|
||||
}
|
||||
|
||||
// Act
|
||||
store.dispatch(isDualScreenAction(false));
|
||||
const data = store.getState().utilityStoreReducer;
|
||||
|
||||
// Assert
|
||||
expect(data).toStrictEqual(expectedState)
|
||||
})
|
||||
})
|
|
@ -0,0 +1,10 @@
|
|||
import { IUtilityStoreAction } from "./utilityStore.interfaces";
|
||||
import { IS_DUALSCREEN } from "./utilityStore.types";
|
||||
|
||||
export const isDualScreenAction = (isDualScreen: boolean):
|
||||
IUtilityStoreAction => ({
|
||||
type: IS_DUALSCREEN,
|
||||
payload: {
|
||||
isDualScreen: isDualScreen
|
||||
}
|
||||
});
|