feat(editor): De-duplicate frontend devDependencies (no-changelog) (#…

…8094)

`@n8n/chat` was pulling in a lot of duplicate dependencies. This PR
updates all frontend packages to use an many of the same versions of
frontend devDependencies as possible.

## Review / Merge checklist
- [x] PR title and summary are descriptive

packages/@n8n/chat/package.json

@@ -3,7 +3,7 @@
   "version": "0.4.0",
   "scripts": {
     "dev": "pnpm run storybook",
-    "build": "run-p type-check build:vite && npm run build:prepare",
+    "build": "pnpm type-check && pnpm build:vite && pnpm build:prepare",
     "build:vite": "vite build && npm run build:vite:full",
     "build:vite:full": "INCLUDE_VUE=true vite build",
     "build:prepare": "node scripts/postbuild.js",
@@ -39,40 +39,10 @@
   },
   "devDependencies": {
     "@iconify-json/mdi": "^1.1.54",
-    "@rushstack/eslint-patch": "^1.3.2",
-    "@storybook/addon-essentials": "^7.4.0",
-    "@storybook/addon-interactions": "^7.4.0",
-    "@storybook/addon-links": "^7.4.0",
-    "@storybook/blocks": "^7.4.0",
-    "@storybook/testing-library": "^0.2.0",
-    "@storybook/vue3": "^7.4.0",
-    "@storybook/vue3-vite": "^7.4.0",
-    "@testing-library/jest-dom": "^5.17.0",
-    "@testing-library/vue": "^7.0.0",
-    "@tsconfig/node18": "^18.2.0",
-    "@types/jsdom": "^21.1.1",
-    "@types/markdown-it": "^12.2.3",
-    "@types/node": "^18.17.0",
-    "@vitejs/plugin-vue": "^4.2.3",
-    "@vue/eslint-config-prettier": "^8.0.0",
-    "@vue/eslint-config-typescript": "^11.0.3",
-    "@vue/test-utils": "^2.4.1",
-    "@vue/tsconfig": "^0.4.0",
-    "eslint": "^8.45.0",
-    "eslint-plugin-vue": "^9.15.1",
-    "jsdom": "^22.1.0",
-    "npm-run-all": "^4.1.5",
-    "prettier": "^3.0.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "n8n-design-system": "workspace:*",
     "shelljs": "^0.8.5",
-    "storybook": "^7.4.0",
-    "typescript": "~5.1.6",
     "unplugin-icons": "^0.17.0",
-    "vite": "^4.4.6",
-    "vite-plugin-dts": "^3.6.0",
-    "vitest": "^0.33.0",
-    "vue-tsc": "^1.8.6"
+    "vite-plugin-dts": "^3.6.0"
   },
   "repository": {
     "type": "git",

packages/@n8n_io/eslint-config/package.json

@@ -6,6 +6,7 @@
     "@types/eslint": "^8.44.7",
     "@typescript-eslint/eslint-plugin": "^6.12.0",
     "@typescript-eslint/parser": "^6.12.0",
+    "@vue/eslint-config-prettier": "^8.0.0",
     "@vue/eslint-config-typescript": "^12.0.0",
     "eslint": "^8.54.0",
     "eslint-config-airbnb-typescript": "^17.1.0",

packages/design-system/package.json

@@ -26,39 +26,30 @@
     "lint": "eslint src --ext .js,.ts,.vue --quiet",
     "lintfix": "eslint src --ext .js,.ts,.vue --fix"
   },
