Fix/crash node view (#367)

* Added watch mode

* fix: crash in nodeview on tap

* chore: add shell directive

* chore: remove unnecessary ifs

Author: fjmorant

.template.watchmanconfig

@@ -0,0 +1,15 @@
+{
+  "ignore_dirs": [
+    ".git",
+    "node_modules",
+    ".github",
+    ".husky",
+    ".vscode",
+    "ios",
+    "android",
+    "coverage",
+    "coverage-ts",
+    "lib",
+    "storybook"
+  ]
+}

README.md

@@ -84,4 +84,6 @@ I have moved the roadmap of this library to this trello board so that it can be
 
 [Roadmap Trello Board](https://trello.com/b/IOMR8gFw)
 
+## Development
 
+(Pending to update)

package.json

@@ -2,19 +2,19 @@
   "name": "react-native-nested-listview",
   "version": "0.11.0",
   "description": "Nested Listview for React native",
-  "main": "./dist/index.js",
-  "types": "./dist/index.d.ts",
+  "main": "src/index.ts",
+  "types": "src/index.ts",
   "scripts": {
     "test": "jest",
     "test-coverage": "jest && codecov",
     "lint": "eslint ./src --ext .js,.jsx,.ts,.tsx",
     "type-check": "tsc --noEmit",
     "prepublishOnly": "tsc -p ./ --outDir dist/",
-    "add-react": "yarn add react@16.9.0 && yarn add react-native@0.61.4",
-    "remove-react": "yarn remove react && yarn remove react-native",
     "prettier-check": "prettier --check 'src/**/*.{ts, tsx}'",
     "prettier-format": "prettier --write 'src/**/*.{ts, tsx}'",
-    "check-all": "yarn lint && yarn type-check && yarn test"
+    "check-all": "yarn lint && yarn type-check && yarn test",
+    "start-watch": "./start-watch.sh",
+    "stop-watch": "./stop-watch.sh"
   },
   "repository": {
     "type": "git",

src/NodeView.tsx

@@ -1,7 +1,7 @@
 import React, { ReactElement, useCallback, useEffect, useState } from 'react';
 import isEqual from 'react-fast-compare';
 import { FlatList, Pressable } from 'react-native';
-import globalHook from 'use-global-hook';
+import globalHook, { Store } from 'use-global-hook';
 
 export interface INode {
   _internalId: string;
@@ -31,21 +31,31 @@ export interface IState {
   opened: boolean;
 }
 
+interface GlobalState {
+  nodesState: { root: boolean };
+}
+
+interface NodeActions {
+  setOpenedNode: (store: any, { internalId, opened }: any) => void;
+}
+
 const actions = {
-  setOpenedNode: (store: any, { internalId, opened }: any) => {
+  setOpenedNode: (
+    store: Store<GlobalState, NodeActions>,
+    { internalId, opened }: any,
+  ) => {
     store.setState({
       nodesState: { ...store.state.nodesState, [internalId]: opened },
     });
   },
 };
 
-const useGlobal = globalHook(
-  React,
-  {
-    nodesState: { root: true },
-  },
-  actions,
-);
+const initialState: GlobalState = {
+  nodesState: { root: true },
+};
+
+// @ts-ignore
+const useGlobal = globalHook<GlobalState, NodeActions>(initialState, actions);
 
 const NodeView = React.memo(
   ({
@@ -62,8 +72,8 @@ const NodeView = React.memo(
     const [_node, setNode]: [INode, any] = useState({
       ...node,
       opened:
-        keepOpenedState && globalState.nodesState[node._internalId]
-          ? !!globalState.nodesState[node._internalId]
+        keepOpenedState && globalState?.nodesState[node._internalId]
+          ? !!globalState?.nodesState[node._internalId]
           : !!node.opened,
     });
 
@@ -116,7 +126,7 @@ const NodeView = React.memo(
     const nodeChildren: [] = _node[nodeChildrenName];
 
     const isNodeOpened =
-      (keepOpenedState && globalState.nodesState[node._internalId]) ||
+      (keepOpenedState && globalState?.nodesState[node._internalId]) ||
       _node.opened;
 
     return (

start-watch.sh

@@ -0,0 +1,14 @@
+#!/bin/bash
+
+kill -9 $(ps -A | grep '[r]eact-native/scripts/../cli.js' | awk '{print $1}')
+
+mv .template.watchmanconfig .watchmanconfig
+
+watchman watch "$(npm root -g)/wml/src"
+
+wml add ./ ../react-native-nested-listview-examples/node_modules/react-native-nested-listview
+
+json -I -f package.json -e "this.main=\"src/index.ts\""
+json -I -f package.json -e "this.types=\"src/index.ts\""
+
+wml start

stop-watch.sh

@@ -0,0 +1,16 @@
+#!/bin/bash
+
+kill -9 $(ps -A | grep '[r]eact-native/scripts/../cli.js' | awk '{print $1}')
+kill -9 $(ps -A | grep '[w]ml' | awk '{print $1}')
+
+mv .watchmanconfig .template.watchmanconfig
+
+wml rm all
+
+watchman watch-del-all
+
+git checkout -- package.json
+
+rm -rf ../react-native-nested-listview-examples/node_modules
+
+cd .. && cd react-native-nested-listview-examples && yarn install