first working version

Author: croutonn

.eslintrc.js

@@ -29,7 +29,16 @@ module.exports = {
             },
           },
         ],
+        'no-underscore-dangle': [
+          'error',
+          {
+            allowAfterThis: true,
+            allowAfterSuper: true,
+            allowAfterThisConstructor: true,
+          },
+        ],
         'no-restricted-imports': 'off',
+        '@typescript-eslint/no-explicit-any': 'off',
         '@typescript-eslint/explicit-module-boundary-types': 'off',
       },
       settings: {
@@ -38,13 +47,19 @@ module.exports = {
         },
         'import/resolver': {
           typescript: {
-            project: 'packages/*/tsconfig.json',
+            project: './tsconfig.json',
           },
           node: {
             extensions: ['.js', '.ts', '.jsx', '.tsx', '.json'],
           },
         },
       },
     },
+    {
+      files: ['./src/lib/**/*.ts'],
+      rules: {
+        'import/prefer-default-export': 'off',
+      },
+    },
   ],
 };

.vscode/settings.json

@@ -37,17 +37,5 @@
   },
   "[typescriptreact]": {
     "editor.defaultFormatter": "esbenp.prettier-vscode"
-  },
-  "eslint.validate": [
-    "javascript",
-    "javascriptreact",
-    "typescript",
-    "typescriptreact",
-    "graphql"
-  ],
-  "eslint.options": {
-    "extentions": [".js", ".graphql"]
-  },
-  "typescript.tsdk": "node_modules/typescript/lib",
-  "typescript.enablePromptUseWorkspaceTsdk": true
+  }
 }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "graphql-codegen-plugin-typescript-swr",
-  "version": "1.0.0",
+  "version": "0.0.1",
   "description": "A GraphQL code generator plug-in that automatically generates utility functions for SWR.",
   "main": "build/main/index.js",
   "typings": "build/main/index.d.ts",
@@ -36,37 +36,29 @@
     "cov:html": "nyc report --reporter=html",
     "cov:lcov": "nyc report --reporter=lcov",
     "cov:send": "run-s cov:lcov && codecov",
-    "cov:check": "nyc report && nyc check-coverage --lines 100 --functions 100 --branches 100",
-    "doc": "run-s doc:html && open-cli build/docs/index.html",
-    "doc:html": "typedoc src/ --exclude **/*.spec.ts --target ES6 --mode file --out build/docs",
-    "doc:json": "typedoc src/ --exclude **/*.spec.ts --target ES6 --mode file --json build/docs/typedoc.json",
-    "doc:publish": "gh-pages -m \"[ci skip] Updates\" -d build/docs",
-    "version": "standard-version",
-    "reset-hard": "git clean -dfx && git reset --hard && yarn",
-    "prepare-release": "run-s reset-hard test cov:check doc:html version doc:publish"
-  },
-  "engines": {
-    "node": ">=10"
+    "cov:check": "nyc report && nyc check-coverage --lines 100 --functions 100 --branches 100"
   },
   "dependencies": {
     "@graphql-codegen/plugin-helpers": "^1.17.9",
     "@graphql-codegen/visitor-plugin-common": "^1.17.15",
     "auto-bind": "^4.0.0",
-    "camel-case": "^4.1.1",
     "graphql": "^15.3.0",
+    "graphql-request": "^3.1.0",
     "pascal-case": "^3.1.1",
     "swr": "^0.3.5",
     "tslib": "^2.0.3"
   },
+  "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",
+    "graphql-tag": "^2.0.0"
+  },
   "devDependencies": {
     "@ava/typescript": "^1.1.1",
     "@istanbuljs/nyc-config-typescript": "^1.0.1",
     "@types/node": "^14.11.8",
     "@typescript-eslint/eslint-plugin": "^4.4.1",
     "ava": "^3.13.0",
     "codecov": "^3.8.0",
-    "cspell": "^4.1.0",
-    "cz-conventional-changelog": "^3.3.0",
     "eslint": "^7.11.0",
     "eslint-config-airbnb": "^18.2.0",
     "eslint-config-airbnb-typescript": "^11.0.0",
@@ -76,23 +68,24 @@
     "eslint-plugin-jsx-a11y": "^6.3.1",
     "eslint-plugin-react": "^7.21.4",
     "eslint-plugin-react-hooks": "^4.1.2",
-    "gh-pages": "^3.1.0",
     "npm-run-all": "^4.1.5",
     "nyc": "^15.1.0",
     "open-cli": "^6.0.1",
     "prettier": "^2.1.2",
     "react": "^16.13.1",
-    "standard-version": "^9.0.0",
-    "ts-node": "^9.0.0",
-    "typedoc": "^0.19.2",
     "typescript": "^4.0.3"
   },
