update imgproxy-url-builder

Author: BitPatty

README.md

@@ -72,13 +72,12 @@ app.prepare().then(() => {
 After registering the endpoint you can use the `<ProxyImage />` component as you would with the `Image` component from `next/image`, except that you need to provide a file (`<bucketname>/<filename>`) instead of `src` and optional proxy params for image transformations/optimizations.
 
 ```tsx
-import ProxyImage, {
-  ImgProxyParamBuilder,
-} from '@bitpatty/next-image-s3-imgproxy-loader';
+import ProxyImage from '@bitpatty/next-image-s3-imgproxy-loader';
+import pb from '@bitpatty/imgproxy-url-builder';
 
 <ProxyImage
   file="mybucket/myfile.png"
-  proxyParams={new ImgProxyParamBuilder().rotate(180).blur(10).build()}
+  proxyParams={pb().rotate(180).blur(10).build()}
 />;
 ```
 
@@ -90,9 +89,10 @@ In case using the component is not an option, you can instead use the image path
 
 ```tsx
 import { buildProxyImagePath } from '@bitpatty/next-image-s3-imgproxy-loader';
+import pb from '@bitpatty/imgproxy-url-builder';
 
 const imagePath = buildProxyImagePath('test-bucket/test-image.png', {
-  proxyParams: new ImgProxyParamBuilder().blur(10).build(),
+  proxyParams: pb().blur(10).build(),
 });
 
 <img src={imagePath} />;
@@ -102,9 +102,10 @@ or as background image
 
 ```tsx
 import { buildProxyImagePath } from '@bitpatty/next-image-s3-imgproxy-loader';
+import pb from '@bitpatty/imgproxy-url-builder';
 
 const imagePath = buildProxyImagePath('test-bucket/test-image.png', {
-  proxyParams: new ImgProxyParamBuilder().blur(10).format('jpg').build(),
+  proxyParams: pb().blur(10).format('jpg').build(),
 });
 
 <div
@@ -139,36 +140,3 @@ buildProxyImagePath('test-bucket/test-image.png', {
   endpoint: '/my-endpoint',
 });
 ```
-
-## Available Transformations
-
-The following transformations have been implemented (Note that it is not planned to implement PRO transformations).
-
-| Transformation                                                                                                                    | Supported                |
-| --------------------------------------------------------------------------------------------------------------------------------- | ------------------------ |
-| [`Signature`](https://github.com/imgproxy/imgproxy/blob/master/docs/generating_the_url_advanced.md#signature)                     | :white_check_mark:       |
-| [`Blur`](https://github.com/imgproxy/imgproxy/blob/master/docs/generating_the_url_advanced.md#blur)                               | :white_check_mark:       |
-| [`Resize`](https://github.com/imgproxy/imgproxy/blob/master/docs/generating_the_url_advanced.md#resize)                           | :white_check_mark:       |
-| [`Size`](https://github.com/imgproxy/imgproxy/blob/master/docs/generating_the_url_advanced.md#size)                               | :wavy_dash: (via Resize) |
-| [`Width`](https://github.com/imgproxy/imgproxy/blob/master/docs/generating_the_url_advanced.md#width)                             | :wavy_dash: (via Resize) |
-| [`Height`](https://github.com/imgproxy/imgproxy/blob/master/docs/generating_the_url_advanced.md#height)                           | :wavy_dash: (via Resize) |
-| [`Dpr`](https://github.com/imgproxy/imgproxy/blob/master/docs/generating_the_url_advanced.md#dpr)                                 | :white_check_mark:       |
-| [`Enlarge`](https://github.com/imgproxy/imgproxy/blob/master/docs/generating_the_url_advanced.md#enlarge)                         | :wavy_dash: (via Resize) |
-| [`Extend`](https://github.com/imgproxy/imgproxy/blob/master/docs/generating_the_url_advanced.md#extend)                           | :wavy_dash: (via Resize) |
-| [`Gravity`](https://github.com/imgproxy/imgproxy/blob/master/docs/generating_the_url_advanced.md#gravity)                         | :wavy_dash: (via Resize) |
-| [`Crop`](https://github.com/imgproxy/imgproxy/blob/master/docs/generating_the_url_advanced.md#crop)                               | :white_check_mark:       |
-| [`Padding`](https://github.com/imgproxy/imgproxy/blob/master/docs/generating_the_url_advanced.md#padding)                         | :white_check_mark:       |
-| [`Trim`](https://github.com/imgproxy/imgproxy/blob/master/docs/generating_the_url_advanced.md#trim)                               | :white_check_mark:       |
-| [`Rotate`](https://github.com/imgproxy/imgproxy/blob/master/docs/generating_the_url_advanced.md#rotate)                           | :white_check_mark:       |
-| [`Quality`](https://github.com/imgproxy/imgproxy/blob/master/docs/generating_the_url_advanced.md#quality)                         | :white_check_mark:       |
-| [`Max Bytes`](https://github.com/imgproxy/imgproxy/blob/master/docs/generating_the_url_advanced.md#max-bytes)                     | :white_check_mark:       |
-| [`Background`](https://github.com/imgproxy/imgproxy/blob/master/docs/generating_the_url_advanced.md#background)                   | :white_check_mark:       |
-| [`Sharpen`](https://github.com/imgproxy/imgproxy/blob/master/docs/generating_the_url_advanced.md#sharpen)                         | :white_check_mark:       |
-| [`Watermark`](https://github.com/imgproxy/imgproxy/blob/master/docs/generating_the_url_advanced.md#watermark)                     | :white_check_mark:       |
-| [`Preset`](https://github.com/imgproxy/imgproxy/blob/master/docs/generating_the_url_advanced.md#preset)                           | :white_check_mark:       |
-| [`Cache Buster`](https://github.com/imgproxy/imgproxy/blob/master/docs/generating_the_url_advanced.md#cache-buster)               | :white_check_mark:       |
-| [`Strip Metadata`](https://github.com/imgproxy/imgproxy/blob/master/docs/generating_the_url_advanced.md#strip-metadata)           | :white_check_mark:       |
-| [`Strip Color Profile`](https://github.com/imgproxy/imgproxy/blob/master/docs/generating_the_url_advanced.md#strip-color-profile) | :white_check_mark:       |
-| [`Auto Rotate`](https://github.com/imgproxy/imgproxy/blob/master/docs/generating_the_url_advanced.md#auto-rotate)                 | :white_check_mark:       |
-| [`Filename`](https://github.com/imgproxy/imgproxy/blob/master/docs/generating_the_url_advanced.md#filename)                       | :white_check_mark:       |
-| [`Format`](https://github.com/imgproxy/imgproxy/blob/master/docs/generating_the_url_advanced.md#format)                           | :white_check_mark:       |

example/package-lock.json

@@ -9,7 +9,7 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@bitpatty/imgproxy-url-builder": "^0.1.0",
+    "@bitpatty/imgproxy-url-builder": "^0.2.0",
     "next": "11.1.2",
     "react": "^17.0.2",
     "react-dom": "17.0.2"

example/package.json

@@ -87,8 +87,6 @@ const demoContent: {
       .resize({
         type: ResizeType.FILL,
         width: 100,
-        height: 100,
-        enlarge: true,
       })
       .build(),
   },

example/pages/index.tsx

@@ -1,6 +1,6 @@
 {
   "name": "@bitpatty/next-image-s3-imgproxy-loader",
-  "version": "0.6.0",
+  "version": "0.7.0",
   "description": "imgproxy S3 extension for next/image",
   "author": "Matteias Collet <[email protected]>",
   "main": "dist/index.js",
@@ -39,6 +39,6 @@
     "next": "^11.0.0"
   },
   "dependencies": {
-    "@bitpatty/imgproxy-url-builder": "^0.1.0"
+    "@bitpatty/imgproxy-url-builder": "^0.2.0"
   }
 }