Compare commits

..

1 Commits
RNFA ... main

Author SHA1 Message Date
280dd90aa1 branch 2023-07-02 21:22:34 -04:00
4 changed files with 22 additions and 39 deletions

@ -2,11 +2,23 @@
Complete Reproduction of <https://docs.sheetjs.com/docs/demos/mobile/reactnative#demo>
This branch (`RNFA`) demonstrates `react-native-file-access`.
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,10 +40,11 @@ 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
```

@ -4,25 +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 { Dirs, FileSystem } from 'react-native-file-access';
async function pickAndParse() {
const f = await pickSingle({allowMultiSelection: false, copyTo: "documentDirectory", mode: "open" });
let path = f.fileCopyUri;
const res = await (await fetch(path)).arrayBuffer();
return read(new Uint8Array(res), {type: 'buffer'});
}
async function writeWorkbook(wb) {
const wbout = write(wb, {type:'base64', bookType:"xlsx"});
const file = Dirs.DocumentDir + "/sheetjsw.xlsx";
await FileSystem.writeFile(file, wbout, "base64");
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); }); });

@ -374,11 +374,8 @@ PODS:
- React-jsinspector (0.72.1)
- React-logger (0.72.1):
- glog
- react-native-document-picker (8.2.1):
- react-native-document-picker (8.2.0):
- React-Core
- react-native-file-access (2.6.0):
- React-Core
- ZIPFoundation (= 0.9.11)
- React-NativeModulesApple (0.72.1):
- hermes-engine
- React-callinvoker
@ -493,7 +490,6 @@ PODS:
- Yoga (1.14.0)
- YogaKit (1.18.1):
- Yoga (~> 1.14)
- ZIPFoundation (0.9.11)
DEPENDENCIES:
- boost (from `../node_modules/react-native/third-party-podspecs/boost.podspec`)
@ -542,7 +538,6 @@ DEPENDENCIES:
- React-jsinspector (from `../node_modules/react-native/ReactCommon/jsinspector`)
- React-logger (from `../node_modules/react-native/ReactCommon/logger`)
- react-native-document-picker (from `../node_modules/react-native-document-picker`)
- react-native-file-access (from `../node_modules/react-native-file-access`)
- React-NativeModulesApple (from `../node_modules/react-native/ReactCommon/react/nativemodule/core/platform/ios`)
- React-perflogger (from `../node_modules/react-native/ReactCommon/reactperflogger`)
- React-RCTActionSheet (from `../node_modules/react-native/Libraries/ActionSheetIOS`)
@ -578,7 +573,6 @@ SPEC REPOS:
- OpenSSL-Universal
- SocketRocket
- YogaKit
- ZIPFoundation
EXTERNAL SOURCES:
boost:
@ -626,8 +620,6 @@ EXTERNAL SOURCES:
:path: "../node_modules/react-native/ReactCommon/logger"
react-native-document-picker:
:path: "../node_modules/react-native-document-picker"
react-native-file-access:
:path: "../node_modules/react-native-file-access"
React-NativeModulesApple:
:path: "../node_modules/react-native/ReactCommon/react/nativemodule/core/platform/ios"
React-perflogger:
@ -699,8 +691,7 @@ SPEC CHECKSUMS:
React-jsiexecutor: 184eae1ecdedc7a083194bd9ff809c93f08fd34c
React-jsinspector: d0b5bfd1085599265f4212034321e829bdf83cc0
React-logger: b8103c9b04e707b50cdd2b1aeb382483900cbb37
react-native-document-picker: 69ca2094d8780cfc1e7e613894d15290fdc54bba
react-native-file-access: a4398950e02999b5ab97f3055feb7ee28e6615a3
react-native-document-picker: 495c444c0c773c6e83a5d91165890ecb1c0a399a
React-NativeModulesApple: 4f31a812364443cee6ef768d256c594ad3b20f53
React-perflogger: 3d501f34c8d4b10cb75f348e43591765788525ad
React-RCTActionSheet: f5335572c979198c0c3daff67b07bd1ad8370c1d
@ -721,7 +712,6 @@ SPEC CHECKSUMS:
SocketRocket: f32cd54efbe0f095c4d7594881e52619cfe80b17
Yoga: 65286bb6a07edce5e4fe8c90774da977ae8fc009
YogaKit: f782866e155069a2cca2517aafea43200b01fd5a
ZIPFoundation: b1f0de4eed33e74a676f76e12559ab6b75990197
PODFILE CHECKSUM: 2250de264ba5adbfd3fe13c5a448d934ea1d4b4d

@ -13,7 +13,6 @@
"react": "18.2.0",
"react-native": "0.72.1",
"react-native-document-picker": "^8.2.0",
"react-native-file-access": "^2.6.0",
"react-native-table-component": "^1.2.0",
"xlsx": "https://cdn.sheetjs.com/xlsx-0.20.0/xlsx-0.20.0.tgz"
},