n8n/packages/design-system
Mutasem Aldmour 35f2ce2359
feat(editor): Improve n8n welcome experience (#3289)
*  Injecting a welcome sticky note if a corresponding flag has been received from backend

* 🔒 Allowing resources from `/static` route to be displayed in markown component.

*  Implemented image width control via markdown URLs

* 💄Updating quickstart video thumbnail images.

* 🔨 Updated new workflow action name and quickstart sticky name

*  Added quickstart menu item in the Help menu

* 🔨 Moving quickstart video thumbnail to the translation file.

* 🔒 Limiting http static resource requests in markdown img tags only to image files.

* 🔒 Adding more file types to supported image list in markown component.

* 👌 Extracting quickstart note name to constant.

* 🐘 add DB migration sqlite

* ️ add logic for onboarding flow flag

* 🐘 add postgres migration for user settings

* 🐘 add mysql migration for user settings

*  Injecting a welcome sticky note if a corresponding flag has been received from backend

* 🔒 Allowing resources from `/static` route to be displayed in markown component.

*  Implemented image width control via markdown URLs

* 💄Updating quickstart video thumbnail images.

* 🔨 Updated new workflow action name and quickstart sticky name

*  Added quickstart menu item in the Help menu

* 🔨 Moving quickstart video thumbnail to the translation file.

* 🔒 Limiting http static resource requests in markdown img tags only to image files.

* 🔒 Adding more file types to supported image list in markown component.

* 👌 Extracting quickstart note name to constant.

* 📈 Added telemetry events to quickstart sticky note.

*  Disable sticky node type from showing in expression editor

* 🔨 Improving welcome video link detecton when triggering telemetry events

* 👌Moved sticky links click handling logic outside of the design system, removed user and instance id from telemetry events.

* 👌Improving sticky note link telemetry tracking.

* 🔨 Refactoring markdown component click event logic.

* 🔨 Moving bits of clicked link detection logic to Markdown component.

* 💄Fixing code spacing.

* remove transpileonly option

* update package lock

* 💄Changing the default route to `/workflow`, updating welcome sticky content.

* remove hardcoded

* 🐛 Fixing the onboarding threshold logic so sticky notes are skipped when counting nodes.

* 👕 Fixing linting errors.

Co-authored-by: Milorad Filipović <milorad.filipovic19@gmail.com>
Co-authored-by: Milorad Filipović <miloradfilipovic19@gmail.com>
Co-authored-by: Ben Hesseldieck <b.hesseldieck@gmail.com>
Co-authored-by: Milorad Filipović <milorad@n8n.io>
2022-05-16 18:19:33 +02:00
..
.storybook test(editor): Add first frontend unit-test and update notice component design (#3166) 2022-04-29 15:23:41 +02:00
src feat(editor): Improve n8n welcome experience (#3289) 2022-05-16 18:19:33 +02:00
theme test(editor): Add first frontend unit-test and update notice component design (#3166) 2022-04-29 15:23:41 +02:00
.browserslistrc Implement design system (#2050) 2021-08-29 13:36:17 +02:00
.editorconfig Implement design system (#2050) 2021-08-29 13:36:17 +02:00
.eslintrc.js Implement design system (#2050) 2021-08-29 13:36:17 +02:00
.npmignore Implement design system (#2050) 2021-08-29 13:36:17 +02:00
babel.config.js Implement design system (#2050) 2021-08-29 13:36:17 +02:00
gulpfile.js Implement design system (#2050) 2021-08-29 13:36:17 +02:00
jest.config.js Implement design system (#2050) 2021-08-29 13:36:17 +02:00
LICENSE.md 📚 Add missing full stop to license text 2022-03-25 09:54:00 +01:00
package.json 🔖 Release n8n-design-system@0.19.0 2022-05-02 10:22:52 +00:00
README.md 📜 Change to the Sustainable Use License #2932 2022-03-17 10:15:24 +01:00
tsconfig.json test(editor): Add first frontend unit-test and update notice component design (#3166) 2022-04-29 15:23:41 +02:00
tslint.json Implement design system (#2050) 2021-08-29 13:36:17 +02:00
vite.config.ts test(editor): Add first frontend unit-test and update notice component design (#3166) 2022-04-29 15:23:41 +02:00

n8n-design-system

A component system for n8n using Storybook to preview.

Project setup

npm install

Compiles and hot-reloads for development

npm run storybook

Build static pages

npm run build:storybook

Run your unit tests

npm run test:unit

Lints and fixes files

npm run lint

Build css files

npm run build:theme

Monitor theme files and build any changes

npm run watch:theme

License

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

Additional information on the license can be found in the FAQ