From 129ad9ed10fb6c849c7be9f93b76585dcf7fe522 Mon Sep 17 00:00:00 2001
From: Daniel Rochetti <daniel.rochetti@gmail.com>
Date: Sun, 28 Jan 2024 10:09:40 -0800
Subject: [PATCH] chore: simplify proxy config

---
 README.md                                        | 4 +---
 apps/demo-nextjs-app-router/app/page.tsx         | 6 ++----
 apps/demo-nextjs-app-router/app/whisper/page.tsx | 4 +---
 apps/demo-nextjs-page-router/pages/index.tsx     | 6 ++----
 libs/proxy/README.md                             | 4 +---
 5 files changed, 7 insertions(+), 17 deletions(-)

diff --git a/README.md b/README.md
index 3222388..0b62ae6 100644
--- a/README.md
+++ b/README.md
@@ -63,9 +63,7 @@ For example, if you are using Next.js, you can:
    ```ts
    import * as fal from '@fal-ai/serverless-client';
    fal.config({
-     requestMiddleware: fal.withProxy({
-       targetUrl: '/api/fal/proxy',
-     }),
+     proxyUrl: '/api/fal/proxy',
    });
    ```
 4. Make sure your server has `FAL_KEY` as environment variable with a valid API Key. That's it! Now your client calls will route through your server proxy, so your credentials are protected.
diff --git a/apps/demo-nextjs-app-router/app/page.tsx b/apps/demo-nextjs-app-router/app/page.tsx
index a24c7c5..4d9e53a 100644
--- a/apps/demo-nextjs-app-router/app/page.tsx
+++ b/apps/demo-nextjs-app-router/app/page.tsx
@@ -6,10 +6,8 @@ import { useMemo, useState } from 'react';
 // @snippet:start(client.config)
 fal.config({
   // credentials: 'FAL_KEY_ID:FAL_KEY_SECRET',
-  requestMiddleware: fal.withProxy({
-    targetUrl: '/api/fal/proxy', // the built-int nextjs proxy
-    // targetUrl: 'http://localhost:3333/api/fal/proxy', // or your own external proxy
-  }),
+  proxyUrl: '/api/fal/proxy', // the built-int nextjs proxy
+  // proxyUrl: 'http://localhost:3333/api/fal/proxy', // or your own external proxy
 });
 // @snippet:end
 
diff --git a/apps/demo-nextjs-app-router/app/whisper/page.tsx b/apps/demo-nextjs-app-router/app/whisper/page.tsx
index daf02f8..db9d386 100644
--- a/apps/demo-nextjs-app-router/app/whisper/page.tsx
+++ b/apps/demo-nextjs-app-router/app/whisper/page.tsx
@@ -5,9 +5,7 @@ import { useCallback, useMemo, useState } from 'react';
 
 fal.config({
   // credentials: 'FAL_KEY_ID:FAL_KEY_SECRET',
-  requestMiddleware: fal.withProxy({
-    targetUrl: '/api/fal/proxy',
-  }),
+  proxyUrl: '/api/fal/proxy',
 });
 
 type ErrorProps = {
diff --git a/apps/demo-nextjs-page-router/pages/index.tsx b/apps/demo-nextjs-page-router/pages/index.tsx
index 832aaaa..2a279d8 100644
--- a/apps/demo-nextjs-page-router/pages/index.tsx
+++ b/apps/demo-nextjs-page-router/pages/index.tsx
@@ -3,10 +3,8 @@ import { useMemo, useState } from 'react';
 
 // @snippet:start(client.config)
 fal.config({
-  requestMiddleware: fal.withProxy({
-    targetUrl: '/api/fal/proxy', // the built-int nextjs proxy
-    // targetUrl: 'http://localhost:3333/api/fal/proxy', // or your own external proxy
-  }),
+  proxyUrl: '/api/fal/proxy', // the built-int nextjs proxy
+  // proxyUrl: 'http://localhost:3333/api/fal/proxy', // or your own external proxy
 });
 // @snippet:end
 
diff --git a/libs/proxy/README.md b/libs/proxy/README.md
index b4d7fcb..ace29bc 100644
--- a/libs/proxy/README.md
+++ b/libs/proxy/README.md
@@ -68,9 +68,7 @@ Once you've set up the proxy, you can configure the client to use it:
 import * as fal from '@fal-ai/serverless-client';
 
 fal.config({
-  requestMiddleware: fal.withProxy({
-    targetUrl: '/api/fal/proxy', // or https://my.app.com/api/fal/proxy
-  }),
+  proxyUrl: '/api/fal/proxy', // or https://my.app.com/api/fal/proxy
 });
 ```