@shibam/sticker-maker 1.1.14 → 1.2.0

package/dist/lib/ToWebp.js

@@ -16,9 +16,11 @@ const ToWebp = async (buffer, metaInfo, mimeExt, mimeType) => {
     try {
         if (mimeExt === 'webp')
             return buffer;
-        let data = mimeType?.includes('video')
+        let data = (mimeType?.includes('video')
             ? await toGif(buffer, mimeExt, metaInfo.type || StickerTypes.DEFAULT, metaInfo.text ?? '')
-            : (metaInfo.text ? await textOnImg.drawText(buffer, metaInfo.text) : buffer);
+            : metaInfo.text
+                ? await textOnImg.drawText(buffer, metaInfo.text)
+                : buffer);
         let isAnimated = mimeType?.includes('video') || mimeExt?.includes('gif');
         const res = sharp(data, { animated: isAnimated });
         if (metaInfo.type === StickerTypes.CIRCLE) {

package/dist/lib/textOnGif.js

@@ -4,15 +4,15 @@ const textOnGif = async (fileName, text) => {
         try {
             const gif = new TextOnGif({
                 file_path: fileName,
-                font_size: "32px",
-                font_color: "white",
-                font_family: "Arial",
-                stroke_color: "black",
-                stroke_width: 3,
+                font_size: '32px',
+                font_color: 'white',
+                font_family: 'Arial',
+                stroke_color: 'black',
+                stroke_width: 3
             });
             const buff = await gif.textOnGif({
                 text,
-                get_as_buffer: true,
+                get_as_buffer: true
             });
             resolve(buff);
         }

package/dist/lib/textOnImg.js

@@ -3,7 +3,7 @@ export default class TextOnImage {
     fontSize;
     maxCharsPerLine;
     constructor(maxCharsPerLine = 25) {
-        this.fontSize = 125;
+        this.fontSize = 175;
         this.maxCharsPerLine = maxCharsPerLine;
     }
     wrapText(ctx, text) {
@@ -13,7 +13,8 @@ export default class TextOnImage {
         for (let i = 1; i < words.length; i++) {
             const word = words[i];
             const testLine = `${currentLine} ${word}`;
-            if (testLine.length > this.maxCharsPerLine) {
+            const { width: testWidth } = ctx.measureText(testLine);
+            if (testWidth > ctx.canvas.width * 0.9) {
                 lines.push(currentLine);
                 currentLine = word;
             }
@@ -28,23 +29,30 @@ export default class TextOnImage {
         const image = await loadImage(imageBuffer);
         const canvas = createCanvas(image.width, image.height);
         const ctx = canvas.getContext('2d');
+        // Draw the image on canvas
         ctx.drawImage(image, 0, 0);
+        // Calculate font size based on image height
+        this.fontSize = Math.floor(image.height / 10);
         ctx.font = `bold ${this.fontSize}px Arial`;
         ctx.fillStyle = 'white';
         ctx.textAlign = 'center';
         ctx.textBaseline = 'top';
         ctx.lineWidth = 4;
         ctx.strokeStyle = 'black';
+        // Wrap the text to fit within the canvas width
         const lines = this.wrapText(ctx, text);
         const lineHeight = this.fontSize * 1.2;
         const totalTextHeight = lines.length * lineHeight;
-        if (totalTextHeight + (2 * padding.y) > canvas.height) {
-            this.fontSize = (canvas.height - (2 * padding.y)) / (lines.length * 1.2);
+        // If text height exceeds image height, adjust font size
+        if (totalTextHeight + 2 * padding.y > canvas.height) {
+            this.fontSize = Math.floor((canvas.height - 2 * padding.y) / (lines.length * 1.2));
             ctx.font = `bold ${this.fontSize}px Arial`;
         }
+        // Start text positioning at the bottom, above padding
         let y = canvas.height - totalTextHeight - padding.y;
-        lines.forEach(line => {
-            let x = canvas.width / 2;
+        // Draw each line of text with stroke and fill for better contrast
+        lines.forEach((line) => {
+            const x = canvas.width / 2;
             ctx.strokeText(line, x, y);
             ctx.fillText(line, x, y);
             y += lineHeight;

package/dist/lib/toGif.js

@@ -1,11 +1,9 @@
 import ffmpeg from 'fluent-ffmpeg';
-import ffmpegInstaller from '@ffmpeg-installer/ffmpeg';
 import { tmpdir } from 'os';
 import { writeFile, readFile, unlink } from 'fs/promises';
 import { join } from 'path';
 import { StickerTypes } from '../types/StickerTypes.js';
 import TextOnGif from './textOnGif.js';
-ffmpeg.setFfmpegPath(ffmpegInstaller.path);
 const videoToGif = (buffer, extType, type, text = '') => {
     return new Promise(async (resolve, reject) => {
         const execute = async (attempt) => {
@@ -20,7 +18,18 @@ const videoToGif = (buffer, extType, type, text = '') => {
                 await new Promise((resolveFfmpeg, rejectFfmpeg) => {
                     ffmpeg(filename)
                         .inputFormat(extType)
-                        .outputOptions(['-vf', shape, '-loop', '0', '-lossless', '0', '-t', '7', '-preset', 'ultrafast'])
+                        .outputOptions([
+                        '-vf',
+                        shape,
+                        '-loop',
+                        '0',
+                        '-lossless',
+                        '0',
+                        '-t',
+                        '7',
+                        '-preset',
+                        'ultrafast'
+                    ])
                         .toFormat('gif')
                         .save(outputFilename)
                         .on('end', resolveFfmpeg)

package/package.json

@@ -1,50 +1,48 @@
-{
-  "name": "@shibam/sticker-maker",
-  "version": "1.1.14",
-  "description": "A package for creating stickers",
-  "main": "dist/index.js",
-  "type": "module",
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "prebuild": "rm -rf dist",
-    "build": "tsc -p .",
-    "lint": "eslint \"src/**/*.ts\"",
-    "prepublish": "npm run build",
-    "fmt": "prettier --config .prettierrc \"**/*.{ts,mjs}\" --write",
-    "test": "mocha --timeout 60000 -r ts-node/register \"tests/**/*.test.ts\"",
-    "clean:webp": "find ./ -name '*.webp' -delete",
-    "release": "release-it"
-  },
-  "author": "Shibam Dey",
-  "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/ShibamDey69/Sticker-Maker.git"
-  },
-  "keywords": [
-    "stickers",
-    "sticker maker",
-    "image processing",
-    "wa sticker maker",
-    "wasticker",
-    "nodejs",
-    "typescript"
-  ],
-  "dependencies": {
-    "@ffmpeg-installer/ffmpeg": "^1.1.0",
-    "@types/fluent-ffmpeg": "^2.1.24",
-    "canvas": "^2.11.2",
-    "file-type": "^19.4.0",
-    "fluent-ffmpeg": "^2.1.3",
-    "node-webpmux": "^3.2.0",
-    "sharp": "^0.33.4",
-    "text-on-gif": "^2.0.13"
-  },
-  "devDependencies": {
-    "@types/node": "^20.10.0",
-    "tsx": "^4.7.1",
-    "typescript": "^5.4.5"
-  }
-}
+{
+  "name": "@shibam/sticker-maker",
+  "version": "1.2.0",
+  "description": "A package for creating stickers",
+  "main": "dist/index.js",
+  "type": "module",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsc -p .",
+    "lint": "eslint \"src/**/*.ts\"",
+    "prepublish": "npm run build",
+    "fmt": "prettier --config .prettierrc \"**/*.{ts,mjs}\" --write",
+    "test": "mocha --timeout 60000 -r ts-node/register \"tests/**/*.test.ts\"",
+    "clean:webp": "find ./ -name '*.webp' -delete",
+    "release": "release-it"
+  },
+  "author": "Shibam Dey",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ShibamDey69/Sticker-Maker.git"
+  },
+  "keywords": [
+    "stickers",
+    "sticker maker",
+    "image processing",
+    "wa sticker maker",
+    "wasticker",
+    "nodejs",
+    "typescript"
+  ],
+  "dependencies": {
+    "@types/fluent-ffmpeg": "^2.1.24",
+    "canvas": "^2.11.2",
+    "file-type": "^19.4.0",
+    "fluent-ffmpeg": "^2.1.3",
+    "node-webpmux": "^3.2.0",
+    "sharp": "^0.33.4",
+    "text-on-gif": "^2.0.13"
+  },
+  "devDependencies": {
+    "@types/node": "^20.17.14",
+    "tsx": "^4.7.1",
+    "typescript": "^5.4.5"
+  }
+}

package/readme.md

@@ -1,113 +1,112 @@
-# @shibam/sticker-maker
-
-`@shibam/sticker-maker` is a lightweight utility library designed for converting images and videos into stickers while allowing customization of metadata. you don't have to download ffmpeg in terminal. It supports various input types and ensures high-quality sticker conversion. This module has minimal dependencies, ensuring efficient performance. If you encounter any issues, please feel free to open an issue. However, please check if a similar issue has already been reported before creating a new one. Happy Coding (⁠≧⁠▽⁠≦⁠).
-
-# Sticker Class
-
-The `Sticker` class is a utility for converting images and videos into sticker format, with options for metadata customization and manipulation.
-
-## Installation
-   
-You can install the package using npm:
-
-```sh
-npm install @shibam/sticker-maker
-```
-## Usage
-
-Here's how you can use the `Sticker` class:
-
-```typescript
-import fs from "fs";
-import { Readable } from "stream";
-import { Sticker, StickerTypes } from "@shibam/sticker-maker";
-
-// Example 1: Create a new sticker instance and convert to buffer
-const sticker = new Sticker("path/to/image.png", {
-  pack: "My Sticker Pack",
-  author: "Shibam",
-  id: "123467890",
-  category: ['😂','😹'],
-  type: StickerTypes.DEFAULT,
-  quality: 30,
-});
-
-try {
-  const buffer = await sticker.toBuffer();
-  console.log("Sticker converted to buffer:", buffer);
-} catch (error) {
-  console.error("Error converting sticker to buffer:", error);
-}
-
-// Example 2: Create a new sticker instance and convert to file
-const sticker2 = new Sticker("path/to/another/image.png", {
-  pack: "Another Sticker Pack",
-  author: "John Doe",
-  id: "987654321",
-  category: ['😊','👍'],
-  type: StickerTypes.CIRCLE,
-  quality: 50,
-});
-
-try {
-  await sticker2.toFile("path/to/output.webp");
-  console.log("Sticker converted and saved to file successfully.");
-} catch (error) {
-  console.error("Error converting sticker to file:", error);
-}
-```
-
-## Class: `Sticker`
-
-### Constructor
-
-```typescript
-new Sticker(data: Buffer | string | Readable, metaInfo?: Partial<MetaDataType>)
-```
-
-- `data`: Input data for the sticker. Can be a Buffer, file path as a string, or Readable stream.
-- `metaInfo` (optional): Metadata about the sticker.
-
-### Methods
-
-#### `toBuffer(): Promise<Buffer>`
-
-Converts input data to a Buffer containing the converted sticker content.
-
-#### `toFile(outputPath: string): Promise<void>`
-
-Converts input data and writes the converted sticker to a file at `outputPath`.
-
-#### `changeMetaInfo(newMetaInfo: Partial<any>): Promise<any | undefined>`
-
-Updates metadata information with `newMetaInfo` and applies changes to the sticker.
-
-#### `extractMetaData(data: Buffer): Promise<any>`
-
-Extracts metadata from `data` and returns the extracted information.
-
-## Types
-
-### `StickerTypes`
-
-An enum specifying different types of stickers:
-
-```typescript
-enum StickerTypes {
-  DEFAULT,
-  CIRCLE,
-  SQUARE,
-}
-```
-
-## License
-
-This package is licensed under the MIT License.
-
-## Contributing
-
-Contributions are welcome. Feel free to open issues or submit pull requests on [GitHub](https://github.com/NekoSenpai69/Sticker-Maker).
-
----
-
+# @shibam/sticker-maker
+
+`@shibam/sticker-maker` is a lightweight utility library designed for converting images and videos into stickers while allowing customization of metadata. you have to download ffmpeg and canvas dependencies globally. It supports various input types and ensures high-quality sticker conversion. This module has minimal dependencies, ensuring efficient performance. If you encounter any issues, please feel free to open an issue. However, please check if a similar issue has already been reported before creating a new one. Happy Coding (⁠≧⁠▽⁠≦⁠).
+
+# Sticker Class
+
+The `Sticker` class is a utility for converting images and videos into sticker format, with options for metadata customization and manipulation.
+
+## Installation
+   
+You can install the package using npm:
+
+```sh
+npm install @shibam/sticker-maker
+```
+## Usage
+
+Here's how you can use the `Sticker` class:
+
+```typescript
+import fs from "fs";
+import { Readable } from "stream";
+import { Sticker, StickerTypes } from "@shibam/sticker-maker";
+
+// Example 1: Create a new sticker instance and convert to buffer
+const sticker = new Sticker("path/to/image.png", {
+  pack: "My Sticker Pack",
+  author: "Shibam",
+  id: "123467890",
+  category: ['😂','😹'],
+  type: StickerTypes.DEFAULT,
+  quality: 30,
+  text:"hello baka!" // if you want to use this download canvas dependecies
+});
+
+try {
+  const buffer = await sticker.toBuffer();
+  console.log("Sticker converted to buffer:", buffer);
+} catch (error) {
+  console.error("Error converting sticker to buffer:", error);
+}
+
+// Example 2: Create a new sticker instance and convert to file
+const sticker2 = new Sticker("path/to/another/image.png", {
+  pack: "Another Sticker Pack",
+  author: "John Doe",
+  id: "987654321",
+  category: ['😊','👍'],
+  type: StickerTypes.CIRCLE,
+  quality: 50,
+  text:"hello baka!" // if you want to use this download canvas dependecies
+});
+
+try {
+  await sticker2.toFile("path/to/output.webp");
+  console.log("Sticker converted and saved to file successfully.");
+} catch (error) {
+  console.error("Error converting sticker to file:", error);
+}
+```
+
+## Class: `Sticker`
+
+### Constructor
+
+```typescript
+new Sticker(data: Buffer | string | Readable, metaInfo?: Partial<MetaDataType>)
+```
+
+- `data`: Input data for the sticker. Can be a Buffer, file path as a string, or Readable stream.
+- `metaInfo` (optional): Metadata about the sticker.
+
+### Methods
+
+#### `toBuffer(): Promise<Buffer>`
+
+Converts input data to a Buffer containing the converted sticker content.
+
+#### `toFile(outputPath: string): Promise<void>`
+
+Converts input data and writes the converted sticker to a file at `outputPath`.
+
+
+#### `extractMetaData(data: Buffer): Promise<any>`
+
+Extracts metadata from `data` and returns the extracted information.
+
+## Types
+
+### `StickerTypes`
+
+An enum specifying different types of stickers:
+
+```typescript
+enum StickerTypes {
+  DEFAULT,
+  CIRCLE,
+  SQUARE,
+}
+```
+
+## License
+
+This package is licensed under the MIT License.
+
+## Contributing
+
+Contributions are welcome. Feel free to open issues or submit pull requests on [GitHub](https://github.com/NekoSenpai69/Sticker-Maker).
+
+---
+
 This README provides an overview of the `Sticker` class functionalities, installation instructions, examples of usage, information about types used, and guidelines for contributing to the project. Adjust paths and additional details based on your actual implementation and repository setup.