build: add pnpm + nodejs

Author: drainpixie

flake.nix

@@ -113,13 +113,13 @@
 						pkgs.mkShell {
 							buildInputs = check.enabledPackages;
 
-							packages = [
-								virtualenv
-								pkgs.nodePackages_latest.prettier
-								pkgs.git-cliff
-								pkgs.typos
-								pkgs.uv
-							];
+							packages =
+								builtins.attrValues {
+									inherit virtualenv;
+
+									inherit (pkgs) git-cliff typos uv nodejs;
+									inherit (pkgs.nodePackages) pnpm prettier;
+								};
 
 							env = {
 								UV_NO_SYNC = "1";

website/help.html

@@ -14,6 +14,7 @@ <h1>Proselint</h1>
       </p>
 
       <h2>Install</h2>
+
       <div>
         <p>Via <em>Pip</em></p>
         <pre><code><span class="blue">pip</span> <span class="purple">install</span> <span class="green">proselint</span></code></pre>
@@ -52,6 +53,7 @@ <h2>Install</h2>
 
       <h2>Configuration</h2>
       <p>The default configuration is:</p>
+
       <pre><code>{
     <span class="blue">"max_errors"</span>: <span class="green">1000</span>,
     <span class="blue">"checks"</span>: {
@@ -104,17 +106,17 @@ <h2>Configuration</h2>
     <span class="blue">"checks.typography.symbols.curly_quotes"</span>: <span class="red">false</span>
 }</code></pre>
 
-
       <h2>Wire Output</h2>
+
       <p>
         <em>Proselint</em> supports structured output for programmatic usage
         with the <code>--output-format json</code> flag, like so:
-
-        <pre><code><span class="blue">proselint</span> <span class="purple">--output-format</span> <span class="green">json</span> syllabus.md</code></pre>
       </p>
 
+      <pre><code><span class="blue">proselint</span> <span class="purple">--output-format</span> <span class="green">json</span> syllabus.md</code></pre>
 
       <p>The output schema is:</p>
+
       <pre><code><span class="purple">enum</span> <span class="blue">ErrorCode</span> {
     <span class="green">Unknown</span> = -31999,
     <span class="green">FileError</span> = -31998,
@@ -148,8 +150,16 @@ <h2>Wire Output</h2>
     <span class="green">error</span>?: ResponseError;
 }</code></pre>
 
-      <p>Every invocation of <em>proselint</em> produces exactly one <code>ProselintOutput</code> object. Both <code>ProselintOutput</code> and <code>FileOutput</code> are tagged unions. <br /> <br />
-      This means that <code>ProselintOutput</code> will always contain one of <code>result</code> or <code>error</code>, but never both, and the same applies to <code>diagnostics</code> and <code>error</code> for <code>FileOutput</code>.</p>
+      <p>
+        Every invocation of <em>proselint</em> produces exactly one
+        <code>ProselintOutput</code> object. Both
+        <code>ProselintOutput</code> and <code>FileOutput</code> are tagged
+        unions. <br /><br />
+        This means that <code>ProselintOutput</code> will always contain one of
+        <code>result</code> or <code>error</code>, but never both, and the same
+        applies to <code>diagnostics</code> and <code>error</code> for
+        <code>FileOutput</code>.
+      </p>
     </main>
 
     <footer>

website/reset.css

@@ -14,14 +14,22 @@ html {
 }
 
 /* Remove default margin in favour of better control in authored CSS */
-body, h1, h2, h3, h4, p,
-figure, blockquote, dl, dd {
+body,
+h1,
+h2,
+h3,
+h4,
+p,
+figure,
+blockquote,
+dl,
+dd {
   margin-block-end: 0;
 }
 
 /* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
-ul[role='list'],
-ol[role='list'] {
+ul[role="list"],
+ol[role="list"] {
   list-style: none;
 }
 
@@ -32,14 +40,21 @@ body {
 }
 
 /* Set shorter line heights on headings and interactive elements */
-h1, h2, h3, h4,
-button, input, label {
+h1,
+h2,
+h3,
+h4,
+button,
+input,
+label {
   line-height: 1.1;
 }
 
 /* Balance text wrapping on headings */
-h1, h2,
-h3, h4 {
+h1,
+h2,
+h3,
+h4 {
   text-wrap: balance;
 }
 
@@ -57,8 +72,10 @@ picture {
 }
 
 /* Inherit fonts for inputs and buttons */
-input, button,
-textarea, select {
+input,
+button,
+textarea,
+select {
   font-family: inherit;
   font-size: inherit;
 }

website/styles.css

@@ -1,13 +1,16 @@
 @import "./reset.css";
 
 body {
-  font-family: "Georgia", "Iowan Old Style", "Palatino Linotype", "Times New Roman", serif;
+  font-family:
+    "Georgia", "Iowan Old Style", "Palatino Linotype", "Times New Roman", serif;
   line-height: 1.65;
   color: #171717;
   background-color: #fafafa;
 }
 
-h1, h2, h3 {
+h1,
+h2,
+h3 {
   font-family: "Merriweather", "Georgia", serif;
 }
 
@@ -36,8 +39,8 @@ p {
   font-size: 1.125rem;
   color: #404040;
 
-  margin-top: .3rem !important;
-  margin-bottom: .8rem !important;
+  margin-top: 0.3rem !important;
+  margin-bottom: 0.8rem !important;
 }
 
 p.sm {
@@ -123,7 +126,6 @@ code .amber {
   color: #f59e0b;
 }
 
-
 textarea {
   width: 100%;
   border: 1px solid #d4d4d4;