@flowuent-org/diagramming-core 1.3.10 → 1.4.1

package/.editorconfig

@@ -1,13 +1,13 @@
-# Editor configuration, see http://editorconfig.org
-root = true
-
-[*]
-charset = utf-8
-indent_style = space
-indent_size = 2
-insert_final_newline = true
-trim_trailing_whitespace = true
-
-[*.md]
-max_line_length = off
-trim_trailing_whitespace = false
+# Editor configuration, see http://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.md]
+max_line_length = off
+trim_trailing_whitespace = false

package/.eslintignore

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

package/.eslintrc.json

@@ -1,35 +1,35 @@
-{
-  "root": true,
-  "ignorePatterns": ["**/*"],
-  "plugins": ["@nx"],
-  "overrides": [
-    {
-      "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
-      "rules": {
-        "@nx/enforce-module-boundaries": [
-          "error",
-          {
-            "enforceBuildableLibDependency": true,
-            "allow": [],
-            "depConstraints": [
-              {
-                "sourceTag": "*",
-                "onlyDependOnLibsWithTags": ["*"]
-              }
-            ]
-          }
-        ]
-      }
-    },
-    {
-      "files": ["*.ts", "*.tsx"],
-      "extends": ["plugin:@nx/typescript"],
-      "rules": {}
-    },
-    {
-      "files": ["*.js", "*.jsx"],
-      "extends": ["plugin:@nx/javascript"],
-      "rules": {}
-    }
-  ]
-}
+{
+  "root": true,
+  "ignorePatterns": ["**/*"],
+  "plugins": ["@nx"],
+  "overrides": [
+    {
+      "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
+      "rules": {
+        "@nx/enforce-module-boundaries": [
+          "error",
+          {
+            "enforceBuildableLibDependency": true,
+            "allow": [],
+            "depConstraints": [
+              {
+                "sourceTag": "*",
+                "onlyDependOnLibsWithTags": ["*"]
+              }
+            ]
+          }
+        ]
+      }
+    },
+    {
+      "files": ["*.ts", "*.tsx"],
+      "extends": ["plugin:@nx/typescript"],
+      "rules": {}
+    },
+    {
+      "files": ["*.js", "*.jsx"],
+      "extends": ["plugin:@nx/javascript"],
+      "rules": {}
+    }
+  ]
+}

package/.prettierignore

@@ -1,4 +1,4 @@
-# Add files here to ignore them from prettier formatting
-/dist
-/coverage
+# Add files here to ignore them from prettier formatting
+/dist
+/coverage
 /.nx/cache

package/.prettierrc

@@ -1,3 +1,3 @@
-{
-  "singleQuote": true
-}
+{
+  "singleQuote": true
+}

package/.vscode/settings.json

@@ -1,6 +1,6 @@
-{
-  "folder-path-color.folders": [
-    { "path": "packages/diagrams", "symbol": "T", "tooltip": "diagrams" , "color": "red"}
-  ],
-  "nxConsole.generateAiAgentRules": true
-}
+{
+  "folder-path-color.folders": [
+    { "path": "packages/diagrams", "symbol": "T", "tooltip": "diagrams" , "color": "red"}
+  ],
+  "nxConsole.generateAiAgentRules": true
+}

package/README.md

