From fbb81014e448aa141ec4399158eeb713863b331a Mon Sep 17 00:00:00 2001
From: Kajetan Szymczak <kajtszymczak@gmail.com>
Date: Tue, 15 Apr 2025 18:07:57 +0200
Subject: [PATCH 1/2] fix dynamic access to methods using wrapAsPathBasedClient

---
 .changeset/heavy-onions-bake.md               |  5 +++++
 packages/openapi-fetch/src/index.js           | 16 +++++++--------
 .../path-based-client.test.ts                 | 20 ++++++++++++++++++-
 3 files changed, 32 insertions(+), 9 deletions(-)
 create mode 100644 .changeset/heavy-onions-bake.md

diff --git a/.changeset/heavy-onions-bake.md b/.changeset/heavy-onions-bake.md
new file mode 100644
index 000000000..b6a7c4f4d
--- /dev/null
+++ b/.changeset/heavy-onions-bake.md
@@ -0,0 +1,5 @@
+---
+"openapi-fetch": patch
+---
+
+fix dynamic access to methods using wrapAsPathBasedClient
diff --git a/packages/openapi-fetch/src/index.js b/packages/openapi-fetch/src/index.js
index ad83112e0..a8e0b02c0 100644
--- a/packages/openapi-fetch/src/index.js
+++ b/packages/openapi-fetch/src/index.js
@@ -298,28 +298,28 @@ class PathCallForwarder {
     this.url = url;
   }
 
-  GET(init) {
+  GET = (init) => {
     return this.client.GET(this.url, init);
   }
-  PUT(init) {
+  PUT = (init) => {
     return this.client.PUT(this.url, init);
   }
-  POST(init) {
+  POST = (init) => {
     return this.client.POST(this.url, init);
   }
-  DELETE(init) {
+  DELETE = (init) => {
     return this.client.DELETE(this.url, init);
   }
-  OPTIONS(init) {
+  OPTIONS = (init) => {
     return this.client.OPTIONS(this.url, init);
   }
-  HEAD(init) {
+  HEAD = (init) => {
     return this.client.HEAD(this.url, init);
   }
-  PATCH(init) {
+  PATCH = (init) => {
     return this.client.PATCH(this.url, init);
   }
-  TRACE(init) {
+  TRACE = (init) => {
     return this.client.TRACE(this.url, init);
   }
 }
diff --git a/packages/openapi-fetch/test/path-based-client/path-based-client.test.ts b/packages/openapi-fetch/test/path-based-client/path-based-client.test.ts
index 25148b300..8e21cee97 100644
--- a/packages/openapi-fetch/test/path-based-client/path-based-client.test.ts
+++ b/packages/openapi-fetch/test/path-based-client/path-based-client.test.ts
@@ -1,5 +1,5 @@
 import type { MediaType } from "openapi-typescript-helpers";
-import { createExpect, describe, expect, expectTypeOf, test } from "vitest";
+import { describe, expect, expectTypeOf, test } from "vitest";
 import { createPathBasedClient, type PathBasedClient } from "../../src/index.js";
 import type { paths } from "./schemas/path-based-client.js";
 
@@ -78,5 +78,23 @@ describe("createPathBasedClient", () => {
         expect(data.title).toBe("Blog post title");
       }
     });
+
+    test('properly binds "this" inside PathCallForwarder', async () => {
+      let method = "";
+      const client = createObservedPathBasedClient<paths>({}, async (req) => {
+        method = req.method;
+        return Response.json({});
+      });
+
+      const getMethodByPathAndMethod = (path: "/posts", method: 'GET') => {
+        return client[path][method];
+      }
+
+      await getMethodByPathAndMethod("/posts", "GET")();
+      
+      expect(method).toBe("GET");
+    });
   });
 });
+
+

From d9ae0d7e1db0b58df77ae68bc177327128032c21 Mon Sep 17 00:00:00 2001
From: Kajetan Szymczak <kajtszymczak@gmail.com>
Date: Tue, 15 Apr 2025 18:17:35 +0200
Subject: [PATCH 2/2] fix formatting issues

---
 packages/openapi-fetch/src/index.js              | 16 ++++++++--------
 .../path-based-client/path-based-client.test.ts  |  8 +++-----
 2 files changed, 11 insertions(+), 13 deletions(-)

diff --git a/packages/openapi-fetch/src/index.js b/packages/openapi-fetch/src/index.js
index a8e0b02c0..171187254 100644
--- a/packages/openapi-fetch/src/index.js
+++ b/packages/openapi-fetch/src/index.js
@@ -300,28 +300,28 @@ class PathCallForwarder {
 
   GET = (init) => {
     return this.client.GET(this.url, init);
-  }
+  };
   PUT = (init) => {
     return this.client.PUT(this.url, init);
-  }
+  };
   POST = (init) => {
     return this.client.POST(this.url, init);
-  }
+  };
   DELETE = (init) => {
     return this.client.DELETE(this.url, init);
-  }
+  };
   OPTIONS = (init) => {
     return this.client.OPTIONS(this.url, init);
-  }
+  };
   HEAD = (init) => {
     return this.client.HEAD(this.url, init);
-  }
+  };
   PATCH = (init) => {
     return this.client.PATCH(this.url, init);
-  }
+  };
   TRACE = (init) => {
     return this.client.TRACE(this.url, init);
-  }
+  };
 }
 
 class PathClientProxyHandler {
diff --git a/packages/openapi-fetch/test/path-based-client/path-based-client.test.ts b/packages/openapi-fetch/test/path-based-client/path-based-client.test.ts
index 8e21cee97..810e87179 100644
--- a/packages/openapi-fetch/test/path-based-client/path-based-client.test.ts
+++ b/packages/openapi-fetch/test/path-based-client/path-based-client.test.ts
@@ -86,15 +86,13 @@ describe("createPathBasedClient", () => {
         return Response.json({});
       });
 
-      const getMethodByPathAndMethod = (path: "/posts", method: 'GET') => {
+      const getMethodByPathAndMethod = (path: "/posts", method: "GET") => {
         return client[path][method];
-      }
+      };
 
       await getMethodByPathAndMethod("/posts", "GET")();
-      
+
       expect(method).toBe("GET");
     });
   });
 });
-
-