branch

README.md

@@ -2,11 +2,23 @@
 
 Complete Reproduction of <https://docs.sheetjs.com/docs/demos/mobile/reactnative#demo>
 
-This branch (`RNBU`) demonstrates `react-native-blob-util`.
+The demo showcases a number of plugins. They are in different branches:
 
-## Installation
+- ["RNBU" for `react-native-blob-util`](https://git.sheetjs.com/sheetjs/sheetjs-rn/src/branch/RNBU)
+- ["RNFA" for `react-native-file-access`](https://git.sheetjs.com/sheetjs/sheetjs-rn/src/branch/RNFA)
+- ["RNFB" for `rn-fetch-blob`](https://git.sheetjs.com/sheetjs/sheetjs-rn/src/branch/RNFB)
+- ["RNFS" for `react-native-fs`](https://git.sheetjs.com/sheetjs/sheetjs-rn/src/branch/RNFS)
+- ["EXPO" for `expo-file-system`](https://git.sheetjs.com/sheetjs/sheetjs-rn/src/branch/EXPO)
 
-1) Install dependencies:
+To test a particular branch:
+
+1) Switch to the particular branch.  For example, to switch to RNBU:
+
+```bash
+git checkout RNBU
+```
+
+2) Build dependencies:
 
 ```bash
 npm i
@@ -14,13 +26,13 @@ npm i
 
 ### iOS
 
-2) (iOS only) link iOS project
+3) (iOS only) link iOS project
 
 ```bash
 cd ios; pod install; cd ..
 ```
 
-3) run the development process:
+4) run the development process:
 
 ```bash
 npx react-native run-ios
@@ -28,9 +40,9 @@ npx react-native run-ios
 
 ### Android
 
-4) ensure Java 11 is the current version 
+5) ensure Java 11 is the current version 
 
-5) run the development process:
+6) run the development process:
 
 ```bash
 npx react-native run-android

index.js

@@ -4,28 +4,6 @@ import React, { Component } from 'react';
 import { AppRegistry, StyleSheet, Text, Button, Alert, Image, ScrollView } from 'react-native';
 import { Table, Row, Rows, TableWrapper } from 'react-native-table-component';
 
-import { read, write } from 'xlsx';
-import { pickSingle } from 'react-native-document-picker';
-import { Platform } from 'react-native';
-import RNFetchBlob from 'react-native-blob-util';
-
-async function pickAndParse() {
-  /* rn-fetch-blob / react-native-blob-util need a copy */
-  const f = await pickSingle({allowMultiSelection: false, copyTo: "documentDirectory", mode: "open" });
-  let path = f.fileCopyUri;
-  if (Platform.OS === 'ios') path = path.replace(/^.*\/Documents\//, RNFetchBlob.fs.dirs.DocumentDir + "/");
-  const res = await (await fetch(path)).arrayBuffer(); // RN >= 0.72
-  // const res = await RNFetchBlob.fs.readFile(path, 'ascii'); // RN < 0.72
-  return read(new Uint8Array(res), {type: 'buffer'});
-}
-
-async function writeWorkbook(wb) {
-  const wbout = write(wb, {type:'buffer', bookType:"xlsx"});
-  const file = RNFetchBlob.fs.dirs.DocumentDir + "/sheetjsw.xlsx";
-  await RNFetchBlob.fs.writeFile(file, Array.from(wbout), 'ascii');
-  return file;
-}
-
 const make_width = ws => {
   const aoa = utils.sheet_to_json(ws, {header:1}), res = [];
   aoa.forEach((r) => { r.forEach((c, C) => { res[C] = Math.max(res[C]||60, String(c).length * 10); }); });

ios/Podfile.lock

@@ -374,8 +374,6 @@ PODS:
   - React-jsinspector (0.72.1)
   - React-logger (0.72.1):
     - glog
-  - react-native-blob-util (0.17.1):
-    - React-Core
   - react-native-document-picker (8.2.0):
     - React-Core
   - React-NativeModulesApple (0.72.1):
@@ -539,7 +537,6 @@ DEPENDENCIES:
   - React-jsiexecutor (from `../node_modules/react-native/ReactCommon/jsiexecutor`)
   - React-jsinspector (from `../node_modules/react-native/ReactCommon/jsinspector`)
   - React-logger (from `../node_modules/react-native/ReactCommon/logger`)
-  - react-native-blob-util (from `../node_modules/react-native-blob-util`)
   - react-native-document-picker (from `../node_modules/react-native-document-picker`)
   - React-NativeModulesApple (from `../node_modules/react-native/ReactCommon/react/nativemodule/core/platform/ios`)
   - React-perflogger (from `../node_modules/react-native/ReactCommon/reactperflogger`)
@@ -621,8 +618,6 @@ EXTERNAL SOURCES:
     :path: "../node_modules/react-native/ReactCommon/jsinspector"
   React-logger:
     :path: "../node_modules/react-native/ReactCommon/logger"
-  react-native-blob-util:
-    :path: "../node_modules/react-native-blob-util"
   react-native-document-picker:
     :path: "../node_modules/react-native-document-picker"
   React-NativeModulesApple:
@@ -696,7 +691,6 @@ SPEC CHECKSUMS:
   React-jsiexecutor: 184eae1ecdedc7a083194bd9ff809c93f08fd34c
   React-jsinspector: d0b5bfd1085599265f4212034321e829bdf83cc0
   React-logger: b8103c9b04e707b50cdd2b1aeb382483900cbb37
-  react-native-blob-util: 4949dcc0dd5ee25fcb5abe0687f67fa3d5cdf05a
   react-native-document-picker: 495c444c0c773c6e83a5d91165890ecb1c0a399a
   React-NativeModulesApple: 4f31a812364443cee6ef768d256c594ad3b20f53
   React-perflogger: 3d501f34c8d4b10cb75f348e43591765788525ad

package.json

@@ -12,7 +12,6 @@
   "dependencies": {
     "react": "18.2.0",
     "react-native": "0.72.1",
-    "react-native-blob-util": "^0.17.1",
     "react-native-document-picker": "^8.2.0",
     "react-native-table-component": "^1.2.0",
     "xlsx": "https://cdn.sheetjs.com/xlsx-0.20.0/xlsx-0.20.0.tgz"