-
Notifications
You must be signed in to change notification settings - Fork 56
/
App.tsx
executable file
·237 lines (219 loc) · 10.6 KB
/
App.tsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
import React from 'react';
import { useState } from 'react';
import {
View,
Text,
Button,
TextInput,
PermissionsAndroid,
Platform
} from 'react-native';
import CheckBox from '@react-native-community/checkbox';
import {
InterfaceType,
StarConnectionSettings,
StarXpandCommand,
StarPrinter
} from 'react-native-star-io10';
export default function App() {
const [interfaceType, setInterfaceType] = useState(InterfaceType.Lan);
const [identifier, setIdentifier] = useState("00:11:62:00:00:00");
async function _onPressPrintButton () {
var settings = new StarConnectionSettings();
settings.interfaceType = interfaceType;
settings.identifier = identifier;
// settings.autoSwitchInterface = true;
// If you are using Android 12 and targetSdkVersion is 31 or later,
// you have to request Bluetooth permission (Nearby devices permission) to use the Bluetooth printer.
// https://developer.android.com/about/versions/12/features/bluetooth-permissions
if (Platform.OS == 'android' && 31 <= Platform.Version) {
if (interfaceType == InterfaceType.Bluetooth || settings.autoSwitchInterface == true) {
var hasPermission = await _confirmBluetoothPermission();
if (!hasPermission) {
console.log(`PERMISSION ERROR: You have to allow Nearby devices to use the Bluetooth printer`);
return;
}
}
}
var printer = new StarPrinter(settings);
try {
// TSP100III series and TSP100IIU+ do not support actionPrintText because these products are graphics-only printers.
// Please use the actionPrintImage method to create printing data for these products.
// For other available methods, please also refer to "Supported Model" of each method.
// https://www.star-m.jp/products/s_print/sdk/react-native-star-io10/manual/en/api-reference/star-xpand-command/printer-builder/action-print-image.html
var builder = new StarXpandCommand.StarXpandCommandBuilder();
builder.addDocument(new StarXpandCommand.DocumentBuilder()
// To open a cash drawer, comment out the following code.
// .addDrawer(new StarXpandCommand.DrawerBuilder()
// .actionOpen(new StarXpandCommand.Drawer.OpenParameter())
// )
.addPrinter(new StarXpandCommand.PrinterBuilder()
.actionPrintImage(new StarXpandCommand.Printer.ImageParameter("logo_01.png", 406))
.styleInternationalCharacter(StarXpandCommand.Printer.InternationalCharacterType.Usa)
.styleCharacterSpace(0)
.styleAlignment(StarXpandCommand.Printer.Alignment.Center)
.actionPrintText("Star Clothing Boutique\n" +
"123 Star Road\n" +
"City, State 12345\n" +
"\n")
.styleAlignment(StarXpandCommand.Printer.Alignment.Left)
.actionPrintText("Date:MM/DD/YYYY Time:HH:MM PM\n" +
"--------------------------------\n" +
"\n")
.actionPrintText("SKU Description Total\n" +
"300678566 PLAIN T-SHIRT 10.99\n" +
"300692003 BLACK DENIM 29.99\n" +
"300651148 BLUE DENIM 29.99\n" +
"300642980 STRIPED DRESS 49.99\n" +
"300638471 BLACK BOOTS 35.99\n" +
"\n" +
"Subtotal 156.95\n" +
"Tax 0.00\n" +
"--------------------------------\n")
.actionPrintText("Total ")
.add(new StarXpandCommand.PrinterBuilder()
.styleMagnification(new StarXpandCommand.MagnificationParameter(2, 2))
.actionPrintText(" $156.95\n")
)
.actionPrintText("--------------------------------\n" +
"\n" +
"Charge\n" +
"156.95\n" +
"Visa XXXX-XXXX-XXXX-0123\n" +
"\n")
.add(new StarXpandCommand.PrinterBuilder()
.styleInvert(true)
.actionPrintText("Refunds and Exchanges\n")
)
.actionPrintText("Within ")
.add(new StarXpandCommand.PrinterBuilder()
.styleUnderLine(true)
.actionPrintText("30 days")
)
.actionPrintText(" with receipt\n")
.actionPrintText("And tags attached\n" +
"\n")
.styleAlignment(StarXpandCommand.Printer.Alignment.Center)
.actionPrintBarcode(new StarXpandCommand.Printer.BarcodeParameter('0123456',
StarXpandCommand.Printer.BarcodeSymbology.Jan8)
.setBarDots(3)
.setBarRatioLevel(StarXpandCommand.Printer.BarcodeBarRatioLevel.Level0)
.setHeight(5)
.setPrintHri(true))
.actionFeedLine(1)
.actionPrintQRCode(new StarXpandCommand.Printer.QRCodeParameter('Hello World.\n')
.setModel(StarXpandCommand.Printer.QRCodeModel.Model2)
.setLevel(StarXpandCommand.Printer.QRCodeLevel.L)
.setCellSize(8))
.actionCut(StarXpandCommand.Printer.CutType.Partial)
)
);
var commands = await builder.getCommands();
await printer.open();
await printer.print(commands);
console.log(`Success`);
}
catch(error) {
console.log(`Error: ${String(error)}`);
}
finally {
await printer.close();
await printer.dispose();
}
}
async function _confirmBluetoothPermission(): Promise<boolean> {
var hasPermission = false;
try {
hasPermission = await PermissionsAndroid.check(PermissionsAndroid.PERMISSIONS.BLUETOOTH_CONNECT);
if (!hasPermission) {
const status = await PermissionsAndroid.request(PermissionsAndroid.PERMISSIONS.BLUETOOTH_CONNECT);
hasPermission = status == PermissionsAndroid.RESULTS.GRANTED;
}
}
catch (err) {
console.warn(err);
}
return hasPermission;
}
return (
<View style={{ margin: 50 }}>
<View style={{ flexDirection: 'row' }}>
<Text style={{ width: 100 }}>Interface</Text>
<View style={{ margin: 10 }}>
<View style={{ flexDirection: 'row', marginTop: 0 }}>
<CheckBox
style={{ marginLeft: 20 }}
value={
interfaceType == InterfaceType.Lan
}
onValueChange={(isChecked) => {
if (isChecked) {
setInterfaceType(InterfaceType.Lan);
}
}}
/>
<Text style={{ marginLeft: 20 }}>LAN</Text>
</View>
<View style={{ flexDirection: 'row', marginTop: 10 }}>
<CheckBox
style={{ marginLeft: 20 }}
value={
interfaceType == InterfaceType.Bluetooth
}
onValueChange={(isChecked) => {
if (isChecked) {
setInterfaceType(InterfaceType.Bluetooth);
}
}}
/>
<Text style={{ marginLeft: 20 }}>Bluetooth</Text>
</View>
<View style={{ flexDirection: 'row', marginTop: 10 }}>
<CheckBox
style={{ marginLeft: 20 }}
value={
interfaceType == InterfaceType.BluetoothLE
}
onValueChange={(isChecked) => {
if (isChecked) {
setInterfaceType(InterfaceType.BluetoothLE);
}
}}
/>
<Text style={{ marginLeft: 20 }}>BluetoothLE</Text>
</View>
<View style={{ flexDirection: 'row', marginTop: 10 }}>
<CheckBox
style={{ marginLeft: 20 }}
value={
interfaceType == InterfaceType.Usb
}
onValueChange={(isChecked) => {
if (isChecked) {
setInterfaceType(InterfaceType.Usb);
}
}}
/>
<Text style={{ marginLeft: 20 }}>USB</Text>
</View>
</View>
</View>
<View style={{ flexDirection: 'row', marginTop: 30 }}>
<Text style={{ width: 100 }}>Identifier</Text>
<TextInput
style={{ width: 200, marginLeft: 20 }}
value={identifier}
onChangeText={(value) => {
setIdentifier(value);
}}
/>
</View>
<View style={{ width: 100, marginTop: 20 }}>
<Button
title="Print"
onPress={_onPressPrintButton}
/>
</View>
</View>
);
};