Real-world example? about ac3-state-management-examples

[magdyB7r]

I was migrating to ac3 but stuck with using the client to get remote data like resolvers just like those two examples

here I need the client to get the active template from the server, how can I get the client with typePolicies?

getColors: {
    async read(_, {cache}) {
      const template = await getActiveTemplate(cache,client);
      if (!template) {
        return {};
      }

      const settings = template.settings ? JSON.parse(template.settings) : [];
      const colors = settings.find((setting) => setting.type === 'colors');

      if (!colors) {
        return {};
      }

      let colorConfig = {};

      forEach(colors.fields, (color) => {
        colorConfig = Object.assign({}, colorConfig, {
          [color.key]: color.value,
        });
      });

      return colorConfig;
    },
  },

and here with mutation same, I need the client

   export const cartMutation = {
       addProductToCart: (_root, {product}, {cache, client}) => {
        const cart = cartItems();

    const {status, message, newCart} = checkItemAddCart(cart, product);
 

      updateCart(cache, newCart);

      authCart(client, {quantity: 1, productId: product.id}, newCart);
    }

    // const newCart = addProductToCart(cart, product);
    // localStorage.setItem("CartItems", JSON.stringify(newCartItems));

    // const {me} = client.cache.readQuery({
    //   query: CURRENT_CUSTOMER,
    // });
    return newCart;
  },
}

the ugly solution with this is

  const client = useApolloClient();
  cartMutation.addProductToCart(client);

how can I use client easily with those two examples?