Support multiple operations per file (#7)

* Added multiple operations support and upgrading graphql-tag to >= 2.8.0.

* Added graphql-tag as peer dependencies for version requirement.

Author: sebas5384

README.md

@@ -12,7 +12,7 @@ To solve this problem, this loader works after the [graphql-tag loader](https://
 
 ## Installation and setup
 
-You need to have the [graphql-tag](https://github.com/apollographql/graphql-tag) package installed.
+You need to have the [graphql-tag](https://github.com/apollographql/graphql-tag) *(>= v2.8.0)* package installed.
 
 First install this package
 

example/app.js

@@ -7,8 +7,11 @@ el.innerHTML = `
   <h1>Document id: ${query.documentId}</h1>
   <pre>${JSON.stringify(query, null, 4)}</pre>
   <hr />
-  <h1>Document id: ${queryWithDeps.documentId}</h1>
-  <pre>${JSON.stringify(queryWithDeps, null, 4)}</pre>
+  <h1>Document id: ${queryWithDeps.SomeQuery.documentId}</h1>
+  <pre>${JSON.stringify(queryWithDeps.SomeQuery, null, 4)}</pre>
+  <hr />
+  <h1>Document id: ${queryWithDeps.SomeMutation.documentId}</h1>
+  <pre>${JSON.stringify(queryWithDeps.SomeMutation, null, 4)}</pre>
 `;
 
 document.body.appendChild(el);

example/query-with-deps.graphql

@@ -7,3 +7,11 @@ query SomeQuery {
     ...Dep
   }
 }
+
+mutation SomeMutation {
+  foo {
+    bar
+    baz
+    ...Dep
+  }
+}

index.js

@@ -80,7 +80,21 @@ function tryAddDocumentId(options, content, querySource) {
 
   const queries = Object.keys(queryMap);
   if (queries.length > 1) {
-    throw new Error('Only one operation per file is allowed');
+    queries
+      .map(query => {
+        const matched = query.match(/^(mutation|query)\ ([^\ \(\{]*)/)
+        if (!matched) {
+          return false
+        }
+        return {
+          operationName: matched[2],
+          id: generateIdForQuery(options, query)
+        }
+      })
+      .filter(isValid => !!isValid)
+      .forEach(({ id, operationName }) => {
+        content += `${os.EOL}module.exports["${operationName}"].documentId = ${JSON.stringify(id)};`
+      })
   } else if (queries.length === 1) {
     const queryId = generateIdForQuery(options, Object.keys(queryMap)[0]);
     content += `${os.EOL}doc.documentId = ${JSON.stringify(queryId)}`;

package.json

@@ -10,12 +10,15 @@
     "start": "webpack-dev-server --config ./example/webpack.config.js"
   },
   "devDependencies": {
-    "graphql-tag": "^2.5.0",
+    "graphql-tag": "^2.9.2",
     "webpack": "^3.8.1",
     "webpack-dev-server": "^2.9.5"
   },
   "dependencies": {
     "loader-utils": "^1.1.0",
     "persistgraphql": "^0.3.11"
+  },
+  "peerDependencies": {
+    "graphql-tag": "^2.8.0"
   }
 }

yarn.lock

@@ -1156,10 +1156,14 @@ graphql-anywhere@^3.0.1:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/graphql-anywhere/-/graphql-anywhere-3.1.0.tgz#3ea0d8e8646b5cee68035016a9a7557c15c21e96"
 
-graphql-tag@^2.0.0, graphql-tag@^2.4.2, graphql-tag@^2.5.0:
+graphql-tag@^2.0.0, graphql-tag@^2.4.2:
   version "2.5.0"
   resolved "https://registry.yarnpkg.com/graphql-tag/-/graphql-tag-2.5.0.tgz#b43bfd8b5babcd2c205ad680c03e98b238934e0f"
 
+graphql-tag@^2.9.2:
+  version "2.9.2"
+  resolved "https://registry.yarnpkg.com/graphql-tag/-/graphql-tag-2.9.2.tgz#2f60a5a981375f430bf1e6e95992427dc18af686"
+
 "graphql@>=0.9.4 <0.11", graphql@^0.10.0, graphql@^0.10.3:
   version "0.10.5"
   resolved "https://registry.yarnpkg.com/graphql/-/graphql-0.10.5.tgz#c9be17ca2bdfdbd134077ffd9bbaa48b8becd298"