@graphql-codegen/typescript-stencil-apollo 2.2.14 → 2.3.0-alpha-29eb1293b.0

package/cjs/config.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StencilComponentType = void 0;
+var StencilComponentType;
+(function (StencilComponentType) {
+    StencilComponentType["functional"] = "functional";
+    StencilComponentType["class"] = "class";
+})(StencilComponentType = exports.StencilComponentType || (exports.StencilComponentType = {}));

package/cjs/index.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StencilApolloVisitor = exports.validate = 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, "StencilApolloVisitor", { enumerable: true, get: function () { return visitor_js_1.StencilApolloVisitor; } });
+const path_1 = require("path");
+const plugin = (schema, documents, config) => {
+    const allAst = (0, graphql_1.concatAST)(documents.map(v => v.document));
+    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.StencilApolloVisitor(schema, allFragments, config);
+    const visitorResult = (0, plugin_helpers_1.oldVisit)(allAst, { leave: visitor });
+    return {
+        prepend: visitor.getImports(),
+        content: ['', visitor.fragments, ...visitorResult.definitions.filter(t => typeof t === 'string')].join('\n'),
+    };
+};
+exports.plugin = plugin;
+const validate = async (schema, documents, config, outputFile) => {
+    if ((0, path_1.extname)(outputFile) !== '.tsx') {
+        throw new Error(`Plugin "stencil-apollo" requires extension to be ".tsx"!`);
+    }
+};
+exports.validate = validate;

package/cjs/package.json

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

package/cjs/visitor.js

@@ -0,0 +1,81 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StencilApolloVisitor = void 0;
+const tslib_1 = require("tslib");
+const visitor_plugin_common_1 = require("@graphql-codegen/visitor-plugin-common");
+const config_js_1 = require("./config.js");
+const auto_bind_1 = tslib_1.__importDefault(require("auto-bind"));
+const change_case_all_1 = require("change-case-all");
+class StencilApolloVisitor extends visitor_plugin_common_1.ClientSideBaseVisitor {
+    constructor(schema, fragments, rawConfig) {
+        super(schema, fragments, rawConfig, {
+            componentType: (0, visitor_plugin_common_1.getConfigValue)(rawConfig.componentType, config_js_1.StencilComponentType.functional),
+            noExport: rawConfig.componentType === config_js_1.StencilComponentType.class,
+        });
+        (0, auto_bind_1.default)(this);
+    }
+    getImports() {
+        const baseImports = super.getImports();
+        const imports = [];
+        const hasOperations = this._collectedOperations.length > 0;
+        if (!hasOperations) {
+            return baseImports;
+        }
+        if (this.config.componentType === config_js_1.StencilComponentType.class) {
+            imports.push(`import 'stencil-apollo';`);
+            imports.push(`import { Component, Prop, h } from '@stencil/core';`);
+        }
+        else {
+            imports.push(`import * as StencilApollo from 'stencil-apollo';`);
+            imports.push(`import { h } from '@stencil/core';`);
+        }
+        return [...baseImports, ...imports];
+    }
+    _buildOperationFunctionalComponent(node, documentVariableName, operationType, operationResultType, operationVariablesTypes) {
+        const operationName = this.convertName(node.name.value);
+        const propsTypeName = this.convertName(operationName + 'Props');
+        const rendererSignature = (0, change_case_all_1.pascalCase)(`${operationType}Renderer`) + `<${operationResultType}, ${operationVariablesTypes}>`;
+        const apolloStencilComponentTag = (0, change_case_all_1.paramCase)(`Apollo${operationType}`);
+        const componentName = this.convertName(`${operationName}Component`);
+        const propsVar = `
+export type ${propsTypeName} = {
+    variables ?: ${operationVariablesTypes};
+    inlist ?: StencilApollo.${rendererSignature};
+};
+      `;
+        const component = `
+export const ${componentName} = (props: ${propsTypeName}, children: [StencilApollo.${rendererSignature}]) => (
+  <${apolloStencilComponentTag} ${operationType.toLowerCase()}={ ${documentVariableName} } { ...props } renderer={ children[0] } />
+);
+      `;
+        return [propsVar, component].filter(a => a).join('\n');
+    }
+    _buildClassComponent(node, documentVariableName, operationType, operationResultType, operationVariablesTypes) {
+        const componentName = this.convertName(node.name.value + 'Component');
+        const apolloStencilComponentTag = (0, change_case_all_1.paramCase)(`Apollo${operationType}`);
+        const rendererSignature = (0, change_case_all_1.pascalCase)(`${operationType}Renderer`);
+        return `
+@Component({
+    tag: '${(0, change_case_all_1.paramCase)(`Apollo${(0, change_case_all_1.pascalCase)(node.name.value)}`)}'
+})
+export class ${componentName} {
+    @Prop() renderer: import('stencil-apollo').${rendererSignature}<${operationResultType}, ${operationVariablesTypes}>;
+    @Prop() variables: ${operationVariablesTypes};
+    render() {
+        return <${apolloStencilComponentTag} ${operationType.toLowerCase()}={ ${documentVariableName} } variables={ this.variables } renderer={ this.renderer } />;
+    }
+}
+      `;
+    }
+    buildOperation(node, documentVariableName, operationType, operationResultType, operationVariablesTypes) {
+        switch (this.config.componentType) {
+            case config_js_1.StencilComponentType.class:
+                return this._buildClassComponent(node, documentVariableName, operationType, operationResultType, operationVariablesTypes);
+            case config_js_1.StencilComponentType.functional:
+                return this._buildOperationFunctionalComponent(node, documentVariableName, operationType, operationResultType, operationVariablesTypes);
+            default:
+                return '';
+        }
+    }
+}
+exports.StencilApolloVisitor = StencilApolloVisitor;

