first commit

packages/frontend/@n8n/design-system/vite.config.mts

@@ -0,0 +1,66 @@
+import vue from '@vitejs/plugin-vue';
+import { resolve } from 'path';
+import { defineConfig, mergeConfig } from 'vite';
+import icons from 'unplugin-icons/vite';
+import { vitestConfig } from '@n8n/vitest-config/frontend';
+import svgLoader from 'vite-svg-loader';
+
+const packagesDir = resolve(__dirname, '..', '..', '..');
+
+export default mergeConfig(
+	defineConfig({
+		plugins: [
+			vue(),
+			svgLoader({
+				svgoConfig: {
+					plugins: [
+						{
+							name: 'preset-default',
+							params: {
+								overrides: {
+									// disable a default plugin
+									cleanupIds: false,
+									// preserve viewBox for scalability
+									removeViewBox: false,
+								},
+							},
+						},
+					],
+				},
+			}),
+			icons({
+				compiler: 'vue3',
+				autoInstall: true,
+			}),
+		],
+		resolve: {
+			alias: {
+				'@': resolve(__dirname, 'src'),
+				'@n8n/design-system': resolve(__dirname, 'src'),
+				'@n8n/composables(.*)': resolve(packagesDir, 'frontend', '@n8n', 'composables', 'src$1'),
+				'@n8n/utils(.*)': resolve(packagesDir, '@n8n', 'utils', 'src$1'),
+			},
+		},
+		build: {
+			lib: {
+				entry: resolve(__dirname, 'src', 'index.ts'),
+				name: 'N8nDesignSystem',
+				fileName: (format) => `n8n-design-system.${format}.js`,
+			},
+			rollupOptions: {
+				// make sure to externalize deps that shouldn't be bundled
+				// into your library
+				external: ['vue'],
+				output: {
+					exports: 'named',
+					// Provide global variables to use in the UMD build
+					// for externalized deps
+					globals: {
+						vue: 'Vue',
+					},
+				},
+			},
+		},
+	}),
+	vitestConfig,
+);