Collections of javascript and react utilities to handle the Dymo LabelWriter web service.
npm install --save react-dymo-hooksor
yarn add react-dymo-hooksPrint Dymo labels
- {string} printerName - The Dymo Printer to print on
- {string} labelXml - Label XML parsed to string
- {string} labelSetXml - LabelSet to print. LabelSet is used to print multiple labels with same layout but different data, e.g. multiple addresses.
Return the status of DYMO Label Web Service
- port: The port of running DYMO Label Web Service. (For defualt is the 41951)
- status:
"initial" | "loading" | "success" | "error"Status of DYMO Label Web Service.
Returns the available DYMO Labelwriter Printer
- statusDymoService: The status of DYMO Label Web Service. (Use the status returned fot the
useDymoCheckService()hook) - modelPrinter: The model of label writer printer.
- port: The port of running DYMO Label Web Service. (For defualt is the 41951)
Object containing:
- statusFetchPrinters:
"initial" | "loading" | "success" | "error"Status of loading printers. - printers: The list of available DYMO Printer.
- error.
Render Label
- statusDymoService: The status of DYMO Label Web Service. (Use the status returned fot the
useDymoCheckService()hook) - labelXML: XML file.
- port: The port of running DYMO Label Web Service. (For defualt is the 41951)
Object containing:
- statusOpenLabel:
"initial" | "loading" | "success" | "error"Status of open label. - label.
- error.
Inside the root directory project
- Switch to the directory
example/ yarn installornpm installyarn run startornpm run-script start
import {printLabel} from "react-dymo-hooks";
async function handlePrintSingleLabel(printerName, labelXml) {
try {
const response = await printLabel(printerName, labelXml);
console.info(response);
} catch (error) {
console.error(error);
}
}
<button onClick={() => handlePrintLabel(printer, xml)} />;import {useDymoOpenLabel, useDymoCheckService} from "react-dymo-hooks";
const DymoLabelPreview = () => {
const statusDymoService = useDymoCheckService();
const {label, statusOpenLabel, errorOpenLabel} = useDymoOpenLabel(statusDymoService, xmlFile);
if (label) {
return <img src={"data:image/png;base64," + label} alt="dymo label preview" />;
} else {
return null;
}
};MIT © apenab
![dependabot[bot] avatar](https://avatars.githubusercontent.com/in/29110?v=4 "dependabot[bot]")
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent