version bump 0.12.5: ancillary utility update

- add BOM to `stream.to_csv` (fixes #1024 h/t @hr5959)
- `utils.format_cell` type (h/t @victorj2307)
- duktape niggles
- demo cleanup

Makefile

@@ -15,7 +15,7 @@ native: ## Build react-native project
 
 .PHONY: ios
 ios: native ## react-native ios sim
-	cd SheetJS; react-native run-ios; cd -
+	cd SheetJS; react-native run-ios --simulator="iPhone X"; cd -
 
 .PHONY: android
 android: native ## react-native android sim

README.md

@@ -77,8 +77,7 @@ Reproducing the full project is straightforward:
 react-native init SheetJS
 cd SheetJS
 npm i -S xlsx react react-native react-native-table-component react-native-fs
-cp ../react-native.js index.ios.js
-cp ../react-native.js index.android.js
+cp ../react-native.js index.js
 react-native link
 ```
 
@@ -107,6 +106,9 @@ const wbout = XLSX.write(wb, {type:'binary', bookType:"xlsx"});
 writeFile(file, wbout, 'ascii').then((r)=>{/* :) */}).catch((e)=>{/* :( */});
 ```
 
+Note: for real app deployments, the `UIFileSharingEnabled` flag must be manually
+set in the iOS project `Info.plist` file.
+
 ## Other Demos
 
 #### Preact

native.sh

@@ -1,7 +1,7 @@
 #!/bin/bash
 # xlsx.js (C) 2013-present  SheetJS -- http://sheetjs.com */
 if [ ! -e SheetJS ]; then
-	react-native init SheetJS
+	react-native init --version="0.53.3" SheetJS
 	cd SheetJS
 	npm i -S xlsx react-native-table-component react-native-fs
 	cd -

react-native.js

@@ -2,8 +2,8 @@
 import XLSX from 'xlsx';
 
 import React, { Component } from 'react';
-import { AppRegistry, StyleSheet, Text, View, Button, Alert, Image } from 'react-native';
-import { Table, Row, Rows } from 'react-native-table-component';
+import { AppRegistry, StyleSheet, Text, View, Button, Alert, Image, ScrollView, TouchableWithoutFeedback } from 'react-native';
+import { Table, Row, Rows, TableWrapper } from 'react-native-table-component';
 
 // react-native-fs
 import { writeFile, readFile, DocumentDirectoryPath } from 'react-native-fs';
@@ -21,12 +21,14 @@ const output = str => str.split("").map(x => x.charCodeAt(0));
 */
 
 const make_cols = refstr => Array.from({length: XLSX.utils.decode_range(refstr).e.c + 1}, (x,i) => XLSX.utils.encode_col(i));
+const make_width = refstr => Array.from({length: XLSX.utils.decode_range(refstr).e.c + 1}, () => 60);
 
 export default class SheetJS extends Component {
 	constructor(props) {
 		super(props);
 		this.state = {
 			data: [[1,2,3],[4,5,6]],
+			widthArr: [60, 60, 60],
 			cols: make_cols("A1:C2")
 		};
 		this.importFile = this.importFile.bind(this);
@@ -46,7 +48,7 @@ export default class SheetJS extends Component {
 					const data = XLSX.utils.sheet_to_json(ws, {header:1});
 
 					/* update state */
-					this.setState({ data: data, cols: make_cols(ws['!ref']) });
+					this.setState({ data: data, cols: make_cols(ws['!ref']), widthArr: make_width(ws['!ref']) });
 				}).catch((err) => { Alert.alert("importFile Error", "Error " + err.message); });
 			}}
 		]);
@@ -67,7 +69,8 @@ export default class SheetJS extends Component {
 		}).catch((err) => { Alert.alert("exportFile Error", "Error " + err.message); });
 	};
 	render() { return (
-<View style={styles.container}>
+<ScrollView contentContainerStyle={styles.container} vertical={true}>
+	<Text style={styles.welcome}> </Text>
 	<Image style={{width: 128, height: 128}} source={require('./logo.png')} />
 	<Text style={styles.welcome}>SheetJS React Native Demo</Text>
 	<Text style={styles.instructions}>Import Data</Text>
@@ -76,11 +79,22 @@ export default class SheetJS extends Component {
 	<Button disabled={!this.state.data.length} onPress={this.exportFile} title="Export data to XLSX" color="#841584" />
 
 	<Text style={styles.instructions}>Current Data</Text>
-	<Table style={styles.table}>
-		<Row data={this.state.cols} style={styles.thead} textStyle={styles.text}/>
-		<Rows data={this.state.data} style={styles.tr} textStyle={styles.text}/>
-	</Table>
-</View>
+
+	<ScrollView style={styles.table} horizontal={true} >
+		<Table style={styles.table}>
+			<TableWrapper>
+				<Row data={this.state.cols} style={styles.thead} textStyle={styles.text} widthArr={this.state.widthArr}/>
+			</TableWrapper>
+			<TouchableWithoutFeedback>
+				<ScrollView vertical={true}>
+					<TableWrapper>
+						<Rows data={this.state.data} style={styles.tr} textStyle={styles.text} widthArr={this.state.widthArr}/>
+					</TableWrapper>
+				</ScrollView>
+			</TouchableWithoutFeedback>
+		</Table>
+	</ScrollView>
+</ScrollView>
 	); };
 };