make more optimized graphql-tag/loader

.github/workflows/node.js.yml

@@ -0,0 +1,27 @@
+# This workflow will do a clean install of node dependencies, build the source code and run tests across different versions of node
+# For more information see: https://help.github.com/actions/language-and-framework-guides/using-nodejs-with-github-actions
+
+name: Node.js CI
+
+on:
+  push:
+    branches: [ master ]
+  pull_request:
+    branches: [ master ]
+
+jobs:
+  test:
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node-version: [10.x, 12.x, 14.x, 15.x]
+        # See supported Node.js release schedule at https://nodejs.org/en/about/releases/
+
+    steps:
+    - uses: actions/checkout@v2
+    - name: Use Node.js ${{ matrix.node-version }}
+      uses: actions/setup-node@v1
+      with:
+        node-version: ${{ matrix.node-version }}
+    - run: npm run test

.gitignore

@@ -0,0 +1,6 @@
+node_modules
+.idea/
+
+# don't commit compiled files
+lib
+yarn-error.log

.prettierignore

@@ -0,0 +1 @@
+**/*.json

.prettierrc.json

@@ -0,0 +1,8 @@
+{
+    "useTabs": false,
+    "tabWidth": 4,
+    "jsxSingleQuote": true,
+    "printWidth": 120,
+    "singleQuote": true,
+    "singleAttributePerLine": true
+}

README.md

@@ -0,0 +1,49 @@
+# @evo/graphql-tag-loader
+
+More optimized loader for lib graphql-tag:
+
+If you have configured [the webpack @evo/graphql-tag-loader](#webpack-loading-and-preprocessing), you can import modules containing graphQL queries. The imported value will be the pre-built AST.
+
+```js
+import MyQuery from 'query.graphql';
+```
+
+#### Importing queries by name
+
+You can also import query and fragment documents by name.
+
+```graphql
+query MyQuery1 {
+  ...
+}
+
+query MyQuery2 {
+  ...
+}
+```
+
+And in your JavaScript:
+
+```javascript
+import { MyQuery1, MyQuery2 } from 'query.graphql';
+```
+
+#### Webpack loading and preprocessing
+
+Using the included `@evo/graphql-tag-loader` it is possible to maintain query logic that is separate from the rest of your application logic. With the loader configured, imported graphQL files will be converted to AST during the webpack build process.
+
+_**Example webpack configuration**_
+
+```js
+{
+  ...
+  loaders: [
+    {
+      test: /\.(graphql|gql)$/,
+      exclude: /node_modules/,
+      loader: '@evo/graphql-tag-loader'
+    }
+  ],
+  ...
+}
+```

index.js

@@ -0,0 +1,87 @@
+'use strict';
+
+const os = require('os');
+const gql = require('graphql-tag');
+// Takes `source` (the source GraphQL query string)
+// and `doc` (the parsed GraphQL document) and tacks on
+// the imported definitions.
+function expandImports(source) {
+    const lines = source.split(/\r\n|\r|\n/);
+    let outputCode = `
+    var unique = getUniqueFunc();
+  `;
+
+    lines.some((line) => {
+        const result = line.match(/^#\s?import (.+)$/);
+        if (result) {
+            const importFile = result[1];
+            const parseDocument = `require(${importFile})`;
+            const appendDef = `doc.definitions = doc.definitions.concat(unique(${parseDocument}.definitions));`;
+            outputCode += appendDef + os.EOL;
+        }
+        return line.length !== 0 && line[0] !== '#';
+    });
+
+    return outputCode;
+}
+
+module.exports = function (source) {
+    const isProduction = process.env.NODE_ENV === 'production';
+    this.cacheable();
+    const doc = gql`
+        ${source}
+    `;
+    // this getUniqueFunc need for expandImports function
+    let headerCode = `
+    var { oneQuery, extractReferences, getUniqueFunc } = require("@evo/graphql-tag-loader/utils.js");
+    var doc = ${JSON.stringify(doc)};
+  `;
+
+    if (!isProduction) {
+        headerCode += `doc.loc.source = ${JSON.stringify(doc.loc.source)};`;
+    }
+
+    let outputCode = '';
+
+    // Allow multiple query/mutation definitions in a file. This parses out dependencies
+    // at compile time, and then uses those at load time to create minimal query documents
+    // We cannot do the latter at compile time due to how the #import code works.
+    const operationCount = doc.definitions.reduce((accum, op) => {
+        if (op.kind === 'OperationDefinition' || op.kind === 'FragmentDefinition') {
+            return accum + 1;
+        }
+
+        return accum;
+    }, 0);
+
+    if (operationCount < 1) {
+        outputCode += `
+      module.exports = doc;
+    `;
+    } else {
+        outputCode += `    
+    module.exports = doc;
+    `;
+
+        for (const op of doc.definitions) {
+            if (op.kind === 'OperationDefinition' || op.kind === 'FragmentDefinition') {
+                if (!op.name) {
+                    if (operationCount > 1) {
+                        throw new Error('Query/mutation names are required for a document with multiple definitions');
+                    } else {
+                        continue;
+                    }
+                }
+
+                const opName = op.name.value;
+                outputCode += `
+        module.exports["${opName}"] = oneQuery(doc, "${opName}", extractReferences(doc));
+        `;
+            }
+        }
+    }
+
+    const importOutputCode = expandImports(source, doc);
+    const allCode = headerCode + os.EOL + importOutputCode + os.EOL + outputCode + os.EOL;
+    return allCode;
+};