@meersagor/js-composable
Advanced tools
JS-Composable is a lightweight utility library designed to provide practical helper methods that simplify real-world use cases.
JS-Composable is a lightweight utility library designed to provide practical helper methods that simplify real-world use cases. Tailored for Node.js projects, it includes a versatile set of functions to streamline repetitive tasks and support common development needs.
With JS-Composable, your Node.js projects get a boost in maintainability and clarity, allowing you to focus on core functionality while the library handles common yet essential utility tasks.
To install the package, run the following command:
npm i @meersagor/js-composable
import {generateFormData, logGenerateFormData} from '@meersagor/js-composable';
import {generateFormData} from '@meersagor/js-composable';
const obj = {
name: 'Meer Sagor',
age: 24,
skills: ['javaScript', 'typeScript', 'vuejs', 'nuxtjs', 'reactjs', 'nextjs']
};
const result = generateFormData({objectData: obj});
// If you want to log the generated FormData, use the logGenerateFormData method
logGenerateFormData(result);
Here is an example of how to use the package with an object that includes a file and a custom file key:
import {logGenerateFormData} from '@meersagor/js-composable';
const obj2 = {
name: 'Meer Sagor',
age: 24,
skills: ['javaScript', 'typeScript', 'vuejs', 'nuxtjs', 'reactjs', 'nextjs'],
file: new File(["content"], "filename.txt") // Example file object
};
const result = generateFormData({objectData: obj2, fileKey: 'attachment'});
// Log the generated FormData
logGenerateFormData(result);
A TypeScript utility for dynamically adding, updating, and ensuring the loading of custom fonts in a web application. This utility helps you define font-face rules for custom fonts, allowing you to update their sources and ensure the fonts are fully loaded in the browser.
loadCustomFontFace utilityimport {loadCustomFontFace} from '@meersagor/js-composable';
await loadCustomFontFace({
fontFamily: 'CustomFont',
srcUrl: 'https://example.com/fonts/CustomFont.woff',
fontStyle: 'normal',
fontWeight: '400',
format: 'woff2',
fontDisplay: 'swap',
});
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
.custom-font{
font-family: 'CustomFont',sans-serif;
}
</style>
</head>
<body>
<h1 class="custom-font">Hello world</h1>
</body>
</html>
generateImageUrlToBase64 utilityTo use the generateImageUrlToBase64 function, pass it an object containing the url of the image to convert and an
optional parseType to specify the desired output format.
import {generateImageUrlToBase64} from '@meersagor/js-composable';
generateImageUrlToBase64({url: 'https://example.com/image.png'})
.then((base64) => console.log('Base64:', base64))
.catch((error) => console.error('Error:', error));
generateFormData
This method generates FormData from the provided object.
| Parameters | Type | Description | Default |
|---|---|---|---|
| objectData | object | The object to be converted into FormData | — |
| fileKey | string (optional) | The key to use for the file if the object contains a file and want to set custom key. | — |
FormData: The generated FormData object.logGenerateFormData This method logs the generated FormData to the console.loadCustomFontFace
| Parameters | Type | Description | Default |
|---|---|---|---|
| fontFamily | string | The name of the font family. | — |
| srcUrl | string | The URL of the font file. | — |
| format | string | The format of the font (e.g., 'woff', 'woff2'). | 'woff' |
| fontWeight | string | The weight of the font (e.g., 'normal', 'bold'). | 'normal' |
| fontStyle | string | The style of the font (e.g., 'normal', 'italic'). | 'normal' |
| fontDisplay | string | Defines how a font face is displayed. | 'swap' |
generateImageUrlToBase64
| Parameters | Type | Description | Default |
|---|---|---|---|
| url | string | The URL of the image to convert. | — |
| parseType | string | Output format: 'base64' or 'svg'. | 'base64' |
This package is open-source and available under the MIT License.
Contributions are welcome! Please feel free to submit a pull request.
If you encounter any issues, please create a new issue.
FAQs
JS-Composable is a lightweight utility library designed to provide practical helper methods that simplify real-world use cases.
The npm package @meersagor/js-composable receives a total of 2 weekly downloads. As such, @meersagor/js-composable popularity was classified as not popular.
We found that @meersagor/js-composable demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
Security News
Attackers used a malicious npm package typosquatting a popular ESLint plugin to steal sensitive data, execute commands, and exploit developer systems.
Security News
The Ultralytics' PyPI Package was compromised four times in one weekend through GitHub Actions cache poisoning and failure to rotate previously compromised API tokens.
Security News
Research
Socket researchers found a malicious Maven package impersonating the legitimate ‘XZ for Java’ library, introducing a backdoor for remote code execution.