Catprinter
This commit is contained in:
parent
2238618881
commit
33fde737ba
3
bun.lock
3
bun.lock
|
|
@ -18,6 +18,7 @@
|
|||
"@types/bun": "latest",
|
||||
"@types/html-minifier": "4.0.5",
|
||||
"@types/inquirer": "9.0.7",
|
||||
"@types/web-bluetooth": "0.0.21",
|
||||
"browser-detect": "0.2.28",
|
||||
"eruda": "3.2.3",
|
||||
"html-minifier": "4.0.0",
|
||||
|
|
@ -131,6 +132,8 @@
|
|||
|
||||
"@types/uglify-js": ["@types/uglify-js@3.17.5", "", { "dependencies": { "source-map": "^0.6.1" } }, "sha512-TU+fZFBTBcXj/GpDpDaBmgWk/gn96kMZ+uocaFUlV2f8a6WdMzzI44QBCmGcCiYR0Y6ZlNRiyUyKKt5nl/lbzQ=="],
|
||||
|
||||
"@types/web-bluetooth": ["@types/web-bluetooth@0.0.21", "", {}, "sha512-oIQLCGWtcFZy2JW77j9k8nHzAOpqMHLQejDA48XXMWH6tjCQHz5RCFz1bzsmROyL6PUm+LLnUiI4BCn221inxA=="],
|
||||
|
||||
"@types/wrap-ansi": ["@types/wrap-ansi@3.0.0", "", {}, "sha512-ltIpx+kM7g/MLRZfkbL7EsCEjfzCcScLpkg37eXEtx5kmrAKBkTJwd1GIAjDSL8wTpM6Hzn5YO4pSb91BEwu1g=="],
|
||||
|
||||
"ace-builds": ["ace-builds@1.36.3", "", {}, "sha512-YcdwV2IIaJSfjkWAR1NEYN5IxBiXefTgwXsJ//UlaFrjXDX5hQpvPFvEePHz2ZBUfvO54RjHeRUQGX8MS5HaMQ=="],
|
||||
|
|
|
|||
|
|
@ -22,6 +22,7 @@
|
|||
"@types/bun": "latest",
|
||||
"@types/html-minifier": "4.0.5",
|
||||
"@types/inquirer": "9.0.7",
|
||||
"@types/web-bluetooth": "0.0.21",
|
||||
"browser-detect": "0.2.28",
|
||||
"eruda": "3.2.3",
|
||||
"html-minifier": "4.0.0",
|
||||
|
|
|
|||
|
|
@ -0,0 +1,88 @@
|
|||
import { render } from "preact";
|
||||
import styles from './style.module.css';
|
||||
import { useCallback, useState } from "preact/hooks";
|
||||
import { Command, commandInt16, NOTIFY_CHARACTERISTIC, PRINT_CHARACTERISTIC, PRINTER_SERVICE } from "./printer";
|
||||
|
||||
const Printer = () => {
|
||||
const [printer, setPrinter] = useState<BluetoothDevice>();
|
||||
const [service, setService] = useState<BluetoothRemoteGATTService>();
|
||||
const [characteristic, setCharacteristic] = useState<BluetoothRemoteGATTCharacteristic>();
|
||||
const [notifyCharacteristic, setNotifyCharacteristic] = useState<BluetoothRemoteGATTCharacteristic>();
|
||||
const [logs, setLogs] = useState('');
|
||||
|
||||
const onConnect = useCallback(async () => {
|
||||
const device = await navigator.bluetooth.requestDevice({
|
||||
filters: [{ namePrefix: "MX" }],
|
||||
optionalServices: [PRINTER_SERVICE],
|
||||
});
|
||||
|
||||
setPrinter(device);
|
||||
|
||||
await device.gatt?.connect();
|
||||
const srv = await device.gatt?.getPrimaryService(PRINTER_SERVICE);
|
||||
|
||||
setService(srv);
|
||||
|
||||
const notify = await srv?.getCharacteristic(NOTIFY_CHARACTERISTIC);
|
||||
notify?.startNotifications();
|
||||
notify?.addEventListener('characteristicvaluechanged', (event) => {
|
||||
const value = notify?.value?.getUint8(6) ?? 0;
|
||||
setLogs(l => l + `\nNotify ${value}`);
|
||||
});
|
||||
|
||||
setNotifyCharacteristic(notify);
|
||||
|
||||
const writeChar = await srv?.getCharacteristic(PRINT_CHARACTERISTIC);
|
||||
setCharacteristic(writeChar);
|
||||
}, []);
|
||||
|
||||
const onDisconnect = useCallback(async () => {
|
||||
printer?.gatt?.disconnect();
|
||||
setPrinter(undefined);
|
||||
setService(undefined);
|
||||
setCharacteristic(undefined);
|
||||
}, []);
|
||||
|
||||
const onFeed = useCallback(async () => {
|
||||
if (characteristic) {
|
||||
await commandInt16(characteristic, Command.FeedPaper, 10);
|
||||
}
|
||||
}, [characteristic]);
|
||||
|
||||
const onRetract = useCallback(async () => {
|
||||
if (characteristic) {
|
||||
await commandInt16(characteristic, Command.RetractPaper, 10);
|
||||
}
|
||||
}, [characteristic]);
|
||||
|
||||
const onPrint = useCallback(async () => {
|
||||
if (characteristic) {
|
||||
// TODO
|
||||
}
|
||||
}, [characteristic, notifyCharacteristic]);
|
||||
|
||||
return <div class={styles.printer}>
|
||||
<h2>Printer</h2>
|
||||
{printer
|
||||
? <button onClick={onDisconnect}>Disconnect</button>
|
||||
: <button onClick={onConnect}>Connect</button>}
|
||||
<br />
|
||||
{characteristic && <>
|
||||
<button onClick={onRetract}>Retract</button><br />
|
||||
<button onClick={onFeed}>Feed</button><br />
|
||||
<button onClick={onPrint}>Print</button><br />
|
||||
</>}
|
||||
{printer && <pre>
|
||||
Connected to {printer.id}
|
||||
{service && `\nService: ${service.uuid}`}
|
||||
{characteristic && `\nChar: ${characteristic.uuid}`}
|
||||
{logs}
|
||||
</pre>}
|
||||
</div>;
|
||||
};
|
||||
|
||||
export default function main() {
|
||||
const root = <Printer />;
|
||||
|
||||
render(root, document.body);
|
||||
}
|
||||
|
|
@ -0,0 +1,140 @@
|
|||
const crc8_table = [
|
||||
0x00, 0x07, 0x0e, 0x09, 0x1c, 0x1b, 0x12, 0x15, 0x38, 0x3f, 0x36, 0x31,
|
||||
0x24, 0x23, 0x2a, 0x2d, 0x70, 0x77, 0x7e, 0x79, 0x6c, 0x6b, 0x62, 0x65,
|
||||
0x48, 0x4f, 0x46, 0x41, 0x54, 0x53, 0x5a, 0x5d, 0xe0, 0xe7, 0xee, 0xe9,
|
||||
0xfc, 0xfb, 0xf2, 0xf5, 0xd8, 0xdf, 0xd6, 0xd1, 0xc4, 0xc3, 0xca, 0xcd,
|
||||
0x90, 0x97, 0x9e, 0x99, 0x8c, 0x8b, 0x82, 0x85, 0xa8, 0xaf, 0xa6, 0xa1,
|
||||
0xb4, 0xb3, 0xba, 0xbd, 0xc7, 0xc0, 0xc9, 0xce, 0xdb, 0xdc, 0xd5, 0xd2,
|
||||
0xff, 0xf8, 0xf1, 0xf6, 0xe3, 0xe4, 0xed, 0xea, 0xb7, 0xb0, 0xb9, 0xbe,
|
||||
0xab, 0xac, 0xa5, 0xa2, 0x8f, 0x88, 0x81, 0x86, 0x93, 0x94, 0x9d, 0x9a,
|
||||
0x27, 0x20, 0x29, 0x2e, 0x3b, 0x3c, 0x35, 0x32, 0x1f, 0x18, 0x11, 0x16,
|
||||
0x03, 0x04, 0x0d, 0x0a, 0x57, 0x50, 0x59, 0x5e, 0x4b, 0x4c, 0x45, 0x42,
|
||||
0x6f, 0x68, 0x61, 0x66, 0x73, 0x74, 0x7d, 0x7a, 0x89, 0x8e, 0x87, 0x80,
|
||||
0x95, 0x92, 0x9b, 0x9c, 0xb1, 0xb6, 0xbf, 0xb8, 0xad, 0x33, 0xa3, 0xa4,
|
||||
0xf9, 0xfe, 0xf7, 0xf0, 0xe5, 0xe2, 0xeb, 0xec, 0xc1, 0xc6, 0xcf, 0xc8,
|
||||
0xdd, 0xda, 0xd3, 0xd4, 0x69, 0x6e, 0x67, 0x60, 0x75, 0x72, 0x7b, 0x7c,
|
||||
0x51, 0x56, 0x5f, 0x58, 0x4d, 0x4a, 0x43, 0x44, 0x19, 0x1e, 0x17, 0x10,
|
||||
0x05, 0x02, 0x0b, 0x0c, 0x21, 0x26, 0x2f, 0x28, 0x3d, 0x3a, 0x33, 0x34,
|
||||
0x4e, 0x49, 0x40, 0x47, 0x52, 0x55, 0x5c, 0x5b, 0x76, 0x71, 0x78, 0x7f,
|
||||
0x6a, 0x6d, 0x64, 0x63, 0x3e, 0x39, 0x30, 0x37, 0x22, 0x25, 0x2c, 0x2b,
|
||||
0x06, 0x01, 0x08, 0x0f, 0x1a, 0x1d, 0x14, 0x13, 0xae, 0xa9, 0xa0, 0xa7,
|
||||
0xb2, 0xb5, 0xbc, 0xbb, 0x96, 0x91, 0x98, 0x9f, 0x8a, 0x8d, 0x84, 0x83,
|
||||
0xde, 0xd9, 0xd0, 0xd7, 0xc2, 0xc5, 0xcc, 0xcb, 0xe6, 0xe1, 0xe8, 0xef,
|
||||
0xfa, 0xfd, 0xf4, 0xf3
|
||||
]
|
||||
|
||||
function crc8(data: number[] | Uint8Array): number {
|
||||
let crc = 0;
|
||||
for (let i = 0; i < data.length; i++) {
|
||||
crc = crc8_table[(crc ^ data[i]) & 0xff];
|
||||
}
|
||||
return crc;
|
||||
}
|
||||
|
||||
export enum Command {
|
||||
RetractPaper = 0xA0,
|
||||
FeedPaper = 0xA1,
|
||||
DrawBitmap = 0xA2,
|
||||
GetState = 0xA3,
|
||||
ApplyEnergy = 0xBE,
|
||||
SetEnergy = 0xAF,
|
||||
SetQuality = 0xA4,
|
||||
SetSpeed = 0xBD,
|
||||
UpdateDevice = 0xA9,
|
||||
Lattice = 0xA6,
|
||||
}
|
||||
|
||||
export enum State {
|
||||
StateOutOfPaper = 0x01,
|
||||
StateCover = 0x02,
|
||||
StateOverheat = 0x04,
|
||||
StateLowPower = 0x08,
|
||||
StatePause = 0x10,
|
||||
StateBusy = 0x80,
|
||||
}
|
||||
|
||||
export const PRINTER_SERVICE = "0000ae30-0000-1000-8000-00805f9b34fb";
|
||||
export const PRINT_CHARACTERISTIC = "0000ae01-0000-1000-8000-00805f9b34fb";
|
||||
export const NOTIFY_CHARACTERISTIC = "0000ae02-0000-1000-8000-00805f9b34fb";
|
||||
export const PRINTER_WIDTH = 384;
|
||||
const MTU = PRINTER_WIDTH / 8;
|
||||
|
||||
function formatMessage(command: Command, data: number[] | Uint8Array): Uint8Array {
|
||||
const len = data.length;
|
||||
|
||||
const message = new Uint8Array(len + 8);
|
||||
message[0] = 0x51;
|
||||
message[1] = 0x78;
|
||||
message[2] = command;
|
||||
message[3] = 0x00;
|
||||
message[4] = len & 0xFF;
|
||||
message[5] = (len >> 8) & 0xFF;
|
||||
message.set(data, 6);
|
||||
message[6 + len] = crc8(data);
|
||||
message[7 + len] = 0xFF;
|
||||
|
||||
return message;
|
||||
}
|
||||
|
||||
function formatInt8(command: Command, data: number): Uint8Array {
|
||||
return formatMessage(command, [data & 0xFF]);
|
||||
}
|
||||
|
||||
function formatInt16(command: Command, data: number): Uint8Array {
|
||||
const udata = new Uint8Array(2);
|
||||
udata[0] = data & 0xFF;
|
||||
udata[1] = (data >> 8) & 0xFF;
|
||||
return formatMessage(command, udata);
|
||||
}
|
||||
|
||||
export async function command(char: BluetoothRemoteGATTCharacteristic, command: Command, data: number[] | Uint8Array) {
|
||||
await char.writeValue(formatMessage(command, data));
|
||||
}
|
||||
|
||||
export async function commandInt8(char: BluetoothRemoteGATTCharacteristic, command: Command, data: number) {
|
||||
await char.writeValue(formatInt8(command, data));
|
||||
}
|
||||
|
||||
export async function commandInt16(char: BluetoothRemoteGATTCharacteristic, command: Command, data: number) {
|
||||
await char.writeValue(formatInt16(command, data));
|
||||
}
|
||||
|
||||
async function startPrint(char: BluetoothRemoteGATTCharacteristic, energy = 0xFF00) {
|
||||
await commandInt16(char, Command.SetEnergy, 0xFF00);
|
||||
await commandInt8(char, Command.SetQuality, 50);
|
||||
await commandInt16(char, Command.SetSpeed, 32);
|
||||
await commandInt8(char, Command.ApplyEnergy, 0);
|
||||
await commandInt8(char, Command.UpdateDevice, 0);
|
||||
await command(char, Command.Lattice, [0xaa, 0x55, 0x17, 0x38, 0x44, 0x5f, 0x5f, 0x5f, 0x44, 0x38, 0x2c]);
|
||||
};
|
||||
|
||||
async function endPrint(char: BluetoothRemoteGATTCharacteristic) {
|
||||
await command(char, Command.Lattice, [0xaa, 0x55, 0x17, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x17]);
|
||||
await commandInt8(char, Command.GetState, 0);
|
||||
}
|
||||
|
||||
export async function printBitmap(char: BluetoothRemoteGATTCharacteristic, bitmap: number[] | Uint8Array, energy = 0xFF00) {
|
||||
await startPrint(char, energy);
|
||||
for (let i = 0; i < bitmap.length; i += MTU) {
|
||||
const chunk = bitmap.slice(i, i + MTU);
|
||||
await command(char, Command.DrawBitmap, chunk);
|
||||
}
|
||||
await endPrint(char);
|
||||
|
||||
const notify = await char.service.getCharacteristic(NOTIFY_CHARACTERISTIC);
|
||||
await notify.startNotifications();
|
||||
|
||||
const { promise, resolve } = Promise.withResolvers();
|
||||
|
||||
const handler = () => {
|
||||
const value = notify.value?.getUint8(6) ?? 0;
|
||||
if ((value & State.StateBusy) === 0) {
|
||||
resolve();
|
||||
}
|
||||
}
|
||||
notify.addEventListener('characteristicvaluechanged', handler);
|
||||
const interval = setInterval(() => commandInt8(char, Command.GetState, 0), 1000);
|
||||
await promise;
|
||||
clearInterval(interval);
|
||||
notify.removeEventListener('characteristicvaluechanged', handler);
|
||||
}
|
||||
|
|
@ -0,0 +1,4 @@
|
|||
.title {
|
||||
font-size: 24px;
|
||||
color: #333;
|
||||
}
|
||||
Loading…
Reference in New Issue