Adding support of multi directives (#33)

* adding support of multi directives
Co-authored-by: Morgan DUBOIS <[email protected]>

Author: MorganDbs

src/__tests__/directives.tests.ts

@@ -72,6 +72,82 @@ describe('jsonToGraphQLQuery() - directives', () => {
         expect(jsonToGraphQLQuery(query)).to.equal(expected);
     });
 
+    it('converts a simple query with args and multiple directives', () => {
+        const query = {
+            query: {
+                Posts: {
+                    __args: {
+                        where: {
+                            id: 10,
+                        },
+                        orderBy: 'flibble',
+                    },
+                    __directives: {
+                        client: true,
+                        withArgs: {
+                            id: [1, 2, 3],
+                        },
+                    },
+                    id: true,
+                    title: true,
+                    post_date: true,
+                },
+            },
+        } as any;
+        expect(jsonToGraphQLQuery(query, { pretty: true })).to.equal(
+            `query {
+    Posts @client @withArgs(id: [1, 2, 3]) (where: {id: 10}, orderBy: "flibble") {
+        id
+        title
+        post_date
+    }
+}`
+        );
+    });
+
+    it('converts a complex query with multiple directives', () => {
+        const query = {
+            query: {
+                diet: {
+                    __directives: {
+                        client: true,
+                    },
+                    id: 'diet',
+                    options: {
+                        mood: {
+                            category: 'Diet',
+                            id: 'mood',
+                            selected: true,
+                        },
+                        weight: {
+                            category: 'Diet',
+                            icon: 'fa fa-question-circle',
+                            id: 'weight',
+                            selected: false,
+                            text: 'Weight',
+                        },
+                    },
+                    title: 'Diet',
+                },
+                someOtherAbritraryKey: {
+                    __directives: {
+                        client: true,
+                        withArgs: {
+                            id: [1, 2, 3],
+                        },
+                    },
+                    arb1: 'arbitrary value',
+                    arb2: 'some other arbitrary value',
+                },
+            },
+        };
+        const expected =
+            'query { diet @client { id options { ' +
+            'mood { category id selected } weight { category icon id text } } ' +
+            'title } someOtherAbritraryKey @client @withArgs(id: [1, 2, 3]) { arb1 arb2 } }';
+        expect(jsonToGraphQLQuery(query)).to.equal(expected);
+    });
+
     // TODO: Need this test still? How to handle variables unless $ declared explicitly?
     // it('converts a JavaScript object into a valid query, including single directives ' +
     // 'with args, so long as any variables used are enclosed in a string with "$" included', () => {

src/jsonToGraphQLQuery.ts

@@ -115,14 +115,9 @@ function convertQuery(node: any, level: number, output: [string, number][], opti
                     let argsStr = '';
                     let dirsStr = '';
                     if (directivesExist) {
-                        // TODO: Add support for multiple directives on one node.
-                        const numDirectives = Object.keys(value.__directives).length;
-                        if (numDirectives > 1) {
-                            throw new Error(`Too many directives. The object/key ` +
-                                `'${Object.keys(value)[0]}' had ${numDirectives} directives, ` +
-                                `but only 1 directive per object/key is supported at this time.`);
-                        }
-                        dirsStr = `@${buildDirectives(value.__directives)}`;
+                        dirsStr = Object.entries(value.__directives)
+                            .map(item => `@${buildDirectives({[item[0]]: item[1]})}`)
+                            .join(' ')
                     }
                     if (argsExist) {
                         argsStr = `(${buildArgs(value.__args)})`;