Added "extensions" sub-dir and initialized it with first extension, "apollo". Finished basic first version of apollo extension, which allows a normal JavaScript object to be converted into a valid graphql query for use with Apollo Client.

Author: joeflack4

src/extensions/apollo/__tests__/apollo.tests.ts

@@ -0,0 +1,71 @@
+import { expect } from 'chai';
+import {objToApolloQuery, addApolloTargetToGqlQueryString} from '../';
+
+describe('addApolloTarget()', () => {
+
+    it('Converts a simple JavaScript object into a valid Apollo query', () => {
+        const input = {
+            appState2: {
+                hello2: 'some arbitrary value',
+                hello: 'arbitrary value'
+            }
+        };
+        const apolloTarget = 'client';
+        const expected = 'query { appState2 { hello2 hello @client } }';
+        expect(objToApolloQuery(input, apolloTarget)).to.equal(expected);
+    });
+
+    it('Converts a somewhat complex JavaScript object into a valid Apollo query', () => {
+        const input = {
+            __typename: 'everyday-health-focuses',
+            diet: {
+                __typename: 'diet',
+                title: 'Diet',
+                id: 'diet',
+                options: {
+                    '__typename': 'diet-options',	// Why does my IDE tell me only this line needs quotation?
+                    'calorie-count': {
+                        __typename: 'calorie-count',
+                        text: 'Calorie Count',
+                        id: 'calorie-count',
+                        icon: 'fa fa-question-circle',
+                        category: 'Diet',
+                        selected: false
+                    },
+                    'weight': {
+                        __typename: 'weight',
+                        text: 'Weight',
+                        id: 'weight',
+                        icon: 'fa fa-question-circle',
+                        category: 'Diet',
+                        selected: false
+                    },
+                    'mood': {
+                        __typename: 'mood',
+                        text: 'Mood',
+                        id: 'mood',
+                        icon: 'fa fa-question-circle',
+                        category: 'Diet',
+                        selected: false
+                    },
+                }
+            },
+        };
+        const apolloTarget = 'client';
+        // const expected = 'query { __typename diet { __typename title id options { __typename calorie-count ' +
+        //     '{ __typename text id icon category } weight { __typename text id icon category } mood ' +
+        //     '\{ __typename text id icon category @client } } } }';
+        const expected = 'query { diet { title id options { calorie-count ' +
+            '{ text id icon category } weight { text id icon category } mood ' +
+            '\{ text id icon category @client } } } }';
+        expect(objToApolloQuery(input, apolloTarget)).to.equal(expected);
+    });
+
+    it('Adds apollo target to appropriate location in a graphql query string.', () => {
+        const input = 'query { appState2 { hello2 hello } }';
+        const apolloTarget = 'client';
+        const expected = 'query { appState2 { hello2 hello @client } }';
+        expect(addApolloTargetToGqlQueryString(input, apolloTarget)).to.equal(expected);
+    });
+
+});

src/extensions/apollo/index.ts

@@ -0,0 +1,21 @@
+import { jsonToGraphQLQuery } from '../../index';
+
+export function addApolloTargetToGqlQueryString(query: string, target: string): string {
+    for (let i = query.length; i--; i === 0) {
+        const thisChar = query[i];
+        if ((thisChar !== ' ') && (thisChar !== '}')) {
+            return query.slice(0, i + 1) + ' @' + target + query.slice(i + 1 , query.length);
+        }
+    }
+}
+
+export function objToApolloQuery(object: object, target: string): string {
+    const gqlQuery = jsonToGraphQLQuery(object);
+    const querySansTypenames = gqlQuery.replace(/__typename /g, '');
+    const queryWithTarget = addApolloTargetToGqlQueryString(querySansTypenames, target);
+    return 'query { ' + queryWithTarget + ' }';
+}
+
+// TODO: Add functionality to automatically generate mutations.
+
+// TODO: Add functionality to automatically generate resolvers.

src/extensions/index.ts

@@ -0,0 +1,2 @@
+
+export * from './apollo';

src/index.ts

@@ -1,3 +1,5 @@
-export * from './jsonToGraphQLQuery';
-export {EnumType} from './types/EnumType';
-export {VariableType} from './types/VariableType';
+
+export * from './jsonToGraphQLQuery';
+export {EnumType} from './types/EnumType';
+export {VariableType} from './types/VariableType';
+export * from './extensions/index';