@dynect/base 0.12.0 → 0.13.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynect/base",
-  "version": "0.12.0",
+  "version": "0.13.1",
   "description": "Reusable Nuxt base module — components, composables, utils, plugins and i18n from the Dynect design system.",
   "type": "module",
   "license": "MIT",
@@ -81,8 +81,11 @@
     "reka-ui": "^2.9.7",
     "shadcn-nuxt": "^2.6.2",
     "signature_pad": "^5.1.3",
+    "@tailwindcss/vite": "^4.3.0",
     "tailwind-merge": "^3.5.0",
+    "tailwindcss": "^4.3.0",
     "tailwindcss-animate": "^1.0.7",
+    "tw-animate-css": "^1.4.0",
     "vaul-vue": "^0.4.1",
     "vee-validate": "^4.15.1",
     "vue-echarts": "^8.0.1",
@@ -97,10 +100,7 @@
     "@iconify-json/heroicons": "^1.2.3",
     "@iconify-json/lucide": "^1.2.106",
     "@iconify-json/mdi": "^1.2.3",
-    "@tailwindcss/vite": "^4.3.0",
     "@types/node": "^25.6.2",
-    "tailwindcss": "^4.3.0",
-    "tw-animate-css": "^1.4.0",
     "typescript": "^6.0.3"
   }
 }

package/src/module.ts

@@ -1,4 +1,6 @@
 import { addComponentsDir, addImports, addImportsDir, addPlugin, createResolver, defineNuxtModule, installModule } from '@nuxt/kit';
+import tailwindcss from '@tailwindcss/vite';
+import { defu } from 'defu';
 import { existsSync } from 'node:fs';
 import { join } from 'node:path';
 
@@ -24,6 +26,8 @@ export interface DynectBaseOptions {
 		/** Enable SSR width plugin. Default: true */
 		ssrWidth?: boolean;
 	};
+	/** Auto-register @tailwindcss/vite Vite plugin. Set false to disable (e.g. if already configured in nuxt.config). Default: true */
+	tailwind?: boolean;
 }
 
 const DIR_CONFIGS: Record<string, { prefix: string }> = {
@@ -42,6 +46,7 @@ export default defineNuxtModule<DynectBaseOptions>({
 	defaults: {
 		dirs: ['dynect', 'ui', 'base', 'chart'],
 		global: true,
+		tailwind: true,
 		veeValidate: {},
 		colorMode: {},
 		i18n: {},
@@ -69,28 +74,56 @@ export default defineNuxtModule<DynectBaseOptions>({
 
 		const srcDir = nuxt.options.srcDir;
 
-		// @/lib/utils → runtime/lib/utils (when not present in consuming app)
-		// This one works via nuxt.options.alias because lib/utils is not prefixed with @
-		if (!existsSync(join(srcDir, 'lib', 'utils.ts'))) {
-			nuxt.options.alias[join(srcDir, 'lib', 'utils')] = resolver.resolve('./runtime/lib/utils');
-		}
-
-		// @/components/ui/* → runtime/components/ui/*
-		// Must run BEFORE @ is resolved, so we use a regex alias in vite:extendConfig.
-		// Only applied when the consuming app has no own components/ui directory.
-		if (isStandalone && !existsSync(join(srcDir, 'components', 'ui'))) {
+		// In standalone mode, intercept @/lib/utils and @/components/ui BEFORE Vite
+		// expands the @ alias to srcDir. nuxt.options.alias cannot do this because
+		// Vite resolves @ → srcDir in a single pass and never checks aliases again.
+		// We prepend regex aliases via vite:extendConfig so they fire first.
+		if (isStandalone) {
 			const uiRuntimePath = join(runtimeComponentsDir, 'ui');
+			const libUtilsRuntimePath = resolver.resolve('./runtime/lib/utils');
+
+			// Only redirect @/lib/utils when the consuming app has no own lib/utils
+			const hasOwnLibUtils = existsSync(join(srcDir, 'lib', 'utils.ts'));
+			// Only redirect @/components/ui when the consuming app has no own components/ui
+			const hasOwnComponentsUi = existsSync(join(srcDir, 'components', 'ui'));
 
 			nuxt.hook('vite:extendConfig', (config) => {
 				config.resolve ??= {};
 
-				const entry = { find: /^[@~]\/components\/ui/, replacement: uiRuntimePath };
+				const entries: { find: RegExp; replacement: string }[] = [];
+
+				if (!hasOwnComponentsUi) {
+					entries.push({ find: /^[@~]\/components\/ui/, replacement: uiRuntimePath });
+				}
+				if (!hasOwnLibUtils) {
+					entries.push({ find: /^[@~]\/lib\/utils/, replacement: libUtilsRuntimePath });
+				}
+
+				if (entries.length === 0) return;
 
 				if (Array.isArray(config.resolve.alias)) {
-					config.resolve.alias.unshift(entry);
+					config.resolve.alias.unshift(...entries);
 				} else {
 					const existing = config.resolve.alias ?? {};
-					config.resolve.alias = [entry, ...Object.entries(existing).map(([find, replacement]) => ({ find, replacement }))];
+					config.resolve.alias = [
+						...entries,
+						...Object.entries(existing).map(([find, replacement]) => ({ find, replacement })),
+					];
+				}
+			});
+		}
+
+		// ── Tailwind CSS v4 ──────────────────────────────────────────────────────
+		// Add @tailwindcss/vite plugin unless disabled or already present.
+		// "Already present" check: look for any plugin named @tailwindcss/vite:*
+		// so we don't double-process if the consuming app added it manually.
+		if (options.tailwind !== false) {
+			nuxt.hook('vite:extendConfig', (config) => {
+				const c = config as any;
+				const flat = ([...(c.plugins ?? [])]).flat().filter(Boolean) as { name?: string }[];
+				const alreadyAdded = flat.some((p) => typeof p.name === 'string' && p.name.startsWith('@tailwindcss/vite'));
+				if (!alreadyAdded) {
+					c.plugins = [...(c.plugins ?? []), tailwindcss()];
 				}
 			});
 		}