@graphql-codegen/typescript-apollo-angular 3.3.4-alpha-b385699c5.0 → 3.4.1-alpha-e6dadab0d.0

package/config.d.ts

@@ -126,4 +126,15 @@ export interface ApolloAngularRawPluginConfig extends RawClientSideBasePluginCon
      * ```
      */
     additionalDI?: string[];
+    /**
+     * @description Add `override` modifier to make the generated code compatible with the `noImplicitOverride` option of Typescript v4.3+.
+     * @default false
+     *
+     * @exampleMarkdown
+     * ```yml
+     * config:
+     *   addExplicitOverride: true
+     * ```
+     */
+    addExplicitOverride?: boolean;
 }

package/index.js

@@ -33,6 +33,7 @@ class ApolloAngularVisitor extends visitorPluginCommon.ClientSideBaseVisitor {
             apolloAngularPackage: visitorPluginCommon.getConfigValue(rawConfig.apolloAngularPackage, 'apollo-angular'),
             apolloAngularVersion: visitorPluginCommon.getConfigValue(rawConfig.apolloAngularVersion, 2),
             gqlImport: visitorPluginCommon.getConfigValue(rawConfig.gqlImport, !rawConfig.apolloAngularVersion || rawConfig.apolloAngularVersion === 2 ? `apollo-angular#gql` : null),
+            addExplicitOverride: visitorPluginCommon.getConfigValue(rawConfig.addExplicitOverride, false),
         }, documents);
         this._allOperations = _allOperations;
         this._externalImportPrefix = '';
@@ -210,7 +211,7 @@ class ApolloAngularVisitor extends visitorPluginCommon.ClientSideBaseVisitor {
     providedIn: ${this._providedIn(node)}
   })
   export class ${serviceName} extends Apollo.${operationType}<${operationResultType}, ${operationVariablesTypes}> {
-    document = ${this._getDocumentNodeVariable(node, documentVariableName)};
+    ${this.config.addExplicitOverride ? 'override ' : ''}document = ${this._getDocumentNodeVariable(node, documentVariableName)};
     ${this._namedClient(node)}
     constructor(${this.dependencyInjections}) {
       super(${this.dependencyInjectionArgs});
@@ -271,13 +272,13 @@ ${changeCaseAll.camelCase(o.node.name.value)}Watch(variables${optionalVariables
 
   interface WatchQueryOptionsAlone<V>
     extends Omit<ApolloCore.WatchQueryOptions<V>, 'query' | 'variables'> {}
-    
+
   interface QueryOptionsAlone<V>
     extends Omit<ApolloCore.QueryOptions<V>, 'query' | 'variables'> {}
-    
+
   interface MutationOptionsAlone<T, V>
     extends Omit<ApolloCore.MutationOptions<T, V>, 'mutation' | 'variables'> {}
-    
+
   interface SubscriptionOptionsAlone<V>
     extends Omit<ApolloCore.SubscriptionOptions<V>, 'query' | 'variables'> {}
 

package/index.mjs

@@ -27,6 +27,7 @@ class ApolloAngularVisitor extends ClientSideBaseVisitor {
             apolloAngularPackage: getConfigValue(rawConfig.apolloAngularPackage, 'apollo-angular'),
             apolloAngularVersion: getConfigValue(rawConfig.apolloAngularVersion, 2),
             gqlImport: getConfigValue(rawConfig.gqlImport, !rawConfig.apolloAngularVersion || rawConfig.apolloAngularVersion === 2 ? `apollo-angular#gql` : null),
+            addExplicitOverride: getConfigValue(rawConfig.addExplicitOverride, false),
         }, documents);
         this._allOperations = _allOperations;
         this._externalImportPrefix = '';
@@ -204,7 +205,7 @@ class ApolloAngularVisitor extends ClientSideBaseVisitor {
     providedIn: ${this._providedIn(node)}
   })
   export class ${serviceName} extends Apollo.${operationType}<${operationResultType}, ${operationVariablesTypes}> {
-    document = ${this._getDocumentNodeVariable(node, documentVariableName)};
+    ${this.config.addExplicitOverride ? 'override ' : ''}document = ${this._getDocumentNodeVariable(node, documentVariableName)};
     ${this._namedClient(node)}
     constructor(${this.dependencyInjections}) {
       super(${this.dependencyInjectionArgs});
@@ -265,13 +266,13 @@ ${camelCase(o.node.name.value)}Watch(variables${optionalVariables ? '?' : ''}: $
 
   interface WatchQueryOptionsAlone<V>
     extends Omit<ApolloCore.WatchQueryOptions<V>, 'query' | 'variables'> {}
-    
+
   interface QueryOptionsAlone<V>
     extends Omit<ApolloCore.QueryOptions<V>, 'query' | 'variables'> {}
-    
+
   interface MutationOptionsAlone<T, V>
     extends Omit<ApolloCore.MutationOptions<T, V>, 'mutation' | 'variables'> {}
-    
+
   interface SubscriptionOptionsAlone<V>
     extends Omit<ApolloCore.SubscriptionOptions<V>, 'query' | 'variables'> {}
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@graphql-codegen/typescript-apollo-angular",
-  "version": "3.3.4-alpha-b385699c5.0",
+  "version": "3.4.1-alpha-e6dadab0d.0",
   "description": "GraphQL Code Generator plugin for generating ready-to-use Angular Components based on GraphQL operations",
   "peerDependencies": {
     "graphql": "^0.8.0 || ^0.9.0 || ^0.10.0 || ^0.11.0 || ^0.12.0 || ^0.13.0 || ^14.0.0 || ^15.0.0 || ^16.0.0",
@@ -8,7 +8,7 @@
   },
   "dependencies": {
     "@graphql-codegen/plugin-helpers": "^2.4.0",
-    "@graphql-codegen/visitor-plugin-common": "2.7.0-alpha-b385699c5.0",
+    "@graphql-codegen/visitor-plugin-common": "2.7.1-alpha-e6dadab0d.0",
     "auto-bind": "~4.0.0",
     "change-case-all": "1.0.14",
     "tslib": "~2.3.0"

package/visitor.d.ts

@@ -15,6 +15,7 @@ export interface ApolloAngularPluginConfig extends ClientSideBasePluginConfig {
     subscriptionSuffix?: string;
     apolloAngularPackage: string;
     additionalDI?: string[];
+    addExplicitOverride: boolean;
 }
 export declare class ApolloAngularVisitor extends ClientSideBaseVisitor<ApolloAngularRawPluginConfig, ApolloAngularPluginConfig> {
     private _allOperations;