Bump packages and rewrite webpack config to use webpack 5

.babelrc

@@ -1,17 +1,13 @@
 {
+  "plugins": ["@babel/syntax-dynamic-import"],
   "presets": [
-    ["env", {
-      "targets": {
-        "electron": "0.36",
-        "uglify": true
+    [
+      "@babel/preset-env",
+      {
+        "modules": false
       }
-    }],
-    "stage-1",
-    "stage-2",
-    "stage-3",
-    "react"
-  ],
-  "plugins": [
-    "transform-runtime"
+    ],
+    "@babel/preset-react",
+    "@babel/preset-flow"
   ]
 }

.github/workflows/node.js.yml

@@ -0,0 +1,37 @@
+# This workflow will do a clean install of node dependencies, build the source code and run tests across different versions of node
+# For more information see: https://help.github.com/actions/language-and-framework-guides/using-nodejs-with-github-actions
+
+name: Release
+
+on:
+  push:
+    tags: 'v*'
+
+jobs:
+  release:
+    permissions:
+      contents:  write
+    runs-on: ${{ matrix.os }}
+
+    strategy:
+      matrix:
+       os: [macos-latest, ubuntu-latest, windows-latest]
+
+    steps:
+    - name: Checkout
+      uses: actions/checkout@v1
+    - name: Install Node.js, NPM and Yarn
+      uses: actions/setup-node@v1
+      with:
+        node-version: 14
+    - name: Install deps
+      if: ${{ matrix.os == 'ubuntu-latest' }}
+      run: sudo apt-get install --no-install-recommends -y libarchive-tools
+    - name: Electron Builder Action
+  # You may pin to the exact commit or the version.
+  # uses: samuelmeuli/action-electron-builder@92327c67bc45ff7c38bf55d8aa8c4d75b7ea38e7
+      uses: samuelmeuli/[email protected]
+      with:
+      # GitHub authentication token
+        github_token: ${{ secrets.GITHUB_TOKEN }}
+        release: ${{ startsWith(github.ref, 'refs/tags/v') }}

app/components/App.js

@@ -1,6 +1,6 @@
 /*global Mousetrap*/
 import _ from 'lodash';
-import uuid from 'uuid';
+import { v4 } from 'uuid';
 import React from 'react';
 import ReactDOM from 'react-dom';
 import GraphiQL from 'graphiql/dist';
@@ -76,7 +76,7 @@ export default class App extends React.Component {
 
     this.setState({
       tabs: [...this.state.tabs, {
-        uuid: uuid.v1(),
+        uuid: v4(),
         headers: currentTab.headers,
         endpoint: currentTab.endpoint,
         method: currentTab.method
@@ -104,7 +104,7 @@ export default class App extends React.Component {
       newTabs = [
         {
           name: null,
-          uuid: uuid.v1(),
+          uuid: v4(),
           headers: {},
           endpoint: '',
           method: 'post'

main.js

@@ -6,6 +6,10 @@ var crashReporter = electron.crashReporter;
 const shell = electron.shell;
 var menu, template;
 
+try {
+	require('electron-reloader')(module);
+} catch {}
+
 crashReporter.start({
   productName: 'GraphiQL',
   companyName: 'n/a',
@@ -22,7 +26,7 @@ app.on('window-all-closed', function() {
 
 app.on('ready', function() {
 
-  mainWindow = new BrowserWindow({ width: 1024, height: 728 });
+  mainWindow = new BrowserWindow({ width: 1024, height: 728, webPreferences: { nodeIntegration: true, contextIsolation: false } });
 
   electron.session.defaultSession.webRequest.onBeforeSendHeaders((details, callback) => {
     details.requestHeaders['Origin'] = 'electron://graphiql-app';