@graphql-codegen/typescript-apollo-angular 3.4.13 → 3.4.14-alpha-5d16266dd.0

package/cjs/config.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/cjs/index.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ApolloAngularVisitor = exports.validate = exports.addToSchema = exports.plugin = void 0;
+const plugin_helpers_1 = require("@graphql-codegen/plugin-helpers");
+const graphql_1 = require("graphql");
+const visitor_js_1 = require("./visitor.js");
+Object.defineProperty(exports, "ApolloAngularVisitor", { enumerable: true, get: function () { return visitor_js_1.ApolloAngularVisitor; } });
+const path_1 = require("path");
+const plugin = (schema, documents, config) => {
+    const allAst = (0, graphql_1.concatAST)(documents.map(v => v.document));
+    const operations = allAst.definitions.filter(d => d.kind === graphql_1.Kind.OPERATION_DEFINITION);
+    const allFragments = [
+        ...allAst.definitions.filter(d => d.kind === graphql_1.Kind.FRAGMENT_DEFINITION).map(fragmentDef => ({
+            node: fragmentDef,
+            name: fragmentDef.name.value,
+            onType: fragmentDef.typeCondition.name.value,
+            isExternal: false,
+        })),
+        ...(config.externalFragments || []),
+    ];
+    const visitor = new visitor_js_1.ApolloAngularVisitor(schema, allFragments, operations, config, documents);
+    const visitorResult = (0, plugin_helpers_1.oldVisit)(allAst, { leave: visitor });
+    return {
+        prepend: visitor.getImports(),
+        content: [
+            visitor.fragments,
+            ...visitorResult.definitions.filter(t => typeof t === 'string'),
+            config.sdkClass ? visitor.sdkClass : null,
+        ]
+            .filter(a => a)
+            .join('\n'),
+    };
+};
+exports.plugin = plugin;
+exports.addToSchema = (0, graphql_1.parse)(`
+  directive @NgModule(module: String!) on OBJECT | FIELD
+  directive @namedClient(name: String!) on OBJECT | FIELD
+`);
+const validate = async (schema, documents, config, outputFile) => {
+    if ((0, path_1.extname)(outputFile) !== '.ts') {
+        throw new Error(`Plugin "apollo-angular" requires extension to be ".ts"!`);
+    }
+};
+exports.validate = validate;

package/cjs/package.json

@@ -0,0 +1 @@
+{"type":"commonjs"}

package/{index.js → cjs/visitor.js}

@@ -1,22 +1,17 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
-const pluginHelpers = require('@graphql-codegen/plugin-helpers');
-const graphql = require('graphql');
-const visitorPluginCommon = require('@graphql-codegen/visitor-plugin-common');
-const autoBind = _interopDefault(require('auto-bind'));
-const changeCaseAll = require('change-case-all');
-const path = require('path');
-
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ApolloAngularVisitor = void 0;
+const tslib_1 = require("tslib");
+const visitor_plugin_common_1 = require("@graphql-codegen/visitor-plugin-common");
+const auto_bind_1 = tslib_1.__importDefault(require("auto-bind"));
+const graphql_1 = require("graphql");
+const change_case_all_1 = require("change-case-all");
 const R_MOD = /module:\s*"([^"]+)"/; // matches: module: "..."
 const R_NAME = /name:\s*"([^"]+)"/; // matches: name: "..."
 function R_DEF(directive) {
     return new RegExp(`\\s+\\@${directive}\\([^)]+\\)`, 'gm');
 }
