fix(editor): upgrade and make testing consistent in editor-ui and design-system (#4434)

* 📦 Update `package-lock.json`

* 📦 Make versions consistent in design-system

* 📦 Make lib versions consistent in editor-ui

* 🔧 Make vite configs consistent

* fix(design-system): updating vue2-bring-avatars alias

Co-authored-by: Csaba Tuncsik <csaba@n8n.io>
This commit is contained in:
Iván Ovejero
2022-10-25 13:46:25 +02:00
committed by GitHub
parent 07adc2d2dc
commit adef6d7083
5 changed files with 123 additions and 843 deletions

View File

@@ -3,7 +3,8 @@ import { createHtmlPlugin } from 'vite-plugin-html';
import legacy from '@vitejs/plugin-legacy';
import monacoEditorPlugin from "vite-plugin-monaco-editor";
import path, { resolve } from 'path';
import {defineConfig, PluginOption} from "vite";
import {defineConfig, mergeConfig, PluginOption} from "vite";
import { defineConfig as defineVitestConfig } from 'vitest/config';
import packageJSON from './package.json';
const vendorChunks = ['vue', 'vue-router', 'vuex'];
@@ -35,73 +36,75 @@ const lodashAliases = ['orderBy', 'camelCase', 'cloneDeep', 'isEqual'].map(name
replacement: require.resolve(`lodash-es/${name}`),
}))
export default defineConfig({
plugins: [
legacy({
targets: ['defaults', 'not IE 11'],
}),
vue(),
...createHtmlPlugin({
inject: {
data: {
BASE_PATH: publicPath,
export default mergeConfig(
defineConfig({
plugins: [
legacy({
targets: ['defaults', 'not IE 11'],
}),
vue(),
...createHtmlPlugin({
inject: {
data: {
BASE_PATH: publicPath,
},
},
},
}) as PluginOption[],
monacoEditorPlugin({
publicPath: 'assets/monaco-editor',
customDistPath: (root: string, buildOutDir: string, base: string) => `${root}/${buildOutDir}/assets/monaco-editor`,
}) as PluginOption,
],
resolve: {
alias: [
{ find: '@', replacement: resolve(__dirname, 'src') },
{ find: 'stream', replacement: '' },
{
find: /^n8n-design-system\//,
replacement: resolve(__dirname, '..', 'design-system', 'src') + '/',
},
...lodashAliases,
{
find: /^lodash.(.+)$/,
replacement: 'lodash-es/$1',
},
{
find: 'vue2-boring-avatars',
replacement: require.resolve('vue2-boring-avatars'),
},
{
find: /element-ui\/(packages|lib)\/button$/,
replacement: path.resolve(__dirname, '..', 'design-system/src/components/N8nButton/overrides/ElButton.ts'),
},
}) as PluginOption[],
monacoEditorPlugin({
publicPath: 'assets/monaco-editor',
customDistPath: (root: string, buildOutDir: string, base: string) => `${root}/${buildOutDir}/assets/monaco-editor`,
}) as PluginOption,
],
},
base: publicPath,
envPrefix: 'VUE_APP',
css: {
preprocessorOptions: {
scss: {
additionalData: '\n@use "@/n8n-theme-variables.scss" as *;\n',
},
resolve: {
alias: [
{ find: '@', replacement: resolve(__dirname, 'src') },
{ find: 'stream', replacement: '' },
{
find: /^n8n-design-system\//,
replacement: resolve(__dirname, '..', 'design-system', 'src') + '/',
},
...lodashAliases,
{
find: /^lodash.(.+)$/,
replacement: 'lodash-es/$1',
},
{
find: 'vue2-boring-avatars',
replacement: require.resolve('vue2-boring-avatars'),
},
{
find: /element-ui\/(packages|lib)\/button$/,
replacement: path.resolve(__dirname, '..', 'design-system/src/components/N8nButton/overrides/ElButton.ts'),
},
],
},
},
build: {
assetsInlineLimit: 0,
sourcemap: false,
rollupOptions: {
output: {
manualChunks: {
vendor: vendorChunks,
...renderChunks(),
base: publicPath,
envPrefix: 'VUE_APP',
css: {
preprocessorOptions: {
scss: {
additionalData: '\n@use "@/n8n-theme-variables.scss" as *;\n',
},
},
},
},
test: {
globals: true,
environment: 'jsdom',
setupFiles: [
'./src/__tests__/setup.ts',
],
},
});
build: {
assetsInlineLimit: 0,
sourcemap: false,
rollupOptions: {
output: {
manualChunks: {
vendor: vendorChunks,
...renderChunks(),
},
},
},
},
}),
defineVitestConfig({
test: {
globals: true,
environment: 'jsdom',
setupFiles: ['./src/__tests__/setup.ts'],
},
}),
);