@flowuent-org/diagramming-core 1.0.5

package/nx.json

@@ -0,0 +1,58 @@
+{
+  "$schema": "./node_modules/nx/schemas/nx-schema.json",
+  "namedInputs": {
+    "default": ["{projectRoot}/**/*", "sharedGlobals"],
+    "production": [
+      "default",
+      "!{projectRoot}/**/?(*.)+(spec|test).[jt]s?(x)?(.snap)",
+      "!{projectRoot}/tsconfig.spec.json",
+      "!{projectRoot}/.eslintrc.json",
+      "!{projectRoot}/eslint.config.js",
+      "!{projectRoot}/cypress/**/*",
+      "!{projectRoot}/**/*.cy.[jt]s?(x)",
+      "!{projectRoot}/cypress.config.[jt]s",
+      "!{projectRoot}/src/test-setup.[jt]s"
+    ],
+    "sharedGlobals": []
+  },
+  "plugins": [
+    {
+      "plugin": "@nx/eslint/plugin",
+      "options": {
+        "targetName": "lint"
+      }
+    },
+    {
+      "plugin": "@nx/cypress/plugin",
+      "options": {
+        "targetName": "e2e",
+        "componentTestingTargetName": "component-test"
+      }
+    }
+  ],
+  "generators": {
+    "@nx/react": {
+      "application": {
+        "babel": true,
+        "style": "css",
+        "linter": "eslint",
+        "bundler": "vite"
+      },
+      "component": {
+        "style": "css"
+      },
+      "library": {
+        "style": "css",
+        "linter": "eslint",
+        "unitTestRunner": "none"
+      }
+    }
+  },
+  "targetDefaults": {
+    "@nx/rollup:rollup": {
+      "cache": true,
+      "dependsOn": ["^build"],
+      "inputs": ["production", "^production"]
+    }
+  }
+}

package/package.json

