switched to haskell-tailwind

.gitignore

@@ -13,3 +13,4 @@ result
 result-*
 tags
 TAGS
+static.out

default.nix

@@ -4,11 +4,18 @@
     iosSdkVersion = "13.2";
   }
 }:
-with obelisk;
-project ./. ({ pkgs, ... }: {
-  staticFiles = import ./static { inherit pkgs; };
-  android.applicationId = "systems.obsidian.obelisk.examples.tailwind";
-  android.displayName = "Obelisk + Tailwind CSS";
-  ios.bundleIdentifier = "systems.obsidian.obelisk.examples.tailwind";
-  ios.bundleName = "Obelisk + Tailwind CSS";
-})
+let
+  pkgs = import (builtins.fetchGit {
+    name = "nixos-22.11";
+    url = "https://github.com/nixos/nixpkgs/";
+    ref = "refs/heads/nixos-22.11";
+  }) {};
+in
+  with obelisk;
+  project ./. ({ ... }: {
+    staticFiles = import ./static { inherit pkgs; };
+    android.applicationId = "systems.obsidian.obelisk.examples.tailwind";
+    android.displayName = "Obelisk + Tailwind CSS";
+    ios.bundleIdentifier = "systems.obsidian.obelisk.examples.tailwind";
+    ios.bundleName = "Obelisk + Tailwind CSS";
+  })

static/default.nix

@@ -1,36 +1,17 @@
 { pkgs }:
 let
-  # The nixified node project was generated from a package.json file in src using node2nix
-  # See https://github.com/svanderburg/node2nix#using-the-nodejs-environment-in-other-nix-derivations
-  nodePkgs = (pkgs.callPackage ./src {
-    inherit pkgs;
-    nodejs = pkgs.nodejs-12_x;
-  }).shell.nodeDependencies;
-
-  # The frontend source files have to be passed in so that tailwind's purge option works
-  # See https://tailwindcss.com/docs/optimizing-for-production#removing-unused-css
   frontendSrcFiles = ../frontend;
-
-in pkgs.stdenv.mkDerivation {
-  name = "static";
-  src = ./src;
-  buildInputs = [pkgs.nodejs];
-  installPhase = ''
-    mkdir -p $out/css
-    mkdir -p $out/images
-
-    # Setting up the node environment:
-    ln -s ${nodePkgs}/lib/node_modules ./node_modules
-    export PATH="${nodePkgs}/bin:$PATH"
-
-    # We make the frontend haskell source files available here:
-    # This corresponds to the path specified in tailwind.config.js
-    ln -s ${frontendSrcFiles} frontend
-
-    # Run the postcss compiler:
-    postcss css/styles.css -o $out/styles.css
-
-    # We can write other commands to produce more static files as well:
-    cp -r images/* $out/images/
-  '';
-}
+in
+  pkgs.stdenv.mkDerivation {
+    name = "static";
+    src = ./src;
+    buildInputs = [pkgs.haskellPackages.tailwind];
+    installPhase = ''
+      mkdir -p $out/images
+
+      tailwind-run '${frontendSrcFiles}/**/*.hs' --output $out/styles.css
+
+      # We can write other commands to produce more static files as well:
+      cp -r images/* $out/images/
+    '';
+  }