package/esm/config.js

@@ -0,0 +1,5 @@
+export var StencilComponentType;
+(function (StencilComponentType) {
+    StencilComponentType["functional"] = "functional";
+    StencilComponentType["class"] = "class";
+})(StencilComponentType || (StencilComponentType = {}));

package/esm/index.js

@@ -0,0 +1,28 @@
+import { oldVisit } from '@graphql-codegen/plugin-helpers';
+import { concatAST, Kind } from 'graphql';
+import { StencilApolloVisitor } from './visitor.js';
+import { extname } from 'path';
+export const plugin = (schema, documents, config) => {
+    const allAst = concatAST(documents.map(v => v.document));
+    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 StencilApolloVisitor(schema, allFragments, config);
+    const visitorResult = oldVisit(allAst, { leave: visitor });
+    return {
+        prepend: visitor.getImports(),
+        content: ['', visitor.fragments, ...visitorResult.definitions.filter(t => typeof t === 'string')].join('\n'),
+    };
+};
+export const validate = async (schema, documents, config, outputFile) => {
+    if (extname(outputFile) !== '.tsx') {
+        throw new Error(`Plugin "stencil-apollo" requires extension to be ".tsx"!`);
+    }
+};
+export { StencilApolloVisitor };

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

@@ -1,17 +1,8 @@
-import { oldVisit } from '@graphql-codegen/plugin-helpers';
-import { concatAST, Kind } from 'graphql';
-import { ClientSideBaseVisitor, getConfigValue } from '@graphql-codegen/visitor-plugin-common';
+import { ClientSideBaseVisitor, getConfigValue, } from '@graphql-codegen/visitor-plugin-common';
+import { StencilComponentType } from './config.js';
 import autoBind from 'auto-bind';
