feat(transloco): transpile function arguments in FunctionalTranspiler (#829)

Signed-off-by: isc-auf <[email protected]>

Author: isc-auf

libs/transloco/src/lib/tests/transpiler.spec.ts

@@ -114,6 +114,22 @@ describe('TranslocoTranspiler', () => {
       );
     });
 
+    it('should transpile the function params', () => {
+      const spy = spyOn(transpilerFunctions['upperCase'], 'transpile');
+      transpiler.transpile(getTranspilerParams('[[ upperCase(lowercase) ]]'));
+      expect(spy).toHaveBeenCalledWith('lowercase');
+      spy.calls.reset();
+      transpiler.transpile(
+        getTranspilerParams(
+          '[[ upperCase(lowercase, {{person}}, {{ anotherParson.name }}) ]]',
+          {
+            params: { person: 'Shahar', anotherParson: { name: 'Netanel' } },
+          },
+        ),
+      );
+      expect(spy as any).toHaveBeenCalledWith('lowercase', 'Shahar', 'Netanel');
+    });
+
     it('should work with interpolation params', () => {
       const parsed = transpiler.transpile(
         getTranspilerParams('[[ testParams(and {{anotherParson}}) ]]', {

libs/transloco/src/lib/transloco.transpiler.ts

@@ -181,7 +181,11 @@ export class FunctionalTranspiler
             const func: TranslocoTranspilerFunction =
               this.injector.get(functionName);
 
-            return func.transpile(...getFunctionArgs(args));
+            return func.transpile(
+              ...getFunctionArgs(args).map((arg) =>
+                this.transpile({ value: arg, ...rest }),
+              ),
+            );
           } catch (e: unknown) {
             let message = `There is an error in: '${value}'. 
                           Check that the you used the right syntax in your translation and that the implementation of ${functionName} is correct.`;