@@ -0,0 +1,116 @@
+{
+  "name": "@flowuent-org/diagramming-core",
+  "version": "1.0.5",
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "dev-diagramming": "nx serve diagramming",
+    "build-diagrams": "nx build diagrams"
+  },
+  "dependencies": {
+    "@dnd-kit/core": "^6.2.0",
+    "@dnd-kit/modifiers": "^8.0.0",
+    "@dnd-kit/sortable": "^9.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
+    "@emotion/react": "^11.13.5",
+    "@emotion/styled": "^11.13.5",
+    "@fontsource/roboto": "^5.1.0",
+    "@hookform/resolvers": "^3.9.1",
+    "@mui/base": "5.0.0-beta.62",
+    "@mui/icons-material": "^6.1.8",
+    "@mui/material": "^6.1.8",
+    "@mui/types": "^7.2.19",
+    "@mui/x-data-grid": "^7.22.3",
+    "@tabler/icons-react": "^3.22.0",
+    "@welldone-software/why-did-you-render": "^8.0.3",
+    "@xyflow/react": "^12.3.5",
+    "axios": "^1.7.8",
+    "elkjs": "^0.9.3",
+    "file-saver": "^2.0.5",
+    "formik": "^2.4.6",
+    "framer-motion": "^11.11.17",
+    "gapi-script": "^1.2.0",
+    "html-to-image": "^1.11.11",
+    "i18next": "^24.0.2",
+    "immer": "^10.1.1",
+    "jotai": "^2.10.3",
+    "js-beautify": "^1.15.1",
+    "lodash": "^4.17.21",
+    "nanoid": "^5.0.9",
+    "react": "19.0.0",
+    "react-color": "^2.19.3",
+    "react-dnd": "^16.0.1",
+    "react-dom": "19.0.0",
+    "react-from-json": "^0.8.0",
+    "react-hook-form": "^7.53.2",
+    "react-i18next": "^15.1.2",
+    "react-icons": "^5.3.0",
+    "react-json-view": "^1.21.3",
+    "react-rnd": "^10.4.13",
+    "react-router-dom": "^7.0.1",
+    "react-syntax-highlighter": "^15.6.1",
+    "reactflow": "^11.11.4",
+    "tslib": "^2.8.1",
+    "use-undo": "^1.1.1",
+    "uuid": "^11.1.0",
+    "xlsx": "^0.18.5",
+    "yup": "^1.4.0",
+    "zustand": "^5.0.1"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.26.0",
+    "@babel/preset-react": "^7.25.9",
+    "@nx/cypress": "20.6.4",
+    "@nx/eslint": "20.6.4",
+    "@nx/eslint-plugin": "20.6.4",
+    "@nx/js": "20.6.4",
+    "@nx/react": "20.6.4",
+    "@nx/rollup": "20.6.4",
+    "@nx/vite": "20.6.4",
+    "@nx/web": "20.6.4",
+    "@nx/webpack": "20.6.4",
+    "@nx/workspace": "20.6.4",
+    "@rollup/plugin-typescript": "^12.1.1",
+    "@rollup/plugin-url": "^8.0.2",
+    "@svgr/rollup": "^8.1.0",
+    "@svgr/webpack": "^8.1.0",
+    "@swc-node/register": "~1.10.9",
+    "@swc/cli": "~0.5.1",
+    "@swc/core": "~1.9.3",
+    "@swc/helpers": "~0.5.15",
+    "@testing-library/react": "16.1.0",
+    "@types/file-saver": "^2.0.7",
+    "@types/jest": "^29.5.14",
+    "@types/js-beautify": "^1.14.3",
+    "@types/lodash": "^4.17.13",
+    "@types/node": "22.10.0",
+    "@types/react": "18.3.12",
+    "@types/react-color": "^3.0.12",
+    "@types/react-dom": "18.3.1",
+    "@types/uuid": "^10.0.0",
+    "@typescript-eslint/eslint-plugin": "^8.16.0",
+    "@typescript-eslint/parser": "^8.16.0",
+    "@vitejs/plugin-react": "^4.3.4",
+    "@vitest/coverage-v8": "^2.1.6",
+    "@vitest/ui": "^2.1.6",
+    "eslint": "~9.15.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-cypress": "^4.1.0",
+    "eslint-plugin-import": "2.31.0",
+    "eslint-plugin-jsx-a11y": "6.10.2",
+    "eslint-plugin-react": "7.37.2",
+    "eslint-plugin-react-hooks": "5.0.0",
+    "eslint-plugin-react-refresh": "^0.4.14",
+    "jsdom": "~25.0.1",
+    "nx": "20.6.4",
+    "prettier": "^3.4.1",
+    "rollup-preserve-directives": "^1.1.3",
+    "swc-loader": "0.1.15",
+    "typescript": "~5.7.2",
+    "vite": "^6.3.6",
+    "vitest": "^2.1.6",
+    "webpack-cli": "^5.1.4"
+  }
+}

package/packages/api/.babelrc

@@ -0,0 +1,12 @@
+{
+  "presets": [
+    [
+      "@nx/react/babel",
+      {
+        "runtime": "automatic",
+        "useBuiltIns": "usage"
+      }
+    ]
+  ],
+  "plugins": []
+}

package/packages/api/.eslintrc.json

@@ -0,0 +1,18 @@
+{
+  "extends": ["plugin:@nx/react", "../../.eslintrc.json"],
+  "ignorePatterns": ["!**/*"],
+  "overrides": [
+    {
+      "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
+      "rules": {}
+    },
+    {
+      "files": ["*.ts", "*.tsx"],
+      "rules": {}
+    },
+    {
+      "files": ["*.js", "*.jsx"],
+      "rules": {}
+    }
+  ]
+}

package/packages/api/README.md