-class ApolloAngularVisitor extends visitorPluginCommon.ClientSideBaseVisitor {
+class ApolloAngularVisitor extends visitor_plugin_common_1.ClientSideBaseVisitor {
     constructor(schema, fragments, _allOperations, rawConfig, documents) {
         super(schema, fragments, rawConfig, {
             sdkClass: rawConfig.sdkClass,
@@ -28,11 +23,11 @@ class ApolloAngularVisitor extends visitorPluginCommon.ClientSideBaseVisitor {
             querySuffix: rawConfig.querySuffix,
             mutationSuffix: rawConfig.mutationSuffix,
             subscriptionSuffix: rawConfig.subscriptionSuffix,
-            additionalDI: visitorPluginCommon.getConfigValue(rawConfig.additionalDI, []),
-            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),
+            additionalDI: (0, visitor_plugin_common_1.getConfigValue)(rawConfig.additionalDI, []),
+            apolloAngularPackage: (0, visitor_plugin_common_1.getConfigValue)(rawConfig.apolloAngularPackage, 'apollo-angular'),
+            apolloAngularVersion: (0, visitor_plugin_common_1.getConfigValue)(rawConfig.apolloAngularVersion, 2),
+            gqlImport: (0, visitor_plugin_common_1.getConfigValue)(rawConfig.gqlImport, !rawConfig.apolloAngularVersion || rawConfig.apolloAngularVersion === 2 ? `apollo-angular#gql` : null),
+            addExplicitOverride: (0, visitor_plugin_common_1.getConfigValue)(rawConfig.addExplicitOverride, false),
         }, documents);
         this._allOperations = _allOperations;
         this._externalImportPrefix = '';
@@ -41,7 +36,7 @@ class ApolloAngularVisitor extends visitorPluginCommon.ClientSideBaseVisitor {
         this.dependencyInjectionArgs = '';
         if (this.config.importOperationTypesFrom) {
             this._externalImportPrefix = `${this.config.importOperationTypesFrom}.`;
-            if (this.config.documentMode !== visitorPluginCommon.DocumentMode.external || !this.config.importDocumentNodeExternallyFrom) {
+            if (this.config.documentMode !== visitor_plugin_common_1.DocumentMode.external || !this.config.importDocumentNodeExternallyFrom) {
                 // eslint-disable-next-line no-console
                 console.warn('"importOperationTypesFrom" should be used with "documentMode=external" and "importDocumentNodeExternallyFrom"');
             }
@@ -56,7 +51,7 @@ class ApolloAngularVisitor extends visitorPluginCommon.ClientSideBaseVisitor {
         });
         this.dependencyInjections = dependencyInjections.join(', ');
         this.dependencyInjectionArgs = dependencyInjectionArgs.join(', ');
-        autoBind(this);
+        (0, auto_bind_1.default)(this);
     }
     getImports() {
         const baseImports = super.getImports();
@@ -101,7 +96,7 @@ class ApolloAngularVisitor extends visitorPluginCommon.ClientSideBaseVisitor {
         return [...baseImports, ...imports];
     }
     _extractNgModule(operation) {
-        const [, link] = graphql.print(operation).match(R_MOD);
+        const [, link] = (0, graphql_1.print)(operation).match(R_MOD);
         return this._parseNgModule(link);
     }
     _parseNgModule(link) {
@@ -117,7 +112,7 @@ class ApolloAngularVisitor extends visitorPluginCommon.ClientSideBaseVisitor {
             return operation.includes(`@${directive}`);
         }
         let found = false;
-        graphql.visit(operation, {
+        (0, graphql_1.visit)(operation, {
             Directive(node) {
                 if (node.name.value === directive) {
                     found = true;
@@ -136,7 +131,7 @@ class ApolloAngularVisitor extends visitorPluginCommon.ClientSideBaseVisitor {
         return directives.reduce((doc, directive) => this._removeDirective(doc, directive), document);
     }
     _extractDirective(operation, directive) {
-        const directives = graphql.print(operation).match(R_DEF(directive));
+        const directives = (0, graphql_1.print)(operation).match(R_DEF(directive));
         if (directives.length > 1) {
             throw new Error(`The ${directive} directive used multiple times in '${operation.name}' operation`);
         }
@@ -237,30 +232,30 @@ class ApolloAngularVisitor extends visitorPluginCommon.ClientSideBaseVisitor {
             const operationVariablesTypes = this._externalImportPrefix + o.operationVariablesTypes;
             const optionalVariables = !o.node.variableDefinitions ||
                 o.node.variableDefinitions.length === 0 ||
-                o.node.variableDefinitions.every(v => v.type.kind !== graphql.Kind.NON_NULL_TYPE || !!v.defaultValue);
+                o.node.variableDefinitions.every(v => v.type.kind !== graphql_1.Kind.NON_NULL_TYPE || !!v.defaultValue);
             const options = o.operationType === 'Mutation'
                 ? `${o.operationType}OptionsAlone<${operationResultType}, ${operationVariablesTypes}>`
                 : `${o.operationType}OptionsAlone<${operationVariablesTypes}>`;
             const method = `
-${changeCaseAll.camelCase(o.node.name.value)}(variables${optionalVariables ? '?' : ''}: ${operationVariablesTypes}, options?: ${options}) {
-  return this.${changeCaseAll.camelCase(o.serviceName)}.${actionType(o.operationType)}(variables, options)
+${(0, change_case_all_1.camelCase)(o.node.name.value)}(variables${optionalVariables ? '?' : ''}: ${operationVariablesTypes}, options?: ${options}) {
+  return this.${(0, change_case_all_1.camelCase)(o.serviceName)}.${actionType(o.operationType)}(variables, options)
 }`;
             let watchMethod;
             if (o.operationType === 'Query') {
                 watchMethod = `
 
-${changeCaseAll.camelCase(o.node.name.value)}Watch(variables${optionalVariables ? '?' : ''}: ${operationVariablesTypes}, options?: WatchQueryOptionsAlone<${operationVariablesTypes}>) {
-  return this.${changeCaseAll.camelCase(o.serviceName)}.watch(variables, options)
+${(0, change_case_all_1.camelCase)(o.node.name.value)}Watch(variables${optionalVariables ? '?' : ''}: ${operationVariablesTypes}, options?: WatchQueryOptionsAlone<${operationVariablesTypes}>) {
+  return this.${(0, change_case_all_1.camelCase)(o.serviceName)}.watch(variables, options)
 }`;
             }
             return [method, watchMethod].join('');
         })
-            .map(s => visitorPluginCommon.indentMultiline(s, 2));
+            .map(s => (0, visitor_plugin_common_1.indentMultiline)(s, 2));
         // Inject the generated services in the constructor
-        const injectString = (service) => `private ${changeCaseAll.camelCase(service)}: ${service}`;
+        const injectString = (service) => `private ${(0, change_case_all_1.camelCase)(service)}: ${service}`;
         const injections = this._operationsToInclude
             .map(op => injectString(op.serviceName))
-            .map(s => visitorPluginCommon.indentMultiline(s, 3))
+            .map(s => (0, visitor_plugin_common_1.indentMultiline)(s, 3))
             .join(',\n');
         const serviceName = this.config.serviceName || 'ApolloAngularSDK';
         const providedIn = this.config.serviceProvidedIn
@@ -287,7 +282,7 @@ ${changeCaseAll.camelCase(o.node.name.value)}Watch(variables${optionalVariables
             : '';
         const types = [omitType, watchType, queryType, mutationType, subscriptionType]
             .filter(s => s)
-            .map(s => visitorPluginCommon.indent(s, 1))
+            .map(s => (0, visitor_plugin_common_1.indent)(s, 1))
             .join('\n\n');
         return `
 ${types}
@@ -301,43 +296,4 @@ ${injections}
   }`;
     }
 }
-
-const plugin = (schema, documents, config) => {
-    const allAst = graphql.concatAST(documents.map(v => v.document));
-    const operations = allAst.definitions.filter(d => d.kind === graphql.Kind.OPERATION_DEFINITION);
-    const allFragments = [
-        ...allAst.definitions.filter(d => d.kind === graphql.Kind.FRAGMENT_DEFINITION).map(fragmentDef => ({
-            node: fragmentDef,
-            name: fragmentDef.name.value,
-            onType: fragmentDef.typeCondition.name.value,
-            isExternal: false,
-        })),
-        ...(config.externalFragments || []),
-    ];
-    const visitor = new ApolloAngularVisitor(schema, allFragments, operations, config, documents);
-    const visitorResult = pluginHelpers.oldVisit(allAst, { leave: visitor });
-    return {
-        prepend: visitor.getImports(),
-        content: [
-            visitor.fragments,
-            ...visitorResult.definitions.filter(t => typeof t === 'string'),
-            config.sdkClass ? visitor.sdkClass : null,
-        ]
-            .filter(a => a)
-            .join('\n'),
-    };
-};
-const addToSchema = graphql.parse(`
-  directive @NgModule(module: String!) on OBJECT | FIELD
-  directive @namedClient(name: String!) on OBJECT | FIELD
-`);
-const validate = async (schema, documents, config, outputFile) => {
-    if (path.extname(outputFile) !== '.ts') {
-        throw new Error(`Plugin "apollo-angular" requires extension to be ".ts"!`);
-    }
-};
-
 exports.ApolloAngularVisitor = ApolloAngularVisitor;
-exports.addToSchema = addToSchema;
-exports.plugin = plugin;
-exports.validate = validate;

package/esm/config.js

@@ -0,0 +1 @@
+export {};

package/esm/index.js

@@ -0,0 +1,39 @@
+import { oldVisit } from '@graphql-codegen/plugin-helpers';
+import { concatAST, Kind, parse } from 'graphql';
+import { ApolloAngularVisitor } from './visitor.js';
+import { extname } from 'path';
+export const plugin = (schema, documents, config) => {
+    const allAst = concatAST(documents.map(v => v.document));
+    const operations = allAst.definitions.filter(d => d.kind === Kind.OPERATION_DEFINITION);
+    const allFragments = [
+        ...allAst.definitions.filter(d => d.kind === Kind.FRAGMENT_DEFINITION).map(fragmentDef => ({
+            node: fragmentDef,
+            name: fragmentDef.name.value,
+            onType: fragmentDef.typeCondition.name.value,
+            isExternal: false,
+        })),
+        ...(config.externalFragments || []),
+    ];
+    const visitor = new ApolloAngularVisitor(schema, allFragments, operations, config, documents);
+    const visitorResult = oldVisit(allAst, { leave: visitor });
+    return {
+        prepend: visitor.getImports(),
+        content: [
+            visitor.fragments,
+            ...visitorResult.definitions.filter(t => typeof t === 'string'),
+            config.sdkClass ? visitor.sdkClass : null,
+        ]
+            .filter(a => a)
+            .join('\n'),
+    };
+};
+export const addToSchema = parse(`
+  directive @NgModule(module: String!) on OBJECT | FIELD
+  directive @namedClient(name: String!) on OBJECT | FIELD
+`);
+export const validate = async (schema, documents, config, outputFile) => {
+    if (extname(outputFile) !== '.ts') {
+        throw new Error(`Plugin "apollo-angular" requires extension to be ".ts"!`);
+    }
+};
+export { ApolloAngularVisitor };

package/{index.mjs → esm/visitor.js}

@@ -1,16 +1,13 @@
-import { oldVisit } from '@graphql-codegen/plugin-helpers';
-import { print, visit, Kind, concatAST, parse } from 'graphql';
-import { ClientSideBaseVisitor, getConfigValue, DocumentMode, indentMultiline, indent } from '@graphql-codegen/visitor-plugin-common';
+import { ClientSideBaseVisitor, DocumentMode, indentMultiline, getConfigValue, indent, } from '@graphql-codegen/visitor-plugin-common';
 import autoBind from 'auto-bind';
+import { print, visit, Kind } from 'graphql';
 import { camelCase } from 'change-case-all';
-import { extname } from 'path';
-
 const R_MOD = /module:\s*"([^"]+)"/; // matches: module: "..."
 const R_NAME = /name:\s*"([^"]+)"/; // matches: name: "..."
 function R_DEF(directive) {
     return new RegExp(`\\s+\\@${directive}\\([^)]+\\)`, 'gm');
 }
-class ApolloAngularVisitor extends ClientSideBaseVisitor {
+export class ApolloAngularVisitor extends ClientSideBaseVisitor {
     constructor(schema, fragments, _allOperations, rawConfig, documents) {
         super(schema, fragments, rawConfig, {
             sdkClass: rawConfig.sdkClass,
@@ -295,40 +292,3 @@ ${injections}
   }`;
     }
 }
-
-const plugin = (schema, documents, config) => {
-    const allAst = concatAST(documents.map(v => v.document));
-    const operations = allAst.definitions.filter(d => d.kind === Kind.OPERATION_DEFINITION);
-    const allFragments = [
-        ...allAst.definitions.filter(d => d.kind === Kind.FRAGMENT_DEFINITION).map(fragmentDef => ({
-            node: fragmentDef,
-            name: fragmentDef.name.value,
-            onType: fragmentDef.typeCondition.name.value,
-            isExternal: false,
-        })),
-        ...(config.externalFragments || []),
-    ];
-    const visitor = new ApolloAngularVisitor(schema, allFragments, operations, config, documents);
-    const visitorResult = oldVisit(allAst, { leave: visitor });
-    return {
-        prepend: visitor.getImports(),
-        content: [
-            visitor.fragments,
-            ...visitorResult.definitions.filter(t => typeof t === 'string'),
-            config.sdkClass ? visitor.sdkClass : null,
-        ]
-            .filter(a => a)
-            .join('\n'),
-    };
-};
-const addToSchema = parse(`
-  directive @NgModule(module: String!) on OBJECT | FIELD
-  directive @namedClient(name: String!) on OBJECT | FIELD
-`);
-const validate = async (schema, documents, config, outputFile) => {
-    if (extname(outputFile) !== '.ts') {
-        throw new Error(`Plugin "apollo-angular" requires extension to be ".ts"!`);
-    }
-};
-
-export { ApolloAngularVisitor, addToSchema, plugin, validate };

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@graphql-codegen/typescript-apollo-angular",
-  "version": "3.4.13",
+  "version": "3.4.14-alpha-5d16266dd.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"
   },
   "dependencies": {
     "@graphql-codegen/plugin-helpers": "^2.4.0",
-    "@graphql-codegen/visitor-plugin-common": "2.10.0",
+    "@graphql-codegen/visitor-plugin-common": "2.11.0-alpha-5d16266dd.0",
     "auto-bind": "~4.0.0",
     "change-case-all": "1.0.14",
     "tslib": "~2.4.0"
@@ -18,21 +18,28 @@
     "directory": "packages/plugins/typescript/apollo-angular"
   },
   "license": "MIT",
-  "main": "index.js",
-  "module": "index.mjs",
-  "typings": "index.d.ts",
+  "main": "cjs/index.js",
+  "module": "esm/index.js",
+  "typings": "typings/index.d.ts",
   "typescript": {
-    "definition": "index.d.ts"
+    "definition": "typings/index.d.ts"
   },
+  "type": "module",
   "exports": {
-    "./package.json": "./package.json",
     ".": {
-      "require": "./index.js",
-      "import": "./index.mjs"
+      "require": {
+        "types": "./typings/index.d.ts",
+        "default": "./cjs/index.js"
+      },
+      "import": {
+        "types": "./typings/index.d.ts",
+        "default": "./esm/index.js"
+      },
+      "default": {
+        "types": "./typings/index.d.ts",
+        "default": "./esm/index.js"
+      }
     },
-    "./*": {
-      "require": "./*.js",
-      "import": "./*.mjs"
-    }
+    "./package.json": "./package.json"
   }
-}
+}

package/{index.d.ts → typings/index.d.ts}

@@ -1,6 +1,6 @@
 import { PluginValidateFn, PluginFunction } from '@graphql-codegen/plugin-helpers';
-import { ApolloAngularVisitor } from './visitor';
-import { ApolloAngularRawPluginConfig } from './config';
+import { ApolloAngularVisitor } from './visitor.js';
+import { ApolloAngularRawPluginConfig } from './config.js';
 export declare const plugin: PluginFunction<ApolloAngularRawPluginConfig>;
 export declare const addToSchema: import("graphql").DocumentNode;
 export declare const validate: PluginValidateFn<any>;

package/{visitor.d.ts → typings/visitor.d.ts}

@@ -1,6 +1,6 @@
 import { ClientSideBaseVisitor, ClientSideBasePluginConfig, LoadedFragment } from '@graphql-codegen/visitor-plugin-common';
 import { OperationDefinitionNode, GraphQLSchema } from 'graphql';
-import { ApolloAngularRawPluginConfig } from './config';
+import { ApolloAngularRawPluginConfig } from './config.js';
 import { Types } from '@graphql-codegen/plugin-helpers';
 export interface ApolloAngularPluginConfig extends ClientSideBasePluginConfig {
     apolloAngularVersion: number;