react-dymo

Collections of react hooks to handle the Dymo LabelWriter web service.

Install

npm install --save react-dymo-hooks

or

yarn add react-dymo-hooks

API

useDymoCheckService()

Return the status of DYMO Label Web Service

Arguments

• port: The port of running DYMO Label Web Service. (For defualt is the 41951)

Returns

• status: "initial" | "loading" | "success" | "error" Status of DYMO Label Web Service.

useDymoFetchPrinters()

Returns the available DYMO Labelwriter Printer

Arguments

• 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)

Returns

Object containing:

• statusFetchPrinters: "initial" | "loading" | "success" | "error" Status of loading printers.
• printers: The list of available DYMO Printer.
• error.

useDymoOpenLabel()

Render Label

Arguments

• 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)

Returns

Object containing:

• statusOpenLabel: "initial" | "loading" | "success" | "error" Status of open label.
• label.
• error.

Run examples

Inside the root directory project

1. Switch to the directory example/
2. yarn install or npm install
3. yarn run start or npm run-script start

Example

import {useDymoOpenLabel, useDymoCheckService} from "react-hooks-toolbox";

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;
  }
};

License

MIT © apenab