Patch fixes (#9)

* Use browser safe png encode

* Add duration unit in readme

* Rephrase GIF to animations to be generic

* Fix package-lock name typo

* Update deps

* Clean eslintrc

* Update cli with name and version

* 1.1.3

.eslintrc.json

@@ -1,6 +1,5 @@
 {
   "env": {
-    "browser": true,
     "commonjs": true,
     "es2021": true,
     "jest": true,
@@ -11,8 +10,6 @@
     "ecmaVersion": 2018
   },
   "rules": {
-    "curly": "warn",
-    "no-console": "off",
-    "sort-imports": "error"
+    "curly": "warn"
   }
 }

README.md

@@ -110,9 +110,9 @@ getRuneScapeText(string, [options], [wordWrapOptions]);
 | replacement      | `string`  | No       | `""`       | String to replace characters the font does not support                                                                                                    |
 | maxMessageLength | `number`  | No       | `280`      | Max message length allowed after the string has been sanitized                                                                                            |
 | scale            | `number`  | No       | `2`        | Scale factor of the font (multiples of 16px), prefer integer values greater than or equal to 1, decimal values will render blurry text                    |
-| fps              | `number`  | No       | `20`       | Frames per second to render GIFs at, prefer integer values less than or equal to 60                                                                       |
-| cycleDuration    | `number`  | No       | `3000`     | Duration of one cycle before the GIF loops                                                                                                                |
-| quality          | `number`  | No       | `100`      | Quality to render GIFs at, more information [here](https://github.com/twolfson/gif-encoder#setqualityquality)                                             |
+| fps              | `number`  | No       | `20`       | Frames per second to render animations at, prefer integer values less than or equal to 60                                                                 |
+| cycleDuration    | `number`  | No       | `3000`     | Duration in milliseconds of one cycle before the animation loops                                                                                          |
+| quality          | `number`  | No       | `100`      | Quality to render animations at, more information [here](https://github.com/twolfson/gif-encoder#setqualityquality)                                       |
 | showLogs         | `boolean` | No       | `false`    | Determines whether to print runtime logs or not                                                                                                           |
 
 #### WordWrapOptions

package.json

@@ -1,6 +1,6 @@
 {
   "name": "runescape-text",
-  "version": "1.1.2",
+  "version": "1.1.3",
   "description": "Convert text to a text image with RuneScape chat effects.",
   "keywords": [
     "cli",
@@ -73,7 +73,7 @@
     "word-wrap": "^1.2.3"
   },
   "devDependencies": {
-    "eslint": "^7.19.0",
+    "eslint": "^7.20.0",
     "jest": "^26.6.3",
     "prettier": "^2.2.1"
   }

src/classes/Encoder.js

@@ -6,7 +6,11 @@ class Encoder {
   }
 
   encodePng(contexts) {
-    return contexts[0].canvas.toBuffer("image/png");
+    const data = contexts[0].canvas
+      .toDataURL()
+      .replace(/^data:image\/\w+;base64,/, "");
+
+    return Buffer.from(data, "base64");
   }
 
   encodeGif(contexts, width, height) {

src/cli.js

@@ -1,13 +1,16 @@
 #!/usr/bin/env node
 
 const fs = require("fs");
+const { name, version } = require("../package.json");
 const getRuneScapeText = require("./index");
 
 const getFilename = () => {
   return `runescape-text-${Date.now()}`;
 };
 
 const main = async () => {
+  console.log(`${name} v${version}`);
+
   const filename = getFilename();
   if (
     fs.existsSync(`./${filename}.gif`) ||