⚡️ feat: daisyUI option svelte-add/svelte-add#200

Author: babichjacob

README.md

@@ -20,6 +20,8 @@ This adder supports SvelteKit and Vite-powered Svelte apps (all the environments
 
 - `typography` (default `false`): whether or not to install and set up the [Tailwind CSS Typography plugin](https://github.com/tailwindlabs/tailwindcss-typography).
 
+- `daisyui` (default `false`): whether or not to install and set up [daisyUI](https://github.com/saadeghi/daisyui) as a Tailwind plugin.
+
 ## 🛠 Using Tailwind CSS
 
 After the adder runs,

__info.js

@@ -11,7 +11,7 @@ export const gatekeep = async () => {
 	return { able: true };
 };
 
-/** @typedef {{ forms: boolean, typography: boolean }} Options */
+/** @typedef {{ forms: boolean, typography: boolean, daisyui: boolean }} Options */
 
 /** @type {import("../..").AdderOptions<Options>} */
 export const options = {
@@ -27,6 +27,12 @@ export const options = {
 		descriptionMarkdown: "whether or not to install and set up the [Tailwind CSS Typography plugin](https://github.com/tailwindlabs/tailwindcss-typography).",
 		question: "Do you want to use the Tailwind CSS Typography plugin?",
 	},
+	daisyui: {
+		context: "It provides component classes for Tailwind CSS. https://daisyui.com/",
+		default: false,
+		descriptionMarkdown: "whether or not to install and set up [daisyUI](https://github.com/saadeghi/daisyui) as a Tailwind plugin.",
+		question: "Do you want to use daisyUI?",
+	},
 };
 
 /** @type {import("../..").Heuristic[]} */

__run.js

@@ -139,9 +139,10 @@ const updatePostcssConfig = (postcssConfigAst) => {
  * @param {import("../../ast-io.js").RecastAST} tailwindConfigAst
  * @param {boolean} forms
  * @param {boolean} typography
+ * @param {boolean} daisyui
  * @returns {import("../../ast-io.js").RecastAST}
  */
-const updateTailwindConfig = (tailwindConfigAst, forms, typography) => {
+const updateTailwindConfig = (tailwindConfigAst, forms, typography, daisyui) => {
 	const configObject = setDefaultDefaultExport({
 		cjs: true,
 		defaultValue: {
@@ -228,6 +229,19 @@ const updateTailwindConfig = (tailwindConfigAst, forms, typography) => {
 		});
 	}
 
+	if (daisyui) {
+		let daisyuiImportedAs = findImport({ cjs: true, package: "daisyui", typeScriptEstree: tailwindConfigAst }).require;
+		// Add a daisyUI plugin import if it's not there
+		if (!daisyuiImportedAs) {
+			daisyuiImportedAs = "daisyui";
+			addImport({ require: daisyuiImportedAs, cjs: true, package: "daisyui", typeScriptEstree: tailwindConfigAst });
+		}
+		pluginsList.elements.push({
+			type: "Identifier",
+			name: daisyuiImportedAs,
+		});
+	}
+
 	return tailwindConfigAst;
 };
 
@@ -278,7 +292,7 @@ export const run = async ({ install, options, updateCss, updateJavaScript }) =>
 		path: tailwindConfigCjsPath,
 		async script({ typeScriptEstree }) {
 			return {
-				typeScriptEstree: updateTailwindConfig(typeScriptEstree, options.forms, options.typography),
+				typeScriptEstree: updateTailwindConfig(typeScriptEstree, options.forms, options.typography, options.daisyui),
 			};
 		},
 	});
@@ -304,4 +318,5 @@ export const run = async ({ install, options, updateCss, updateJavaScript }) =>
 	await install({ package: "tailwindcss" });
 	if (options.forms) await install({ package: "@tailwindcss/forms" });
 	if (options.typography) await install({ package: "@tailwindcss/typography" });
+	if (options.daisyui) await install({ package: "daisyui" });
 };