use enums instead of union types for gravity/resize types

Author: BitPatty

example/pages/index.tsx

@@ -4,6 +4,8 @@ import Head from 'next/head';
 import ProxyImage, {
   ImgProxyParamBuilder,
   buildProxyImagePath,
+  ResizeType,
+  GravityType,
 } from '../../dist';
 
 const demoContent: {
@@ -65,12 +67,12 @@ const demoContent: {
     height: 100,
     proxyParams: new ImgProxyParamBuilder()
       .resize({
-        type: 'fit',
+        type: ResizeType.FILL,
         width: 100,
         height: 100,
         enlarge: true,
         gravity: {
-          type: 'no',
+          type: GravityType.NORTH,
           center: {
             x: 10,
             y: 10,

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@bitpatty/next-image-s3-imgproxy-loader",
-  "version": "0.1.1",
+  "version": "0.2.0",
   "description": "imgproxy S3 extension for next/image",
   "author": "Matteias Collet <matteias.collet@bluewin.ch>",
   "main": "dist/index.js",

package.json

@@ -0,0 +1,13 @@
+enum GravityType {
+  NORTH = 'no',
+  SOUTH = 'so',
+  EAST = 'ea',
+  WEST = 'we',
+  NORTHEAST = 'noea',
+  NORTHWEST = 'nowe',
+  SOUTHEAST = 'soea',
+  SOUTHWEST = 'sowe',
+  CENTER = 'center',
+}
+
+export default GravityType;

src/enums/gravity-type.enum.ts

@@ -0,0 +1,7 @@
+enum ResizeType {
+  FIT = 'fit',
+  FILL = 'fill',
+  AUTO = 'auto',
+}
+
+export default ResizeType;

src/enums/resize-type.enum.ts

@@ -7,6 +7,8 @@ import { request as httpsRequest } from 'https';
 import { ServerResponse, request as httpRequest } from 'http';
 
 import ImgProxyParamBuilder from './param-builder';
+import GravityType from './enums/gravity-type.enum';
+import ResizeType from './enums/resize-type.enum';
 
 const IMGPROXY_ENDPOINT = '/_next/imgproxy';
 
@@ -119,8 +121,10 @@ const ProxyImage = ({
 
 export default ProxyImage;
 export {
+  IMGPROXY_ENDPOINT,
   buildProxyImagePath,
   imageOptimizer,
-  IMGPROXY_ENDPOINT,
   ImgProxyParamBuilder,
+  GravityType,
+  ResizeType,
 };

src/index.tsx

@@ -1,15 +1,5 @@
-type ResizeType = 'fit' | 'fill' | 'auto';
-
-type GravityType =
-  | 'no'
-  | 'so'
-  | 'ea'
-  | 'we'
-  | 'noea'
-  | 'nowe'
-  | 'soea'
-  | 'sowe'
-  | 'ce';
+import GravityType from './enums/gravity-type.enum';
+import ResizeType from './enums/resize-type.enum';
 
 type ForwardType = Partial<ImgProxyParamBuilder> & {
   modifiers: string[];
@@ -36,7 +26,7 @@ class ImgProxyParamBuilder {
       enlarge?: boolean;
       extend?: boolean;
       gravity?: {
-        type: Omit<GravityType, 'sm'>;
+        type: GravityType;
         center?: {
           x: number;
           y: number;
@@ -49,7 +39,7 @@ class ImgProxyParamBuilder {
       options
         ? [
             'resize',
-            type ?? 'fit',
+            type ?? ResizeType.FIT,
             width ?? 0,
             height ?? 0,
             !!enlarge,