n8n/packages/design-system
OlegIvaniv d01f7d4d93
feat(editor-ui): Resizable main panel (#3980)
* Introduce node deprecation (#3930)

 Introduce node deprecation

* 🚧 Scaffold out Code node

* 👕 Fix lint

* 📘 Create types file

* 🚚 Rename theme

* 🔥 Remove unneeded prop

*  Override keybindings

*  Expand lintings

*  Create editor content getter

* 🚚 Ensure all helpers use `$`

*  Add autocompletion

* ♻️ Refactore Resize UI lib component, allow to use it in different than n8n-sticky context

* 🚧 Use variable width for node settings and allow for resizing

*  Use store to keep track of wide and regular main panel widths

* ♻️ Extract Resize wrapper from the Sticky and create a story for it

* 🐛 Fixed cherry-pick conflicts

*  Filter out welcome note node

*  Convey error line number

*  Highlight error line

*  Restore logging from node

*  More autocompletions

*  Streamline completions

* 💄 Fix drag-button border

* ✏️ Update placeholders

*  Update linter to new methods

*  Preserve main panel width in local storage

* 🐛 Fallback to max size size if window is too big

* 🔥 Remove `$nodeItem` completions

*  Re-update placeholders

* 🎨 Fix formatting

* 📦 Update `package-lock.json`

*  Refresh with multi-line empty string

* ♻️ Refactored DraggablePanels to use relative units and implemented independent resizing, cleaned store

* 🐛 Re-implement dragging indicators and move border styles to NDVDraggablePanels component

* 🚨 Fix semis

* 🚨 Remove unsused UI state props

* ♻️ Use only relative left position and calculate right based on it, fix quirks

* 🚨Fix linting error

* ♻️ Store and retrieve main panel dimensions from store to make them persistable in the same app mount session

* 🐛 Prevent resizing of unknown nodes

* ♻️ Add typings for `nodeType` prop, remove unused `convertRemToPixels` import

* 🏷️ Add typings for `nodeType` prop in NodeSettings.vue

* 🐛 Prevent the main panel resize below 280px

* 🐛 Fix inputless panel left position

*  Resize resource locator on main panel size change

* 🐛 Resize resource locator on window resize

Co-authored-by: Iván Ovejero <ivov.src@gmail.com>
2022-09-22 17:41:15 +02:00
..
.storybook fix(typescript): Use consistent typescript configs - N8N-4552 (#4049) 2022-09-09 18:00:18 +02:00
src feat(editor-ui): Resizable main panel (#3980) 2022-09-22 17:41:15 +02:00
theme feat: add resource locator parameter (#3932) 2022-09-21 15:44:45 +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 fix(eslint): setup eslint to run on every package - N8N-4553 (#4050) 2022-09-12 11:41:50 +02:00
.gitignore feat(design-system,editor-ui): upgrade some of the frontend dev dependencies (#3978) 2022-08-31 15:47:33 +02:00
.npmignore fix(npm): improve .npmignore to reduce the size of the published packages (#3970) 2022-08-30 13:43:47 +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 docs(license): Introduce n8n Enterprise License (#3945) 2022-08-29 22:08:42 +02:00
LICENSE_EE.md docs(license): Introduce n8n Enterprise License (#3945) 2022-08-29 22:08:42 +02:00
package.json 🔖 Release n8n-design-system@0.35.0 2022-09-21 15:31:05 +00:00
postcss.config.js feat(design-system,editor-ui): upgrade some of the frontend dev dependencies (#3978) 2022-08-31 15:47:33 +02:00
README.md refactor: Update additional README.md files 2022-08-03 13:34:49 +02:00
tsconfig.json fix(typescript): Use consistent typescript configs - N8N-4552 (#4049) 2022-09-09 18:00:18 +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 about the license can be found in the docs.