feat(hotfix): allow constructFullUrlWithParams to receive a rel path …

…or full url

src/components/DataTable/useSWRDataTable.tsx

@@ -13,10 +13,10 @@ function formatRequestParams(originalObj) {
   };
 }
 
-const dataTableFetcher = async ([url, paramsObject]) => {
+const dataTableFetcher = async ([pathOrUrl, paramsObject]) => {
   const formattedParams = formatRequestParams(paramsObject);
 
-  const fullUrl = constructFullUrlWithParams(url, formattedParams);
+  const fullUrl = constructFullUrlWithParams(pathOrUrl, formattedParams);
 
   const response = await fetch(fullUrl, {
     headers: {

src/lib/constructFullUrlWithParams.ts

@@ -1,14 +1,18 @@
 import { deserializeQuery, serializeQuery } from "./serializeQuery";
 
 export function constructFullUrlWithParams(
-  baseUrl: string,
+  pathOrUrl: string,
   queryParams: Record<string, unknown>
 ) {
-  if (typeof baseUrl !== "string") {
+  if (typeof pathOrUrl !== "string") {
     throw new Error("Base URL must be a string.");
   }
 
-  const url = new URL(baseUrl, window.location.origin);
+  const isFullUrl = /^(http|https):\/\//.test(pathOrUrl);
+  const url = new URL(
+    pathOrUrl,
+    isFullUrl ? undefined : window.location.origin
+  );
 
   const existingParams = deserializeQuery(url.search);
 

tests/lib/constructFullUrlWithParams.test.ts

@@ -13,6 +13,22 @@ describe("constructFullUrlWithParams", () => {
     );
   });
 
+  it("should correctly handle full URLs", () => {
+    const fullUrl = "http://example.com";
+    const queryParams = { section: "blog", article: 123 };
+    const result = constructFullUrlWithParams(fullUrl, queryParams);
+    expect(result).toBe("http://example.com/?section=blog&article=123");
+  });
+
+  it("should correctly handle relative paths", () => {
+    const relativePath = "/path/to/resource";
+    const queryParams = { section: "blog", article: 123 };
+    const result = constructFullUrlWithParams(relativePath, queryParams);
+    expect(result).toBe(
+      "http://localhost/path/to/resource?section=blog&article=123"
+    );
+  });
+
   it("should correctly add simple query parameters to a base URL", () => {
     const baseUrl = "http://example.com";
     const queryParams = { name: "John", age: 30 };