working on packaging and distribution

.babelrc

@@ -1,5 +1,6 @@
 {
   "presets": [
+    "@babel/preset-env",
     "@babel/preset-react"
   ]
 }

.gitignore

@@ -1 +1 @@
-node_modules/
+node_modules

app/.babelrc

@@ -0,0 +1,5 @@
+{
+  "presets": [
+    "@babel/preset-react"
+  ]
+}

app/.gitignore

@@ -0,0 +1 @@
+node_modules/

electron.js → app/electron.js

@@ -28,6 +28,8 @@ const { app, BrowserWindow } = require('electron')
 const path = require('path')
 const url = require('url')
 const server = require('./server/server')
+const express = require('express');
+
 
 // Add React extension for development
 const { default: installExtension, REACT_DEVELOPER_TOOLS } = require('electron-devtools-installer')
@@ -55,6 +57,7 @@ if (process.platform === 'win32') {
 
 function createWindow() {
   // Create the browser window.
+  express()
   mainWindow = new BrowserWindow({
     width: 1024, // width of the window
     height: 768, // height of the window
@@ -78,8 +81,12 @@ function createWindow() {
     })
   } else {
     indexPath = url.format({
-      protocol: 'file:',
-      pathname: path.join(__dirname, 'dist', 'index.html'),
+      // protocol: 'file:',
+      // pathname: path.join(__dirname, '../dist/index.html'),
+      // slashes: true
+      protocol: 'http:',
+      host: 'localhost:8080',
+      pathname: 'index.html',
       slashes: true
     })
   }

server/controllers/mongoSchemaController.js → app/server/controllers/mongoSchemaController.js

@@ -6,10 +6,7 @@ const MongoClient = require('mongodb').MongoClient;
 const { exec } = require('child_process');
 
 exports.createMongoSchema = (req, res, next) => {
-  if (fs.existsSync(path.join(__dirname, '../../qlens.json'))) {
-    fs.unlinkSync(path.join(__dirname, '../../qlens.json'));
-    console.log('file Deleted');
-  }
+
   let userURI = req.body.val;
 
   // Connect to mongodb
@@ -28,19 +25,23 @@ exports.createMongoSchema = (req, res, next) => {
       console.log(`stdout: ${stdout}`);
     });
   });
-  let filepath = path.join(__dirname, '../../');
+  let filepath = path.join(__dirname, '../../../');
   let file;
   // Watching for changes in root directory. (The adding of json file with schema)
   const watcher = fs.watch(filepath, (event, trigger) => {
     console.log(`there was a ${event} at ${trigger}`);
     // Once change happens (file is added) read schema.json file
-    file = fs.readFileSync(path.join(__dirname, '../../qlens.json'));
+    file = fs.readFileSync(path.join(__dirname, '../../../qlens.json'));
     //  console.log('SERVER.JS =========> ', Buffer.from(file).toString())
     res.locals.data = Buffer.from(file).toString();
     if (res.locals.data) {
       // send locals data to client, close this watch function
       res.status(200).json(res.locals.data);
       watcher.close();
+      if (fs.existsSync(path.join(__dirname, '../../../qlens.json'))) {
+        fs.unlinkSync(path.join(__dirname, '../../../qlens.json'));
+        console.log('file Deleted');
+      }
     }
   });
 };

app/server/server.js

@@ -0,0 +1,51 @@
+(function() {
+  const express = require('express');
+  const path = require('path');
+  const app = express();
+  const cors = require('cors');
+  const fs = require('fs');
+  const { graphqlHTTP } = require('express-graphql');
+  const schemaRoute = require('./schema');
+
+  const mongoSchemaController = require('./controllers/mongoSchemaController');
+
+
+  app.use(express.json());
+  app.use(cors());
+
+  // Getting mongodb uri from Frontend
+  app.post('/getURI', mongoSchemaController.createMongoSchema);
+
+  app.post(
+    '/selectedSchemas',
+    schemaRoute.converter.migrateSchema,
+    (req, res) => {
+      res.status(200).json({
+        types: res.locals.types,
+        queries: res.locals.queries,
+        mutation: res.locals.mutations,
+        mongoSchema: res.locals.mongoSchema,
+      });
+      app.use(
+        '/graphql',
+        graphqlHTTP({ schema: res.locals.convertedSchema, graphiql: true })
+      );
+    }
+  );
+
+  // global error handler --->
+app.use((err, req, res, next) => {
+  const defaultErr = {
+    log: 'Express error handler caught unknown middleware error',
+    status: 500,
+    message: { err: 'An error occurred' },
+  };
+  const errorObj = Object.assign({}, defaultErr, err);
+  console.log(errorObj.log);
+  return res.status(errorObj.status).json(errorObj.message);
+});
+
+
+app.listen(3000, () => console.log('listening on port 3000'));
+module.exports = app;
+})()

src/Components/MongoSchemaIDE.js → app/src/Components/MongoSchemaIDE.js

@@ -5,8 +5,8 @@ import { Tab, Tabs, TabList, TabPanel } from 'react-tabs';
 import 'react-tabs/style/react-tabs.css';
 require('codemirror/mode/javascript/javascript');
 import '../public/codemirror.css';
-import '../../node_modules/codemirror/lib/codemirror.css';
-import '../../node_modules/codemirror/theme/dracula.css';
+import '../../../node_modules/codemirror/lib/codemirror.css';
+import '../../../node_modules/codemirror/theme/dracula.css';
 import DownloadBtn from './DownloadBtn'
 const _ = require('lodash');
 const MongoSchemaIDE = ({schemaData, selectedSchemaData, graphQLSchema}) => {