Add initial reactium graphql module.

Author: jdillick

.gitignore

@@ -35,7 +35,7 @@ build/Release
 # Dependency directories
 node_modules/
 jspm_packages/
-reactium_modules/
+reactium_modules/*
 
 # Typescript v1 declaration files
 typings/
@@ -93,3 +93,7 @@ src/app/server/webpack-manifest.json
 # Editor configs
 *.code-workspace
 *.vscode
+
+# Allow Git Tracking for these directories
+!reactium_modules/@reactium
+!reactium_modules/@reactium/graphql

reactium_modules/@reactium/graphql/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "@reactium/graphql",
+  "version": "0.0.1",
+  "description": "GraphQL Support for Reactium",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "John Dillick <john@dillick.us>",
+  "license": "MIT",
+  "dependencies": {
+    "graphql-playground-middleware-express": "^1.7.23"
+  },
+  "devDependencies": {
+    "@apollo/client": "^3.11.2"
+  }
+}

reactium_modules/@reactium/graphql/reactium-boot.cjs

@@ -0,0 +1,70 @@
+const proxy = require('http-proxy-middleware');
+
+const { Enums } = ReactiumBoot;
+
+const graphqlProxyPath = process.env.GRAPHQL_PROXY_URL || '/graphql';
+const playgroundURL = process.env.GRAPHQL_PLAYGROUND_URL || '/playground';
+const playgroundEnabled = process.env.GRAPHQL_PLAYGROUND === 'on' ||  process.env.NODE_ENV === 'development';
+    ;
+const proxyEnabled = process.env.GRAPHQL_PROXY_ENABLED !== 'off';
+const graphqlAPI =
+    process.env.GRAPHQL_URL || `http://127.0.0.1:4000${graphqlProxyPath}`;
+const logLevel = process.env.DEBUG === 'on' ? 'debug' : 'error';
+
+BOOT('GraphQL Module for Reactium...');
+BOOT('GraphQL API:', graphqlAPI);
+DEBUG('Set GraphQL API URL with GRAPHQL_URL environment variable (defaults to http://127.0.0.1:4000/graphql)');
+
+BOOT('GraphQL Proxy:', proxyEnabled ? graphqlProxyPath : 'disabled');
+DEBUG('Set GraphQL Proxy URL with GRAPHQL_PROXY_URL environment variable. Disable with GRAPHQL_PROXY_ENABLED=off (defaults to /graphql)');
+
+BOOT('GraphQL Playground:', playgroundEnabled ? playgroundURL : 'disabled');
+DEBUG('Set GraphQL Playground URL with GRAPHQL_PLAYGROUND_URL environment variable. Disable with GRAPHQL_PLAYGROUND=off (default in production)');
+
+ReactiumBoot.Hook.registerSync(
+    'Server.AppGlobals',
+    (req, AppGlobals) => {
+        AppGlobals.register('playgroundEnabled', {
+            name: 'playgroundEnabled',
+            value: playgroundEnabled,
+        });
+
+        AppGlobals.register('graphqlAPI', {
+            name: 'graphqlAPI',
+            value: proxyEnabled ? graphqlProxyPath : graphqlAPI,
+            server: graphqlAPI,
+        });
+    },
+    Enums.priority.highest,
+    'REACTIUM-CORE-SDK-API-GLOBALS',
+);
+
+if (graphqlAPI && proxyEnabled && graphqlProxyPath) {
+    ReactiumBoot.Server.Middleware.register('graphql', {
+        name: 'graphql',
+        use: proxy(graphqlProxyPath, {
+            target: graphqlAPI,
+            changeOrigin: true,
+            pathRewrite: {
+                [`^${graphqlProxyPath}`]: '',
+            },
+            logLevel,
+            ws: true,
+        }),
+        order: Enums.priority.highest,
+    });
+}
+
+if (playgroundEnabled && graphqlAPI) {
+    const express = require('express');
+    const playgroundMiddleware =
+        require('graphql-playground-middleware-express').default;
+    const Router = express.Router();
+    Router.get(playgroundURL, playgroundMiddleware({ endpoint: graphqlProxyPath }));
+
+    ReactiumBoot.Server.Middleware.register('graphql-playground', {
+        name: 'graphql-playground',
+        use: Router,
+        order: Enums.priority.highest,
+    });
+}

reactium_modules/@reactium/graphql/reactium-hooks-graphql-client.js

@@ -0,0 +1,19 @@
+import { ApolloClient, InMemoryCache } from '@apollo/client';
+
+const cache = new InMemoryCache();
+
+const client = new ApolloClient({
+  // Provide required constructor fields
+  cache: cache,
+  uri: 'http://localhost:4000/',
+
+  // Provide some optional constructor fields
+  name: 'react-web-client',
+  version: '1.3',
+  queryDeduplication: false,
+  defaultOptions: {
+    watchQuery: {
+      fetchPolicy: 'cache-and-network',
+    },
+  },
+});