reason-react-navigation: split WIP (#563)

* ReactNavigation WIP

This is just a start that going to help us to see where we wanna go.

(Just to let you know, I only used react-navigation once with js, and it was v1 - but I think it didn't changed that much from what I saw on docs)

One question I have: how are we supposed to define screenProps per screen?

I was using js+flow when using react-navigation 1 & here are things that I disliked

- no way to validate that your are going to navigate to a screen that exist (string to navigate)
- no way to know if the screenProps you are going to pass are valid

Not sure how we can address that with reason-react-navigation as I only see on screenProps passed to main functor.

Did I miss something?

* reason-react-navigation: meta update

* Delete yarn.lock

* remove bs header

Author: MoOx

reason-react-navigation/bsconfig.json

@@ -1,25 +1,24 @@
 {
   "name": "reason-react-navigation",
-  "sources": [
-    {
-      "dir": "src",
-      "subdirs": true
-    }
-  ],
+  "namespace": "react-navigation",
+  "refmt": 3,
+  "reason": {
+    "react-jsx": 3
+  },
   "package-specs": {
     "module": "commonjs",
     "in-source": true
   },
   "suffix": ".bs.js",
-  "bs-dependencies": [
-    "reason-react",
-    "reason-react-native"
+  "sources": [
+    {
+      "dir": "src",
+      "subdirs": true
+    }
   ],
+  "bsc-flags": ["-bs-no-version-header"],
   "warnings": {
     "number": "+102"
   },
-  "reason": {
-    "react-jsx": 3
-  },
-  "refmt": 3
-}
+  "bs-dependencies": ["reason-react", "reason-react-native"]
+}

reason-react-navigation/package.json

@@ -1,6 +1,7 @@
 {
   "name": "reason-react-navigation",
-  "version": "0.2.0",
+  "namespace": "react-navigation",
+  "version": "3.11.0",
   "description": "Reason bindings for react-navigation",
   "scripts": {
     "re:clean": "bsb -clean-world",

reason-react-navigation/src/DrawerNavigator.bs.js

@@ -0,0 +1,9 @@
+'use strict';
+
+
+function Make(S) {
+  return /* module */[];
+}
+
+exports.Make = Make;
+/* No side effect */

reason-react-navigation/src/DrawerNavigator.re

@@ -0,0 +1,63 @@
+module Make = (S: {type screenProps;}) => {
+  type screenProps = S.screenProps;
+
+  type contentComponentProps = {
+    .
+    "navigation": Navigation.t,
+    "screenProps": screenProps,
+  };
+
+  type contentComponent = React.component(contentComponentProps);
+
+  [@bs.module "react-navigation"]
+  external drawerItems: contentComponent = "DrawerItems";
+
+  type contentOptions;
+
+  [@bs.obj]
+  external contentOptions:
+    (
+      ~activeTintColor: string=?,
+      ~activeBackgroundColor: string=?,
+      ~inactiveTintColor: string=?,
+      ~inactiveBackgroundColor: string=?,
+      ~itemsContainerStyle: ReactNative.Style.t=?,
+      ~itemStyle: ReactNative.Style.t=?,
+      ~labelStyle: ReactNative.Style.t=?,
+      ~activeLabelStyle: ReactNative.Style.t=?,
+      ~inactiveLabelStyle: ReactNative.Style.t=?,
+      ~iconContainerStyle: ReactNative.Style.t=?,
+      // TODO: more props
+      unit
+    ) =>
+    contentOptions =
+    "";
+
+  type config;
+
+  [@bs.obj]
+  external config:
+    (
+      ~mode: [@bs.string] [ | `card | `modal]=?,
+      ~drawerWidth: float=?,
+      ~drawerPosition: [@bs.string] [ | `left | `right]=?,
+      ~contentComponent: contentComponent=?,
+      ~contentOptions: contentOptions=?,
+      ~useNativeAnimations: bool=?,
+      ~drawerBackgroundColor: string=?,
+      ~initialRouteName: string=?,
+      ~backBehavior: [@bs.string] [ | `initialRoute | `none]=?,
+      ~hideStatusBar: bool=?,
+      // TODO: more props
+      unit
+    ) =>
+    config =
+    "";
+
+  [@bs.module "react-navigation"]
+  external make: Js.t('a) => Types.navigator = "createDrawerNavigator";
+
+  [@bs.module "react-navigation"]
+  external makeWithConfig: (Js.t('a), config) => Types.navigator =
+    "createDrawerNavigator";
+};

reason-react-navigation/src/Navigation.bs.js

@@ -0,0 +1 @@
+/* This output is empty. Its source's type definitions, externals and/or unused code got optimized away. */

reason-react-navigation/src/Navigation.re

@@ -0,0 +1,20 @@
+type t;
+
+[@bs.get] external state: t => Types.navigationState = "";
+
+[@bs.send] external navigate: (t, string) => unit = "";
+[@bs.send]
+external navigateWithParams: (t, string, Js.t({..})) => unit = "navigate";
+[@bs.send] external goBack: t => unit = "";
+[@bs.send] external goBackToRoute: (t, string) => unit = "";
+[@bs.send] external getParam: (t, string, 'a) => 'a = "";
+// TODO: addListener, setParams, ...
+// Stack Actions
+// TODO: push, replace, ...
+[@bs.send] external pop: t => unit = "";
+[@bs.send] external popN: (t, int) => unit = "";
+[@bs.send] external popToTop: t => unit = "";
+// Drawer navigator only
+[@bs.send] external openDrawer: t => unit = "";
+[@bs.send] external closeDrawer: t => unit = "";
+[@bs.send] external toggleDrawer: t => unit = "";

reason-react-navigation/src/NavigationActions.bs.js

@@ -0,0 +1 @@
+/* This output is empty. Its source's type definitions, externals and/or unused code got optimized away. */

reason-react-navigation/src/NavigationActions.re

@@ -0,0 +1,21 @@
+type action;
+
+type navigateParams;
+
+[@bs.obj]
+external navigateParams:
+  (~routeName: string, ~params: Js.t({..})=?, unit) => navigateParams =
+  "";
+
+type backParams;
+
+[@bs.obj]
+external backParams:
+  (~key: string=?, ~immediate: bool=?, unit) => navigateParams =
+  "";
+
+[@bs.module "react-navigation"] [@bs.scope "NavigationActions"]
+external navigate: navigateParams => action = "";
+
+[@bs.module "react-navigation"] [@bs.scope "NavigationActions"]
+external back: backParams => action = "";

reason-react-navigation/src/NavigationContainer.bs.js

@@ -0,0 +1 @@
+/* This output is empty. Its source's type definitions, externals and/or unused code got optimized away. */

reason-react-navigation/src/NavigationContainer.re

@@ -0,0 +1,2 @@
+type t;
+[@bs.send] external dispatch: (t, NavigationActions.action) => unit = "";