pyrox.dev
1{
2 runCommand,
3 tailwindcss,
4 nodePackages,
5}:
6
7let
8
9 inherit (tailwindcss) packageName version;
10
11 tailwindcssInput = builtins.toFile "input.css" ''
12 @tailwind base;
13 @tailwind components;
14 @tailwind utilities;
15 '';
16
17 tailwindcssWithPlugins = tailwindcss.overrideAttrs (oldAttrs: {
18 plugins = [
19 nodePackages."@tailwindcss/typography"
20 ];
21 });
22
23 tailwindcssWithPluginsConfig = builtins.toFile "tailwind.config.js" ''
24 module.exports = {
25 content: ["./with-typography.input"],
26 plugins: [
27 require('@tailwindcss/typography'),
28 ],
29 }
30 '';
31
32in
33
34runCommand "${packageName}-tests" { meta.timeout = 60; } ''
35 mkdir $out
36
37 # Ensure CLI runs
38 ${tailwindcss}/bin/tailwind --help > /dev/null
39 ${tailwindcss}/bin/tailwindcss --help > /dev/null
40
41 # Ensure CLI with plugins runs
42 echo '"ml-4 prose"' > ./with-typography.input
43 ${tailwindcssWithPlugins}/bin/tailwind \
44 --config ${tailwindcssWithPluginsConfig} \
45 --input ${tailwindcssInput} \
46 --output $out/with-typography.css
47
48 grep -q ml-4 $out/with-typography.css
49 grep -q prose $out/with-typography.css
50''