+  "resolutions": {
+    "graphql": "15.3.0",
+    "graphql-language-service-interface": "2.4.0",
+    "**/apollo-language-server/graphql": "^15.0.0",
+    "**/@types/graphql-upload/graphql": "^15.0.0"
+  },
   "files": [
     "build/main",
     "build/module",
     "!**/*.spec.*",
     "!**/*.json",
-    "CHANGELOG.md",
     "LICENSE",
     "README.md"
   ],
@@ -108,14 +101,6 @@
       "!build/module/**"
     ]
   },
-  "config": {
-    "commitizen": {
-      "path": "cz-conventional-changelog"
-    }
-  },
-  "prettier": {
-    "singleQuote": true
-  },
   "nyc": {
     "extends": "@istanbuljs/nyc-config-typescript",
     "exclude": [

src/config.ts

@@ -1,4 +1,4 @@
-import { RawClientSideBasePluginConfig } from '@graphql-codegen/visitor-plugin-common';
+import { RawClientSideBasePluginConfig } from '@graphql-codegen/visitor-plugin-common'
 
 /**
  * @description This plugin generates [`graphql-request`](https://www.npmjs.com/package/graphql-request) ready-to-use SDK, which is fully-typed.
@@ -12,14 +12,15 @@ export interface RawSWRPluginConfig extends RawClientSideBasePluginConfig {
    * @exampleMarkdown
    * ```yml
    * generates:
-   * path/to/file.ts:
-   *  plugins:
-   *    - typescript
-   *    - typescript-operations
-   *    - typescript-graphql-request
-   *  config:
-   *    rawRequest: true
+   *   path/to/file.ts:
+   *     plugins:
+   *       - typescript
+   *       - typescript-operations
+   *       - typescript-graphql-request
+   *       - graphql-codegen-plugin-typescript-swr
+   * config:
+   *   rawRequest: true
    * ```
    */
-  rawRequest?: boolean;
+  rawRequest?: boolean
 }

src/index.ts

@@ -1,42 +1,58 @@
-import { extname } from 'path';
+import { extname } from 'path'
 
 import {
   Types,
   PluginValidateFn,
   PluginFunction,
-} from '@graphql-codegen/plugin-helpers';
-import {
-  RawClientSideBasePluginConfig,
-  LoadedFragment,
-} from '@graphql-codegen/visitor-plugin-common';
+} from '@graphql-codegen/plugin-helpers'
+import { LoadedFragment } from '@graphql-codegen/visitor-plugin-common'
 import {
   visit,
   GraphQLSchema,
   concatAST,
   Kind,
   FragmentDefinitionNode,
-} from 'graphql';
+} from 'graphql'
 
-import { RawSWRPluginConfig } from './config';
-import { SWRVisitor } from './visitor';
+import { RawSWRPluginConfig } from './config'
+import { SWRVisitor } from './visitor'
 
 export const plugin: PluginFunction<RawSWRPluginConfig> = (
   schema: GraphQLSchema,
   documents: Types.DocumentFile[],
-  config: RawGraphQLRequestPluginConfig
+  config: RawSWRPluginConfig
 ) => {
-  const allAst = concatAST(documents.map((v) => v.document));
-};
+  const allAst = concatAST(documents.map((v) => v.document))
+
+  const allFragments: LoadedFragment[] = [
+    ...(allAst.definitions.filter(
+      (d) => d.kind === Kind.FRAGMENT_DEFINITION
+    ) as FragmentDefinitionNode[]).map((fragmentDef) => ({
+      node: fragmentDef,
+      name: fragmentDef.name.value,
+      onType: fragmentDef.typeCondition.name.value,
+      isExternal: false,
+    })),
+    ...(config.externalFragments || []),
+  ]
+
+  const visitor = new SWRVisitor(schema, allFragments, config)
+  visit(allAst, { leave: visitor })
+  return {
+    prepend: visitor.getImports(),
+    content: visitor.sdkContent,
+  }
+}
 
 export const validate: PluginValidateFn<any> = async (
-  schema: GraphQLSchema,
-  documents: Types.DocumentFile[],
-  config: RawClientSideBasePluginConfig,
+  _schema: GraphQLSchema,
+  _documents: Types.DocumentFile[],
+  _config: RawSWRPluginConfig,
   outputFile: string
 ) => {
   if (extname(outputFile) !== '.ts') {
-    throw new Error(`Plugin "typescript-swr" requires extension to be ".ts"!`);
+    throw new Error(`Plugin "typescript-swr" requires extension to be ".ts"!`)
   }
-};
+}
 
-export { SWRVisitor };
+export { SWRVisitor }