diff --git a/packages/@n8n/chat/package.json b/packages/@n8n/chat/package.json index 7d34d4be0..5be607952 100644 --- a/packages/@n8n/chat/package.json +++ b/packages/@n8n/chat/package.json @@ -46,7 +46,7 @@ "@iconify-json/mdi": "^1.1.54", "@n8n/storybook": "workspace:*", "@types/markdown-it": "^12.2.3", - "unplugin-icons": "^0.17.0", + "unplugin-icons": "^0.19.0", "vite-plugin-dts": "^3.9.1" }, "files": [ diff --git a/packages/design-system/.gitignore b/packages/design-system/.gitignore index 6d9b4385c..6175c3408 100644 --- a/packages/design-system/.gitignore +++ b/packages/design-system/.gitignore @@ -1,2 +1,5 @@ storybook-static **/*.stories.js + +# Auto-generated +src/components.d.ts diff --git a/packages/design-system/package.json b/packages/design-system/package.json index c1f8ce370..afafccf6a 100644 --- a/packages/design-system/package.json +++ b/packages/design-system/package.json @@ -31,7 +31,9 @@ "autoprefixer": "^10.4.19", "postcss": "^8.4.38", "sass": "^1.64.1", - "tailwindcss": "^3.4.3" + "tailwindcss": "^3.4.3", + "unplugin-icons": "^0.19.0", + "unplugin-vue-components": "^0.27.2" }, "dependencies": { "@fortawesome/fontawesome-svg-core": "^1.2.36", diff --git a/packages/design-system/vite.config.mts b/packages/design-system/vite.config.mts index 8b2ab60ab..59bab8aa7 100644 --- a/packages/design-system/vite.config.mts +++ b/packages/design-system/vite.config.mts @@ -3,6 +3,9 @@ import { resolve } from 'path'; import { defineConfig, mergeConfig } from 'vite'; import { type UserConfig } from 'vitest'; import { defineConfig as defineVitestConfig } from 'vitest/config'; +import components from 'unplugin-vue-components/vite'; +import icons from 'unplugin-icons/vite'; +import iconsResolver from 'unplugin-icons/resolver'; export const vitestConfig = defineVitestConfig({ test: { @@ -30,7 +33,22 @@ export const vitestConfig = defineVitestConfig({ export default mergeConfig( defineConfig({ - plugins: [vue()], + plugins: [ + vue(), + icons({ + compiler: 'vue3', + autoInstall: true, + }), + components({ + dirs: [], + dts: false, + resolvers: [ + iconsResolver({ + prefix: 'icon' + }) + ] + }), + ], resolve: { alias: { '@': resolve(__dirname, 'src'), diff --git a/packages/editor-ui/.gitignore b/packages/editor-ui/.gitignore index f18849874..137e9ef8d 100644 --- a/packages/editor-ui/.gitignore +++ b/packages/editor-ui/.gitignore @@ -22,3 +22,6 @@ yarn-error.log* *.njsproj *.sln *.sw* + +# Auto-generated files +src/components.d.ts diff --git a/packages/editor-ui/package.json b/packages/editor-ui/package.json index 77c9b378d..0a77f7abd 100644 --- a/packages/editor-ui/package.json +++ b/packages/editor-ui/package.json @@ -77,6 +77,7 @@ }, "devDependencies": { "@faker-js/faker": "^8.0.2", + "@iconify/json": "^2.2.228", "@pinia/testing": "^0.1.3", "@sentry/vite-plugin": "^2.5.0", "@types/dateformat": "^3.0.0", @@ -88,7 +89,8 @@ "@types/uuid": "^8.3.2", "cross-env": "^7.0.3", "miragejs": "^0.1.48", - "unplugin-icons": "^0.17.0" + "unplugin-icons": "^0.19.0", + "unplugin-vue-components": "^0.27.2" }, "peerDependencies": { "@fortawesome/fontawesome-svg-core": "*", diff --git a/packages/editor-ui/src/components/CollectionParameter.vue b/packages/editor-ui/src/components/CollectionParameter.vue index fb0d09659..c63de2e75 100644 --- a/packages/editor-ui/src/components/CollectionParameter.vue +++ b/packages/editor-ui/src/components/CollectionParameter.vue @@ -135,7 +135,7 @@ const getProperties = computed(() => { const returnProperties = []; let tempProperties; for (const name of propertyNames.value) { - tempProperties = getOptionProperties(name); + tempProperties = getOptionProperties(name) as INodeProperties[]; if (tempProperties !== undefined) { returnProperties.push(...tempProperties); } diff --git a/packages/editor-ui/src/components/ImportCurlParameter.vue b/packages/editor-ui/src/components/ImportCurlParameter.vue index 548ed55cc..dae83eb05 100644 --- a/packages/editor-ui/src/components/ImportCurlParameter.vue +++ b/packages/editor-ui/src/components/ImportCurlParameter.vue @@ -3,7 +3,7 @@ import { IMPORT_CURL_MODAL_KEY } from '@/constants'; import { useUIStore } from '@/stores/ui.store'; defineProps<{ - isReadOnly: boolean; + isReadOnly?: boolean; }>(); const uiStore = useUIStore(); diff --git a/packages/editor-ui/src/components/Node/NodeCreation.vue b/packages/editor-ui/src/components/Node/NodeCreation.vue index ba7bb4b7d..15c8193dc 100644 --- a/packages/editor-ui/src/components/Node/NodeCreation.vue +++ b/packages/editor-ui/src/components/Node/NodeCreation.vue @@ -18,7 +18,7 @@ type Props = { }; // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -const NodeCreator = defineAsyncComponent( +const LazyNodeCreator = defineAsyncComponent( async () => await import('@/components/Node/NodeCreator/NodeCreator.vue'), ); @@ -135,7 +135,7 @@ function nodeTypeSelected(nodeTypes: string[]) { -