format

flake.nix

@@ -20,8 +20,7 @@
     style = nixite.style;
 
     packages.${system} = {
-      default = 
+      default = nixite.mkSite (nixite.site.applyStyle ./testing/src/style.css {
-        nixite.mkSite (nixite.site.applyStyle ./testing/src/style.css {
         "index.html" = with nixite.elems; (doc
           [
             (title "Nixite")

nixite/style.nix

@@ -2,38 +2,48 @@ let
   html = import ./html.nix;
 
   join = {
-    __functor = self: new: self // new //
+    __functor = self: new:
-      { style = self.style + new.style; };
+      self
+      // new
+      // {style = self.style + new.style;};
   };
 
   mkStyle = identifier: styles: ''
     ${identifier} {
       ${toString (builtins.attrValues (
-          builtins.mapAttrs (key: value:
+      builtins.mapAttrs (
-            ''${key}: ${value};''
+        key: value: ''${key}: ${value};''
-          ) styles
+      )
+      styles
     ))}
     }
   '';
 
-  mkIdentifier = tag: { class ? [], id ? "", ... }: "${tag}"
+  mkIdentifier = tag: {
+    class ? [],
+    id ? "",
+    ...
+  }:
+    "${tag}"
     + builtins.concatStringsSep "" (map (c: "." + c) class)
-  + ( if id != "" then "#" else "" ) + id;
+    + (
-
+      if id != ""
-in
+      then "#"
+      else ""
+    )
+    + id;
+in {
+  styled = name: tag: cprops: styles:
     {
-  styled = name: tag: cprops: styles: {
+      ${name} = props: child: (html.tag tag (props // cprops) child);
-
-    ${name} = props: child:
-      (html.tag tag (props // cprops) child);
 
       style = mkStyle (mkIdentifier tag cprops) styles;
-
+    }
-  } // join;
+    // join;
-
+
-  style = identifier: styles: {
+  style = identifier: styles:
-
+    {
-    style = mkStyle identifier styles;
+      style = mkStyle identifier styles;
-
+    }
-  } // join;
+    // join;
 }

testing/style.test.nix

@@ -10,7 +10,10 @@ let
     (style.styled "div" "div" {class = ["something"];} {
       this = "that";
     })
-    (style.styled "s" "div" { id = "s"; class = ["something"]; } {
+    (style.styled "s" "div" {
+        id = "s";
+        class = ["something"];
+      } {
         s = "yes";
       })
     (style.styled "foobar" "div" {class = ["foo" "bar"];} {
@@ -19,29 +22,34 @@ let
     (style.style "body" {
       foo = "bar";
     });
-
 in [
-    (it "makes a p component" ({
+  (it "makes a p component" {
-      expected = (html.tag "p" {} "yes");
+    expected = html.tag "p" {} "yes";
     actual = my.p {} "yes";
-    }))
+  })
-    (it "makes a component" ({
+  (it "makes a component" {
-      expected = (html.tag "div" { class = ["something"]; } "foobar");
+    expected = html.tag "div" {class = ["something"];} "foobar";
     actual = my.div {} "foobar";
-    }))
+  })
-    (it "makes special components" ({
+  (it "makes special components" {
-      expected = (html.tag "div" { id = "s"; class = ["something"]; } "foobar");
+    expected = html.tag "div" {
+      id = "s";
+      class = ["something"];
+    } "foobar";
     actual = my.s {} "foobar";
-    }))
+  })
-    (it "works on many classes" ({
+  (it "works on many classes" {
-      expected = (html.tag "div" { class = ["foo" "bar"]; } "foobar");
+    expected = html.tag "div" {class = ["foo" "bar"];} "foobar";
     actual = my.foobar {} "foobar";
-    }))
+  })
-    (it "combines attrs" ({
+  (it "combines attrs" {
-      expected = (html.tag "div" { id = "foo"; class = ["something"]; } "foobar");
+    expected = html.tag "div" {
+      id = "foo";
+      class = ["something"];
+    } "foobar";
     actual = my.div {id = "foo";} "foobar";
-    }))
+  })
-    (it "makes a style" ({
+  (it "makes a style" {
     expected = ''
       p {
         some-style: some value;
@@ -60,5 +68,5 @@ in [
       }
     '';
     actual = my.style;
-    }))
+  })
 ]