updating wg sdk and index page

Author: abdelhameedalsayed

.wundergraph/wundergraph.config.ts

@@ -16,8 +16,8 @@ const itsApi = introspect.openApi({
     kind: "file",
     filePath: "./openapi.yaml",
   },
-  //baseURL: "http://localhost:8090/",
 });
+
 // configureWunderGraph emits the configuration
 configureWunderGraphApplication({
   apis: [itsApi],
@@ -35,7 +35,9 @@ configureWunderGraphApplication({
   cors: {
     ...cors.allowAll,
     allowedOrigins:
-      process.env.NODE_ENV === "production" ? ["https://*"] : ["http://*"],
+      process.env.NODE_ENV === "production"
+        ? ["https://wg-livemap.vercel.app/"]
+        : ["http://*"],
     /**
      * Please configure CORS carefully to make sure that your users are protected.
      * Allowing all origins is usually the worst possible configuration.

.wundergraph/wundergraph.server.ts

@@ -1,12 +1,12 @@
-import { GraphQLObjectType, GraphQLSchema, GraphQLString } from 'graphql';
-import { configureWunderGraphServer } from '@wundergraph/sdk/server';
-import type { HooksConfig } from './generated/wundergraph.hooks';
-import type { InternalClient } from './generated/wundergraph.internal.client';
+import { GraphQLObjectType, GraphQLSchema, GraphQLString } from "graphql";
+import { configureWunderGraphServer } from "@wundergraph/sdk/server";
+import type { HooksConfig } from "./generated/wundergraph.hooks";
+import type { InternalClient } from "./generated/wundergraph.internal.client";
 
 export default configureWunderGraphServer<HooksConfig, InternalClient>(() => ({
-	hooks: {
-		queries: {},
-		mutations: {},
-	},
-	graphqlServers: [],
+  hooks: {
+    queries: {},
+    mutations: {},
+  },
+  graphqlServers: [],
 }));

components/generated/client.ts

@@ -47,7 +47,7 @@ export interface AuthProvider {
 }
 
 export const defaultClientConfig: ClientConfig = {
-	applicationHash: "c9e5c89c",
+	applicationHash: "551dfb21",
 	baseURL: "http://localhost:9991",
 	sdkVersion: "0.137.4",
 };
@@ -119,7 +119,6 @@ export type Queries = {
 		input?: undefined;
 		data: LocationResponseData;
 		requiresAuthentication: false;
-		liveQuery: boolean;
 	};
 	"users/get": {
 		input: UsersGetInput;
@@ -151,12 +150,6 @@ export type Subscriptions = {
 };
 
 export type LiveQueries = {
-	Location: {
-		input?: undefined;
-		data: LocationResponseData;
-		liveQuery: true;
-		requiresAuthentication: false;
-	};
 	"users/get": {
 		input: UsersGetInput;
 		data: UsersGetResponseData;

components/generated/models.ts

@@ -80,7 +80,6 @@ export interface LocationResponseData {
 				};
 				directionRef?: string;
 				operatorRef?: string;
-				vehicleRef?: string;
 				lineRef?: string;
 			};
 		}[];

package.json

@@ -15,8 +15,8 @@
     "test:playwright": "npx -- playwright test"
   },
   "dependencies": {
-    "@wundergraph/nextjs": "^0.9.4",
-    "@wundergraph/sdk": "^0.137.4",
+    "@wundergraph/nextjs": "^0.9.6",
+    "@wundergraph/sdk": "^0.139.0",
     "graphql": "^16.3.0",
     "mapbox-gl": "^2.13.0",
     "maplibre-gl": "^2.4.0",

pages/index.tsx

@@ -20,7 +20,6 @@ const Home: NextPage = () => {
   const locations = useQuery({
     operationName: "Location",
     liveQuery: true,
-    revalidateOnFocus: false,
   });
 
   return (
@@ -95,7 +94,7 @@ const Home: NextPage = () => {
                 {locations.data &&
                   locations.data.getVehicleActivity?.body?.map(
                     (location, index) => {
-                      const { vehicleLocation, bearing, lineRef } =
+                      const { vehicleLocation, bearing } =
                         location.monitoredVehicleJourney!;
                       return (
                         <Marker
@@ -106,10 +105,8 @@ const Home: NextPage = () => {
                         >
                           <Pin
                             onMouseMove={(e) => {
-                              // e.stopPropagation();
                               //@ts-ignore
                               const { layerX: x, layerY: y } = e.nativeEvent;
-
                               setPopupInfo(
                                 location && {
                                   feature: location,