-  "peerDependencies": {
-    "@fortawesome/fontawesome-svg-core": "1.x",
-    "@fortawesome/free-solid-svg-icons": "5.x",
-    "@fortawesome/vue-fontawesome": "2.x",
-    "core-js": "3.x",
-    "markdown-it": "^12.3.2",
-    "markdown-it-emoji": "^2.0.0",
-    "markdown-it-link-attributes": "^4.0.0",
-    "markdown-it-task-lists": "^2.1.1",
-    "vue": "^2.7.14",
-    "xss": "^1.0.14"
-  },
   "devDependencies": {
-    "@fortawesome/fontawesome-svg-core": "^1.2.36",
-    "@fortawesome/free-solid-svg-icons": "^5.15.4",
-    "@fortawesome/vue-fontawesome": "^3.0.3",
     "@storybook/addon-a11y": "^7.5.2",
     "@storybook/addon-actions": "^7.5.2",
     "@storybook/addon-docs": "^7.5.2",
     "@storybook/addon-essentials": "^7.5.2",
+    "@storybook/addon-interactions": "^7.5.2",
     "@storybook/addon-links": "^7.5.2",
     "@storybook/addon-postcss": "3.0.0-alpha.1",
+    "@storybook/blocks": "^7.5.2",
+    "@storybook/testing-library": "^0.2.2",
     "@storybook/vue3": "^7.5.2",
     "@storybook/vue3-vite": "^7.5.2",
     "@testing-library/jest-dom": "^5.17.0",
     "@testing-library/user-event": "^14.4.3",
     "@testing-library/vue": "^7.0.0",
+    "@tsconfig/node18": "^18.2.2",
+    "@types/jsdom": "^21.1.1",
     "@types/markdown-it": "^12.2.3",
     "@types/markdown-it-emoji": "^2.0.2",
     "@types/markdown-it-link-attributes": "^3.0.1",
     "@types/sanitize-html": "^2.9.0",
     "@vitejs/plugin-vue": "^4.2.3",
     "@vue/test-utils": "^2.4.1",
+    "@vue/tsconfig": "^0.5.1",
     "autoprefixer": "^10.4.14",
     "core-js": "^3.31.0",
     "jsdom": "21.1.0",
@@ -71,6 +62,10 @@
     "storybook-dark-mode": "^3.0.1"
   },
   "dependencies": {
+    "@fortawesome/fontawesome-svg-core": "^1.2.36",
+    "@fortawesome/free-regular-svg-icons": "^6.1.1",
+    "@fortawesome/free-solid-svg-icons": "^5.15.4",
+    "@fortawesome/vue-fontawesome": "^3.0.3",
     "element-plus": "^2.3.6",
     "markdown-it": "^13.0.1",
     "markdown-it-emoji": "^2.0.2",

packages/editor-ui/package.json

@@ -36,10 +36,6 @@
     "@codemirror/state": "^6.1.4",
     "@codemirror/view": "^6.5.1",
     "@fontsource/open-sans": "^4.5.0",
-    "@fortawesome/fontawesome-svg-core": "^1.2.35",
-    "@fortawesome/free-regular-svg-icons": "^6.1.1",
-    "@fortawesome/free-solid-svg-icons": "^5.15.3",
-    "@fortawesome/vue-fontawesome": "^3.0.3",
     "@jsplumb/browser-ui": "^5.13.2",
     "@jsplumb/common": "^5.13.2",
     "@jsplumb/connector-bezier": "^5.13.2",
@@ -87,7 +83,6 @@
     "@faker-js/faker": "^8.0.2",
     "@pinia/testing": "^0.1.3",
     "@sentry/vite-plugin": "^2.5.0",
-    "@testing-library/vue": "^7.0.0",
     "@types/dateformat": "^3.0.0",
     "@types/file-saver": "^2.0.1",
     "@types/humanize-duration": "^3.27.1",
@@ -96,5 +91,11 @@
     "@types/luxon": "^3.2.0",
     "@types/uuid": "^8.3.2",
     "miragejs": "^0.1.47"
+  },
+  "peerDependencies": {
+    "@fortawesome/fontawesome-svg-core": "*",
+    "@fortawesome/free-regular-svg-icons": "*",
+    "@fortawesome/free-solid-svg-icons": "*",
+    "@fortawesome/vue-fontawesome": "*"
   }
 }