-import { pascalCase, paramCase } from 'change-case-all';
-import { extname } from 'path';
-
-var StencilComponentType;
-(function (StencilComponentType) {
-    StencilComponentType["functional"] = "functional";
-    StencilComponentType["class"] = "class";
-})(StencilComponentType || (StencilComponentType = {}));
-
-class StencilApolloVisitor extends ClientSideBaseVisitor {
+import { paramCase, pascalCase } from 'change-case-all';
+export class StencilApolloVisitor extends ClientSideBaseVisitor {
     constructor(schema, fragments, rawConfig) {
         super(schema, fragments, rawConfig, {
             componentType: getConfigValue(rawConfig.componentType, StencilComponentType.functional),
@@ -83,29 +74,3 @@ export class ${componentName} {
         }
     }
 }
-
-const plugin = (schema, documents, config) => {
-    const allAst = concatAST(documents.map(v => v.document));
-    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 StencilApolloVisitor(schema, allFragments, config);
-    const visitorResult = oldVisit(allAst, { leave: visitor });
-    return {
-        prepend: visitor.getImports(),
-        content: ['', visitor.fragments, ...visitorResult.definitions.filter(t => typeof t === 'string')].join('\n'),
-    };
-};
-const validate = async (schema, documents, config, outputFile) => {
-    if (extname(outputFile) !== '.tsx') {
-        throw new Error(`Plugin "stencil-apollo" requires extension to be ".tsx"!`);
-    }
-};
-
-export { StencilApolloVisitor, plugin, validate };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@graphql-codegen/typescript-stencil-apollo",
-  "version": "2.2.14",
+  "version": "2.3.0-alpha-29eb1293b.0",
   "description": "GraphQL Code Generator plugin for generating Stencil 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,8 +8,8 @@
     "stencil-apollo": "^0.1.3"
   },
   "dependencies": {
-    "@graphql-codegen/plugin-helpers": "^2.4.0",
-    "@graphql-codegen/visitor-plugin-common": "2.10.0",
+    "@graphql-codegen/plugin-helpers": "^2.5.0-alpha-29eb1293b.0",
+    "@graphql-codegen/visitor-plugin-common": "2.11.0-alpha-29eb1293b.0",
     "auto-bind": "~4.0.0",
     "change-case-all": "1.0.14",
     "tslib": "~2.4.0"
@@ -20,21 +20,28 @@
     "directory": "packages/plugins/typescript/stencil-apollo"
   },
   "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 { StencilApolloVisitor } from './visitor';
-import { StencilApolloRawPluginConfig } from './config';
+import { StencilApolloVisitor } from './visitor.js';
+import { StencilApolloRawPluginConfig } from './config.js';
 export declare const plugin: PluginFunction<StencilApolloRawPluginConfig>;
 export declare const validate: PluginValidateFn<any>;
 export { StencilApolloVisitor };

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

@@ -1,5 +1,5 @@
 import { ClientSideBaseVisitor, ClientSideBasePluginConfig, LoadedFragment } from '@graphql-codegen/visitor-plugin-common';
-import { StencilComponentType, StencilApolloRawPluginConfig } from './config';
+import { StencilComponentType, StencilApolloRawPluginConfig } from './config.js';
 import { OperationDefinitionNode, GraphQLSchema } from 'graphql';
 export interface StencilApolloPluginConfig extends ClientSideBasePluginConfig {
     componentType: StencilComponentType;

package/index.js

@@ -1,119 +0,0 @@
-'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');
-
-var StencilComponentType;
-(function (StencilComponentType) {
-    StencilComponentType["functional"] = "functional";
-    StencilComponentType["class"] = "class";
-})(StencilComponentType || (StencilComponentType = {}));
-
-class StencilApolloVisitor extends visitorPluginCommon.ClientSideBaseVisitor {
-    constructor(schema, fragments, rawConfig) {
-        super(schema, fragments, rawConfig, {
-            componentType: visitorPluginCommon.getConfigValue(rawConfig.componentType, StencilComponentType.functional),
-            noExport: rawConfig.componentType === StencilComponentType.class,
-        });
-        autoBind(this);
-    }
-    getImports() {
-        const baseImports = super.getImports();
-        const imports = [];
-        const hasOperations = this._collectedOperations.length > 0;
-        if (!hasOperations) {
-            return baseImports;
-        }
-        if (this.config.componentType === StencilComponentType.class) {
-            imports.push(`import 'stencil-apollo';`);
-            imports.push(`import { Component, Prop, h } from '@stencil/core';`);
-        }
-        else {
-            imports.push(`import * as StencilApollo from 'stencil-apollo';`);
-            imports.push(`import { h } from '@stencil/core';`);
-        }
-        return [...baseImports, ...imports];
-    }
-    _buildOperationFunctionalComponent(node, documentVariableName, operationType, operationResultType, operationVariablesTypes) {
-        const operationName = this.convertName(node.name.value);
-        const propsTypeName = this.convertName(operationName + 'Props');
-        const rendererSignature = changeCaseAll.pascalCase(`${operationType}Renderer`) + `<${operationResultType}, ${operationVariablesTypes}>`;
-        const apolloStencilComponentTag = changeCaseAll.paramCase(`Apollo${operationType}`);
-        const componentName = this.convertName(`${operationName}Component`);
-        const propsVar = `
-export type ${propsTypeName} = {
-    variables ?: ${operationVariablesTypes};
-    inlist ?: StencilApollo.${rendererSignature};
-};
-      `;
-        const component = `
-export const ${componentName} = (props: ${propsTypeName}, children: [StencilApollo.${rendererSignature}]) => (
-  <${apolloStencilComponentTag} ${operationType.toLowerCase()}={ ${documentVariableName} } { ...props } renderer={ children[0] } />
-);
-      `;
-        return [propsVar, component].filter(a => a).join('\n');
-    }
-    _buildClassComponent(node, documentVariableName, operationType, operationResultType, operationVariablesTypes) {
-        const componentName = this.convertName(node.name.value + 'Component');
-        const apolloStencilComponentTag = changeCaseAll.paramCase(`Apollo${operationType}`);
-        const rendererSignature = changeCaseAll.pascalCase(`${operationType}Renderer`);
-        return `
-@Component({
-    tag: '${changeCaseAll.paramCase(`Apollo${changeCaseAll.pascalCase(node.name.value)}`)}'
-})
-export class ${componentName} {
-    @Prop() renderer: import('stencil-apollo').${rendererSignature}<${operationResultType}, ${operationVariablesTypes}>;
-    @Prop() variables: ${operationVariablesTypes};
-    render() {
-        return <${apolloStencilComponentTag} ${operationType.toLowerCase()}={ ${documentVariableName} } variables={ this.variables } renderer={ this.renderer } />;
-    }
-}
-      `;
-    }
-    buildOperation(node, documentVariableName, operationType, operationResultType, operationVariablesTypes) {
-        switch (this.config.componentType) {
-            case StencilComponentType.class:
-                return this._buildClassComponent(node, documentVariableName, operationType, operationResultType, operationVariablesTypes);
-            case StencilComponentType.functional:
-                return this._buildOperationFunctionalComponent(node, documentVariableName, operationType, operationResultType, operationVariablesTypes);
-            default:
-                return '';
-        }
-    }
-}
-
-const plugin = (schema, documents, config) => {
-    const allAst = graphql.concatAST(documents.map(v => v.document));
-    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 StencilApolloVisitor(schema, allFragments, config);
-    const visitorResult = pluginHelpers.oldVisit(allAst, { leave: visitor });
-    return {
-        prepend: visitor.getImports(),
-        content: ['', visitor.fragments, ...visitorResult.definitions.filter(t => typeof t === 'string')].join('\n'),
-    };
-};
-const validate = async (schema, documents, config, outputFile) => {
-    if (path.extname(outputFile) !== '.tsx') {
-        throw new Error(`Plugin "stencil-apollo" requires extension to be ".tsx"!`);
-    }
-};
-
-exports.StencilApolloVisitor = StencilApolloVisitor;
-exports.plugin = plugin;
-exports.validate = validate;