Blobfy

blobfy is a simple npm package that provides an easy way to work with binary data using JavaScript's Blob object. This package lets you convert data from various sources into Blob objects, which can be particularly useful for dealing with files, streams, and other types of binary data. It is perfect to use in React/React Native projects (expo compatible)

Installation

You can install Blobfy using npm:

npm install [email protected]

Usage

Using blobfy is straightforward. Once you've installed the package, you can import and use it in your code like this:

1. Import the blobfy module:

import { Blobify } from "blobfy";

2. Convert data to a Blob:

const yourFunction = async () => {
  // Replace 'your_uri' with the actual URI or data you want to convert
  const blob = await Blobfy('your_uri');

  // Don't forget to release the resources when you're done
  blob.close();
};

API Reference

blobfy(uri: string): Promise<Blob>

The main function provided by the blobfy package. It takes a URI or data as input and returns a Promise that resolves to a Blob object containing the converted data.

• uri (string): The URI or data that you want to convert into a Blob.

Blob.close()

Closes the Blob, releasing its resources. This method should be called when you're done working with the Blob to avoid memory leaks.

Example

Here's an example of using blobfy to convert an image URL into a Blob and display it on a web page:

import { Blobify } from "blobfy";

const displayImage = async (imageUrl) => {
  const blob = await Blobfy(imageUrl);

  const blobUrl = URL.createObjectURL(blob);
  const imgElement = document.createElement('img');
  imgElement.src = blobUrl;
  document.body.appendChild(imgElement);

  blob.close();
};

const imageUrl = 'https://example.com/image.jpg';
displayImage(imageUrl);

Conclusion

blobfy simplifies the process of working with binary data in JavaScript by providing an intuitive way to convert data into Blob objects. With its easy-to-use interface, you can seamlessly handle files, streams, and other binary data sources. Remember to close the Blob objects when you're done using them to free up resources.

If you encounter any issues or have suggestions for improvement, feel free to report them on GitHub.

Happy coding!