Updated README.md and trivial corrections in hook

Author: apenab

README.md

@@ -2,7 +2,6 @@
 
 Collection of Hooks.
 
-
 ## Install
 
 > Note: React 16.8+ is required for Hooks.
@@ -22,10 +21,17 @@ yarn add hooks-toolbox
 ## API
 
 - [Hooks](#hooks)
-  - [`useGoogleApiInit()`](#usegoogleapiinit)
+  - [Google-API](#google-api)
+    - [`useGoogleApiInit()`](#usegoogleapiinit)
+  - [DYMO-API](#dymo-api)
+    - [`useDymoCheckService()`](#usedymocheckservice)
+    - [`useDymoFetchPrinters()`](#usedymofetchprinters)
+    - [`useDymoOpenLabel()`](#usedymoopenlabel)
 
 ## Hooks
 
+## Google-API
+
 ### `useGoogleApiInit()`
 
 This Hook is designed for load https://apis.google.com/js/api.js, initialize Google API and handle sign status.
@@ -43,11 +49,71 @@ Object containing:
 - `signed: boolean`: `false` Sign status.
 - `userProfile: object`: `null` User's basic profile information and token.
 
+## DYMO-API
+
+### `useDymoCheckService()`
+
+Return the status of DYMO Label Web Service
+
+#### Arguments
+
+`port: number`: The port of running DYMO Label Web Service.
+
+#### Returns
+
+Array containing:
+
+- `message: string`: `""` The errors thrown.
+- `status: string`: `"init"`: `"init" | "loading" | "success" | "error"` Status of DYMO Label Web Service.
+
+### `useDymoFetchPrinters()`
+
+Returns the available DYMO Labelwriter Printer
+
+#### Arguments
+
+`port: number`: The port of running DYMO Label Web Service.
+`statusDymoService: string`: The status of DYMO Label Web Service.
 
+#### Returns
+
+Array containing:
+
+- `printers: array`: `[]` The list of available DYMO Labelwriter Printer.
+- `status: string`: `"init"`: `"init" | "loading" | "success" | "error"` Status of loading printers.
+
+### `useDymoOpenLabel()`
+
+Render Label
+
+#### Arguments
+
+`labelXML: xml file`: XML file.
+`statusDymoService: string`: The status of DYMO Label Web Service.
+`port: number`: The port of running DYMO Label Web Service.
 
-[build-badge]: https://img.shields.io/travis/user/repo/master.png?style=flat-square
-[build]: https://travis-ci.org/user/repo
-[npm-badge]: https://img.shields.io/npm/v/npm-package.png?style=flat-square
-[npm]: https://www.npmjs.org/package/npm-package
-[coveralls-badge]: https://img.shields.io/coveralls/user/repo/master.png?style=flat-square
-[coveralls]: https://coveralls.io/github/user/repo
+#### Returns
+
+Array containing:
+
+- `label`:
+- `status: string`: `"init"`: `"init" | "loading" | "success" | "error"` Status of render label.
+
+#### Example
+
+```js
+import { useDymoOpenLabel, useDymoCheckService } from "hooks-toolbox";
+
+const DymoLabelPreview = () => {
+  const [msg, statusDymoService] = useDymoCheckService();
+  const [label, status] = useDymoOpenLabel(statusDymoService, xmlFile);
+
+  if (label) {
+    return (
+      <img src={"data:image/png;base64," + label} alt="dymo label preview" />
+    );
+  } else {
+    return null;
+  }
+};
+```

src/useDymoOpenLabel/index.js

@@ -6,11 +6,9 @@ import {getDymoUrl, dymoAxios} from "../utils/dymo";
 export function useDymoOpenLabel(statusDymoService, labelXML, port = 41951) {
     const [status, setStatus] = useState("init");
     const [label, setLabel] = useState(null);
-    const [xml, setXml] = useState(null);
     useEffect(() => {
         if (statusDymoService === "success") {
             setStatus("loading");
-            setXml(labelXML);
             dymoAxios
                 .post(
                     getDymoUrl("RenderLabel", port),
@@ -26,5 +24,5 @@ export function useDymoOpenLabel(statusDymoService, labelXML, port = 41951) {
         }
     }, [labelXML, port, statusDymoService]);
 
-    return [label, xml, status];
+    return [label, status];
 }