@@ -0,0 +1,7 @@
+# api
+
+This library was generated with [Nx](https://nx.dev).
+
+## Running unit tests
+
+Run `nx test api` to execute the unit tests via [Jest](https://jestjs.io).

package/packages/api/project.json

@@ -0,0 +1,8 @@
+{
+  "name": "api",
+  "$schema": "../../node_modules/nx/schemas/project-schema.json",
+  "sourceRoot": "packages/api/src",
+  "projectType": "library",
+  "tags": [],
+  "targets": {}
+}

package/packages/api/src/index.ts

@@ -0,0 +1,3 @@
+import { getUsers } from './lib/jsonPlaceholderService/service';
+
+export { getUsers };

package/packages/api/src/lib/jsonPlaceholderService/endpoints.ts

@@ -0,0 +1,3 @@
+export const JSON_PLACEHOLDER_ENDPOINTS = {
+  USERS: 'https://jsonplaceholder.typicode.com/users',
+};

package/packages/api/src/lib/jsonPlaceholderService/service.ts

@@ -0,0 +1,13 @@
+import { JSON_PLACEHOLDER_ENDPOINTS } from './endpoints';
+import axios from 'axios';
+
+export const getUsers = async (): Promise<any> => {
+  const { USERS } = JSON_PLACEHOLDER_ENDPOINTS;
+
+  try {
+    const response = await axios.get(USERS);
+    return response?.data;
+  } catch (error: any) {
+    return Promise.reject(error?.response?.data?.errors);
+  }
+};

package/packages/api/tsconfig.json

@@ -0,0 +1,17 @@
+{
+  "compilerOptions": {
+    "jsx": "react-jsx",
+    "allowJs": false,
+    "esModuleInterop": false,
+    "allowSyntheticDefaultImports": true,
+    "strict": true
+  },
+  "files": [],
+  "include": [],
+  "references": [
+    {
+      "path": "./tsconfig.lib.json"
+    }
+  ],
+  "extends": "../../tsconfig.base.json"
+}

package/packages/api/tsconfig.lib.json

@@ -0,0 +1,24 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../dist/out-tsc",
+    "types": [
+      "node",
+
+      "@nx/react/typings/cssmodule.d.ts",
+      "@nx/react/typings/image.d.ts"
+    ]
+  },
+  "exclude": [
+    "jest.config.ts",
+    "src/**/*.spec.ts",
+    "src/**/*.test.ts",
+    "src/**/*.spec.tsx",
+    "src/**/*.test.tsx",
+    "src/**/*.spec.js",
+    "src/**/*.test.js",
+    "src/**/*.spec.jsx",
+    "src/**/*.test.jsx"
+  ],
+  "include": ["src/**/*.js", "src/**/*.jsx", "src/**/*.ts", "src/**/*.tsx"]
+}

package/packages/atoms/.babelrc

@@ -0,0 +1,12 @@
+{
+  "presets": [
+    [
+      "@nx/react/babel",
+      {
+        "runtime": "automatic",
+        "useBuiltIns": "usage"
+      }
+    ]
+  ],
+  "plugins": []
+}

package/packages/atoms/.eslintrc.json

@@ -0,0 +1,18 @@
+{
+  "extends": ["plugin:@nx/react", "../../.eslintrc.json"],
+  "ignorePatterns": ["!**/*"],
+  "overrides": [
+    {
+      "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
+      "rules": {}
+    },
+    {
+      "files": ["*.ts", "*.tsx"],
+      "rules": {}
+    },
+    {
+      "files": ["*.js", "*.jsx"],
+      "rules": {}
+    }
+  ]
+}

package/packages/atoms/README.md

