fix(development): exposing APP_SERVER_URL env var to public

Kabeer2004 · Kabeer2004 · commit 4fcf43544f20 · 2025-07-03T02:49:01.000+05:30
diff --git a/src/client/.env.template b/src/client/.env.template
@@ -1,6 +1,6 @@
 # For env vars related to the Google project and Auth0 setup, comment in the discussion titled 'Request Environment Variables (.env) Here' (https://github.com/existence-master/Sentient/discussions/13) Make sure to keep the values in this file empty while committing to the repository
  
-APP_SERVER_URL=
+NEXT_PUBLIC_APP_SERVER_URL=
 AUTH0_SECRET=
 AUTH0_BASE_URL="http://localhost:3000" # The base URL of your Next.js app, where it's running
 AUTH0_ISSUER_BASE_URL="" # Your Auth0 domain with protocol, e.g. "https://YOUR_TENANT.us.auth0.com"
diff --git a/src/client/app/api/chat/message/route.js b/src/client/app/api/chat/message/route.js
@@ -15,7 +15,7 @@ export const POST = withAuth(async function POST(request, { authHeader }) {
 
 		// Fetch user pricing/credits to pass to the backend
 		const pricingResponse = await fetch(
-			`${process.env.APP_SERVER_URL}/api/get-user-data`,
+			`${process.env.NEXT_PUBLIC_APP_SERVER_URL}/api/get-user-data`,
 			{
 				method: "POST",
 				headers: { "Content-Type": "application/json", ...authHeader }
@@ -26,7 +26,7 @@ export const POST = withAuth(async function POST(request, { authHeader }) {
 		const credits = userData?.data?.proCredits || 0
 
 		const backendResponse = await fetch(
-			`${process.env.APP_SERVER_URL}/chat/message`,
+			`${process.env.NEXT_PUBLIC_APP_SERVER_URL}/chat/message`,
 			{
 				method: "POST",
 				headers: { "Content-Type": "application/json", ...authHeader },
diff --git a/src/client/app/api/integrations/connected/route.js b/src/client/app/api/integrations/connected/route.js
@@ -6,7 +6,7 @@ export const GET = withAuth(async function GET(request, { authHeader }) {
 	try {
 		// This reuses the same backend endpoint but we will filter on the client
 		const response = await fetch(
-			`${process.env.APP_SERVER_URL}/integrations/sources`,
+			`${process.env.NEXT_PUBLIC_APP_SERVER_URL}/integrations/sources`,
 			{
 				method: "GET",
 				headers: { "Content-Type": "application/json", ...authHeader }
diff --git a/src/client/app/api/journal/route.js b/src/client/app/api/journal/route.js
@@ -1,7 +1,7 @@
 import { NextResponse } from "next/server"
 import { withAuth } from "@lib/api-utils"
 
-const APP_SERVER_URL = process.env.APP_SERVER_URL
+const APP_SERVER_URL = process.env.NEXT_PUBLIC_APP_SERVER_URL
 
 // GET: Fetch blocks for a specific date or date range
 export const GET = withAuth(async function GET(request, { authHeader }) {
diff --git a/src/client/app/api/notifications/delete/route.js b/src/client/app/api/notifications/delete/route.js
@@ -12,7 +12,7 @@ export const POST = withAuth(async function POST(request, { authHeader }) {
 		}
 
 		const response = await fetch(
-			`${process.env.APP_SERVER_URL}/notifications/delete`,
+			`${process.env.NEXT_PUBLIC_APP_SERVER_URL}/notifications/delete`,
 			{
 				method: "POST",
 				headers: { "Content-Type": "application/json", ...authHeader },
diff --git a/src/client/app/api/notifications/route.js b/src/client/app/api/notifications/route.js
@@ -5,7 +5,7 @@ import { withAuth } from "@lib/api-utils"
 export const GET = withAuth(async function GET(request, { authHeader }) {
 	try {
 		const response = await fetch(
-			`${process.env.APP_SERVER_URL}/notifications`,
+			`${process.env.NEXT_PUBLIC_APP_SERVER_URL}/notifications`,
 			{
 				method: "GET",
 				headers: { "Content-Type": "application/json", ...authHeader }
diff --git a/src/client/app/api/onboarding/route.js b/src/client/app/api/onboarding/route.js
@@ -7,7 +7,7 @@ export const POST = withAuth(async function POST(request, { authHeader }) {
 		// FIX: The request body from the client is already in the correct format { data: ... }.
 		// It should not be wrapped again.
 		const response = await fetch(
-			`${process.env.APP_SERVER_URL}/api/onboarding`,
+			`${process.env.NEXT_PUBLIC_APP_SERVER_URL}/api/onboarding`,
 			{
 				method: "POST",
 				headers: { "Content-Type": "application/json", ...authHeader },
diff --git a/src/client/app/api/settings/google-auth/route.js b/src/client/app/api/settings/google-auth/route.js
@@ -4,7 +4,7 @@ import { withAuth } from "@lib/api-utils"
 export const GET = withAuth(async function GET(request, { authHeader }) {
 	try {
 		const response = await fetch(
-			`${process.env.APP_SERVER_URL}/api/get-user-data`,
+			`${process.env.NEXT_PUBLIC_APP_SERVER_URL}/api/get-user-data`,
 			{
 				method: "POST", // This endpoint is a POST to carry the auth header
 				headers: { "Content-Type": "application/json", ...authHeader }
@@ -45,7 +45,7 @@ export const POST = withAuth(async function POST(request, { authHeader }) {
 		}
 
 		const response = await fetch(
-			`${process.env.APP_SERVER_URL}/api/settings/google-auth`,
+			`${process.env.NEXT_PUBLIC_APP_SERVER_URL}/api/settings/google-auth`,
 			{
 				method: "POST",
 				headers: { "Content-Type": "application/json", ...authHeader },
diff --git a/src/client/app/api/settings/integrations/connect/manual/route.js b/src/client/app/api/settings/integrations/connect/manual/route.js
@@ -5,7 +5,7 @@ export const POST = withAuth(async function POST(request, { authHeader }) {
 	try {
 		const body = await request.json() // { service_name, credentials }
 		const response = await fetch(
-			`${process.env.APP_SERVER_URL}/integrations/connect/manual`,
+			`${process.env.NEXT_PUBLIC_APP_SERVER_URL}/integrations/connect/manual`,
 			{
 				method: "POST",
 				headers: { "Content-Type": "application/json", ...authHeader },
diff --git a/src/client/app/api/settings/integrations/connect/oauth/route.js b/src/client/app/api/settings/integrations/connect/oauth/route.js
@@ -6,7 +6,7 @@ export const POST = withAuth(async function POST(request, { authHeader }) {
 	try {
 		const body = await request.json() // { service_name, code, redirect_uri }
 		const response = await fetch(
-			`${process.env.APP_SERVER_URL}/integrations/connect/oauth`,
+			`${process.env.NEXT_PUBLIC_APP_SERVER_URL}/integrations/connect/oauth`,
 			{
 				method: "POST",
 				headers: { "Content-Type": "application/json", ...authHeader },
diff --git a/src/client/app/api/settings/integrations/disconnect/route.js b/src/client/app/api/settings/integrations/disconnect/route.js
@@ -5,7 +5,7 @@ export const POST = withAuth(async function POST(request, { authHeader }) {
 	try {
 		const body = await request.json() // { service_name }
 		const response = await fetch(
-			`${process.env.APP_SERVER_URL}/integrations/disconnect`,
+			`${process.env.NEXT_PUBLIC_APP_SERVER_URL}/integrations/disconnect`,
 			{
 				method: "POST",
 				headers: { "Content-Type": "application/json", ...authHeader },
diff --git a/src/client/app/api/settings/integrations/route.js b/src/client/app/api/settings/integrations/route.js
@@ -4,7 +4,7 @@ import { withAuth } from "@lib/api-utils"
 export const GET = withAuth(async function GET(request, { authHeader }) {
 	try {
 		const response = await fetch(
-			`${process.env.APP_SERVER_URL}/integrations/sources`,
+			`${process.env.NEXT_PUBLIC_APP_SERVER_URL}/integrations/sources`,
 			{
 				method: "GET",
 				headers: { "Content-Type": "application/json", ...authHeader }
diff --git a/src/client/app/api/settings/mcp/route.js b/src/client/app/api/settings/mcp/route.js
@@ -5,7 +5,7 @@ import { withAuth } from "@lib/api-utils"
 export const GET = withAuth(async function GET(request, { authHeader }) {
 	try {
 		const response = await fetch(
-			`${process.env.APP_SERVER_URL}/api/settings/supermemory`,
+			`${process.env.NEXT_PUBLIC_APP_SERVER_URL}/api/settings/supermemory`,
 			{
 				// Ensure GET is used for fetching data
 				method: "GET",
@@ -34,7 +34,7 @@ export const POST = withAuth(async function POST(request, { authHeader }) {
 		const body = await request.json() // { mcp_url: "..." }
 		const backendResponse = await fetch(
 			// Renamed to avoid conflict with API response
-			`${process.env.APP_SERVER_URL}/api/settings/supermemory`,
+			`${process.env.NEXT_PUBLIC_APP_SERVER_URL}/api/settings/supermemory`,
 			{
 				method: "POST",
 				headers: { "Content-Type": "application/json", ...authHeader },
diff --git a/src/client/app/api/settings/privacy-filters/route.js b/src/client/app/api/settings/privacy-filters/route.js
@@ -6,7 +6,7 @@ export const GET = withAuth(async function GET(request, { authHeader }) {
 	try {
 		// We can get this from the get-user-data endpoint
 		const response = await fetch(
-			`${process.env.APP_SERVER_URL}/api/get-user-data`,
+			`${process.env.NEXT_PUBLIC_APP_SERVER_URL}/api/get-user-data`,
 			{
 				method: "POST",
 				headers: { "Content-Type": "application/json", ...authHeader }
@@ -44,7 +44,7 @@ export const POST = withAuth(async function POST(request, { authHeader }) {
 		}
 
 		const backendResponse = await fetch(
-			`${process.env.APP_SERVER_URL}/api/settings/privacy-filters`,
+			`${process.env.NEXT_PUBLIC_APP_SERVER_URL}/api/settings/privacy-filters`,
 			{
 				method: "POST",
 				headers: { "Content-Type": "application/json", ...authHeader },
diff --git a/src/client/app/api/settings/whatsapp/route.js b/src/client/app/api/settings/whatsapp/route.js
@@ -6,7 +6,7 @@ export const POST = withAuth(async function POST(request, { authHeader }) {
 	try {
 		const body = await request.json() // { whatsapp_number: "..." }
 		const response = await fetch(
-			`${process.env.APP_SERVER_URL}/api/settings/whatsapp`,
+			`${process.env.NEXT_PUBLIC_APP_SERVER_URL}/api/settings/whatsapp`,
 			{
 				method: "POST",
 				headers: { "Content-Type": "application/json", ...authHeader },
@@ -30,7 +30,7 @@ export const POST = withAuth(async function POST(request, { authHeader }) {
 export const GET = withAuth(async function GET(request, { authHeader }) {
 	try {
 		const response = await fetch(
-			`${process.env.APP_SERVER_URL}/api/settings/whatsapp`,
+			`${process.env.NEXT_PUBLIC_APP_SERVER_URL}/api/settings/whatsapp`,
 			{
 				method: "GET",
 				headers: { "Content-Type": "application/json", ...authHeader }
diff --git a/src/client/app/api/tasks/[taskId]/route.js b/src/client/app/api/tasks/[taskId]/route.js
@@ -1,7 +1,7 @@
 import { NextResponse } from "next/server"
 import { withAuth } from "@lib/api-utils"
 
-const APP_SERVER_URL = process.env.APP_SERVER_URL
+const APP_SERVER_URL = process.env.NEXT_PUBLIC_APP_SERVER_URL
 
 // GET: Fetch a single task by its ID
 export const GET = withAuth(async function GET(
diff --git a/src/client/app/api/tasks/add/route.js b/src/client/app/api/tasks/add/route.js
@@ -6,7 +6,7 @@ export const POST = withAuth(async function POST(request, { authHeader }) {
 	try {
 		const taskData = await request.json()
 		const response = await fetch(
-			`${process.env.APP_SERVER_URL}/agents/add-task`,
+			`${process.env.NEXT_PUBLIC_APP_SERVER_URL}/agents/add-task`,
 			{
 				method: "POST",
 				headers: { "Content-Type": "application/json", ...authHeader },
diff --git a/src/client/app/api/tasks/approval-data/route.js b/src/client/app/api/tasks/approval-data/route.js
@@ -14,7 +14,7 @@ export const GET = withAuth(async function GET(request, { authHeader }) {
 
 	try {
 		const response = await fetch(
-			`${process.env.APP_SERVER_URL}/agents/get-task-approval-data`,
+			`${process.env.NEXT_PUBLIC_APP_SERVER_URL}/agents/get-task-approval-data`,
 			{
 				method: "POST",
 				headers: { "Content-Type": "application/json", ...authHeader },
diff --git a/src/client/app/api/tasks/approve/route.js b/src/client/app/api/tasks/approve/route.js
@@ -6,7 +6,7 @@ export const POST = withAuth(async function POST(request, { authHeader }) {
 	try {
 		const { taskId } = await request.json()
 		const response = await fetch(
-			`${process.env.APP_SERVER_URL}/agents/approve-task`,
+			`${process.env.NEXT_PUBLIC_APP_SERVER_URL}/agents/approve-task`,
 			{
 				method: "POST",
 				headers: { "Content-Type": "application/json", ...authHeader },
diff --git a/src/client/app/api/tasks/delete/route.js b/src/client/app/api/tasks/delete/route.js
@@ -6,7 +6,7 @@ export const POST = withAuth(async function POST(request, { authHeader }) {
 	try {
 		const { taskId } = await request.json()
 		const response = await fetch(
-			`${process.env.APP_SERVER_URL}/agents/delete-task`,
+			`${process.env.NEXT_PUBLIC_APP_SERVER_URL}/agents/delete-task`,
 			{
 				method: "POST",
 				headers: { "Content-Type": "application/json", ...authHeader },
diff --git a/src/client/app/api/tasks/generate-plan/route.js b/src/client/app/api/tasks/generate-plan/route.js
@@ -5,7 +5,7 @@ export const POST = withAuth(async function POST(request, { authHeader }) {
 	try {
 		const body = await request.json() // { prompt: "..." }
 		const response = await fetch(
-			`${process.env.APP_SERVER_URL}/agents/generate-plan`,
+			`${process.env.NEXT_PUBLIC_APP_SERVER_URL}/agents/generate-plan`,
 			{
 				method: "POST",
 				headers: { "Content-Type": "application/json", ...authHeader },
diff --git a/src/client/app/api/tasks/rerun/route.js b/src/client/app/api/tasks/rerun/route.js
@@ -5,7 +5,7 @@ export const POST = withAuth(async function POST(request, { authHeader }) {
 	try {
 		const { taskId } = await request.json()
 		const response = await fetch(
-			`${process.env.APP_SERVER_URL}/agents/rerun-task`,
+			`${process.env.NEXT_PUBLIC_APP_SERVER_URL}/agents/rerun-task`,
 			{
 				method: "POST",
 				headers: { "Content-Type": "application/json", ...authHeader },
diff --git a/src/client/app/api/tasks/route.js b/src/client/app/api/tasks/route.js
@@ -5,7 +5,7 @@ import { withAuth } from "@lib/api-utils"
 export const GET = withAuth(async function GET(request, { authHeader }) {
 	try {
 		const response = await fetch(
-			`${process.env.APP_SERVER_URL}/agents/fetch-tasks`,
+			`${process.env.NEXT_PUBLIC_APP_SERVER_URL}/agents/fetch-tasks`,
 			{
 				method: "POST",
 				headers: { "Content-Type": "application/json", ...authHeader }
diff --git a/src/client/app/api/tasks/update/route.js b/src/client/app/api/tasks/update/route.js
@@ -6,7 +6,7 @@ export const POST = withAuth(async function POST(request, { authHeader }) {
 	try {
 		const taskData = await request.json()
 		const response = await fetch(
-			`${process.env.APP_SERVER_URL}/agents/update-task`,
+			`${process.env.NEXT_PUBLIC_APP_SERVER_URL}/agents/update-task`,
 			{
 				method: "POST",
 				headers: { "Content-Type": "application/json", ...authHeader },
diff --git a/src/client/app/api/user/data/route.js b/src/client/app/api/user/data/route.js
@@ -5,7 +5,7 @@ import { withAuth } from "@lib/api-utils"
 export const GET = withAuth(async function GET(request, { authHeader }) {
 	try {
 		const response = await fetch(
-			`${process.env.APP_SERVER_URL}/api/get-user-data`,
+			`${process.env.NEXT_PUBLIC_APP_SERVER_URL}/api/get-user-data`,
 			{
 				method: "POST",
 				headers: { "Content-Type": "application/json", ...authHeader }
diff --git a/src/client/components/FloatingNav.js b/src/client/components/FloatingNav.js
@@ -52,7 +52,8 @@ export default function FloatingNav({ onChatOpen }) {
 				const wsProtocol =
 					window.location.protocol === "https:" ? "wss" : "ws"
 				const serverUrlHttp =
-					process.env.APP_SERVER_URL || "http://localhost:5000"
+					process.env.NEXT_PUBLIC_APP_SERVER_URL ||
+					"http://localhost:5000"
 				const serverUrlWs = serverUrlHttp.replace(/^http/, "ws")
 				const wsUrl = `${serverUrlWs}/api/ws/notifications`
 				const ws = new WebSocket(wsUrl)
diff --git a/src/client/components/Sidebar.js b/src/client/components/Sidebar.js
@@ -69,7 +69,8 @@ const Sidebar = ({ userDetails, setSidebarVisible, isSidebarVisible }) => {
 				const wsProtocol =
 					window.location.protocol === "https:" ? "wss" : "ws"
 				const serverUrlHttp =
-					process.env.APP_SERVER_URL || "http://localhost:5000"
+					process.env.NEXT_PUBLIC_APP_SERVER_URL ||
+					"http://localhost:5000"
 				const serverUrlWs = serverUrlHttp.replace(/^http/, "ws")
 				const wsUrl = `${serverUrlWs}/api/ws/notifications`
 

Original file line number	Diff line number	Diff line change
`@@ -6,7 +6,7 @@ export const GET = withAuth(async function GET(request, { authHeader }) {`
`6`	`6`	`try {`
`7`	`7`	`// This reuses the same backend endpoint but we will filter on the client`
`8`	`8`	`const response = await fetch(`
`9`		- `${process.env.APP_SERVER_URL}/integrations/sources`,
	`9`	+ `${process.env.NEXT_PUBLIC_APP_SERVER_URL}/integrations/sources`,
`10`	`10`	`{`
`11`	`11`	`method: "GET",`
`12`	`12`	`headers: { "Content-Type": "application/json", ...authHeader }`
Original file line number	Diff line number	Diff line change
`@@ -12,7 +12,7 @@ export const POST = withAuth(async function POST(request, { authHeader }) {`
`12`	`12`	`}`
`13`	`13`
`14`	`14`	`const response = await fetch(`
`15`		- `${process.env.APP_SERVER_URL}/notifications/delete`,
	`15`	+ `${process.env.NEXT_PUBLIC_APP_SERVER_URL}/notifications/delete`,
`16`	`16`	`{`
`17`	`17`	`method: "POST",`
`18`	`18`	`headers: { "Content-Type": "application/json", ...authHeader },`
Original file line number	Diff line number	Diff line change
`@@ -5,7 +5,7 @@ import { withAuth } from "@lib/api-utils"`
`5`	`5`	`export const GET = withAuth(async function GET(request, { authHeader }) {`
`6`	`6`	`try {`
`7`	`7`	`const response = await fetch(`
`8`		- `${process.env.APP_SERVER_URL}/notifications`,
	`8`	+ `${process.env.NEXT_PUBLIC_APP_SERVER_URL}/notifications`,
`9`	`9`	`{`
`10`	`10`	`method: "GET",`
`11`	`11`	`headers: { "Content-Type": "application/json", ...authHeader }`
Original file line number	Diff line number	Diff line change
`@@ -7,7 +7,7 @@ export const POST = withAuth(async function POST(request, { authHeader }) {`
`7`	`7`	`// FIX: The request body from the client is already in the correct format { data: ... }.`
`8`	`8`	`// It should not be wrapped again.`
`9`	`9`	`const response = await fetch(`
`10`		- `${process.env.APP_SERVER_URL}/api/onboarding`,
	`10`	+ `${process.env.NEXT_PUBLIC_APP_SERVER_URL}/api/onboarding`,
`11`	`11`	`{`
`12`	`12`	`method: "POST",`
`13`	`13`	`headers: { "Content-Type": "application/json", ...authHeader },`
Original file line number	Diff line number	Diff line change
`@@ -4,7 +4,7 @@ import { withAuth } from "@lib/api-utils"`
`4`	`4`	`export const GET = withAuth(async function GET(request, { authHeader }) {`
`5`	`5`	`try {`
`6`	`6`	`const response = await fetch(`
`7`		- `${process.env.APP_SERVER_URL}/api/get-user-data`,
	`7`	+ `${process.env.NEXT_PUBLIC_APP_SERVER_URL}/api/get-user-data`,
`8`	`8`	`{`
`9`	`9`	`method: "POST", // This endpoint is a POST to carry the auth header`
`10`	`10`	`headers: { "Content-Type": "application/json", ...authHeader }`
`@@ -45,7 +45,7 @@ export const POST = withAuth(async function POST(request, { authHeader }) {`
`45`	`45`	`}`
`46`	`46`
`47`	`47`	`const response = await fetch(`
`48`		- `${process.env.APP_SERVER_URL}/api/settings/google-auth`,
	`48`	+ `${process.env.NEXT_PUBLIC_APP_SERVER_URL}/api/settings/google-auth`,
`49`	`49`	`{`
`50`	`50`	`method: "POST",`
`51`	`51`	`headers: { "Content-Type": "application/json", ...authHeader },`
Original file line number	Diff line number	Diff line change
`@@ -5,7 +5,7 @@ export const POST = withAuth(async function POST(request, { authHeader }) {`
`5`	`5`	`try {`
`6`	`6`	`const body = await request.json() // { service_name, credentials }`
`7`	`7`	`const response = await fetch(`
`8`		- `${process.env.APP_SERVER_URL}/integrations/connect/manual`,
	`8`	+ `${process.env.NEXT_PUBLIC_APP_SERVER_URL}/integrations/connect/manual`,
`9`	`9`	`{`
`10`	`10`	`method: "POST",`
`11`	`11`	`headers: { "Content-Type": "application/json", ...authHeader },`
Original file line number	Diff line number	Diff line change
`@@ -6,7 +6,7 @@ export const POST = withAuth(async function POST(request, { authHeader }) {`
`6`	`6`	`try {`
`7`	`7`	`const body = await request.json() // { service_name, code, redirect_uri }`
`8`	`8`	`const response = await fetch(`
`9`		- `${process.env.APP_SERVER_URL}/integrations/connect/oauth`,
	`9`	+ `${process.env.NEXT_PUBLIC_APP_SERVER_URL}/integrations/connect/oauth`,
`10`	`10`	`{`
`11`	`11`	`method: "POST",`
`12`	`12`	`headers: { "Content-Type": "application/json", ...authHeader },`