prettier

src/site/SW.yotsuba.Build/CatalogThreadHtml.tsx

@@ -1,25 +1,63 @@
-import h, { hFragment, EscapedHtml } from "../../globals/jsx";
+import h, { hFragment, EscapedHtml } from '../../globals/jsx'
 
 export default function generateCatalogThreadHtml(
-  thread, src, imgClass, data, postCount, fileCount, pageCount, staticPath, gifIcon,
+  thread,
+  src,
+  imgClass,
+  data,
+  postCount,
+  fileCount,
+  pageCount,
+  staticPath,
+  gifIcon,
 ): EscapedHtml {
-  return <>
-    <a class="catalog-link" href={`/${thread.board}/thread/${thread.ID}`}>
-      {imgClass ?
-        <img src={src} class={`catalog-thumb ${imgClass}`} /> :
-        <img src={src} class="catalog-thumb" data-width={data.tn_w} data-height={data.tn_h} />
-      }
-    </a>
-    <div class="catalog-stats">
-      <span title="Posts / Files / Page">
-        <span class={`post-count${data.bumplimit ? ' warning' : ''}`}>{postCount}</span>{' / '}
-        <span class={`file-count${data.imagelimit ? ' warning' : ''}`}>{fileCount}</span>{' / '}
-        <span class="page-count">{pageCount}</span>
-      </span>
-      <span class="catalog-icons">
-        {thread.isSticky ? <img src={`${staticPath}sticky${gifIcon}`} class="stickyIcon" title="Sticky" /> : ''}
-        {thread.isClosed ? <img src={`${staticPath}closed${gifIcon}`} class="closedIcon" title="Closed" /> : ''}
-      </span>
-    </div>
-  </>;
+  return (
+    <>
+      <a class="catalog-link" href={`/${thread.board}/thread/${thread.ID}`}>
+        {imgClass ? (
+          <img src={src} class={`catalog-thumb ${imgClass}`} />
+        ) : (
+          <img
+            src={src}
+            class="catalog-thumb"
+            data-width={data.tn_w}
+            data-height={data.tn_h}
+          />
+        )}
+      </a>
+      <div class="catalog-stats">
+        <span title="Posts / Files / Page">
+          <span class={`post-count${data.bumplimit ? ' warning' : ''}`}>
+            {postCount}
+          </span>
+          {' / '}
+          <span class={`file-count${data.imagelimit ? ' warning' : ''}`}>
+            {fileCount}
+          </span>
+          {' / '}
+          <span class="page-count">{pageCount}</span>
+        </span>
+        <span class="catalog-icons">
+          {thread.isSticky ? (
+            <img
+              src={`${staticPath}sticky${gifIcon}`}
+              class="stickyIcon"
+              title="Sticky"
+            />
+          ) : (
+            ''
+          )}
+          {thread.isClosed ? (
+            <img
+              src={`${staticPath}closed${gifIcon}`}
+              class="closedIcon"
+              title="Closed"
+            />
+          ) : (
+            ''
+          )}
+        </span>
+      </div>
+    </>
+  )
 }

src/site/SW.yotsuba.Build/FileHtml.tsx

