Fix link formatting (#13210)

closes https://github.com/twentyhq/twenty/issues/13207

---------

Co-authored-by: Lucas Bordeau <bordeau.lucas@gmail.com>

packages/twenty-shared/src/utils/url/__tests__/lowercaseUrlAndRemoveTrailingSlash.test.ts

@@ -1,24 +0,0 @@
-import { lowercaseUrlAndRemoveTrailingSlash } from '@/utils/url/lowercaseUrlAndRemoveTrailingSlash';
-
-describe('lowercaseUrlAndRemoveTrailingSlash', () => {
-  it('should leave lowcased domain unchanged', () => {
-    const primaryLinkUrl = 'https://www.example.com/test';
-    const result = lowercaseUrlAndRemoveTrailingSlash(primaryLinkUrl);
-
-    expect(result).toBe('https://www.example.com/test');
-  });
-
-  it('should lowercase the domain of the primary link url', () => {
-    const primaryLinkUrl = 'htTps://wwW.exAmple.coM/TEST';
-    const result = lowercaseUrlAndRemoveTrailingSlash(primaryLinkUrl);
-
-    expect(result).toBe('https://www.example.com/TEST');
-  });
-
-  it('should not add a trailing slash', () => {
-    const primaryLinkUrl = 'https://www.example.com';
-    const result = lowercaseUrlAndRemoveTrailingSlash(primaryLinkUrl);
-
-    expect(result).toBe('https://www.example.com');
-  });
-});

packages/twenty-shared/src/utils/url/__tests__/lowercaseUrlOriginAndRemoveTrailingSlash.test.ts

@@ -0,0 +1,44 @@
+import { lowercaseUrlOriginAndRemoveTrailingSlash } from '@/utils/url/lowercaseUrlOriginAndRemoveTrailingSlash';
+
+interface TestContext {
+  title: string;
+  input: string;
+  expected: string;
+}
+
+describe('lowercaseUrlOriginAndRemoveTrailingSlash', () => {
+  test.each<TestContext>([
+    {
+      title: 'should leave lowcased domain unchanged',
+      input: 'https://www.example.com/test',
+      expected: 'https://www.example.com/test',
+    },
+    {
+      title: 'should lowercase the domain while preserving path case',
+      input: 'htTps://wwW.exAmple.coM/TEST',
+      expected: 'https://www.example.com/TEST',
+    },
+    {
+      title: 'should not add a trailing slash',
+      input: 'https://www.example.com',
+      expected: 'https://www.example.com',
+    },
+    {
+      title: 'should remove trailing slash',
+      input: 'https://www.example.com/',
+      expected: 'https://www.example.com',
+    },
+    {
+      title: 'should handle query parameters',
+      input: 'htTps://wwW.exAmple.coM/TEST?Param=Value',
+      expected: 'https://www.example.com/TEST?Param=Value',
+    },
+    {
+      title: 'should handle hash fragments',
+      input: 'htTps://wwW.exAmple.coM/TEST#Hash',
+      expected: 'https://www.example.com/TEST#Hash',
+    },
+  ])('$title', ({ input, expected }) => {
+    expect(lowercaseUrlOriginAndRemoveTrailingSlash(input)).toBe(expected);
+  });
+});

packages/twenty-shared/src/utils/url/lowercaseUrlAndRemoveTrailingSlash.ts

@@ -1,7 +0,0 @@
-export const lowercaseUrlAndRemoveTrailingSlash = (url: string) => {
-  try {
-    return new URL(url).toString().toLowerCase().replace(/\/$/, '');
-  } catch {
-    return url.toLowerCase();
-  }
-};

packages/twenty-shared/src/utils/url/lowercaseUrlOriginAndRemoveTrailingSlash.ts

@@ -0,0 +1,15 @@
+import { getURLSafely } from '@/utils/getURLSafely';
+import { isDefined } from '@/utils/validation';
+
+export const lowercaseUrlOriginAndRemoveTrailingSlash = (rawUrl: string) => {
+  const url = getURLSafely(rawUrl);
+
+  if (!isDefined(url)) {
+    return rawUrl;
+  }
+
+  const lowercaseOrigin = url.origin.toLowerCase();
+  const path = url.pathname + url.search + url.hash;
+
+  return (lowercaseOrigin + path).replace(/\/$/, '');
+};