Merge pull request #286 from ControlCore-Project/dev

Merge the dev branch to the main.

Author: pradeeban

.dockerignore

@@ -0,0 +1,26 @@
+node_modules/
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+build/
+dist/
+.craco/
+
+.env
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+.git/
+.gitignore
+
+.vscode/
+.idea/
+.DS_Store
+Thumbs.db
+
+figures/
+*.md
+coverage/

.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/PR-review.yaml

@@ -0,0 +1,55 @@
+name: AI Code Reviewer
+
+on:
+  issue_comment:
+    types: [created]
+
+permissions:
+  contents: read
+  pull-requests: write
+  issues: write
+
+jobs:
+  gemini-code-review:
+    runs-on: ubuntu-latest
+    if: |
+      github.event.issue.pull_request &&
+      contains(github.event.comment.body, '/gemini-review')
+    steps:
+      - name: PR Info
+        env:
+        #Assign untrusted inputs to environment variables first
+          COMMENT_BODY: ${{ github.event.comment.body }}
+          ISSUE_NUM: ${{ github.event.issue.number }}
+          REPO: ${{ github.repository }}
+        #Use shell variables ("$VAR") instead of template tags
+        run: |
+          echo "Comment: $COMMENT_BODY"
+          echo "Issue Number: $ISSUE_NUM"
+          echo "Repository: $REPO"
+
+      - name: Checkout Repo
+        uses: actions/checkout@v3
+        with:
+          fetch-depth: 0
+          ref: refs/pull/${{ github.event.issue.number }}/head
+
+      - name: Get PR Details
+        id: pr
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          REPO: ${{ github.repository }}
+          ISSUE_NUM: ${{ github.event.issue.number }}
+          #Use env vars for the API call to prevent injection
+          #Use quotes around variables to prevent word splitting
+        run: |
+          PR_JSON=$(gh api "repos/$REPO/pulls/$ISSUE_NUM")
+          echo "head_sha=$(echo "$PR_JSON" | jq -r .head.sha)" >> $GITHUB_OUTPUT
+          echo "base_sha=$(echo "$PR_JSON" | jq -r .base.sha)" >> $GITHUB_OUTPUT
+
+      - uses: truongnh1992/gemini-ai-code-reviewer@main
+        with:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          GEMINI_API_KEY: ${{ secrets.GEMINI_API_KEY }}
+          GEMINI_MODEL: gemini-2.5-flash
+          EXCLUDE: "*.md,*.txt,package-lock.json"

.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

.github/workflows/greetings.yml

@@ -0,0 +1,41 @@
+name: Greetings
+
+on:
+  pull_request_target:
+    types: [opened]
+  issues:
+    types: [opened]
+
+jobs:
+  greeting:
+    runs-on: ubuntu-latest
+    permissions:
+      issues: write
+      pull-requests: write
+    steps:
+    - uses: actions/first-interaction@v3
+      with:
+        repo_token: ${{ secrets.GITHUB_TOKEN }}
+        
+        issue_message: |
+          👋 Welcome to the CONTROL-CORE Project, @${{ github.actor }}! Thank you for opening your first issue in concore-editor.
+          We appreciate your contribution to the organization and will review it as soon as possible.
+          
+          Before we get started, please check out these resources:
+          - 📚 [Project Documentation](https://control-core.readthedocs.io/)
+          - 📘 [Contribution Guidelines](https://github.com/ControlCore-Project/concore/blob/main/CONTRIBUTING.md)
+          - 📜 [Code of Conduct](https://github.com/ControlCore-Project/concore/blob/main/CODE_OF_CONDUCT.md)
+          
+        pr_message: |
+          🎉 Welcome aboard, @${{ github.actor }}! Thank you for your first pull request in concore-editor.
+          
+          Please ensure that you are contributing to the **dev** branch.
+          
+          Your contribution means a lot to us. We'll review it shortly.
+          
+          Please ensure you have reviewed our:
+          - 📚 [Project Documentation](https://control-core.readthedocs.io/)
+          - 📘 [Contribution Guidelines](https://github.com/ControlCore-Project/concore/blob/main/CONTRIBUTING.md)
+          - 📜 [Code of Conduct](https://github.com/ControlCore-Project/concore/blob/main/CODE_OF_CONDUCT.md)
+          
+          If you have any questions, feel free to ask. Happy coding!

Dockerfile

@@ -0,0 +1,17 @@
+FROM node:17-alpine AS build
+
+WORKDIR /app
+COPY package.json package-lock.json ./
+RUN npm install
+
+COPY . .
+
+RUN npm run build
+
+FROM nginx:stable-alpine
+
+COPY --from=build /app/build /usr/share/nginx/html
+
+EXPOSE 80
+
+CMD ["nginx", "-g", "daemon off;"]

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;
+        },
+    },
+};