@@ -1,49 +1,90 @@
-import h, { EscapedHtml, isEscaped } from "../../globals/jsx";
+import h, { EscapedHtml, isEscaped } from '../../globals/jsx'
 
 export default function generateFileHtml(
-  file, ID, boardID, fileURL, shortFilename, fileThumb, o, staticPath, gifIcon
+  file,
+  ID,
+  boardID,
+  fileURL,
+  shortFilename,
+  fileThumb,
+  o,
+  staticPath,
+  gifIcon,
 ): EscapedHtml {
   if (file) {
-    const fileContent: (EscapedHtml | string)[] = [];
-    if (boardID === "f") {
+    const fileContent: (EscapedHtml | string)[] = []
+    if (boardID === 'f') {
       fileContent.push(
-        <div class="fileInfo" data-md5={file.MD5}><span class="fileText" id={`fT${ID}`}>
-          {'File: '}
-          <a data-width={file.width} data-height={file.height} href={fileURL} target="_blank">{file.name}</a>
-          -({file.size}, {file.dimensions}{file.tag ? ', ' + file.tag : ''})
-        </span></div>
-      );
+        <div class="fileInfo" data-md5={file.MD5}>
+          <span class="fileText" id={`fT${ID}`}>
+            {'File: '}
+            <a
+              data-width={file.width}
+              data-height={file.height}
+              href={fileURL}
+              target="_blank"
+            >
+              {file.name}
+            </a>
+            -({file.size}, {file.dimensions}
+            {file.tag ? ', ' + file.tag : ''})
+          </span>
+        </div>,
+      )
     } else {
       fileContent.push(
-        <div class="fileText" id={`fT${ID}`} title={file.isSpoiler ? file.name : null}>
+        <div
+          class="fileText"
+          id={`fT${ID}`}
+          title={file.isSpoiler ? file.name : null}
+        >
           {'File: '}
-          <a title={file.name === shortFilename || file.isSpoiler ? null : file.name} href={fileURL} target="_blank">
+          <a
+            title={
+              file.name === shortFilename || file.isSpoiler ? null : file.name
+            }
+            href={fileURL}
+            target="_blank"
+          >
             {file.isSpoiler ? 'Spoiler Image' : shortFilename}
           </a>
-          {` (${file.size}, ${file.dimensions || "PDF"})`}
+          {` (${file.size}, ${file.dimensions || 'PDF'})`}
         </div>,
         <a
           class={`fileThumb${file.isSpoiler ? ' imgspoiler' : ''}`}
-          href={fileURL} target="_blank"
+          href={fileURL}
+          target="_blank"
           data-m={file.hasDownscale ? '' : null}
         >
           <img
             src={fileThumb}
             alt={file.size}
             data-md5={file.MD5}
-            style={`height: ${file.isSpoiler ? '100' : file.theight}px; width: ${file.isSpoiler ? '100' : file.twidth}px;`}
+            style={`height: ${
+              file.isSpoiler ? '100' : file.theight
+            }px; width: ${file.isSpoiler ? '100' : file.twidth}px;`}
             loading="lazy"
           />
-        </a>
-      );
+        </a>,
+      )
     }
-    return <div class="file" id={`f${ID}`}>{...fileContent}</div>;
+    return (
+      <div class="file" id={`f${ID}`}>
+        {...fileContent}
+      </div>
+    )
   } else if (o.fileDeleted) {
-    return <div class="file" id={`f${ID}`}>
-      <span class="fileThumb">
-        <img src={`${staticPath}filedeleted-res${gifIcon}`} alt="File deleted." class="fileDeletedRes retina" />
-      </span>
-    </div>;
+    return (
+      <div class="file" id={`f${ID}`}>
+        <span class="fileThumb">
+          <img
+            src={`${staticPath}filedeleted-res${gifIcon}`}
+            alt="File deleted."
+            class="fileDeletedRes retina"
+          />
+        </span>
+      </div>
+    )
   }
-  return { innerHTML: '', [isEscaped]: true };
+  return { innerHTML: '', [isEscaped]: true }
 }

src/site/SW.yotsuba.Build/PostInfoHtml.tsx

