n8n/packages/editor-ui
Milorad FIlipović 4bd7ae29f7
perf(editor): Improve performance when opening large workflows with node issues (#7901)
This PR should improve performance when opening large workflows that
contain node issues (Fixes ADO-1521)

**Background**
Main reason for this poor performance is that our `getCurrentWorkflow()`
store getter is unnecessarily heavy but on top of that we are calling it
more than we need. This addresses the second part of the issue by
changing the following:
- Pausing node issue processing while workflows are loading
- Only getting current workflow once (instead for every node) when
calling `refreshNodeIssues`

**Benchmark**
This was tested on a workflow attached to [this Linear
ticket](https://linear.app/n8n/issue/ADO-1501/deliveryhero-enterprise-instance-very-slow-loading-workflows)
and this fix brings down opening time from **~1m10s** to **~28s** on my
laptop.

**Tests**
- [Latest e2e tests
run](https://github.com/n8n-io/n8n/actions/runs/7060874994)

https://community.n8n.io/t/ui-very-slow-with-more-than-100-nodes/8236/14
2023-12-04 10:57:03 +01:00
..
public refactor(editor): Color palette updates, introduce dark mode (#6980) 2023-11-01 13:33:36 +01:00
src perf(editor): Improve performance when opening large workflows with node issues (#7901) 2023-12-04 10:57:03 +01:00
tests/e2e feat: migrate editor-ui to Vite.js and various DX improvements (N8N-2277) (#4061) 2022-09-23 17:14:28 +03:00
.browserslistrc Initial commit to release 2019-06-23 12:35:23 +02:00
.eslintrc.js perf: Make frontend linting faster (no-changelog) (#7717) 2023-11-22 15:01:22 +01:00
.gitignore Initial commit to release 2019-06-23 12:35:23 +02:00
.npmignore fix: delete unused dependencies (#4231) 2022-09-29 17:31:33 +02:00
index.html fix(editor): Revert Fix telemetry initialization (no-changelog) (#6968) 2023-08-18 13:06:13 +02:00
index.js Serve editor-ui correctly also when installed as package 2019-08-19 20:41:10 +02:00
LICENSE.md docs: scope Sustainable Use License to contents of the main branch (#4450) 2022-10-26 16:50:33 +02:00
LICENSE_EE.md docs(license): Introduce n8n Enterprise License (#3945) 2022-08-29 22:08:42 +02:00
package.json 🚀 Release 1.19.0 (#7863) 2023-11-29 13:17:03 +01:00
postcss.config.js Initial commit to release 2019-06-23 12:35:23 +02:00
README.md docs: Add proprietary license text (no-changelog) (#6038) 2023-04-20 18:49:09 +02:00
tsconfig.json build: Upgrade to Vite 5 (#7784) 2023-11-23 11:55:02 +01:00
vite.config.mts build: Fix vite config (switch to module type) (#7818) 2023-11-27 10:56:57 +01:00

n8n.io - Workflow Automation

n8n-editor-ui

The UI to create and update n8n workflows

npm install n8n -g

Project setup

pnpm install

Compiles and hot-reloads for development

pnpm serve

Compiles and minifies for production

pnpm build

Run your tests

pnpm test

Lints and fixes files

pnpm lint

Run your end-to-end tests

pnpm test:e2e

Run your unit tests

pnpm test:unit

Customize configuration

See Configuration Reference.

License

n8n is fair-code distributed under the Sustainable Use License.

Proprietary licenses are available for enterprise customers. Get in touch

Additional information about the license can be found in the docs.