@@ -1,95 +1,95 @@
-# Flowuent Diagramming Examples
-
-<a alt="Nx logo" href="https://nx.dev" target="_blank" rel="noreferrer"><img src="https://raw.githubusercontent.com/nrwl/nx/master/images/nx-logo.png" width="45"></a>
-
-✨ **This workspace contains examples for Flowuent Diagramming Core library** ✨
-
-## Overview
-
-This repository provides examples and implementations for the Flowuent Diagramming Core library. It demonstrates how to create and use different types of diagrams including:
-
-- **Workflow Creation** – When creating a workflow manually, users can drag and drop nodes onto the canvas
-- **Template Workflows** – When using a workflow template, the nodes are pre-placed on the canvas, and users can rearrange their positions with drag-and-drop
-- **Custom Icons** – Automation nodes support configurable icons through the `iconName` field in node data
-
-## Getting Started
-
-### Prerequisites
-
-- Node.js (version 18 or higher)
-- Yarn package manager
-- GitHub Personal Access Token (PAT) with appropriate permissions
-
-### Setup
-
-1. Clone this repository
-2. Create a `.npmrc` file with your GitHub PAT token:
-   ```
-   @flowuent:registry=https://npm.pkg.github.com/
-   //npm.pkg.github.com/:_authToken=ghp_your_PAT
-   ```
-3. Install dependencies: `yarn install`
-
-## Start the application
-
-Run `yarn dev-diagramming` to start the diagramming development server.
-
-## Build for production
-
-Run `yarn build-diagrams` to build the diagramming application.
-
-## Running tasks
-
-To execute tasks with Nx use the following syntax:
-
-```
-npx nx <target> <project> <...options>
-```
-
-You can also run multiple targets:
-
-```
-npx nx run-many -t <target1> <target2>
-```
-
-..or add `-p` to filter specific projects
-
-```
-npx nx run-many -t <target1> <target2> -p <proj1> <proj2>
-```
-
-## Explore the project graph
-
-Run `npx nx graph` to show the graph of the workspace.
-
-## Folder structure
-
-```
-├── apps/
-│   ├── diagramming/          # Main diagramming application
-│   ├── authentication/       # Authentication app
-│   └── workflow/            # Workflow app
-├── packages/
-│   ├── diagrams/            # Core diagramming components
-│   ├── atoms/               # Atomic UI components
-│   ├── molecules/           # Molecular UI components
-│   ├── organisms/           # Organism UI components
-│   ├── common/              # Common utilities
-│   ├── interfaces/          # TypeScript interfaces
-│   └── zustand/            # State management
-├── .npmrc                   # NPM registry configuration
-├── package.json             # Project dependencies
-└── nx.json                  # Nx workspace configuration
-```
-
-## Dependencies
-
-This project uses the `@flowuent/diagramming-core` library as its primary dependency, which is fetched from the Flowuent GitHub registry using the provided PAT token.
-
-## Custom Icons Documentation
-
-For detailed information on how to use custom icons in automation nodes, see the [Custom Icons Guide](packages/diagrams/CUSTOM_ICONS.md).
-
-## Contributing
-
-Please ensure all changes follow the existing code structure and patterns. The project uses Nx for monorepo management and follows React best practices.
+# Flowuent Diagramming Examples
+
+<a alt="Nx logo" href="https://nx.dev" target="_blank" rel="noreferrer"><img src="https://raw.githubusercontent.com/nrwl/nx/master/images/nx-logo.png" width="45"></a>
+
+✨ **This workspace contains examples for Flowuent Diagramming Core library** ✨
+
+## Overview
+
+This repository provides examples and implementations for the Flowuent Diagramming Core library. It demonstrates how to create and use different types of diagrams including:
+
+- **Workflow Creation** – When creating a workflow manually, users can drag and drop nodes onto the canvas
+- **Template Workflows** – When using a workflow template, the nodes are pre-placed on the canvas, and users can rearrange their positions with drag-and-drop
+- **Custom Icons** – Automation nodes support configurable icons through the `iconName` field in node data
+
+## Getting Started
+
+### Prerequisites
+
+- Node.js (version 18 or higher)
+- Yarn package manager
+- GitHub Personal Access Token (PAT) with appropriate permissions
+
+### Setup
+
+1. Clone this repository
+2. Create a `.npmrc` file with your GitHub PAT token:
+   ```
+   @flowuent:registry=https://npm.pkg.github.com/
+   //npm.pkg.github.com/:_authToken=ghp_your_PAT
+   ```
+3. Install dependencies: `yarn install`
+
+## Start the application
+
+Run `yarn dev-diagramming` to start the diagramming development server.
+
+## Build for production
+
+Run `yarn build-diagrams` to build the diagramming application.
+
+## Running tasks
+
+To execute tasks with Nx use the following syntax:
+
+```
+npx nx <target> <project> <...options>
+```
+
+You can also run multiple targets:
+
+```
+npx nx run-many -t <target1> <target2>
+```
+
+..or add `-p` to filter specific projects
+
+```
+npx nx run-many -t <target1> <target2> -p <proj1> <proj2>
+```
+
+## Explore the project graph
+
+Run `npx nx graph` to show the graph of the workspace.
+
+## Folder structure
+
+```
+├── apps/
+│   ├── diagramming/          # Main diagramming application
+│   ├── authentication/       # Authentication app
+│   └── workflow/            # Workflow app
+├── packages/
+│   ├── diagrams/            # Core diagramming components
+│   ├── atoms/               # Atomic UI components
+│   ├── molecules/           # Molecular UI components
+│   ├── organisms/           # Organism UI components
+│   ├── common/              # Common utilities
+│   ├── interfaces/          # TypeScript interfaces
+│   └── zustand/            # State management
+├── .npmrc                   # NPM registry configuration
+├── package.json             # Project dependencies
+└── nx.json                  # Nx workspace configuration
+```
+
+## Dependencies
+
+This project uses the `@flowuent/diagramming-core` library as its primary dependency, which is fetched from the Flowuent GitHub registry using the provided PAT token.
+
+## Custom Icons Documentation
+
+For detailed information on how to use custom icons in automation nodes, see the [Custom Icons Guide](packages/diagrams/CUSTOM_ICONS.md).
+
+## Contributing
+
+Please ensure all changes follow the existing code structure and patterns. The project uses Nx for monorepo management and follows React best practices.

