add loadMore , Refreshing , keep cache in product api

Author: thiendangit

.cache/tsbuild/tsconfig.tsbuildinfo

@@ -1,21 +1,53 @@
 {
   "root": true,
-  "extends": "@react-native-community",
+  "extends": [
+    //    "@react-native-community",
+    //    "prettier",
+    //    "standard"
+  ],
   "parser": "@typescript-eslint/parser",
   "plugins": [
     "@typescript-eslint",
-    "react-hooks"
+    "react-hooks",
+    "unused-imports",
+    "eslint-plugin-no-inline-styles"
   ],
+  "rules": {
+    "no-inline-styles/no-inline-styles": 0,
+    "semi": [
+      "error",
+      "always"
+    ],
+    "object-curly-spacing": [
+      "error",
+      "always"
+    ],
+    "comma-dangle": [
+      "error",
+      "always-multiline"
+    ],
+    "no-unused-vars": "off",
+    "unused-imports/no-unused-imports": "error",
+    "unused-imports/no-unused-vars": [
+      "warn",
+      {
+        "vars": "all",
+        "varsIgnorePattern": "^_",
+        "args": "after-used",
+        "argsIgnorePattern": "^_"
+      }
+    ]
+  },
   "settings": {
     "import/resolver": {
       "babel-module": {
         "alias": {
           "@utils": "./src/lib/utils",
           "@screens": "./src/screens",
-          "@common": "./src/common",
           "@store": "./src/store",
+          "@common": "./src/common",
           "@navigation": "./src/navigation",
-          "@components": "./src/components",
+          "@components": "./src/lib/components",
           "@lib": "./src/lib",
           "@assets": "./src/assets",
           "@themes": "./src/themes",

.eslintrc.json

@@ -4,3 +4,5 @@
 yarn lint-staged
 npm test
 npm test
+npm test
+npm test

.husky/pre-commit

@@ -1 +1,10 @@
-module.exports = require('eslint-config-rokket-labs/prettier')
+module.exports = {
+  singleQuote: true,
+  semi: false,
+  trailingComma: 'all',
+  bracketSpacing: true,
+  tabWidth: 2,
+  useTabs: false,
+  arrowParens: 'always',
+  jsxBracketSameLine: true,
+}

.prettierrc.js

@@ -0,0 +1,39 @@
+let db = {};
+
+export default {
+  setItem: (item, value) => {
+    return new Promise((resolve, reject) => {
+      db[item] = value;
+      resolve(value);
+    });
+  },
+  multiSet: (item, fun) => {
+    return new Promise((resolve, reject) => {
+      for (let index = 0; index < item.length; index++) {
+        db[item[index][0]] = item[index][1];
+      }
+      fun();
+      resolve(value);
+    });
+  },
+  getItem: (item, value = null) => {
+    return new Promise((resolve, reject) => {
+      resolve(db[item]);
+    });
+  },
+  multiGet: (item) => {
+    return new Promise((resolve, reject) => {
+      resolve(db[item]);
+    });
+  },
+  removeItem: (item) => {
+    return new Promise((resolve, reject) => {
+      resolve(delete db[item]);
+    });
+  },
+  getAllKeys: (db) => {
+    return new Promise((resolve) => {
+      resolve(db.keys());
+    });
+  },
+};

__mocks__/@react-native-community/async-storage.js

@@ -2,14 +2,27 @@
  * @format
  */
 
-import React from 'react'
-// Note: test renderer must be required after react-native.
-import renderer from 'react-test-renderer'
+// import React from 'react';
+// // Note: test renderer must be required after react-native.
+// import renderer from 'react-test-renderer';
+// import 'react-native';
+// import App from '../src/App';
+import AsyncStorage from '@react-native-async-storage/async-storage';
 
-import 'react-native'
+// it('renders correctly', () => {
+//     renderer.create(<App/>);
+// });
 
-import App from '../App'
+beforeEach(() => {
+  AsyncStorage.clear();
+  // console.log(`After the data is being reset :`)
+  // console.log(AsyncStorage)
+});
 
-it('renders correctly', () => {
-  renderer.create(<App />)
-})
+it('can read AsyncStorage', async () => {
+  await AsyncStorage.setItem('username', 'testUser');
+  let usernameValue = await AsyncStorage.getItem('username');
+  // console.log(`After the data is being set :`)
+  // console.log(AsyncStorage)
+  expect(usernameValue).toBe('testUser');
+});

__tests__/App-test.js

@@ -4,6 +4,7 @@
 import android.content.Context;
 import com.facebook.react.PackageList;
 import com.facebook.react.ReactApplication;
+import com.reactnativecommunity.asyncstorage.AsyncStoragePackage;
 import com.oblador.vectoricons.VectorIconsPackage;
 import com.facebook.react.ReactInstanceManager;
 import com.facebook.react.ReactNativeHost;

android/app/src/main/java/com/rntypescriptgraphqlboilerplate/MainApplication.java

@@ -1,4 +1,6 @@
 rootProject.name = 'RNTypeScriptGraphqlBoilerplate'
+include ':@react-native-async-storage_async-storage'
+project(':@react-native-async-storage_async-storage').projectDir = new File(rootProject.projectDir, '../node_modules/@react-native-async-storage/async-storage/android')
 include ':react-native-vector-icons'
 project(':react-native-vector-icons').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-vector-icons/android')
 apply from: file("../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesSettingsGradle(settings)

android/settings.gradle

@@ -14,4 +14,4 @@ module.exports = {
     ],
     'react-native-reanimated/plugin',
   ],
-}
+};

babel.config.js

@@ -1,6 +1,6 @@
 declare module '*.svg' {
-  import React from 'react'
-  import { SvgProps } from 'react-native-svg'
-  const content: React.FC<SvgProps>
-  export default content
+  import React from 'react';
+  import { SvgProps } from 'react-native-svg';
+  const content: React.FC<SvgProps>;
+  export default content;
 }