@@ -1,24 +1,62 @@
-import { g } from "../../globals/globals";
-import h, { EscapedHtml } from "../../globals/jsx";
+import { g } from '../../globals/globals'
+import h, { EscapedHtml } from '../../globals/jsx'
 
 export default function generatePostInfoHtml(
-  ID, o, subject, capcode, email, name, tripcode, pass, capcodeLC, capcodePlural, staticPath, gifIcon,
-  capcodeDescription, uniqueID, flag, flagCode, flagCodeTroll, dateUTC, dateText, postLink, quoteLink, boardID,
+  ID,
+  o,
+  subject,
+  capcode,
+  email,
+  name,
+  tripcode,
+  pass,
+  capcodeLC,
+  capcodePlural,
+  staticPath,
+  gifIcon,
+  capcodeDescription,
+  uniqueID,
+  flag,
+  flagCode,
+  flagCodeTroll,
+  dateUTC,
+  dateText,
+  postLink,
+  quoteLink,
+  boardID,
   threadID,
 ): EscapedHtml {
-  const nameHtml: (EscapedHtml | string)[] = [<span class={`name${capcode ? ' ' + capcode : ''}`}>{name}</span>];
-  if (tripcode) nameHtml.push(' ', <span class="postertrip">{tripcode}</span>);
-  if (pass) nameHtml.push(' ', <span title={`Pass user since ${pass}`} class="n-pu"></span>)
+  const nameHtml: (EscapedHtml | string)[] = [
+    <span class={`name${capcode ? ' ' + capcode : ''}`}>{name}</span>,
+  ]
+  if (tripcode) nameHtml.push(' ', <span class="postertrip">{tripcode}</span>)
+  if (pass)
+    nameHtml.push(
+      ' ',
+      <span title={`Pass user since ${pass}`} class="n-pu"></span>,
+    )
   if (capcode) {
     nameHtml.push(
       ' ',
-      <strong class={`capcode hand id_${capcodeLC}`} title={`Highlight posts by ${capcodePlural}`}>## {capcode}</strong>
+      <strong
+        class={`capcode hand id_${capcodeLC}`}
+        title={`Highlight posts by ${capcodePlural}`}
+      >
+        ## {capcode}
+      </strong>,
     )
   }
 
-  const nameBlockContent: (EscapedHtml | string)[] =
-    email ? [' ', <a href={`mailto:${email}`} class="useremail">{...nameHtml}</a>] : nameHtml;
-  if (!(boardID === "f" && !o.isReply || capcodeDescription)) nameBlockContent.push(' ');
+  const nameBlockContent: (EscapedHtml | string)[] = email
+    ? [
+        ' ',
+        <a href={`mailto:${email}`} class="useremail">
+          {...nameHtml}
+        </a>,
+      ]
+    : nameHtml
+  if (!((boardID === 'f' && !o.isReply) || capcodeDescription))
+    nameBlockContent.push(' ')
   if (capcodeDescription) {
     nameBlockContent.push(
       <img
@@ -26,66 +64,116 @@ export default function generatePostInfoHtml(
         alt={`${capcode} Icon}`}
         title={`This user is ${capcodeDescription}.`}
         class="identityIcon retina"
-      />
-    );
+      />,
+    )
     if (uniqueID && !capcode) {
       nameBlockContent.push(
         <span class={`posteruid id_${uniqueID}`}>
-          (ID: <span class="hand" title="Highlight posts by this ID">${uniqueID}</span>)
-        </span>
+          (ID:{' '}
+          <span class="hand" title="Highlight posts by this ID">
+            ${uniqueID}
+          </span>
+          )
+        </span>,
       )
     }
   }
-  if (flagCode) nameBlockContent.push(' ', <span title={flag} class={`flag flag-${flagCode.toLowerCase()}`} />);
-  if (flagCodeTroll) nameBlockContent.push(' ', <span title={flag} class={`bfl bfl-${flagCodeTroll.toLowerCase()}`} />);
+  if (flagCode)
+    nameBlockContent.push(
+      ' ',
+      <span title={flag} class={`flag flag-${flagCode.toLowerCase()}`} />,
+    )
+  if (flagCodeTroll)
+    nameBlockContent.push(
+      ' ',
+      <span title={flag} class={`bfl bfl-${flagCodeTroll.toLowerCase()}`} />,
+    )
 
   const postNumContent: (EscapedHtml | string)[] = [
-    <a href={postLink} title="Link to this post">No.</a>,
-    <a href={quoteLink} title="Reply to this post">{ID}</a>,
-  ];
+    <a href={postLink} title="Link to this post">
+      No.
+    </a>,
+    <a href={quoteLink} title="Reply to this post">
+      {ID}
+    </a>,
+  ]
 
   if (o.isSticky) {
-    const src = `${staticPath}sticky${gifIcon}`;
-    postNumContent.push(' ');
-    if (boardID === "f") {
-      postNumContent.push(<img src={src} alt="Sticky" title="Sticky" style="height: 18px; width: 18px;" />);
+    const src = `${staticPath}sticky${gifIcon}`
+    postNumContent.push(' ')
+    if (boardID === 'f') {
+      postNumContent.push(
+        <img
+          src={src}
+          alt="Sticky"
+          title="Sticky"
+          style="height: 18px; width: 18px;"
+        />,
+      )
     } else {
-      postNumContent.push(<img src={src} alt="Sticky" title="Sticky" class="stickyIcon retina" />)
+      postNumContent.push(
+        <img src={src} alt="Sticky" title="Sticky" class="stickyIcon retina" />,
+      )
     }
   }
   if (o.isClosed && !o.isArchived) {
-    postNumContent.push(' ');
+    postNumContent.push(' ')
     const src = `${staticPath}closed${gifIcon}`
-    if (boardID === "f") {
-      postNumContent.push(<img src={src} alt="Closed" title="Closed" style="height: 18px; width: 18px;" />)
+    if (boardID === 'f') {
+      postNumContent.push(
+        <img
+          src={src}
+          alt="Closed"
+          title="Closed"
+          style="height: 18px; width: 18px;"
+        />,
+      )
     } else {
-      postNumContent.push(<img src={src} alt="Closed" title="Closed" class="closedIcon retina" />)
+      postNumContent.push(
+        <img src={src} alt="Closed" title="Closed" class="closedIcon retina" />,
+      )
     }
   }
   if (o.isArchived) {
     postNumContent.push(
       ' ',
-      <img src={`${staticPath}archived${gifIcon}`} alt="Archived" title="Archived" class="archivedIcon retina" />
+      <img
+        src={`${staticPath}archived${gifIcon}`}
+        alt="Archived"
+        title="Archived"
+        class="archivedIcon retina"
+      />,
     )
   }
-  if (!o.isReply && g.VIEW === "index") {
+  if (!o.isReply && g.VIEW === 'index') {
     // \u00A0 is nbsp
     postNumContent.push(' \u00A0 ')
-    postNumContent.push(<span>[<a href={`/${boardID}/thread/${threadID}`} class="replylink">Reply</a>]</span>)
+    postNumContent.push(
+      <span>
+        [
+        <a href={`/${boardID}/thread/${threadID}`} class="replylink">
+          Reply
+        </a>
+        ]
+      </span>,
+    )
   }
 
-  return <div class="postInfo desktop" id={`pi${ID}`}>
-    <input type="checkbox" name={ID} value="delete" />
-    {' '}
-    {...((!o.isReply || boardID === "f" || subject) ? [<span class="subject">{subject}</span>, ' '] : [])}
-    <span class={`nameBlock${capcode || ''}`}>
-      {...nameBlockContent}
-    </span>
-    {' '}
-    <span class="dateTime" data-utc={dateUTC}>{dateText}</span>
-    {' '}
-    <span class={`postNum${!(boardID === " f" && !o.isReply) ? ' desktop' : ''}`} >
-      {...postNumContent}
-    </span>
-  </div>;
+  return (
+    <div class="postInfo desktop" id={`pi${ID}`}>
+      <input type="checkbox" name={ID} value="delete" />{' '}
+      {...!o.isReply || boardID === 'f' || subject
+        ? [<span class="subject">{subject}</span>, ' ']
+        : []}
+      <span class={`nameBlock${capcode || ''}`}>{...nameBlockContent}</span>{' '}
+      <span class="dateTime" data-utc={dateUTC}>
+        {dateText}
+      </span>{' '}
+      <span
+        class={`postNum${!(boardID === ' f' && !o.isReply) ? ' desktop' : ''}`}
+      >
+        {...postNumContent}
+      </span>
+    </div>
+  )
 }