encode path params

Author: ajaishankar

README.md

@@ -53,7 +53,7 @@ fetcher.configure({
       ...
     },
   },
-  use: [...] // middewares
+  use: [...] // middlewares
 })
 
 // create fetch operations

package.json

@@ -1,7 +1,7 @@
 {
   "name": "openapi-typescript-fetch",
   "description": "A typed fetch client for openapi-typescript",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "engines": {
     "node": ">= 12.0.0",
     "npm": ">= 7.0.0"

src/fetcher.ts

@@ -43,7 +43,7 @@ function queryString(params: Record<string, unknown>): string {
 
 function getPath(path: string, payload: Record<string, any>) {
   return path.replace(/\{([^}]+)\}/g, (_, key) => {
-    const value = payload[key]
+    const value = encodeURIComponent(payload[key])
     delete payload[key]
     return value
   })

test/fetch.test.ts

@@ -33,12 +33,12 @@ describe('fetch', () => {
 
     const { ok, status, statusText, data } = await fun({
       a: 1,
-      b: 2,
+      b: '/',
       scalar: 'a',
       list: ['b', 'c'],
     })
 
-    expect(data.params).toEqual({ a: '1', b: '2' })
+    expect(data.params).toEqual({ a: '1', b: '%2F' })
     expect(data.query).toEqual({ scalar: 'a', list: ['b', 'c'] })
     expect(data.headers).toEqual(expectedHeaders)
     expect(ok).toBe(true)
@@ -128,7 +128,7 @@ describe('fetch', () => {
     const { data } = await fun(
       {
         a: 1,
-        b: 2,
+        b: '2',
         scalar: 'a',
         list: ['b', 'c'],
       },

test/paths.ts

@@ -7,7 +7,7 @@ export type Data = {
 
 type Query = {
   parameters: {
-    path: { a: number; b: number }
+    path: { a: number; b: string }
     query: { scalar: string; list: string[] }
   }
   responses: { 200: { schema: Data } }