fix: proper CORS_ORIGIN for astro

Author: devzom

apps/cli/src/helpers/core/env-setup.ts

@@ -283,12 +283,16 @@ export async function setupEnvironmentVariables(config: ProjectConfig) {
 	if (!(await fs.pathExists(serverDir))) {
 		return;
 	}
+	
 	const envPath = path.join(serverDir, ".env");
 
 	let corsOrigin = "http://localhost:3001";
 	if (hasReactRouter || hasSvelte) {
 		corsOrigin = "http://localhost:5173";
 	}
+	if (hasAstro) {
+		corsOrigin = "http://localhost:4321";
+	}
 
 	let databaseUrl: string | null = null;
 

apps/cli/templates/api/orpc/web/astro/src/components/orpc-status.tsx.hbs

@@ -1,7 +1,6 @@
-import { orpc } from '../lib/orpc';
+import { orpc, queryClient } from '../lib/orpc';
 import { useQuery } from '@tanstack/react-query';
 import { QueryClientProvider } from '@tanstack/react-query';
-import { queryClient } from '../shared/query';
 
 function ApiStatus() {
 	const healthCheck = useQuery(orpc.healthCheck.queryOptions());

apps/cli/templates/api/orpc/web/astro/src/lib/orpc.ts.hbs

@@ -14,16 +14,20 @@ export const queryClient = new QueryClient({
 });
 
 export const link = new RPCLink({
-	url: `${import.meta.env.PUBLIC_SERVER_URL}/rpc`,
+	url: `${import.meta.env.VITE_SERVER_URL}/rpc`,
 	plugins: [
-	// for request batching optimization
 		new BatchLinkPlugin({
 			groups: [{
 				condition: () => true,
 				context: {},
 			}],
 		}),
 	],
+	interceptors: [
+		onError((error) => {
+			console.error(error)
+		})
+  	],
 });
 
 export const client: AppRouterClient = createORPCClient(link);