package/apps/authentication/tsconfig.app.json

@@ -1,23 +1,23 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../dist/out-tsc",
-    "types": [
-      "node",
-      "@nx/react/typings/cssmodule.d.ts",
-      "@nx/react/typings/image.d.ts",
-      "vite/client"
-    ]
-  },
-  "exclude": [
-    "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"]
-}
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../dist/out-tsc",
+    "types": [
+      "node",
+      "@nx/react/typings/cssmodule.d.ts",
+      "@nx/react/typings/image.d.ts",
+      "vite/client"
+    ]
+  },
+  "exclude": [
+    "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/apps/authentication/tsconfig.json

@@ -1,21 +1,21 @@
-{
-  "compilerOptions": {
-    "jsx": "react-jsx",
-    "allowJs": false,
-    "esModuleInterop": false,
-    "allowSyntheticDefaultImports": true,
-    "strict": true,
-    "types": ["vite/client", "vitest"]
-  },
-  "files": [],
-  "include": [],
-  "references": [
-    {
-      "path": "./tsconfig.app.json"
-    },
-    {
-      "path": "./tsconfig.spec.json"
-    }
-  ],
-  "extends": "../../tsconfig.base.json"
-}
+{
+  "compilerOptions": {
+    "jsx": "react-jsx",
+    "allowJs": false,
+    "esModuleInterop": false,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "types": ["vite/client", "vitest"]
+  },
+  "files": [],
+  "include": [],
+  "references": [
+    {
+      "path": "./tsconfig.app.json"
+    },
+    {
+      "path": "./tsconfig.spec.json"
+    }
+  ],
+  "extends": "../../tsconfig.base.json"
+}

package/apps/authentication/tsconfig.spec.json

@@ -1,28 +1,28 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../dist/out-tsc",
-    "types": [
-      "vitest/globals",
-      "vitest/importMeta",
-      "vite/client",
-      "node",
-      "vitest",
-      "@nx/react/typings/cssmodule.d.ts",
-      "@nx/react/typings/image.d.ts"
-    ]
-  },
-  "include": [
-    "vite.config.ts",
-    "vitest.config.ts",
-    "src/**/*.test.ts",
-    "src/**/*.spec.ts",
-    "src/**/*.test.tsx",
-    "src/**/*.spec.tsx",
-    "src/**/*.test.js",
-    "src/**/*.spec.js",
-    "src/**/*.test.jsx",
-    "src/**/*.spec.jsx",
-    "src/**/*.d.ts"
-  ]
-}
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../dist/out-tsc",
+    "types": [
+      "vitest/globals",
+      "vitest/importMeta",
+      "vite/client",
+      "node",
+      "vitest",
+      "@nx/react/typings/cssmodule.d.ts",
+      "@nx/react/typings/image.d.ts"
+    ]
+  },
+  "include": [
+    "vite.config.ts",
+    "vitest.config.ts",
+    "src/**/*.test.ts",
+    "src/**/*.spec.ts",
+    "src/**/*.test.tsx",
+    "src/**/*.spec.tsx",
+    "src/**/*.test.js",
+    "src/**/*.spec.js",
+    "src/**/*.test.jsx",
+    "src/**/*.spec.jsx",
+    "src/**/*.d.ts"
+  ]
+}

