Updated mobile to react 16 fiber

Author: agrcrobles

README.md

@@ -16,22 +16,23 @@ git clone --depth 1 https://github.com/agrcrobles/react-native-web-workspace
 ### Lerna
 lerna it is used to hoist dependencies from a project root and speed up the development while splitting the platform from the code
 
-```
+```console
+## it cleans node_modules
 npm run clean
-npm run bootstrap // it installs symlinks
+## it installs dependencies
+npm install
+## it installs symlinks
+npm run bootstrap 
 ```
 
 ### More info
  - [react-native-web-workspace/navigation-playground](https://github.com/agrcrobles/react-native-web-workspace/tree/master/react-navigation-playground)
  - [react-native-web-workspace/web](https://github.com/agrcrobles/react-native-web-workspace/tree/master/web)
  - [react-native-web-workspace/mobile](https://github.com/agrcrobles/react-native-web-workspace/tree/master/mobile)
 
-## Contribute
-
-The following improvements and PR could be accepted:
+## Related projects
 
- - Move from yarn to npm@5
- - Using lerna workspaces: Workspaces adds support for managing multiple packages within a single Yarn project. Linking between them on install to make cross-development simpler.
+* [yarn-workspaces-cra-crna](https://github.com/viewstools/yarn-workspaces-cra-crna) explains how to use yarn workspaces with Create React App and Create React Native App (Expo) to share common code across.
 
 ## License
 

mobile/.babelrc

@@ -1,5 +1,3 @@
-  {
-    "presets": [
-      "react-native"
-    ]
-  }
+{
+  "presets": ["react-native"]
+}

mobile/.flowconfig

@@ -0,0 +1,48 @@
+[ignore]
+; We fork some components by platform
+.*/*[.]android.js
+
+; Ignore "BUCK" generated dirs
+<PROJECT_ROOT>/\.buckd/
+
+; Ignore unexpected extra "@providesModule"
+.*/node_modules/.*/node_modules/fbjs/.*
+
+; Ignore duplicate module providers
+; For RN Apps installed via npm, "Libraries" folder is inside
+; "node_modules/react-native" but in the source repo it is in the root
+.*/Libraries/react-native/React.js
+
+; Ignore polyfills
+.*/Libraries/polyfills/.*
+
+[include]
+
+[libs]
+node_modules/react-native/Libraries/react-native/react-native-interface.js
+node_modules/react-native/flow/
+
+[options]
+emoji=true
+
+module.system=haste
+
+munge_underscores=true
+
+module.name_mapper='^[./a-zA-Z0-9$_-]+\.\(bmp\|gif\|jpg\|jpeg\|png\|psd\|svg\|webp\|m4v\|mov\|mp4\|mpeg\|mpg\|webm\|aac\|aiff\|caf\|m4a\|mp3\|wav\|html\|pdf\)$' -> 'RelativeImageStub'
+
+suppress_type=$FlowIssue
+suppress_type=$FlowFixMe
+suppress_type=$FlowFixMeProps
+suppress_type=$FlowFixMeState
+suppress_type=$FixMe
+
+suppress_comment=\\(.\\|\n\\)*\\$FlowFixMe\\($\\|[^(]\\|(\\(>=0\\.\\(5[0-7]\\|[1-4][0-9]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)
+suppress_comment=\\(.\\|\n\\)*\\$FlowIssue\\((\\(>=0\\.\\(5[0-7]\\|[1-4][0-9]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)?:? #[0-9]+
+suppress_comment=\\(.\\|\n\\)*\\$FlowFixedInNextDeploy
+suppress_comment=\\(.\\|\n\\)*\\$FlowExpectedError
+
+unsafe.enable_getters_and_setters=true
+
+[version]
+^0.57.0

mobile/.gitignore

@@ -30,6 +30,12 @@ build/
 local.properties
 *.iml
 
+# node.js
+#
+node_modules/
+npm-debug.log
+yarn-error.log
+
 # BUCK
 buck-out/
 \.buckd/
@@ -40,20 +46,12 @@ buck-out/
 # 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://github.com/fastlane/fastlane/blob/master/fastlane/docs/Gitignore.md
+# https://docs.fastlane.tools/best-practices/source-control/
 
-fastlane/report.xml
-fastlane/Preview.html
-fastlane/screenshots
+*/fastlane/report.xml
+*/fastlane/Preview.html
+*/fastlane/screenshots
 
 # Haul
 #
 haul-debug.log
-.happypack
-
-# flowtype
-#
-.flowconfig
-
-# coverage
-coverage

mobile/.watchmanconfig

@@ -3,15 +3,15 @@
 ## mobile
 
 ### Run the app with haul
-```
+```console
 cd mobile
-npm start -- --platform android
+## on android
+yarn haul start --platform android
 react-native run-android
-# on android
 
-npm start -- --platform ios
+## on ios
+yarn haul start --platform ios
 react-native run-ios
-# on ios
 ```
 
 Prerequisites: Node version 6.0 or higher and npm version 3.0 or higher as well as android or ios running.

