feat(server): implemented alternative image transformers

Separated image transformation logic into new functions that allow choosing between performance and
platform support.

CHANGELOG.md

@@ -3,6 +3,17 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [Unreleased]
+
+### Added
+
+- Moved image transformation logic into separate files to later support additional platforms.
+- Created new image transformer that uses Jimp to transform images with pure JavaScript.
+
+### Changed
+
+- Switched default image transformer to Jimp support all platforms by default
+
 ## [0.1.6] - 2022-01-21
 
 ### Changed

README.md

@@ -38,8 +38,8 @@ Where the `responsive` sizes provided through the props are turned into image UR
 
 To install this library and its peer deps, use on of the following commands:
 ```bash
-npm install -S remix-image hybrid-disk-cache sharp
-yarn add remix-image hybrid-disk-cache sharp
+npm install -S remix-image hybrid-disk-cache sharp jimp
+yarn add remix-image hybrid-disk-cache sharp jimp
 ```
 
 ---
@@ -80,6 +80,31 @@ export const loader: LoaderFunction = ({ request }) => {
 **Note:**
 Due to [remix request purging](https://remix.run/docs/en/v1.1.1/other-api/serve), `MemoryCache` will clear itself automatically on each request in development. This will not occur during production, and it will perform as expected.
 
+#### Transformer Types
+| Name  | Description                                                                        |
+|-------|------------------------------------------------------------------------------------|
+| Jimp  | The default image transformer, supports all platforms at the cost of performance.  |
+| Sharp | A faster image transformer that uses the file-system, offers the best performance. |
+
+#### Platforms Without File-System Access
+Some platforms like Cloudflare workers do not support file-systems and some Node packages.
+In this case, use `MemoryCache` and `jimpTransformer` because they are pure JavaScript.
+```typescript jsx
+import type { LoaderFunction } from "remix";
+import { imageLoader, MemoryCache, jimpTransformer } from "remix-image/server";
+
+const config = {
+  selfUrl: "http://localhost:3000",
+  whitelistedDomains: ["i.imgur.com"],
+  cache: new MemoryCache(),
+  transformer: jimpTransformer,
+};
+
+export const loader: LoaderFunction = ({ request }) => {
+  return imageLoader(config, request);
+};
+```
+
 ---
 
 ### Component

example/app/routes/api/image.ts

@@ -1,11 +1,12 @@
 import type { LoaderFunction } from "remix";
 // eslint-disable-next-line import/no-unresolved
-import { imageLoader, DiskCache } from "remix-image/server";
+import { imageLoader, DiskCache, sharpTransformer } from "remix-image/server";
 
 const config = {
   selfUrl: "http://localhost:3000",
   whitelistedDomains: ["i.imgur.com"],
   cache: new DiskCache(),
+  transformer: sharpTransformer,
 };
 
 export const loader: LoaderFunction = ({ request }) => {