package/apps/diagramming/.eslintrc.json

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

package/apps/diagramming/index.html

@@ -1,16 +1,16 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <title>Diagramming Application</title>
-    <base href="/" />
-
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <link rel="icon" type="image/x-icon" href="/favicon.ico" />
-    <link rel="stylesheet" href="/src/styles.css" />
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/src/main.tsx"></script>
-  </body>
-</html>
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>Diagramming Application</title>
+    <base href="/" />
+
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="icon" type="image/x-icon" href="/favicon.ico" />
+    <link rel="stylesheet" href="/src/styles.css" />
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>

package/apps/diagramming/project.json

@@ -1,53 +1,53 @@
-{
-  "name": "diagramming",
-  "$schema": "../../node_modules/nx/schemas/project-schema.json",
-  "sourceRoot": "apps/diagramming/src",
-  "projectType": "application",
-  "targets": {
-    "build": {
-      "executor": "@nx/vite:build",
-      "outputs": ["{options.outputPath}"],
-      "defaultConfiguration": "production",
-      "options": {
-        "outputPath": "dist/apps/diagramming"
-      },
-      "configurations": {
-        "development": {
-          "mode": "development"
-        },
-        "production": {
-          "mode": "production"
-        }
-      }
-    },
-    "serve": {
-      "executor": "@nx/vite:dev-server",
-      "defaultConfiguration": "development",
-      "options": {
-        "buildTarget": "diagramming:build"
-      },
-      "configurations": {
-        "development": {
-          "buildTarget": "diagramming:build:development",
-          "hmr": true
-        },
-        "production": {
-          "buildTarget": "diagramming:build:production",
-          "hmr": false
-        }
-      }
-    },
-    "preview": {
-      "executor": "@nx/vite:preview-server",
-      "defaultConfiguration": "development",
-      "options": {
-        "buildTarget": "diagramming:build"
-      }
-    },
-    "lint": {
-      "executor": "@nx/eslint:lint",
-      "outputs": ["{options.outputFile}"]
-    }
-  },
-  "tags": []
-}
+{
+  "name": "diagramming",
+  "$schema": "../../node_modules/nx/schemas/project-schema.json",
+  "sourceRoot": "apps/diagramming/src",
+  "projectType": "application",
+  "targets": {
+    "build": {
+      "executor": "@nx/vite:build",
+      "outputs": ["{options.outputPath}"],
+      "defaultConfiguration": "production",
+      "options": {
+        "outputPath": "dist/apps/diagramming"
+      },
+      "configurations": {
+        "development": {
+          "mode": "development"
+        },
+        "production": {
+          "mode": "production"
+        }
+      }
+    },
+    "serve": {
+      "executor": "@nx/vite:dev-server",
+      "defaultConfiguration": "development",
+      "options": {
+        "buildTarget": "diagramming:build"
+      },
+      "configurations": {
+        "development": {
+          "buildTarget": "diagramming:build:development",
+          "hmr": true
+        },
+        "production": {
+          "buildTarget": "diagramming:build:production",
+          "hmr": false
+        }
+      }
+    },
+    "preview": {
+      "executor": "@nx/vite:preview-server",
+      "defaultConfiguration": "development",
+      "options": {
+        "buildTarget": "diagramming:build"
+      }
+    },
+    "lint": {
+      "executor": "@nx/eslint:lint",
+      "outputs": ["{options.outputFile}"]
+    }
+  },
+  "tags": []
+}