mobile/README.md

@@ -45,12 +45,12 @@ android_library(
 
 android_build_config(
     name = "build_config",
-    package = "com.linking",
+    package = "com.mobile",
 )
 
 android_resource(
     name = "res",
-    package = "com.linking",
+    package = "com.mobile",
     res = "src/main/res",
 )
 

mobile/__tests__/index.android.js

@@ -72,13 +72,13 @@ import com.android.build.OutputFile
  * ]
  */
 
-/**
- * haul
- */
-
+project.ext.react = [
+    entryFile: "index.js"
+]
 project.ext.react = [
     cliPath: "node_modules/haul/bin/cli.js"
 ]
+
 apply from: "../../node_modules/react-native/react.gradle"
 
 /**
@@ -101,7 +101,7 @@ android {
     buildToolsVersion "23.0.1"
 
     defaultConfig {
-        applicationId "com.linking"
+        applicationId "com.mobile"
         minSdkVersion 16
         targetSdkVersion 22
         versionCode 1

mobile/__tests__/index.ios.js

@@ -1,5 +1,5 @@
 <manifest xmlns:android="http://schemas.android.com/apk/res/android"
-    package="com.linking"
+    package="com.mobile"
     android:versionCode="1"
     android:versionName="1.0">
 

mobile/android/app/BUCK

@@ -1,4 +1,4 @@
-package com.linking;
+package com.mobile;
 
 import com.facebook.react.ReactActivity;
 
@@ -10,6 +10,6 @@ public class MainActivity extends ReactActivity {
      */
     @Override
     protected String getMainComponentName() {
-        return "linking";
+        return "mobile";
     }
 }

mobile/android/app/build.gradle

@@ -1,4 +1,4 @@
-package com.linking;
+package com.mobile;
 
 import android.app.Application;
 
@@ -27,6 +27,11 @@ protected List<ReactPackage> getPackages() {
             new VectorIconsPackage()
       );
     }
+
+    @Override
+    protected String getJSMainModuleName() {
+      return "index";
+    }
   };
 
   @Override

mobile/android/app/src/main/AndroidManifest.xml

@@ -1,3 +1,3 @@
 <resources>
-    <string name="app_name">linking</string>
+    <string name="app_name">mobile</string>
 </resources>

mobile/android/app/src/main/assets/fonts/Feather.ttf

@@ -1,4 +1,4 @@
-rootProject.name = 'linking'
+rootProject.name = 'mobile'
 include ':react-native-vector-icons'
 project(':react-native-vector-icons').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-vector-icons/android')
 

mobile/android/app/src/main/assets/fonts/MaterialCommunityIcons.ttf

@@ -1,4 +1,4 @@
 {
-  "name": "linking",
-  "displayName": "linking"
+  "name": "mobile",
+  "displayName": "mobile"
 }

mobile/android/app/src/main/assets/fonts/Octicons.ttf

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<coverage generated="1515013061066" clover="3.2.0">
+  <project timestamp="1515013061066" name="All files">
+    <metrics statements="0" coveredstatements="0" conditionals="0" coveredconditionals="0" methods="0" coveredmethods="0" elements="0" coveredelements="0" complexity="0" loc="0" ncloc="0" packages="0" files="0" classes="0">
+    </metrics>
+  </project>
+</coverage>

mobile/android/app/src/main/java/com/linking/MainActivity.java renamed to mobile/android/app/src/main/java/com/mobile/MainActivity.java

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