@gamepark/react-client 7.1.0 → 7.3.0

package/dist/Chat/ChatChannel.d.ts

@@ -1,4 +1,4 @@
-import { Message } from './index';
+import { Message } from './Message';
 export type ChatChannel = {
     name: string;
     messages: Message[];

package/dist/Chat/index.d.ts

@@ -1,2 +1 @@
 export * from './ChatChannel';
-export * from './Message';

package/dist/Chat/index.js

@@ -1,3 +1,2 @@
 export * from './ChatChannel';
-export * from './Message';
 //# sourceMappingURL=index.js.map

package/dist/Chat/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Chat/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA;AAC7B,cAAc,WAAW,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Chat/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA"}

package/dist/Deckbuilding/useDeleteDeck.d.ts

@@ -1,5 +1,5 @@
-import { useMutation } from '@apollo/client/react';
-export declare const DELETE_DECK: import("@apollo/client").DocumentNode;
-export declare function useDeleteDeck(): useMutation.ResultTuple<unknown, {
-    [x: string]: any;
-}, import("@apollo/client").ApolloCache>;
+export declare function useDeleteDeck(boardGame: string): {
+    mutate: (id: string) => void;
+    mutateAsync: (id: string) => Promise<string>;
+    isLoading: boolean;
+};

package/dist/Deckbuilding/useDeleteDeck.js

@@ -1,10 +1,11 @@
-import { gql } from '@apollo/client';
-import { useMutation } from '@apollo/client/react';
-import { MY_DECKS } from './useMyDecks';
-export const DELETE_DECK = gql `mutation SaveDeck($id: String) {
-    deleteDeck(id: $id)
-}`;
-export function useDeleteDeck() {
-    return useMutation(DELETE_DECK, { refetchQueries: [MY_DECKS] });
+import { trpc } from '../api';
+export function useDeleteDeck(boardGame) {
+    const utils = trpc.useUtils();
+    const mutation = trpc.deck.deleteDeck.useMutation({
+        onSuccess: (deletedId) => {
+            utils.deck.myDecks.setData(boardGame, (oldDecks) => oldDecks?.filter((deck) => deck.id !== deletedId));
+        }
+    });
+    return { mutate: mutation.mutate, mutateAsync: mutation.mutateAsync, isLoading: mutation.isPending };
 }
 //# sourceMappingURL=useDeleteDeck.js.map

package/dist/Deckbuilding/useDeleteDeck.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDeleteDeck.js","sourceRoot":"","sources":["../../src/Deckbuilding/useDeleteDeck.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAEvC,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;EAE5B,CAAA;AAEF,MAAM,UAAU,aAAa;IAC3B,OAAO,WAAW,CAAC,WAAW,EAAE,EAAE,cAAc,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAA;AACjE,CAAC"}
+{"version":3,"file":"useDeleteDeck.js","sourceRoot":"","sources":["../../src/Deckbuilding/useDeleteDeck.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAE7B,MAAM,UAAU,aAAa,CAAC,SAAiB;IAC7C,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAA;IAC7B,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC;QAChD,SAAS,EAAE,CAAC,SAAS,EAAE,EAAE;YACvB,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,SAAS,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,SAAS,CAAC,CAAC,CAAA;QACxG,CAAC;KACF,CAAC,CAAA;IACF,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC,MAAM,EAAE,WAAW,EAAE,QAAQ,CAAC,WAAW,EAAE,SAAS,EAAE,QAAQ,CAAC,SAAS,EAAE,CAAA;AACtG,CAAC"}

package/dist/Deckbuilding/useMyDecks.d.ts

@@ -1,6 +1,6 @@
-import { useQuery } from '@apollo/client/react';
 import { Deck } from './Deck';
-export declare const MY_DECKS: import("@apollo/client").DocumentNode;
-export declare function useMyDecks(boardGame: string): useQuery.Result<{
-    myDecks: Deck[];
-}, import("@apollo/client").OperationVariables, "complete" | "empty" | "streaming", import("@apollo/client").OperationVariables>;
+export declare function useMyDecks(boardGame: string): {
+    data: Deck[] | undefined;
+    isLoading: boolean;
+    refetch: () => void;
+};

package/dist/Deckbuilding/useMyDecks.js

@@ -1,9 +1,6 @@
-import { gql } from '@apollo/client';
-import { useQuery } from '@apollo/client/react';
-export const MY_DECKS = gql `query MyDecks($boardGame: String!) {
-  myDecks(boardGame: $boardGame) { id name cards }
-}`;
+import { trpc } from '../api';
 export function useMyDecks(boardGame) {
-    return useQuery(MY_DECKS, { variables: { boardGame } });
+    const query = trpc.deck.myDecks.useQuery(boardGame);
+    return { data: query.data, isLoading: query.isLoading, refetch: query.refetch };
 }
 //# sourceMappingURL=useMyDecks.js.map

package/dist/Deckbuilding/useMyDecks.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMyDecks.js","sourceRoot":"","sources":["../../src/Deckbuilding/useMyDecks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAG/C,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CAAA;;EAEzB,CAAA;AAEF,MAAM,UAAU,UAAU,CAAC,SAAiB;IAC1C,OAAO,QAAQ,CAAsB,QAAQ,EAAE,EAAE,SAAS,EAAE,EAAE,SAAS,EAAE,EAAE,CAAC,CAAA;AAC9E,CAAC"}
+{"version":3,"file":"useMyDecks.js","sourceRoot":"","sources":["../../src/Deckbuilding/useMyDecks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAG7B,MAAM,UAAU,UAAU,CAAC,SAAiB;IAC1C,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAA;IACnD,OAAO,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,CAAA;AACjF,CAAC"}

package/dist/Deckbuilding/useSaveDeck.d.ts

@@ -1,8 +1,13 @@
-import { useMutation } from '@apollo/client/react';
 import { Deck } from './Deck';
-export declare const SAVE_DECK: import("@apollo/client").DocumentNode;
-export declare function useSaveDeck(): useMutation.ResultTuple<{
-    saveDeck: Deck;
-}, {
-    [x: string]: any;
-}, import("@apollo/client").ApolloCache>;
+type SaveDeckInput = {
+    id?: string;
+    boardGame: string;
+    name: string;
+    cards: number[];
+};
+export declare function useSaveDeck(boardGame: string): {
+    mutate: (input: SaveDeckInput) => void;
+    mutateAsync: (input: SaveDeckInput) => Promise<Deck>;
+    isLoading: boolean;
+};
+export {};

package/dist/Deckbuilding/useSaveDeck.js

@@ -1,10 +1,18 @@
-import { gql } from '@apollo/client';
-import { useMutation } from '@apollo/client/react';
-import { MY_DECKS } from './useMyDecks';
-export const SAVE_DECK = gql `mutation SaveDeck($id: String, $boardGame: String!, $name: String!, $cards: [Int!]!) {
-  saveDeck(id: $id, boardGame: $boardGame, name: $name, cards: $cards) { id name cards }
-}`;
-export function useSaveDeck() {
-    return useMutation(SAVE_DECK, { refetchQueries: [MY_DECKS] });
+import { trpc } from '../api';
+export function useSaveDeck(boardGame) {
+    const utils = trpc.useUtils();
+    const mutation = trpc.deck.saveDeck.useMutation({
+        onSuccess: (savedDeck, variables) => {
+            utils.deck.myDecks.setData(boardGame, (oldDecks) => {
+                if (!oldDecks)
+                    return [savedDeck];
+                if (variables.id) {
+                    return oldDecks.map((deck) => (deck.id === savedDeck.id ? savedDeck : deck));
+                }
+                return [savedDeck, ...oldDecks];
+            });
+        }
+    });
+    return { mutate: mutation.mutate, mutateAsync: mutation.mutateAsync, isLoading: mutation.isPending };
 }
 //# sourceMappingURL=useSaveDeck.js.map

package/dist/Deckbuilding/useSaveDeck.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSaveDeck.js","sourceRoot":"","sources":["../../src/Deckbuilding/useSaveDeck.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAElD,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAEvC,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAA;;EAE1B,CAAA;AAEF,MAAM,UAAU,WAAW;IACzB,OAAO,WAAW,CAAqB,SAAS,EAAE,EAAE,cAAc,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAA;AACnF,CAAC"}
+{"version":3,"file":"useSaveDeck.js","sourceRoot":"","sources":["../../src/Deckbuilding/useSaveDeck.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAK7B,MAAM,UAAU,WAAW,CAAC,SAAiB;IAC3C,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAA;IAC7B,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC;QAC9C,SAAS,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,EAAE;YAClC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,SAAS,EAAE,CAAC,QAAQ,EAAE,EAAE;gBACjD,IAAI,CAAC,QAAQ;oBAAE,OAAO,CAAC,SAAS,CAAC,CAAA;gBACjC,IAAI,SAAS,CAAC,EAAE,EAAE,CAAC;oBACjB,OAAO,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,KAAK,SAAS,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAA;gBAC9E,CAAC;gBACD,OAAO,CAAC,SAAS,EAAE,GAAG,QAAQ,CAAC,CAAA;YACjC,CAAC,CAAC,CAAA;QACJ,CAAC;KACF,CAAC,CAAA;IACF,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC,MAAM,EAAE,WAAW,EAAE,QAAQ,CAAC,WAAW,EAAE,SAAS,EAAE,QAAQ,CAAC,SAAS,EAAE,CAAA;AACtG,CAAC"}

package/dist/Hooks/useChatMessages.d.ts

@@ -1,6 +1,16 @@
-import { Message } from '../Chat';
+export type Message = {
+    id: string;
+    userId: string;
+    text: string;
+    date: Date;
+};
 export declare function useChatMessages(gameId: string, onMessageReceived?: (message: Message) => void): {
-    messages: Message[];
+    messages: {
+        id: string;
+        userId: string;
+        text: string;
+        date: Date;
+    }[];
     hasMoreMessages: boolean;
     loading: boolean;
     fetchMore: () => Promise<void>;

package/dist/Hooks/useChatMessages.js

@@ -1,45 +1,49 @@
-import { gql } from '@apollo/client';
-import { useQuery } from '@apollo/client/react';
 import { useEffect, useState } from 'react';
-import { pusherClient } from '../api';
-const GET_CHAT_MESSAGES = gql `query ChatMessages($channel: String!, $limit: Int, $maxDate: DateTime) {
-  chatChannel(name: $channel) {
-    name
-    messages(limit: $limit, maxDate: $maxDate) {
-      id userId text date
-    }
-  }
-}`;
+import { pusherClient, trpc } from '../api';
 export function useChatMessages(gameId, onMessageReceived) {
     const [subscribed, setSubscribed] = useState(false);
     const [hasMoreMessages, setHasMoreMessages] = useState(true);
-    const { data, loading, fetchMore, client } = useQuery(GET_CHAT_MESSAGES, {
-        variables: { channel: `game=${gameId}`, limit: 50 }, skip: !subscribed
-    });
-    const messages = (data?.chatChannel?.messages ?? []);
+    const utils = trpc.useUtils();
+    const { data: messages = [], isLoading } = trpc.chat.getMessages.useQuery({ channel: `game=${gameId}`, limit: 50 }, { enabled: subscribed });
     useEffect(() => {
         const channel = pusherClient.subscribe(`game=${gameId}`);
         channel.bind('pusher:subscription_succeeded', () => setSubscribed(true));
-        channel.bind('message', (message) => {
-            if (message) {
-                client.writeFragment({
-                    id: `ChatChannel:{"name":"game=${gameId}"}`,
-                    fragment: gql `fragment ChatMessages on ChatChannel { messages {  id userId text date } }`,
-                    data: { messages: [{ __typename: 'Message', ...message }] }
+        channel.bind('message', (pusherMessage) => {
+            if (pusherMessage) {
+                const message = { ...pusherMessage, date: new Date(pusherMessage.date) };
+                utils.chat.getMessages.setData({ channel: `game=${gameId}`, limit: 50 }, (oldData) => {
+                    return [message, ...(oldData ?? [])];
                 });
                 if (onMessageReceived)
                     onMessageReceived(message);
             }
         });
         return () => pusherClient.unsubscribe(`game=${gameId}`);
-    }, []);
+    }, [gameId, onMessageReceived, utils]);
+    const fetchMore = async () => {
+        if (messages.length === 0)
+            return;
+        const oldestMessage = messages[messages.length - 1];
+        const olderMessages = await utils.client.chat.getMessages.query({
+            channel: `game=${gameId}`,
+            limit: 10,
+            cursor: oldestMessage.date
+        });
+        if (olderMessages && olderMessages.length > 0) {
+            utils.chat.getMessages.setData({ channel: `game=${gameId}`, limit: 50 }, (oldData = []) => {
+                return [...oldData, ...olderMessages];
+            });
+            setHasMoreMessages(olderMessages.length === 10);
+        }
+        else {
+            setHasMoreMessages(false);
+        }
+    };
     return {
         messages,
         hasMoreMessages,
-        loading,
-        fetchMore: () => fetchMore({ variables: { limit: 10, maxDate: messages[messages.length - 1].date } }).then((result) => {
-            setHasMoreMessages(result.data !== undefined && result.data.chatChannel.messages.length === 10);
-        })
+        loading: isLoading,
+        fetchMore
     };
 }
 //# sourceMappingURL=useChatMessages.js.map

package/dist/Hooks/useChatMessages.js.map

@@ -1 +1 @@
-{"version":3,"file":"useChatMessages.js","sourceRoot":"","sources":["../../src/Hooks/useChatMessages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAA;AAGrC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;;;;EAO3B,CAAA;AAEF,MAAM,UAAU,eAAe,CAAC,MAAc,EAAE,iBAA8C;IAC5F,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACnD,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAA;IAC5D,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,QAAQ,CAA+B,iBAAiB,EAAE;QACrG,SAAS,EAAE,EAAE,OAAO,EAAE,QAAQ,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,UAAU;KACvE,CAAC,CAAA;IACF,MAAM,QAAQ,GAAc,CAAC,IAAI,EAAE,WAAW,EAAE,QAAQ,IAAI,EAAE,CAAc,CAAA;IAE5E,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,YAAY,CAAC,SAAS,CAAC,QAAQ,MAAM,EAAE,CAAC,CAAA;QAExD,OAAO,CAAC,IAAI,CAAC,+BAA+B,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAA;QACxE,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,OAAgB,EAAE,EAAE;YAC3C,IAAI,OAAO,EAAE,CAAC;gBACZ,MAAM,CAAC,aAAa,CAAC;oBACnB,EAAE,EAAE,6BAA6B,MAAM,IAAI;oBAC3C,QAAQ,EAAE,GAAG,CAAA,4EAA4E;oBACzF,IAAI,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,OAAO,EAAE,CAAC,EAAE;iBAC5D,CAAC,CAAA;gBACF,IAAI,iBAAiB;oBAAE,iBAAiB,CAAC,OAAO,CAAC,CAAA;YACnD,CAAC;QACH,CAAC,CAAC,CAAA;QAEF,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,WAAW,CAAC,QAAQ,MAAM,EAAE,CAAC,CAAA;IACzD,CAAC,EAAE,EAAE,CAAC,CAAA;IACN,OAAO;QACL,QAAQ;QACR,eAAe;QACf,OAAO;QACP,SAAS,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,OAAO,EAAE,QAAQ,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE;YACpH,kBAAkB,CAAC,MAAM,CAAC,IAAI,KAAK,SAAS,IAAI,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,MAAM,KAAK,EAAE,CAAC,CAAA;QACjG,CAAC,CAAC;KACH,CAAA;AACH,CAAC"}
+{"version":3,"file":"useChatMessages.js","sourceRoot":"","sources":["../../src/Hooks/useChatMessages.ts"],"names":[],"mappings":"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"}

package/dist/Hooks/useMessageAuthor.js

@@ -1,14 +1,13 @@
-import { useQuery } from '@apollo/client/react';
-import { GET_MESSAGE_AUTHOR } from '../api';
+import { trpc } from '../api';
 import { useGameSelector } from '../Store';
 const query = new URLSearchParams(window.location.search);
 export function useMessageAuthor(author) {
     const players = useGameSelector(state => state.players);
     const player = players.find(p => p.userId === author);
-    const skip = !!player || query.get('game') === null;
-    const { data } = useQuery(GET_MESSAGE_AUTHOR, { variables: { id: author }, skip: skip });
-    const avatar = player?.avatar ?? data?.user.avatar;
-    const name = player?.name ?? data?.user.name;
+    const enabled = !player && query.get('game') !== null;
+    const { data } = trpc.user.getUser.useQuery(author, { enabled });
+    const avatar = player?.avatar ?? data?.avatar;
+    const name = player?.name ?? data?.name;
     return { avatar, name };
 }
 //# sourceMappingURL=useMessageAuthor.js.map

package/dist/Hooks/useMessageAuthor.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMessageAuthor.js","sourceRoot":"","sources":["../../src/Hooks/useMessageAuthor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAA;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAG1C,MAAM,KAAK,GAAG,IAAI,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;AAEzD,MAAM,UAAU,gBAAgB,CAAC,MAAc;IAC7C,MAAM,OAAO,GAAG,eAAe,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;IACvD,MAAM,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,MAAM,CAAC,CAAA;IACrD,MAAM,IAAI,GAAG,CAAC,CAAC,MAAM,IAAI,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,IAAI,CAAA;IACnD,MAAM,EAAE,IAAI,EAAE,GAAG,QAAQ,CAAiB,kBAAkB,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAA;IACxG,MAAM,MAAM,GAAG,MAAM,EAAE,MAAM,IAAI,IAAI,EAAE,IAAI,CAAC,MAAM,CAAA;IAClD,MAAM,IAAI,GAAG,MAAM,EAAE,IAAI,IAAI,IAAI,EAAE,IAAI,CAAC,IAAI,CAAA;IAC5C,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,CAAA;AACzB,CAAC"}
+{"version":3,"file":"useMessageAuthor.js","sourceRoot":"","sources":["../../src/Hooks/useMessageAuthor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAE1C,MAAM,KAAK,GAAG,IAAI,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;AAEzD,MAAM,UAAU,gBAAgB,CAAC,MAAc;IAC7C,MAAM,OAAO,GAAG,eAAe,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;IACvD,MAAM,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,MAAM,CAAC,CAAA;IACrD,MAAM,OAAO,GAAG,CAAC,MAAM,IAAI,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,IAAI,CAAA;IACrD,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,EAAE,EAAE,OAAO,EAAE,CAAC,CAAA;IAChE,MAAM,MAAM,GAAG,MAAM,EAAE,MAAM,IAAI,IAAI,EAAE,MAAM,CAAA;IAC7C,MAAM,IAAI,GAAG,MAAM,EAAE,IAAI,IAAI,IAAI,EAAE,IAAI,CAAA;IACvC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,CAAA;AACzB,CAAC"}

package/dist/Hooks/useRematch.d.ts

@@ -1,7 +1,61 @@
-import { CanRematchData } from '../Rematch';
 export declare function useRematch(): {
-    game: CanRematchData | undefined;
-    rematch: () => Promise<import("@apollo/client").ApolloClient.MutateResult<unknown> | import("@apollo/client").ApolloClient.QueryResult<{
-        game: CanRematchData;
-    }>>;
+    game: {
+        id: string;
+        canRematch: boolean;
+        rematch?: {
+            id: string;
+            players: {
+                id: any;
+                userId: string;
+                ready: boolean;
+                name?: string;
+            }[];
+            startDate?: Date;
+        };
+    } | undefined;
+    rematch: () => Promise<{
+        id: string;
+        canRematch: boolean;
+        rematch?: {
+            id: string;
+            players: {
+                id: any;
+                userId: string;
+                ready: boolean;
+                name?: string;
+            }[];
+            startDate?: Date;
+        };
+    } | import("@tanstack/query-core").QueryObserverResult<{
+        id: string;
+        canRematch: boolean;
+        rematch?: {
+            id: string;
+            players: {
+                id: any;
+                userId: string;
+                ready: boolean;
+                name?: string;
+            }[];
+            startDate?: Date;
+        };
+    }, import("@trpc/client").TRPCClientErrorLike<{
+        input: string;
+        output: {
+            id: string;
+            canRematch: boolean;
+            rematch?: {
+                id: string;
+                players: {
+                    id: any;
+                    userId: string;
+                    ready: boolean;
+                    name?: string;
+                }[];
+                startDate?: Date;
+            };
+        };
+        transformer: true;
+        errorShape: import("@trpc/server").TRPCDefaultErrorShape;
+    }>>>;
 };

package/dist/Hooks/useRematch.js

@@ -1,19 +1,17 @@
-import { useMutation, useQuery } from '@apollo/client/react';
 import { useEffect } from 'react';
-import { pusherClient } from '../api';
-import { CAN_REMATCH, REMATCH } from '../Rematch';
+import { pusherClient, trpc } from '../api';
 export function useRematch() {
     const query = new URLSearchParams(window.location.search);
     const gameId = query.get('game');
-    const canRematchResult = useQuery(CAN_REMATCH, { variables: { id: gameId } });
-    const game = canRematchResult.data?.game;
-    const [rematch] = useMutation(REMATCH);
+    const canRematchResult = trpc.rematch.canRematch.useQuery(gameId, { enabled: !!gameId });
+    const game = canRematchResult.data;
+    const rematchMutation = trpc.rematch.requestRematch.useMutation();
     useEffect(() => {
         const channel = pusherClient.subscribe('rematch=' + gameId);
         channel.bind('rematch', () => canRematchResult.refetch());
         channel.bind('pusher:subscription_succeeded', () => canRematchResult.refetch());
         return () => pusherClient.unsubscribe('rematch=' + gameId);
     }, []);
-    return { game, rematch: () => rematch({ variables: { gameId } }).catch(() => canRematchResult.refetch()) };
+    return { game, rematch: () => rematchMutation.mutateAsync(gameId).catch(() => canRematchResult.refetch()) };
 }
 //# sourceMappingURL=useRematch.js.map

package/dist/Hooks/useRematch.js.map

@@ -1 +1 @@
-{"version":3,"file":"useRematch.js","sourceRoot":"","sources":["../../src/Hooks/useRematch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAA;AACrC,OAAO,EAAE,WAAW,EAAkB,OAAO,EAAE,MAAM,YAAY,CAAA;AAEjE,MAAM,UAAU,UAAU;IACxB,MAAM,KAAK,GAAG,IAAI,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;IACzD,MAAM,MAAM,GAAG,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;IAChC,MAAM,gBAAgB,GAAG,QAAQ,CAA2B,WAAW,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,CAAC,CAAA;IACvG,MAAM,IAAI,GAAG,gBAAgB,CAAC,IAAI,EAAE,IAAI,CAAA;IACxC,MAAM,CAAC,OAAO,CAAC,GAAG,WAAW,CAAC,OAAO,CAAC,CAAA;IACtC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,YAAY,CAAC,SAAS,CAAC,UAAU,GAAG,MAAM,CAAC,CAAA;QAC3D,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,CAAA;QACzD,OAAO,CAAC,IAAI,CAAC,+BAA+B,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,CAAA;QAC/E,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,WAAW,CAAC,UAAU,GAAG,MAAM,CAAC,CAAA;IAC5D,CAAC,EAAE,EAAE,CAAC,CAAA;IACN,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,SAAS,EAAE,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,EAAE,CAAA;AAC5G,CAAC"}
+{"version":3,"file":"useRematch.js","sourceRoot":"","sources":["../../src/Hooks/useRematch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAE3C,MAAM,UAAU,UAAU;IACxB,MAAM,KAAK,GAAG,IAAI,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;IACzD,MAAM,MAAM,GAAG,KAAK,CAAC,GAAG,CAAC,MAAM,CAAE,CAAA;IACjC,MAAM,gBAAgB,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,QAAQ,CAAC,MAAM,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,CAAA;IACxF,MAAM,IAAI,GAAG,gBAAgB,CAAC,IAAI,CAAA;IAClC,MAAM,eAAe,GAAG,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,WAAW,EAAE,CAAA;IACjE,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,YAAY,CAAC,SAAS,CAAC,UAAU,GAAG,MAAM,CAAC,CAAA;QAC3D,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,CAAA;QACzD,OAAO,CAAC,IAAI,CAAC,+BAA+B,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,CAAA;QAC/E,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,WAAW,CAAC,UAAU,GAAG,MAAM,CAAC,CAAA;IAC5D,CAAC,EAAE,EAAE,CAAC,CAAA;IACN,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,EAAE,CAAA;AAC7G,CAAC"}

package/dist/Hooks/useSendMessage.d.ts

@@ -1,4 +1,2 @@
-import { useMutation } from '@apollo/client/react';
-export declare function useSendMessage(): useMutation.ResultTuple<unknown, {
-    [x: string]: any;
-}, import("@apollo/client").ApolloCache>;
+import { trpc } from '../api';
+export declare function useSendMessage(): ReturnType<typeof trpc.chat.sendMessage.useMutation>;

package/dist/Hooks/useSendMessage.js

@@ -1,7 +1,5 @@
-import { gql } from '@apollo/client';
-import { useMutation } from '@apollo/client/react';
-const SEND_MESSAGE = gql `mutation SendMessage($channel: String!, $text: String!) { sendMessage(channel: $channel, text: $text) { date } }`;
+import { trpc } from '../api';
 export function useSendMessage() {
-    return useMutation(SEND_MESSAGE);
+    return trpc.chat.sendMessage.useMutation();
 }
 //# sourceMappingURL=useSendMessage.js.map

package/dist/Hooks/useSendMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSendMessage.js","sourceRoot":"","sources":["../../src/Hooks/useSendMessage.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAElD,MAAM,YAAY,GAAG,GAAG,CAAA,kHAAkH,CAAA;AAE1I,MAAM,UAAU,cAAc;IAC5B,OAAO,WAAW,CAAC,YAAY,CAAC,CAAA;AAClC,CAAC"}
+{"version":3,"file":"useSendMessage.js","sourceRoot":"","sources":["../../src/Hooks/useSendMessage.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAO7B,MAAM,UAAU,cAAc;IAC5B,OAAO,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,WAAW,EAAE,CAAA;AAC5C,CAAC"}

package/dist/Rematch/RematchQueries.d.ts

@@ -1,4 +1,4 @@
-export declare const CAN_REMATCH: import("@apollo/client").DocumentNode;
+export declare const CAN_REMATCH: import("graphql").DocumentNode;
 export interface CanRematchData {
     id: string;
     canRematch: boolean;
@@ -14,6 +14,6 @@ export interface RematchPlayerData {
     userId: string;
     ready: boolean;
 }
-export declare const REMATCH: import("@apollo/client").DocumentNode;
-export declare const ACCEPT_REMATCH: import("@apollo/client").DocumentNode;
-export declare const REFUSE_REMATCH: import("@apollo/client").DocumentNode;
+export declare const REMATCH: import("graphql").DocumentNode;
+export declare const ACCEPT_REMATCH: import("graphql").DocumentNode;
+export declare const REFUSE_REMATCH: import("graphql").DocumentNode;

package/dist/User/User.d.ts

@@ -2,5 +2,5 @@ export type User = {
     id: string;
     name?: string;
     avatar?: any;
-    subscriptionSince: string | null;
+    isSubscriber: boolean;
 };

package/dist/User/useMe.js

@@ -1,11 +1,9 @@
-import { gql } from '@apollo/client';
-import { useQuery } from '@apollo/client/react';
 import { useMemo } from 'react';
-import { AVATAR_INFO } from '../api';
-const GET_ME = gql `query Me { me { user { id name subscriptionSince avatar {...AvatarInfo} } } } ${AVATAR_INFO}`;
+import { trpc } from '../api';
 export function useMe() {
     const urlSearchParams = new URLSearchParams(window.location.search);
-    const fetchPolicy = useMemo(() => process.env.NODE_ENV !== 'production' && !urlSearchParams.get('game') && !urlSearchParams.get('mode') ? 'cache-only' : 'cache-first', []);
-    return useQuery(GET_ME, { ssr: false, fetchPolicy }).data?.me;
+    const enabled = useMemo(() => process.env.NODE_ENV === 'production' || !!urlSearchParams.get('game') || !!urlSearchParams.get('mode'), []);
+    const { data } = trpc.user.getMe.useQuery(undefined, { enabled });
+    return data ? { user: data } : undefined;
 }
 //# sourceMappingURL=useMe.js.map

package/dist/User/useMe.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMe.js","sourceRoot":"","sources":["../../src/User/useMe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAA;AAGpC,MAAM,MAAM,GAAG,GAAG,CAAA,iFAAiF,WAAW,EAAE,CAAA;AAEhH,MAAM,UAAU,KAAK;IACnB,MAAM,eAAe,GAAG,IAAI,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;IACnE,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE,CAC7B,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa,EACpI,EAAE,CAAC,CAAA;IACP,OAAO,QAAQ,CAAyB,MAAM,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC,CAAC,IAAI,EAAE,EAAE,CAAA;AACvF,CAAC"}
+{"version":3,"file":"useMe.js","sourceRoot":"","sources":["../../src/User/useMe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAG7B,MAAM,UAAU,KAAK;IACnB,MAAM,eAAe,GAAG,IAAI,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;IACnE,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE,CACzB,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,IAAI,CAAC,CAAC,eAAe,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,GAAG,CAAC,MAAM,CAAC,EACvG,EAAE,CAAC,CAAA;IACP,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,SAAS,EAAE,EAAE,OAAO,EAAE,CAAC,CAAA;IACjE,OAAO,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,IAAY,EAAE,CAAC,CAAC,CAAC,SAAS,CAAA;AAClD,CAAC"}

package/dist/api/Client/GameClientAPI.d.ts

@@ -1,10 +1,6 @@
 import { Dispatch } from 'redux';
 import { GameAPI } from '../GameAPI';
-export declare const PLATFORM_URI: string;
-export declare const AVATAR_INFO: import("@apollo/client").DocumentNode;
-export declare const PLAYERS_TIME: import("@apollo/client").DocumentNode;
-export declare const NOTIFICATIONS: import("@apollo/client").DocumentNode;
-export declare const GET_MESSAGE_AUTHOR: import("@apollo/client").DocumentNode;
+export declare const PLATFORM_URI: any;
 export declare class GameClientAPI<Move = any, PlayerId = any> implements GameAPI<Move, PlayerId> {
     private dispatch?;
     private readonly gameId;
@@ -15,10 +11,13 @@ export declare class GameClientAPI<Move = any, PlayerId = any> implements GameAP
     play(move: Move): void;
     undo(action: number | string): void;
     private executePendingActions;
-    private handleGameMessageResult;
+    private handleTRPCResult;
     eject(playerId: PlayerId): void;
     giveUp(): void;
     onError(error: unknown): void;
     playTutorialMoves(): void;
-    claimVictory(): Promise<import("@apollo/client").ApolloClient.MutateResult<unknown>>;
+    claimVictory(): Promise<{
+        id: string;
+        endDate?: Date;
+    }>;
 }

package/dist/api/Client/GameClientAPI.js

@@ -1,24 +1,9 @@
-import { CombinedGraphQLErrors, gql } from '@apollo/client';
+import { TRPCClientError } from '@trpc/client';
 import { receiveNotifications } from '../../Actions';
 import { reportFailure } from '../../Actions/reportFailure';
 import { Failure } from '../../Failure';
-import { getApolloClient } from './apollo-client';
-export const PLATFORM_URI = process.env.PLATFORM_URI ?? 'https://game-park.com';
-export const AVATAR_INFO = gql `fragment AvatarInfo on Avataaar {accessoriesType clotheColor clotheType eyeType eyebrowType facialHairType facialHairColor graphicType hairColor mouthType skinColor topType}`;
-export const PLAYERS_TIME = gql `fragment PlayerTime on Player { time { availableTime cumulatedDownTime cumulatedPlayTime cumulatedWaitForMeTime highestDownTime highestPlayTime lastChange playing weightedWaitForMeTime } }`;
-export const NOTIFICATIONS = gql `fragment Notifications on GameNotification { playerId ... on MovePlayedNotification { actionId moveView consequences } ... on MoveUndoneNotification { actionId moveUndone } }`;
-const PLAY = gql `mutation PlayMoves($gameId: String!, $moves: [JSON!]!) { playMoves(gameId: $gameId, moves: $moves) { notifications { ...Notifications } index players { id ...PlayerTime } date } } ${NOTIFICATIONS} ${PLAYERS_TIME}`;
-const UNDO = gql `mutation UndoMoves($gameId: String!, $actions: [String!]!) { undoMoves(gameId: $gameId, actions: $actions) { notifications { ...Notifications } index players { id ...PlayerTime } date } } ${NOTIFICATIONS} ${PLAYERS_TIME}`;
-const EJECT_PLAYER = gql `mutation EjectPlayer($gameId: String!, $playerId: JSON!) { ejectPlayer(gameId: $gameId, playerId: $playerId) { notifications { ...Notifications } index players { id ...PlayerTime } date } } ${NOTIFICATIONS} ${PLAYERS_TIME}`;
-const GIVE_UP = gql `mutation GiveUp($gameId: String!) { giveUp(gameId: $gameId) { notifications { ...Notifications } index players { id ...PlayerTime } date } } ${NOTIFICATIONS} ${PLAYERS_TIME}`;
-const CLAIM_VICTORY = gql `mutation ClaimVictory($gameId: String!) { claimVictory(gameId: $gameId) { id endDate } }`;
-export const GET_MESSAGE_AUTHOR = gql `
-  query GetMessageAuthor($id: String!) {
-    user(id: $id) {
-      id name avatar {...AvatarInfo}
-    }
-  } ${AVATAR_INFO}
-`;
+import { trpcClient } from '../trpc';
+export const PLATFORM_URI = import.meta.env?.VITE_PLATFORM_URI ?? process.env.PLATFORM_URI ?? 'https://game-park.com';
 export class GameClientAPI {
     dispatch;
     gameId;
@@ -70,14 +55,16 @@ export class GameClientAPI {
         if (this.pendingActions.length > 0) {
             const pendingAction = this.pendingActions.shift();
             if (pendingAction.type == 'PLAY') {
-                this.ongoingAction = getApolloClient().mutate({
-                    mutation: PLAY, variables: { gameId: this.gameId, moves: pendingAction.moves }
-                }).then(result => result.data && this.handleGameMessageResult(result.data.playMoves));
+                this.ongoingAction = trpcClient.game.playMoves.mutate({
+                    gameId: this.gameId,
+                    moves: pendingAction.moves
+                }).then(result => this.handleTRPCResult(result));
             }
             else if (pendingAction.type === 'UNDO') {
-                this.ongoingAction = getApolloClient().mutate({
-                    mutation: UNDO, variables: { gameId: this.gameId, actions: pendingAction.actions }
-                }).then(result => result.data && this.handleGameMessageResult(result.data.undoMoves));
+                this.ongoingAction = trpcClient.game.undoMoves.mutate({
+                    gameId: this.gameId,
+                    actions: pendingAction.actions
+                }).then(result => this.handleTRPCResult(result));
             }
             if (this.ongoingAction) {
                 this.ongoingAction = this.ongoingAction.catch(error => this.onError(error)).finally(() => this.executePendingActions());
@@ -87,22 +74,32 @@ export class GameClientAPI {
             delete this.ongoingAction;
         }
     }
-    handleGameMessageResult({ date, index, notifications, players }) {
-        this.dispatch(receiveNotifications({ notifications, notificationsIndex: index, players, serverTime: Date.parse(date) }));
+    handleTRPCResult(result) {
+        this.dispatch(receiveNotifications({
+            notifications: result.notifications,
+            notificationsIndex: result.index,
+            players: result.players.map(p => ({
+                id: p.id,
+                time: p.time ? {
+                    ...p.time,
+                    lastChange: p.time.lastChange.toISOString(),
+                    availableTime: p.time.availableTime ?? null
+                } : undefined
+            })),
+            serverTime: result.date.getTime()
+        }));
     }
     eject(playerId) {
-        getApolloClient().mutate({ mutation: EJECT_PLAYER, variables: { gameId: this.gameId, playerId } })
-            .then(result => result.data && this.handleGameMessageResult(result.data.ejectPlayer));
+        trpcClient.game.ejectPlayer.mutate({ gameId: this.gameId, playerId })
+            .then(result => this.handleTRPCResult(result));
     }
     giveUp() {
-        getApolloClient().mutate({ mutation: GIVE_UP, variables: { gameId: this.gameId } })
-            .then(result => result.data && this.handleGameMessageResult(result.data.giveUp));
+        trpcClient.game.giveUp.mutate({ gameId: this.gameId })
+            .then(result => this.handleTRPCResult(result));
     }
     onError(error) {
-        if (CombinedGraphQLErrors.is(error)) {
-            for (const graphqlFormattedError of error.errors) {
-                this.dispatch(reportFailure(graphqlFormattedError.message));
-            }
+        if (error instanceof TRPCClientError) {
+            this.dispatch(reportFailure(error.message));
         }
         else {
             this.dispatch(reportFailure(Failure.NETWORK));
@@ -112,7 +109,7 @@ export class GameClientAPI {
         console.error('Tutorial should only be played with local API');
     }
     claimVictory() {
-        return getApolloClient().mutate({ mutation: CLAIM_VICTORY, variables: { gameId: this.gameId } });
+        return trpcClient.game.claimVictory.mutate({ gameId: this.gameId });
     }
 }
 //# sourceMappingURL=GameClientAPI.js.map