refactor: improve type safety in transformation string construction and update supported transforms

Author: manu4543

src/constants/supportedTransforms.ts

@@ -1,166 +1,64 @@
 /**
- * @link https://docs.imagekit.io/features/image-transformations
+ * @link https://imagekit.io/docs/transformations
  */
 const supportedTransforms: { [key: string]: string } = {
-  /**
-   * @link https://docs.imagekit.io/features/image-transformations/resize-crop-and-other-transformations#width-w
-   */
-  width: "w",
-
-  /**
-   * @link https://docs.imagekit.io/features/image-transformations/resize-crop-and-other-transformations#height-h
-   */
-  height: "h",
-
-  /**
-   * @link https://docs.imagekit.io/features/image-transformations/resize-crop-and-other-transformations#aspect-ratio-ar
-   */
   aspectRatio: "ar",
-
-  /**
-   * @link https://docs.imagekit.io/features/image-transformations/resize-crop-and-other-transformations#quality-q
-   */
-  quality: "q",
-
-  /**
-   * @link https://docs.imagekit.io/features/image-transformations/resize-crop-and-other-transformations#crop-crop-modes-and-focus
-   */
+  background: "bg",
+  border: "b",
   crop: "c",
-
-  /**
-   * @link https://docs.imagekit.io/features/image-transformations/resize-crop-and-other-transformations#crop-crop-modes-and-focus
-   */
   cropMode: "cm",
-
-  /**
-   * @link https://docs.imagekit.io/features/image-transformations/resize-crop-and-other-transformations#focus-fo
-   */
+  DPR: "dpr",
   focus: "fo",
-
-  /**
-   * @link https://docs.imagekit.io/features/image-transformations/resize-crop-and-other-transformations#examples-focus-using-cropped-image-coordinates
-   */
+  quality: "q",
   x: "x",
-
-  /**
-   * @link https://docs.imagekit.io/features/image-transformations/resize-crop-and-other-transformations#examples-focus-using-cropped-image-coordinates
-   */
+  xCenter: "xc",
   y: "y",
-
-  /**
-   * @link https://docs.imagekit.io/features/image-transformations/resize-crop-and-other-transformations#format-f
-   */
+  yCenter: "yc",
+  height: "h",
+  width: "w",
   format: "f",
-
-  /**
-   * @link https://docs.imagekit.io/features/image-transformations/resize-crop-and-other-transformations#radius-r
-   */
+  videoCodec: "vc",
+  audioCodec: "ac",
   radius: "r",
-
-  /**
-   * @link https://docs.imagekit.io/features/image-transformations/resize-crop-and-other-transformations#background-color-bg
-   */
-  background: "bg",
-
-  /**
-   * @link https://docs.imagekit.io/features/image-transformations/resize-crop-and-other-transformations#border-b
-   */
-  border: "b",
-
-  /**
-   * @link https://docs.imagekit.io/features/image-transformations/resize-crop-and-other-transformations#rotate-rt
-   */
   rotation: "rt",
-
-  /**
-   * @link https://docs.imagekit.io/features/image-transformations/resize-crop-and-other-transformations#rotate-rt
-   */
   rotate: "rt",
-
-  /**
-   * @link https://docs.imagekit.io/features/image-transformations/resize-crop-and-other-transformations#blur-bl
-   */
   blur: "bl",
-
-  /**
-   * @link https://docs.imagekit.io/features/image-transformations/resize-crop-and-other-transformations#named-transformation-n
-   */
   named: "n",
-
-  /**
-   * @link https://docs.imagekit.io/features/image-transformations/resize-crop-and-other-transformations#progressive-image-pr
-   */
-  progressive: "pr",
-
-  /**
-   * @link https://docs.imagekit.io/features/image-transformations/resize-crop-and-other-transformations#lossless-webp-and-png-lo
-   */
-  lossless: "lo",
-
-  /**
-   * @link https://docs.imagekit.io/features/image-transformations/resize-crop-and-other-transformations#trim-edges-t
-   */
-  trim: "t",
-
-  /**
-   * @link https://docs.imagekit.io/features/image-transformations/resize-crop-and-other-transformations#image-metadata-md
-   */
-  metadata: "md",
-
-  /**
-   * @link https://docs.imagekit.io/features/image-transformations/resize-crop-and-other-transformations#color-profile-cp
-   */
-  colorProfile: "cp",
-
-  /**
-   * @link https://docs.imagekit.io/features/image-transformations/resize-crop-and-other-transformations#default-image-di
-   */
   defaultImage: "di",
-
-  /**
-   * @link https://docs.imagekit.io/features/image-transformations/resize-crop-and-other-transformations#dpr-dpr
-   */
-  dpr: "dpr",
-
-  /**
-   * @link https://docs.imagekit.io/features/image-transformations/image-enhancement-and-color-manipulation#sharpen-e-sharpen
-   */
-  effectSharpen: "e-sharpen",
-
-  /**
-   * @link https://docs.imagekit.io/features/image-transformations/image-enhancement-and-color-manipulation#unsharp-mask-e-usm
-   */
-  effectUSM: "e-usm",
-
-  /**
-   * @link https://docs.imagekit.io/features/image-transformations/image-enhancement-and-color-manipulation#contrast-stretch-e-contrast
-   */
-  effectContrast: "e-contrast",
-
-  /**
-   * @link https://docs.imagekit.io/features/image-transformations/resize-crop-and-other-transformations#grayscale-e-grayscale
-   */
-  effectGray: "e-grayscale",
-
-  /**
-   * @link https://docs.imagekit.io/features/image-transformations/resize-crop-and-other-transformations#original-image-orig
-   */
+  flip: "fl",
   original: "orig",
-
-  /**
-   * @link https://docs.imagekit.io/features/image-transformations/image-enhancement-and-color-manipulation#shadow-e-shadow
-   */
+  startOffset: "so",
+  endOffset: "eo",
+  duration: "du",
+  streamingResolutions: "sr",
+  eGrayscale: "e-grayscale",
+  eRemoveDotBg: "e-removedotbg",
+  eUpscale: "e-upscale",
+  eRetouch: "e-retouch",
+  eGenvar: "e-genvar",
+  eDropshadow: "e-dropshadow",
+  eChangeBg: "e-changebg",
+  eBgRemove: "e-bgremove",
+  eContrast: "e-contrast",
+  eShadow: "e-shadow",
+  eSharpen: "e-sharpen",
+  eUSM: "e-usm",
+  eGradient: "e-gradient",
+  effectContrast: "e-contrast",
   effectShadow: "e-shadow",
-
-  /**
-   * @link https://docs.imagekit.io/features/image-transformations/image-enhancement-and-color-manipulation#gradient-e-gradient
-   */
+  effectSharpen: "e-sharpen",
+  effectUSM: "e-usm",
   effectGradient: "e-gradient",
-
-  /**
-   * @link https://docs.imagekit.io/features/image-transformations/conditional-transformations
-   */
-   raw: "raw",
+  effectGray: "e-grayscale",
+  progressive: "pr",
+  lossless: "lo",
+  colorProfile: "cp",
+  metadata: "md",
+  opacity: "o",
+  trim: "t",
+  zoom: "z",
+  page: "pg",
+  raw: "raw",
 }