mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2024-09-20 06:47:32 -07:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity
n8n/packages/editor-ui
History
Milorad FIlipović b0e98b59a6
feat(editor): Rework banners framework and add email confirmation banner (#7205) 
This PR introduces banner framework overhaul:
First version of the banner framework was built to allow multiple
banners to be shown at the same time. Since that proven to be the case
we don't need and it turned out to be pretty messy keeping only one
banner visible in such setup, this PR reworks it so it renders only one
banner at a time, based on [this priority
list](https://www.notion.so/n8n/Banner-stack-60948c4167c743718fde80d6745258d5?pvs=4#6afd052ec8d146a1b0fab8884a19add7)
that is assembled together with our product & design team.

### How to test banner stack:
1. Available banners and their priorities are registered
[here](f9f122d46d/packages/editor-ui/src/components/banners/BannerStack.vue (L14))
2. Banners are pushed to stack using `pushBannerToStack` action, for
example:
```
useUIStore().pushBannerToStack('TRIAL');
```
4. Try pushing different banners to stack and check if only the one with
highest priorities is showing up

### How to test the _Email confirmation_ banner:
1. Comment out [this
line](b80d2e3bec/packages/editor-ui/src/stores/cloudPlan.store.ts (L59)),
so cloud data is always fetched
2. Create an
[override](https://chrome.google.com/webstore/detail/resource-override/pkoacgokdfckfpndoffpifphamojphii)
(URL -> File) that will serve user data that triggers this banner:
- **URL**: `*/rest/cloud/proxy/admin/user/me`
- **File**:
```
{
    "confirmed": false,
    "id": 1,
    "email": "test@test.com",
    "username": "test"
}
```
3. Run n8n
2023-09-21 09:47:21 +02:00
..
public feat(editor): Unify regular and trigger node creator panels (#5315) 2023-02-17 15:08:26 +01:00
src feat(editor): Rework banners framework and add email confirmation banner (#7205) 2023-09-21 09:47:21 +02: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 ci: Downgrade prettier (no-changelog) (#6804) 2023-07-31 14:55:03 +02: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.8.0 (#7219) 2023-09-20 15:10:20 +02: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 refactor: Consolidate tsconfig and eslintrc files (no-changelog) (#6816) 2023-08-01 17:32:43 +02:00
vite.config.ts fix(editor): Revert Fix telemetry initialization (no-changelog) (#6968) 2023-08-18 13:06:13 +02:00

README.md

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.