@@ -0,0 +1,7 @@
+# atoms
+
+This library was generated with [Nx](https://nx.dev).
+
+## Running unit tests
+
+Run `nx test atoms` to execute the unit tests via [Jest](https://jestjs.io).

package/packages/atoms/forms/AuthenticationTabForm/authenticationTabForm.json

@@ -0,0 +1,224 @@
+{
+  "validation": {
+    "type": ["string", "required"],
+    "userName": ["string", "required"],
+    "password": ["string", "required"],
+    "email": ["string", "required"],
+    "secret": ["string", "required"],
+    "token": ["string", "required"],
+    "signature": ["string", "required"],
+    "signatureMethod": ["string", "required"],
+    "consumerKey": ["string", "required"],
+    "consumerSecret": ["string", "required"],
+    "accessToken": ["string", "required"],
+    "callbackURL": ["string", "required"],
+    "verifier": ["string", "required"],
+    "timestamp": ["string", "required"],
+    "nonce": ["string", "required"],
+    "version": ["string", "required"],
+    "realm": ["string", "required"]
+  },
+  "rows": [
+    {
+      "type": "plain",
+      "columns": [
+        {
+          "id": "1",
+          "rows": [
+            {
+              "type": "plain",
+              "fields": [
+                {
+                  "id": "type",
+                  "fieldType": "Select",
+                  "label": "Type",
+                  "props": {
+                    "name": "type",
+                    "options": [
+                      { "label": "No Auth", "value": "NO_AUTH" },
+                      { "label": "Bearer token", "value": "BEARER" },
+                      { "label": "Basic Auth", "value": "BASIC_AUTH" },
+                      { "label": "OAuth", "value": "O_AUTH" }
+                    ]
+                  }
+                }
+              ]
+            }
+          ]
+        },
+        {
+          "id": "2",
+          "rows": [
+            {
+              "type": "plain",
+              "fields": [
+                {
+                  "id": "userName",
+                  "fieldType": "TextField",
+                  "label": "Username",
+                  "condition": "NO_AUTH",
+                  "props": {
+                    "name": "userName"
+                  }
+                },
+
+                {
+                  "id": "password",
+                  "fieldType": "TextField",
+                  "label": "Password",
+                  "condition": "NO_AUTH",
+                  "props": {
+                    "name": "password"
+                  }
+                },
+                {
+                  "id": "token",
+                  "fieldType": "TextField",
+                  "label": "token",
+                  "condition": "BEARER",
+                  "props": {
+                    "name": "token"
+                  }
+                },
+                {
+                  "id": "email",
+                  "fieldType": "TextField",
+                  "label": "email",
+                  "condition": "BASIC_AUTH",
+                  "props": {
+                    "name": "email"
+                  }
+                },
+                {
+                  "id": "secret",
+                  "fieldType": "TextField",
+                  "label": "secret",
+                  "condition": "BASIC_AUTH",
+                  "props": {
+                    "name": "secret"
+                  }
+                },
+
+                {
+                  "id": "signatureMethod",
+                  "fieldType": "TextField",
+                  "label": "Signature Method",
+                  "condition": "O_AUTH",
+                  "props": {
+                    "name": "signatureMethod"
+                  }
+                },
+                {
+                  "id": "consumerKey",
+                  "fieldType": "TextField",
+                  "label": "Consumer Key",
+                  "condition": "O_AUTH",
+                  "props": {
+                    "name": "consumerKey"
+                  }
+                },
+                {
+                  "id": "consumerSecret",
+                  "fieldType": "TextField",
+                  "label": "Consumer Secret",
+                  "condition": "O_AUTH",
+                  "props": {
+                    "name": "consumerSecret"
+                  }
+                },
+                {
+                  "id": "accessToken",
+                  "fieldType": "TextField",
+                  "label": "Access Token",
+                  "condition": "O_AUTH",
+                  "props": {
+                    "name": "accessToken"
+                  }
+                },
+                {
+                  "id": "tokenSecret",
+                  "fieldType": "TextField",
+                  "label": "Token Secret",
+                  "condition": "O_AUTH",
+                  "props": {
+                    "name": "tokenSecret"
+                  }
+                }
+              ]
+            },
+            {
+              "type": "accordion",
+              "title": "Advanced",
+              "condition": ["BEARER", "O_AUTH"],
+              "fields": [
+                {
+                  "id": "secretToken",
+                  "fieldType": "TextField",
+                  "label": "Secret token",
+                  "condition": "BEARER",
+                  "props": {
+                    "name": "secretToken"
+                  }
+                },
+                {
+                  "id": "callbackURL",
+                  "fieldType": "TextField",
+                  "label": "Callback URL",
+                  "condition": "O_AUTH",
+                  "props": {
+                    "name": "callbackURL"
+                  }
+                },
+                {
+                  "id": "verifier",
+                  "fieldType": "TextField",
+                  "label": "Verifier",
+                  "condition": "O_AUTH",
+                  "props": {
+                    "name": "verifier"
+                  }
+                },
+                {
+                  "id": "timestamp",
+                  "fieldType": "TextField",
+                  "label": "Timestamp",
+                  "condition": "O_AUTH",
+                  "props": {
+                    "name": "timestamp"
+                  }
+                },
+                {
+                  "id": "nonce",
+                  "fieldType": "TextField",
+                  "label": "Nonce",
+                  "condition": "O_AUTH",
+                  "props": {
+                    "name": "nonce"
+                  }
+                },
+                {
+                  "id": "version",
+                  "fieldType": "TextField",
+                  "label": "Version",
+                  "condition": "O_AUTH",
+                  "props": {
+                    "name": "version"
+                  }
+                },
+                {
+                  "id": "realm",
+                  "fieldType": "TextField",
+                  "label": "Realm",
+                  "condition": "O_AUTH",
+                  "props": {
+                    "name": "realm"
+                  }
+                }
+              ]
+            }
+          ]
+        }
+      ]
+    }
+  ]
+}