apollo-angular | production ready caching GraphQL client for Angular | GraphQL library

I am currently working on a project that uses Webpack 5's Module Federation. The project contains to Angular 12 applications: one application is the shell and the other one is the remote that should be loaded into the shell. Both apps are running perfectly fine on their own but the following error occurs when importing the remote into the shell application:

I have an angular 12 project and i wanna use graphql with apollo-angular. i create a category.js file with the codes below:

I'm following the Carbon Design System Angular Tutorial. I'm trying to increment the repositories page implemented during the tutorial. My goal is to use the 'with toolbar' from table angular stories.

I'm facing these runtime property's binding errors regarding the ibm-table-toolbar and ibm-overflow-menu. See the image below:

repositories.module.ts

I am trying to connect Angular with a GraphQL backend.

However, when angular-apollo requests data from GraphQL, the data is being sent correctly but when I want to access it, it returns undefined.

In the following code, updateItems() is working correctly but getItems() not.

After I installed apollo-angular and @apollo/client I decided that I don't want them anymore, but using "npm uninstall apollo-angular" and "npm uninstall @apollo/client" only deletes the apollo-angular and @apollo/client folders. I want to clean up my project from all Apollo related stuff.

Trying "npm uninstall" of all the other apollo folders in node_modules (apollo-cache, apollo-client, apollo-link, apollo-utilites, and many others) does absolutely nothing.

I've also tried to manually delete the folders but I had some authorization problems (also I don't think this is the right way to do it).

We are using Apollo Angular to connect to a GraphQL API. This works fine. I now wanted to create an API service that abstracts the watchQuery method.

This works fine until I add the return type to the method. The type hint says the return type of valueChanges is Observable>. But when I add it as the function's return type I get this error:

Property '['@@observable']' is missing in type 'Observable' but required in type 'Observable'.

The suggestions for imports are these three - but none worked and resulted in the same error:

I am working on an angular 9 project where I implemented self-designed user authentication using AWS Amplify with the help of the following steps: https://gerard-sans.medium.com/build-your-first-full-stack-serverless-app-with-angular-and-aws-amplify-d2e4716de9bd. Also, I integrated graphQL in the backend. And the whole project runs fine locally and throws an error on deployment. It shows the following error on deployment.

I am using the following angular dependencies:

I have a project where I have updated all of the packages.

Before the update all e2e tests functioned as expected.

After the update, The product itself compiles and runs as expected.

However, the e2e tests are showing unexpected issues both in the IDE and at run time.

For example,

Good morning,

I have an Angular WebApp that uses GraphQL codegen with (apollo-angular plugin and all the typescript plugins). Everything works fine but I want to handle Hasura Roles and Hasura User ID. From Hasura Console everything is configured correctly and working.

Only thing I am missing is how to handle this on the front end. I need to add X-Hasura-Role and X-Hasura-User-Id headers to every request sent to Hasura. Is there a way to do this with graphql-codegen? What is the right way to do this?

I know I can add the headers section on the codegen.yml, but obviously the role and userid are dynamic so I cannot hardcode anything there.

Should I use maybe a customFetch component? This component, thought, should only intercept every request sent to Hasura and add the headers needed. I have no idea how to do this so I hope you can help me (I also hope there is a better solution)

Best regards