mirror of
https://github.com/unraid/api.git
synced 2026-01-05 16:09:49 -06:00
2c62e0ad09
<!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit * **New Features** * Streamlined Tailwind CSS integration using Vite plugin, eliminating the need for separate Tailwind config files. * Updated theme and color variables for improved consistency and maintainability. * **Style** * Standardized spacing, sizing, and font classes across all components using Tailwind’s default scale. * Reduced excessive gaps, padding, and font sizes for a more compact and cohesive UI. * Updated gradient, border, and shadow classes to match Tailwind v4 conventions. * Replaced custom pixel-based classes with Tailwind’s bracketed arbitrary value syntax where needed. * Replaced focus outline styles from `outline-none` to `outline-hidden` for consistent focus handling. * Updated flex shrink/grow utility classes to use newer shorthand forms. * Converted several component templates to use self-closing tags for cleaner markup. * Adjusted icon sizes and spacing for improved visual balance. * **Chores** * Removed legacy Tailwind/PostCSS configuration files and related scripts. * Updated and cleaned up package dependencies for Tailwind v4 and related plugins. * Removed unused or redundant build scripts and configuration exports. * Updated documentation to reflect new Tailwind v4 usage. * Removed Prettier Tailwind plugin from formatting configurations. * Removed Nuxt Tailwind module in favor of direct Vite plugin integration. * Cleaned up ESLint config by removing Prettier integration. * **Bug Fixes** * Corrected invalid or outdated Tailwind class names and syntax. * Fixed issues with max-width and other utility classes for improved layout consistency. * **Tests** * Updated test assertions to match new class names and styling conventions. * **Documentation** * Revised README and internal notes to clarify Tailwind v4 adoption and configuration changes. * Added new development notes emphasizing Tailwind v4 usage and documentation references. * **UI Components** * Enhanced BrandButton stories with detailed variant, size, and padding showcases for better visual testing. * Improved theme store to apply dark mode class on both `<html>` and `<body>` elements for compatibility. <!-- end of auto-generated comment: release notes by coderabbit.ai -->
84 lines
2.3 KiB
TypeScript
84 lines
2.3 KiB
TypeScript
/// <reference types="vitest" />
|
|
import { resolve } from 'path';
|
|
import { fileURLToPath } from 'url';
|
|
import tailwindcss from '@tailwindcss/vite';
|
|
import vue from '@vitejs/plugin-vue';
|
|
import { defineConfig } from 'vite';
|
|
import dts from 'vite-plugin-dts';
|
|
|
|
const __dirname = fileURLToPath(new URL('.', import.meta.url));
|
|
|
|
export default function createConfig() {
|
|
return defineConfig({
|
|
plugins: [
|
|
tailwindcss(),
|
|
vue(),
|
|
...(process.env.npm_lifecycle_script?.includes('storybook')
|
|
? []
|
|
: [
|
|
dts({
|
|
insertTypesEntry: true,
|
|
include: ['src/**/*.ts', 'src/**/*.vue'],
|
|
outDir: 'dist',
|
|
rollupTypes: true,
|
|
copyDtsFiles: true,
|
|
}),
|
|
]),
|
|
],
|
|
build: {
|
|
cssCodeSplit: false,
|
|
rollupOptions: {
|
|
external: [
|
|
'vue',
|
|
'tailwindcss',
|
|
...(process.env.npm_lifecycle_script?.includes('storybook') ? [/^storybook\//] : []),
|
|
],
|
|
input: {
|
|
index: resolve(__dirname, 'src/index.ts'),
|
|
},
|
|
preserveEntrySignatures: 'allow-extension',
|
|
output: {
|
|
exports: 'named',
|
|
globals: {
|
|
vue: 'Vue',
|
|
tailwindcss: 'tailwindcss',
|
|
},
|
|
format: 'es',
|
|
preserveModules: true,
|
|
assetFileNames: (assetInfo) => {
|
|
if (assetInfo.name === 'style.css') {
|
|
return 'style.css';
|
|
}
|
|
return '[name][extname]';
|
|
},
|
|
entryFileNames: (chunkInfo) => {
|
|
if (chunkInfo.name === 'tailwind') {
|
|
return '[name].config.js';
|
|
} else {
|
|
return '[name].js';
|
|
}
|
|
},
|
|
},
|
|
},
|
|
target: 'esnext',
|
|
sourcemap: true,
|
|
minify: false,
|
|
},
|
|
resolve: {
|
|
alias: {
|
|
'@': resolve(__dirname, './src'),
|
|
'@/components': resolve(__dirname, './src/components'),
|
|
'@/composables': resolve(__dirname, './src/composables'),
|
|
'@/lib': resolve(__dirname, './src/lib'),
|
|
'@/styles': resolve(__dirname, './src/styles'),
|
|
'@/types': resolve(__dirname, './src/types'),
|
|
'@/theme': resolve(__dirname, './src/theme'),
|
|
},
|
|
},
|
|
test: {
|
|
environment: 'happy-dom',
|
|
include: ['src/**/*.{test,spec}.{js,mjs,cjs,ts,mts,cts,jsx,tsx}'],
|
|
},
|
|
});
|
|
}
|