feat: added support for g_liquid

Author: jerzy-mankowski

packages/react/src/demo.tsx

@@ -74,6 +74,9 @@ const NewComponentUsage = () => (
           autoPlay: true,
           muted: true
         }}
+        resize={{
+          height: 200
+        }}
         videoCodec={{
           use: 'h264',
           profile: 'baseline',

packages/react/src/transformationParsers/parseGravity.ts

@@ -26,6 +26,9 @@ export const parseGravity = (gravity: Gravity) => {
 
   switch (gravity.mode) {
     case 'special':
+      if (gravity.position === 'liquid') {
+        return 'g_liquid';
+      }
       return '';
     case 'object':
       return '';

packages/react/src/transformationParsers/parseResize.ts

@@ -27,8 +27,8 @@ export const createParseResize =
 
       if (!resize.mode) {
         return `c_scale${
-          parseWhenDefined(resize.width, (width) => `w_${width}`)}${
-          parseWhenDefined(resize.height, (height) => `h_${height}`)
+          parseWhenDefined(resize.width, parseWidth)}${
+          parseWhenDefined(resize.height, parseHeight)
         }`;
       }
 
@@ -52,7 +52,7 @@ export const createParseResize =
           return `c_scale${
               parseWhenDefined(resize.ignoreAspectRatio, parseIgnoreAspectRatio)}${
               parseWhenDefined(resize.aspectRatio, parseAspectRatio)}${
-              resize.gravity ? 'g_liquid' : ''}${
+              parseWhenDefined(resize.gravity, () => parseGravity({ mode: 'special', position: 'liquid' }))}${
               parseWhenDefined(resize.width, parseWidth)}${
               parseWhenDefined(resize.height, parseHeight)
             }`;