update sdk

Author: jensneuse

.wundergraph/.graphqlconfig

@@ -0,0 +1,26 @@
+# Follow this guide to configure your Authentication Providers
+
+## Provider: github (GitHub)
+
+### Authorization Callback URL
+
+Make sure to register this URL on your Authentication Provider.
+If you don't or misspell the URL, you'll get an invalid callback URL error when trying to log in a user.
+Remember that the authentication flow is handled server-side, on the WunderNode.
+It's not handled on the server that's hosting the frontend.
+
+```
+http://localhost:9991/api/main/auth/cookie/callback/github
+
+## Provider: authzero (OpenID Connect)
+
+### Authorization Callback URL
+
+Make sure to register this URL on your Authentication Provider.
+If you don't or misspell the URL, you'll get an invalid callback URL error when trying to log in a user.
+Remember that the authentication flow is handled server-side, on the WunderNode.
+It's not handled on the server that's hosting the frontend.
+
+```
+http://localhost:9991/api/main/auth/cookie/callback/authzero
+```

.wundergraph/generated/CONFIGURE_AUTH_PROVIDERS.md

@@ -1,11 +1,15 @@
 import {
-	AddMessageInput,
 	AddMessageResponse,
+	AddMessageInput,
 	AllUsersResponse,
-	DeleteAllMessagesByUserEmailInput,
+	AllUsersInput,
+	ChangeUserNameResponse,
+	ChangeUserNameInput,
 	DeleteAllMessagesByUserEmailResponse,
+	DeleteAllMessagesByUserEmailInput,
 	MessagesResponse,
 	MockQueryResponse,
+	UserInfoResponse,
 } from "./models";
 
 export const WUNDERGRAPH_S3_ENABLED = false;
@@ -107,6 +111,7 @@ export interface ClientConfig {
 
 export enum AuthProviderId {
 	"github" = "github",
+	"authzero" = "authzero",
 }
 
 export interface AuthProvider {
@@ -129,9 +134,9 @@ export class Client {
 	};
 	private extraHeaders?: HeadersInit;
 	private readonly baseURL: string = "http://localhost:9991";
-	private readonly applicationHash: string = "e6b49e3f";
+	private readonly applicationHash: string = "71b8caa0";
 	private readonly applicationPath: string = "api/main";
-	private readonly sdkVersion: string = "0.43.3";
+	private readonly sdkVersion: string = "0.48.1";
 	private csrfToken: string | undefined;
 	private user: User | null;
 	private userListener: UserListener | undefined;
@@ -151,7 +156,7 @@ export class Client {
 		}
 	};
 	public query = {
-		AllUsers: async (options: RequestOptions<never, AllUsersResponse>) => {
+		AllUsers: async (options: RequestOptions<AllUsersInput, AllUsersResponse>) => {
 			return await this.doFetch<AllUsersResponse>({
 				method: "GET",
 				path: "AllUsers",
@@ -175,6 +180,14 @@ export class Client {
 				abortSignal: options.abortSignal,
 			});
 		},
+		UserInfo: async (options: RequestOptions<never, UserInfoResponse>) => {
+			return await this.doFetch<UserInfoResponse>({
+				method: "GET",
+				path: "UserInfo",
+				input: options.input,
+				abortSignal: options.abortSignal,
+			});
+		},
 	};
 	public mutation = {
 		AddMessage: async (options: RequestOptions<AddMessageInput, AddMessageResponse>) => {
@@ -185,6 +198,14 @@ export class Client {
 				abortSignal: options.abortSignal,
 			});
 		},
+		ChangeUserName: async (options: RequestOptions<ChangeUserNameInput, ChangeUserNameResponse>) => {
+			return await this.doFetch<ChangeUserNameResponse>({
+				method: "POST",
+				path: "ChangeUserName",
+				input: options.input,
+				abortSignal: options.abortSignal,
+			});
+		},
 		DeleteAllMessagesByUserEmail: async (
 			options: RequestOptions<DeleteAllMessagesByUserEmailInput, DeleteAllMessagesByUserEmailResponse>
 		) => {
@@ -198,7 +219,7 @@ export class Client {
 	};
 	public liveQuery = {
 		AllUsers: (
-			options: RequestOptions<never, AllUsersResponse>,
+			options: RequestOptions<AllUsersInput, AllUsersResponse>,
 			cb: (response: Response<AllUsersResponse>) => void
 		) => {
 			return this.startSubscription<AllUsersResponse>(
@@ -242,6 +263,21 @@ export class Client {
 				cb
 			);
 		},
+		UserInfo: (
+			options: RequestOptions<never, UserInfoResponse>,
+			cb: (response: Response<UserInfoResponse>) => void
+		) => {
+			return this.startSubscription<UserInfoResponse>(
+				{
+					method: "GET",
+					path: "UserInfo",
+					input: options.input,
+					abortSignal: options.abortSignal,
+					liveQuery: true,
+				},
+				cb
+			);
+		},
 	};
 	private doFetch = async <T>(fetchConfig: FetchConfig): Promise<Response<T>> => {
 		try {
@@ -425,12 +461,19 @@ export class Client {
 		github: (redirectURI?: string): void => {
 			this.startLogin(AuthProviderId.github, redirectURI);
 		},
+		authzero: (redirectURI?: string): void => {
+			this.startLogin(AuthProviderId.authzero, redirectURI);
+		},
 	};
 	public authProviders: Array<AuthProvider> = [
 		{
 			id: AuthProviderId.github,
 			login: this.login[AuthProviderId.github],
 		},
+		{
+			id: AuthProviderId.authzero,
+			login: this.login[AuthProviderId.authzero],
+		},
 	];
 	public logout = async (): Promise<boolean> => {
 		const response = await fetch(this.baseURL + "/" + this.applicationPath + "/auth/cookie/user/logout", {

.wundergraph/generated/client.ts

@@ -3,10 +3,14 @@ import { Response } from "./client";
 import {
 	AddMessageInput,
 	AddMessageResponse,
+	AllUsersInput,
+	AllUsersResponse,
+	ChangeUserNameInput,
+	ChangeUserNameResponse,
 	DeleteAllMessagesByUserEmailInput,
 	DeleteAllMessagesByUserEmailResponse,
 } from "./models";
-import { useMutation } from "./hooks";
+import { useQuery, useLiveQuery, useMutation } from "./hooks";
 import jsonSchema from "./jsonschema";
 import Form from "@rjsf/core";
 
@@ -48,6 +52,35 @@ export const AddMessageForm: React.FC<MutationFormProps<Response<AddMessageRespo
 		</div>
 	);
 };
+export const ChangeUserNameForm: React.FC<MutationFormProps<Response<ChangeUserNameResponse>>> = ({
+	onResult,
+	refetchMountedQueriesOnSuccess,
+	liveValidate,
+}) => {
+	const [formData, setFormData] = useState<ChangeUserNameInput>();
+	const { mutate, response } = useMutation.ChangeUserName({ refetchMountedQueriesOnSuccess });
+	useEffect(() => {
+		if (onResult) {
+			onResult(response);
+		}
+	}, [response]);
+	return (
+		<div>
+			<Form
+				schema={jsonSchema.ChangeUserName.input}
+				formData={formData}
+				liveValidate={liveValidate}
+				onChange={(e) => {
+					setFormData(e.formData);
+				}}
+				onSubmit={async (e) => {
+					await mutate({ input: e.formData, refetchMountedQueriesOnSuccess });
+					setFormData(undefined);
+				}}
+			/>
+		</div>
+	);
+};
 export const DeleteAllMessagesByUserEmailForm: React.FC<
 	MutationFormProps<Response<DeleteAllMessagesByUserEmailResponse>>
 > = ({ onResult, refetchMountedQueriesOnSuccess, liveValidate }) => {
@@ -75,3 +108,51 @@ export const DeleteAllMessagesByUserEmailForm: React.FC<
 		</div>
 	);
 };
+
+export const AllUsersForm: React.FC<FormProps<Response<AllUsersResponse>>> = ({ onResult, liveValidate }) => {
+	const [formData, setFormData] = useState<AllUsersInput>();
+	const { response, refetch } = useQuery.AllUsers({ input: formData });
+	useEffect(() => {
+		if (onResult) {
+			onResult(response);
+		}
+	}, [response]);
+	return (
+		<div>
+			<Form
+				schema={jsonSchema.AllUsers.input}
+				formData={formData}
+				liveValidate={liveValidate}
+				onChange={(e) => {
+					setFormData(e.formData);
+				}}
+				onSubmit={async (e) => {
+					await refetch({ input: formData });
+				}}
+			/>
+		</div>
+	);
+};
+
+export const AllUsersLiveForm: React.FC<FormProps<Response<AllUsersResponse>>> = ({ onResult, liveValidate }) => {
+	const [formData, setFormData] = useState<AllUsersInput>();
+	const { response } = useLiveQuery.AllUsers({ input: formData });
+	useEffect(() => {
+		if (onResult) {
+			onResult(response);
+		}
+	}, [response]);
+	return (
+		<div>
+			<Form
+				schema={jsonSchema.AllUsers.input}
+				formData={formData}
+				liveValidate={liveValidate}
+				onChange={(e) => {
+					setFormData(e.formData);
+				}}
+				children={<></>}
+			/>
+		</div>
+	);
+};

.wundergraph/generated/forms.tsx

@@ -3,10 +3,13 @@ import { WunderGraphContext } from "./provider";
 import { RequestOptions, MutateRequestOptions, SubscriptionRequestOptions, Response } from "./client";
 import {
 	AddMessageInput,
+	AllUsersInput,
+	ChangeUserNameInput,
 	DeleteAllMessagesByUserEmailInput,
 	AllUsersResponse,
 	MessagesResponse,
 	MockQueryResponse,
+	UserInfoResponse,
 } from "./models";
 
 export const useWunderGraph = () => {
@@ -199,7 +202,7 @@ const Subscription = <R, I>(
 };
 
 export const useQuery = {
-	AllUsers: (options?: RequestOptions<never, AllUsersResponse>) => {
+	AllUsers: (options: RequestOptions<AllUsersInput, AllUsersResponse>) => {
 		const { client } = useWunderGraph();
 		return Query(client.query.AllUsers, { requiresAuthentication: false }, options);
 	},
@@ -211,21 +214,29 @@ export const useQuery = {
 		const { client } = useWunderGraph();
 		return Query(client.query.MockQuery, { requiresAuthentication: false }, options);
 	},
+	UserInfo: (options?: RequestOptions<never, UserInfoResponse>) => {
+		const { client } = useWunderGraph();
+		return Query(client.query.UserInfo, { requiresAuthentication: true }, options);
+	},
 };
 
 export const useMutation = {
 	AddMessage: (options: MutateRequestOptions<AddMessageInput>) => {
 		const { client } = useWunderGraph();
 		return Mutation(client.mutation.AddMessage, { requiresAuthentication: true }, options);
 	},
+	ChangeUserName: (options: MutateRequestOptions<ChangeUserNameInput>) => {
+		const { client } = useWunderGraph();
+		return Mutation(client.mutation.ChangeUserName, { requiresAuthentication: true }, options);
+	},
 	DeleteAllMessagesByUserEmail: (options: MutateRequestOptions<DeleteAllMessagesByUserEmailInput>) => {
 		const { client } = useWunderGraph();
 		return Mutation(client.mutation.DeleteAllMessagesByUserEmail, { requiresAuthentication: true }, options);
 	},
 };
 
 export const useLiveQuery = {
-	AllUsers: (options?: SubscriptionRequestOptions) => {
+	AllUsers: (options: SubscriptionRequestOptions<AllUsersInput>) => {
 		const { client } = useWunderGraph();
 		return Subscription(client.liveQuery.AllUsers, { requiresAuthentication: false }, options);
 	},
@@ -237,4 +248,8 @@ export const useLiveQuery = {
 		const { client } = useWunderGraph();
 		return Subscription(client.liveQuery.MockQuery, { requiresAuthentication: false }, options);
 	},
+	UserInfo: (options?: SubscriptionRequestOptions) => {
+		const { client } = useWunderGraph();
+		return Subscription(client.liveQuery.UserInfo, { requiresAuthentication: true }, options);
+	},
 };