tailwind: add support for plugins

Also add packages for

- @tailwindcss/aspect-ratio
- @tailwindcss/forms
- @tailwindcss/language-server
- @tailwindcss/line-clamp
- @tailwindcss/typography

1 files changed, 35 insertions, 3 deletions

diff --git a/pkgs/development/node-packages/package-tests/tailwindcss.nix b/pkgs/development/node-packages/package-tests/tailwindcss.nix
index d5c9fdeff36af..1f986d8bb0966 100644
--- a/pkgs/development/node-packages/package-tests/tailwindcss.nix
+++ b/pkgs/development/node-packages/package-tests/tailwindcss.nix
@@ -1,15 +1,47 @@
-{ runCommand, tailwindcss }:
+{ runCommand, tailwindcss, nodePackages }:
 
 let
+
   inherit (tailwindcss) packageName version;
+
+  tailwindcssInput = builtins.toFile "input.css" ''
+    @tailwind base;
+    @tailwind components;
+    @tailwind utilities;
+  '';
+
+  tailwindcssWithPlugins = tailwindcss.overrideAttrs (oldAttrs: {
+    plugins = [
+      nodePackages."@tailwindcss/typography"
+    ];
+  });
+
+  tailwindcssWithPluginsConfig = builtins.toFile "tailwind.config.js" ''
+    module.exports = {
+      content: ["./with-typography.input"],
+      plugins: [
+        require('@tailwindcss/typography'),
+      ],
+    }
+  '';
+
 in
 
 runCommand "${packageName}-tests" { meta.timeout = 60; }
   ''
+    mkdir $out
+
     # Ensure CLI runs
     ${tailwindcss}/bin/tailwind --help > /dev/null
     ${tailwindcss}/bin/tailwindcss --help > /dev/null
 
-    # Needed for Nix to register the command as successful
-    touch $out
+    # Ensure CLI with plugins runs
+    echo '"ml-4 prose"' > ./with-typography.input
+    ${tailwindcssWithPlugins}/bin/tailwind \
+      --config ${tailwindcssWithPluginsConfig} \
+      --input ${tailwindcssInput} \
+      --output $out/with-typography.css
+
+    grep -q ml-4 $out/with-typography.css
+    grep -q prose $out/with-typography.css
   ''