Merge branch 'dev' into dependabot/pip/server/pip-d578abb6d7

Author: pradeeban

.eslintrc.js

@@ -1,5 +1,16 @@
 module.exports = {
-    parser: 'babel-eslint',
+    parser: '@babel/eslint-parser',
+    parserOptions: {
+        requireConfigFile: false, // allows using without a separate babel config
+        babelOptions: {
+            presets: ['@babel/preset-react'], // React JSX support
+        },
+        ecmaFeatures: {
+            jsx: true,
+        },
+        ecmaVersion: 12,
+        sourceType: 'module',
+    },
     env: {
         browser: true,
         es2021: true,
@@ -8,29 +19,13 @@ module.exports = {
         'plugin:react/recommended',
         'airbnb',
     ],
-    parserOptions: {
-        ecmaFeatures: {
-            jsx: true,
-        },
-        ecmaVersion: 12,
-        sourceType: 'module',
-    },
     plugins: [
         'react',
     ],
     rules: {
-        indent: [
-            'error',
-            4,
-        ],
-        'react/jsx-indent': [
-            'error',
-            4,
-        ],
-        'react/jsx-indent-props': [
-            'error',
-            4,
-        ],
+        indent: ['error', 4],
+        'react/jsx-indent': ['error', 4],
+        'react/jsx-indent-props': ['error', 4],
         'max-len': [
             'error',
             {
@@ -54,14 +49,9 @@ module.exports = {
     },
     overrides: [
         {
-            files: [
-                '*ML.js',
-            ],
+            files: ['*ML.js'],
             rules: {
-                indent: [
-                    'error',
-                    2,
-                ],
+                indent: ['error', 2],
             },
         },
     ],

.github/workflows/build.yml

@@ -13,7 +13,7 @@ jobs:
   build:
     strategy:
       matrix:
-        node-version: [14.x]
+        node-version: [18.x]
         os: [ubuntu-latest]
     runs-on: ${{ matrix.os }}
 
@@ -24,4 +24,4 @@ jobs:
       with:
         node-version: ${{ matrix.node-version }}
     - run: npm ci
-    - run: npm run build --if-present
+    - run: NODE_OPTIONS=--openssl-legacy-provider npm run build --if-present

.github/workflows/buildAndDeploy.yml

@@ -1,26 +1,33 @@
 name: Build and Deploy
 
 on: workflow_dispatch
+
 jobs:
   build-and-deploy:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: [16.x]
+        node-version: [18.x]
     steps:
       - name: Checkout 🛎️
-        uses: actions/checkout@v2.3.1
+        uses: actions/checkout@v4
+
       - name: Use Node.js ${{ matrix.node-version }}
         uses: actions/setup-node@v3
         with:
           node-version: ${{ matrix.node-version }}
+
+      - name: Clear npm cache
+        run: npm cache clean --force
+
       - name: Install and Build 🔧 
         run: |
+          export NODE_OPTIONS=--openssl-legacy-provider
           npm ci
           npm run build
 
       - name: Deploy 🚀
-        uses: JamesIves/github-pages-deploy-action@4.1.3
+        uses: JamesIves/github-pages-deploy-action@v4
         with:
-          branch: gh-pages # The branch the action should deploy to.
-          folder: build # The folder the action should deploy.
+          branch: gh-pages
+          folder: build

README.md

@@ -1,6 +1,6 @@
 # The _concore_ Editor
 
-This is a fork of DHGWorkflow, visual Directed Hypergraph Workflow Composer, finetuned to operate as a frontend for _concore_.
+This is a Directed Hypergraph Workflow Composer, which operates as a visual frontend for _concore_.
 
 Key Features of the _concore_ Editor:
 * Export-import graph as a graphml file.
@@ -14,7 +14,7 @@ and many more!
 
 
 ## Installing it locally
-This is a frontend tool built with React Js.
+This is a tool built with React Js.
 Steps to start it locally
 1. Clone the repository
 2. At the root of the repository, run the following commands:

craco.config.js

@@ -0,0 +1,31 @@
+const webpack = require('webpack');
+
+module.exports = {
+    webpack: {
+        configure: (webpackConfig) => {
+            const newConfig = { ...webpackConfig }; // copy the original config
+
+            newConfig.resolve = {
+                ...newConfig.resolve,
+                fallback: {
+                    ...newConfig.resolve.fallback,
+                    timers: require.resolve('timers-browserify'),
+                    util: require.resolve('util/'),
+                    stream: require.resolve('stream-browserify'),
+                    buffer: require.resolve('buffer/'),
+                    process: require.resolve('process/browser.js'),
+                },
+            };
+
+            newConfig.plugins = [
+                ...newConfig.plugins,
+                new webpack.ProvidePlugin({
+                    Buffer: ['buffer', 'Buffer'],
+                    process: 'process/browser.js',
+                }),
+            ];
+
+            return newConfig;
+        },
+    },
+};