Introduce a TAB to test the HTTP node (#13622)

<img width="1020" height="757" alt="Screenshot 2025-08-05 at 11 05 12"
src="https://github.com/user-attachments/assets/7cfcb216-d34d-4daa-b468-8153869c8f6a"
/>

packages/twenty-shared/src/utils/variable-resolver.ts

@@ -0,0 +1,106 @@
+import Handlebars from 'handlebars';
+
+const isNil = (value: any): value is null | undefined => {
+  return value === null || value === undefined;
+};
+
+const isString = (value: any): value is string => {
+  return typeof value === 'string';
+};
+
+const VARIABLE_PATTERN = RegExp('\\{\\{(.*?)\\}\\}', 'g');
+
+export const resolveInput = (
+  unresolvedInput: unknown,
+  context: Record<string, unknown>,
+): unknown => {
+  if (isNil(unresolvedInput)) {
+    return unresolvedInput;
+  }
+
+  if (isString(unresolvedInput)) {
+    return resolveString(unresolvedInput, context);
+  }
+
+  if (Array.isArray(unresolvedInput)) {
+    return resolveArray(unresolvedInput, context);
+  }
+
+  if (typeof unresolvedInput === 'object' && unresolvedInput !== null) {
+    return resolveObject(unresolvedInput, context);
+  }
+
+  return unresolvedInput;
+};
+
+const resolveArray = (
+  input: unknown[],
+  context: Record<string, unknown>,
+): unknown[] => {
+  const resolvedArray = input;
+
+  for (let i = 0; i < input.length; ++i) {
+    resolvedArray[i] = resolveInput(input[i], context);
+  }
+
+  return resolvedArray;
+};
+
+const resolveObject = (
+  input: object,
+  context: Record<string, unknown>,
+): object => {
+  return Object.entries(input).reduce<Record<string, unknown>>(
+    (resolvedObject, [key, value]) => {
+      const resolvedKey = resolveInput(key, context);
+
+      resolvedObject[
+        typeof resolvedKey === 'string' ? resolvedKey : String(resolvedKey)
+      ] = resolveInput(value, context);
+
+      return resolvedObject;
+    },
+    {},
+  );
+};
+
+const resolveString = (
+  input: string,
+  context: Record<string, unknown>,
+): string => {
+  const matchedTokens = input.match(VARIABLE_PATTERN);
+
+  if (!matchedTokens || matchedTokens.length === 0) {
+    return input;
+  }
+
+  if (matchedTokens.length === 1 && matchedTokens[0] === input) {
+    return evalFromContext(input, context);
+  }
+
+  return input.replace(VARIABLE_PATTERN, (matchedToken, _) => {
+    const processedToken = evalFromContext(matchedToken, context);
+
+    return processedToken;
+  });
+};
+
+const evalFromContext = (input: string, context: Record<string, unknown>) => {
+  try {
+    Handlebars.registerHelper('json', (input: string) => JSON.stringify(input));
+
+    const inputWithHelper = input
+      .replace('{{', '{{{ json ')
+      .replace('}}', ' }}}');
+
+    const inferredInput = Handlebars.compile(inputWithHelper)(context, {
+      helpers: {
+        json: (input: string) => JSON.stringify(input),
+      },
+    });
+
+    return JSON.parse(inferredInput) ?? '';
+  } catch (exception) {
+    return undefined;
+  }
+};