From 9099004db290e409ffea07789a7dbdcbdc54b37e Mon Sep 17 00:00:00 2001
From: jiftechnify <jiftech.stlfy@gmail.com>
Date: Tue, 9 Jan 2024 00:56:47 +0900
Subject: [PATCH] format

---
 package.json                             |  7 +++-
 src/components/CopyNeventsButton.tsx     | 16 ++-----
 src/components/CopyToClipboardButton.tsx | 24 ++---------
 src/components/HiddenMenu.tsx            | 14 +------
 src/components/LoginPane.tsx             | 10 +----
 src/components/Post.tsx                  | 25 ++---------
 src/components/PostTimeline.tsx          | 18 ++------
 src/components/WaybackQueryForm.tsx      | 53 +++++++-----------------
 src/main.tsx                             |  2 +-
 src/nostr/EventFetcher.ts                | 49 +++++++---------------
 src/nostr/ProfileParser.ts               | 14 ++-----
 src/states/Posts.ts                      | 26 ++++--------
 src/states/Profiles.ts                   |  9 ++--
 src/states/WaybackQuery.ts               |  2 +-
 src/types/TimeUnit.ts                    |  3 +-
 src/types/WaybackQuery.ts                | 49 +++++-----------------
 16 files changed, 79 insertions(+), 242 deletions(-)

diff --git a/package.json b/package.json
index 2bcacb8..e6bb83c 100644
--- a/package.json
+++ b/package.json
@@ -12,10 +12,10 @@
     "preview": "vite preview",
     "tsc": "tsc --noEmit",
     "lint": "run-p tsc lint:*",
-    "lint:format": "prettier --check --loglevel warn src/**/*.{js,jsx,ts,tsx,css}",
+    "lint:format": "prettier --check --log-level warn src/**/*.{js,jsx,ts,tsx,css}",
     "lint:js": "eslint --max-warnings 0 src/",
     "fix": "run-s fix:*",
-    "fix:format": "prettier --write --loglevel warn src/**/*.{js,jsx,ts,tsx,css}",
+    "fix:format": "prettier --write --log-level warn src/**/*.{js,jsx,ts,tsx,css}",
     "fix:js": "eslint --fix src/",
     "exec-ts": "node --loader esbuild-register/loader -r esbuild-register"
   },
@@ -56,5 +56,8 @@
     "typescript": "^5.3.3",
     "vite": "^4.4.9",
     "vite-plugin-babel": "^1.2.0"
+  },
+  "prettier": {
+    "printWidth": 120
   }
 }
diff --git a/src/components/CopyNeventsButton.tsx b/src/components/CopyNeventsButton.tsx
index 61485cf..91e2061 100644
--- a/src/components/CopyNeventsButton.tsx
+++ b/src/components/CopyNeventsButton.tsx
@@ -1,23 +1,13 @@
 import { CopyIcon } from "@chakra-ui/icons";
-import {
-  IconButton,
-  IconButtonProps,
-  Tooltip,
-  useClipboard,
-} from "@chakra-ui/react";
+import { IconButton, IconButtonProps, Tooltip, useClipboard } from "@chakra-ui/react";
 import { neventEncode } from "nostr-tools/nip19";
 import { clearPostSelection, useSelectedPostIds } from "../states/Posts";
 
-type CopyNeventsButtonProps = Omit<
-  IconButtonProps,
-  "aria-label" | "icon" | "onClick"
->;
+type CopyNeventsButtonProps = Omit<IconButtonProps, "aria-label" | "icon" | "onClick">;
 
 export const CopyNeventsButton: React.FC<CopyNeventsButtonProps> = (props) => {
   const selectedIds = useSelectedPostIds("created-at-asc");
-  const lineSeparatedIds = selectedIds
-    .map((id) => neventEncode({ id }))
-    .join("\n");
+  const lineSeparatedIds = selectedIds.map((id) => neventEncode({ id })).join("\n");
   const { onCopy } = useClipboard(lineSeparatedIds);
 
   return selectedIds.length > 0 ? (
diff --git a/src/components/CopyToClipboardButton.tsx b/src/components/CopyToClipboardButton.tsx
index e4da493..a12e3d7 100644
--- a/src/components/CopyToClipboardButton.tsx
+++ b/src/components/CopyToClipboardButton.tsx
@@ -1,10 +1,5 @@
 import { CheckIcon, CopyIcon } from "@chakra-ui/icons";
-import {
-  Box,
-  PlacementWithLogical,
-  Tooltip,
-  useClipboard,
-} from "@chakra-ui/react";
+import { Box, PlacementWithLogical, Tooltip, useClipboard } from "@chakra-ui/react";
 
 type TooltipProps = {
   label: string;
@@ -17,27 +12,16 @@ type CopyToClipboardButtonProps = {
   children?: React.ReactNode;
 };
 
-export const CopyToClipboardButton: React.FC<CopyToClipboardButtonProps> = ({
-  valueToCopy,
-  tooltip,
-  children,
-}) => {
+export const CopyToClipboardButton: React.FC<CopyToClipboardButtonProps> = ({ valueToCopy, tooltip, children }) => {
   const { onCopy, hasCopied } = useClipboard(valueToCopy, 500);
   const body = (
     <Box role="button" aria-label="copy share URL" onClick={onCopy}>
-      {hasCopied ? (
-        <CheckIcon color="green.300" />
-      ) : (
-        children ?? <CopyIcon color="gray.500" />
-      )}
+      {hasCopied ? <CheckIcon color="green.300" /> : children ?? <CopyIcon color="gray.500" />}
     </Box>
   );
 
   return tooltip ? (
-    <Tooltip
-      label={hasCopied ? "" : tooltip.label}
-      placement={tooltip.placement}
-    >
+    <Tooltip label={hasCopied ? "" : tooltip.label} placement={tooltip.placement}>
       {body}
     </Tooltip>
   ) : (
diff --git a/src/components/HiddenMenu.tsx b/src/components/HiddenMenu.tsx
index 8830b8d..0681e97 100644
--- a/src/components/HiddenMenu.tsx
+++ b/src/components/HiddenMenu.tsx
@@ -1,12 +1,4 @@
-import {
-  Button,
-  Menu,
-  MenuButton,
-  MenuGroup,
-  MenuItemOption,
-  MenuList,
-  MenuOptionGroup,
-} from "@chakra-ui/react";
+import { Button, Menu, MenuButton, MenuGroup, MenuItemOption, MenuList, MenuOptionGroup } from "@chakra-ui/react";
 import { useAtom } from "jotai";
 import { PostDisplayMode, postDisplayModeAtom } from "../states/Config";
 
@@ -27,9 +19,7 @@ export const HiddenMenu = () => {
           onChange={(v) => setPostDispMode(v as PostDisplayMode)}
         >
           <MenuItemOption value="normal">Normal</MenuItemOption>
-          <MenuItemOption value="pubkey-hex-color">
-            Pubkey Hex Color Icon
-          </MenuItemOption>
+          <MenuItemOption value="pubkey-hex-color">Pubkey Hex Color Icon</MenuItemOption>
         </MenuOptionGroup>
       </MenuList>
     </Menu>
diff --git a/src/components/LoginPane.tsx b/src/components/LoginPane.tsx
index 62c2b15..9149290 100644
--- a/src/components/LoginPane.tsx
+++ b/src/components/LoginPane.tsx
@@ -1,12 +1,4 @@
-import {
-  Alert,
-  AlertIcon,
-  AlertTitle,
-  Button,
-  Center,
-  HStack,
-  Text,
-} from "@chakra-ui/react";
+import { Alert, AlertIcon, AlertTitle, Button, Center, HStack, Text } from "@chakra-ui/react";
 import { useAtomValue, useSetAtom } from "jotai";
 import { nip07ExtAtom } from "../states/Nip07Ext";
 import { myPubkeyAtom } from "../states/Profiles";
diff --git a/src/components/Post.tsx b/src/components/Post.tsx
index e614ee9..ea74f4f 100644
--- a/src/components/Post.tsx
+++ b/src/components/Post.tsx
@@ -1,14 +1,5 @@
 import { ExternalLinkIcon } from "@chakra-ui/icons";
-import {
-  Avatar,
-  Box,
-  Card,
-  Grid,
-  GridItem,
-  HStack,
-  Text,
-  Tooltip,
-} from "@chakra-ui/react";
+import { Avatar, Box, Card, Grid, GridItem, HStack, Text, Tooltip } from "@chakra-ui/react";
 import { format, fromUnixTime } from "date-fns";
 import { atom, useAtom, useAtomValue } from "jotai";
 import { neventEncode, noteEncode, npubEncode } from "nostr-tools/nip19";
@@ -32,9 +23,7 @@ type PostProps = {
 export const Post: React.FC<PostProps> = ({ id }) => {
   const post = usePost(id);
   const [isSelected, toggleSelection] = useAtom(postSelectionAtomFamily(id));
-  const profile = useAtomValue(
-    post ? profileAtomFamily(post.pubkey) : undefAtom
-  );
+  const profile = useAtomValue(post ? profileAtomFamily(post.pubkey) : undefAtom);
   const noteId = post?.id ? noteEncode(post.id) : undefined;
   const nevent = post?.id ? neventEncode({ id: post.id }) : undefined;
 
@@ -70,9 +59,7 @@ export const Post: React.FC<PostProps> = ({ id }) => {
           <Text whiteSpace="pre-wrap">{post.content}</Text>
         </GridItem>
         <GridItem area="date" justifySelf="end">
-          <Text color="gray.600">
-            {format(fromUnixTime(post.created_at), "M/d HH:mm:ss")}
-          </Text>
+          <Text color="gray.600">{format(fromUnixTime(post.created_at), "M/d HH:mm:ss")}</Text>
         </GridItem>
       </Grid>
       <HStack position="absolute" top="11px" left="800px" px={2}>
@@ -154,11 +141,7 @@ const OpenViaNosTxButton: React.FC<OpenViaNosTxButtonProps> = ({ noteId }) => {
 
   return (
     <Tooltip label="NosTx経由で開く">
-      <Box
-        role="button"
-        aria-label="open the note via NosTx"
-        onClick={handleClick}
-      >
+      <Box role="button" aria-label="open the note via NosTx" onClick={handleClick}>
         <ExternalLinkIcon color="gray.500" />
       </Box>
     </Tooltip>
diff --git a/src/components/PostTimeline.tsx b/src/components/PostTimeline.tsx
index 3264870..49df2df 100644
--- a/src/components/PostTimeline.tsx
+++ b/src/components/PostTimeline.tsx
@@ -2,10 +2,7 @@ import { LinkIcon } from "@chakra-ui/icons";
 import { Box, Flex, HStack, Text } from "@chakra-ui/react";
 import { useAtomValue } from "jotai";
 import { PostQuery, usePostIds } from "../states/Posts";
-import {
-  useOngoingWaybackQuery,
-  waybackQueryInputsAtom,
-} from "../states/WaybackQuery";
+import { useOngoingWaybackQuery, waybackQueryInputsAtom } from "../states/WaybackQuery";
 import { WaybackQuery, WaybackQueryInputs } from "../types/WaybackQuery";
 import { CopyNeventsButton } from "./CopyNeventsButton";
 import { CopyToClipboardButton } from "./CopyToClipboardButton";
@@ -15,9 +12,7 @@ type PostTimelineProps = {
   postQuery: PostQuery;
 };
 
-const shareLinkFromQueryInputs = (
-  qin: WaybackQueryInputs | undefined
-): string => {
+const shareLinkFromQueryInputs = (qin: WaybackQueryInputs | undefined): string => {
   const url = new URL(location.href);
   if (qin) {
     url.search = WaybackQueryInputs.toURLQuery(qin);
@@ -54,14 +49,7 @@ export const PostTimeline: React.FC<PostTimelineProps> = ({ postQuery }) => {
       {postIds.map((id) => (
         <Post key={id} id={id} />
       ))}
-      <CopyNeventsButton
-        position="fixed"
-        bottom="16px"
-        ml="876px"
-        size="lg"
-        colorScheme="purple"
-        isRound
-      />
+      <CopyNeventsButton position="fixed" bottom="16px" ml="876px" size="lg" colorScheme="purple" isRound />
     </Flex>
   );
 };
diff --git a/src/components/WaybackQueryForm.tsx b/src/components/WaybackQueryForm.tsx
index 3b6648b..f23ea18 100644
--- a/src/components/WaybackQueryForm.tsx
+++ b/src/components/WaybackQueryForm.tsx
@@ -18,14 +18,7 @@ import {
   VStack,
 } from "@chakra-ui/react";
 import { SingleDatepicker } from "chakra-dayzed-datepicker";
-import {
-  addMinutes,
-  differenceInMilliseconds,
-  format,
-  getUnixTime,
-  startOfMinute,
-  subHours,
-} from "date-fns";
+import { addMinutes, differenceInMilliseconds, format, getUnixTime, startOfMinute, subHours } from "date-fns";
 import { useSetAtom } from "jotai";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { waybackQueryInputsAtom } from "../states/WaybackQuery";
@@ -35,9 +28,7 @@ import { WaybackQuery, WaybackQueryInputs } from "../types/WaybackQuery";
 const getNow = () => new Date();
 
 const jaDayNames = "日月火水木金土".split("");
-const jaMonthNames = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12].map(
-  (i) => `${i}月`
-);
+const jaMonthNames = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12].map((i) => `${i}月`);
 
 const formatQueryFromInputs = (i: WaybackQueryInputs | undefined): string => {
   if (i === undefined) {
@@ -85,11 +76,7 @@ export const WaybackQueryForm: React.FC = () => {
         </TabPanels>
       </Tabs>
       <Text>{formatQueryFromInputs(queryInputs)}</Text>
-      <Button
-        colorScheme="purple"
-        onClick={handleClickWayback}
-        isDisabled={queryInputs === undefined}
-      >
+      <Button colorScheme="purple" onClick={handleClickWayback} isDisabled={queryInputs === undefined}>
         <HStack>
           <RepeatClockIcon />
           <Text>遡る</Text>
@@ -108,9 +95,7 @@ const durTimeUnitLabels: Record<TimeUnit, string> = {
 const useSinceAndDurForm = () => {
   const now = getNow();
   const [sinceDate, setSinceDate] = useState<Date>(subHours(now, 1));
-  const [sinceTime, setSinceTime] = useState<string>(
-    format(subHours(now, 1), "HH:mm")
-  );
+  const [sinceTime, setSinceTime] = useState<string>(format(subHours(now, 1), "HH:mm"));
   const [durationValue, setDurationValue] = useState<number>(1);
   const [durationUnit, setDurationUnit] = useState<TimeUnit>("hours");
 
@@ -139,12 +124,7 @@ const useSinceAndDurForm = () => {
           inputProps: { w: "140px" },
         }}
       />
-      <Input
-        type="time"
-        value={sinceTime}
-        onChange={(e) => setSinceTime(e.target.value)}
-        w="120px"
-      />
+      <Input type="time" value={sinceTime} onChange={(e) => setSinceTime(e.target.value)} w="120px" />
       <Text minW="2em">から</Text>
       <NumberInput
         min={0}
@@ -160,11 +140,7 @@ const useSinceAndDurForm = () => {
           <NumberDecrementStepper />
         </NumberInputStepper>
       </NumberInput>
-      <Select
-        value={durationUnit}
-        onChange={(e) => setDurationUnit(e.target.value as TimeUnit)}
-        w="fit-content"
-      >
+      <Select value={durationUnit} onChange={(e) => setDurationUnit(e.target.value as TimeUnit)} w="fit-content">
         {Object.entries(durTimeUnitLabels).map(([unit, label]) => (
           <option key={unit} value={unit}>
             {label}
@@ -217,11 +193,7 @@ const useUntilNowForm = () => {
           <NumberDecrementStepper />
         </NumberInputStepper>
       </NumberInput>
-      <Select
-        w="fit-content"
-        value={durationUnit}
-        onChange={(e) => setDurationUnit(e.target.value as TimeUnit)}
-      >
+      <Select w="fit-content" value={durationUnit} onChange={(e) => setDurationUnit(e.target.value as TimeUnit)}>
         {Object.entries(agoTimeUnitLabels).map(([unit, label]) => (
           <option key={unit} value={unit}>
             {label}
@@ -248,10 +220,13 @@ const useTickOnStartOfMinute = () => {
     const currTime = getNow();
     const nextTickTime = startOfMinute(addMinutes(currTime, 1));
 
-    timer.current = setTimeout(() => {
-      setTimestamp(getUnixTime(getNow()));
-      setNextTick();
-    }, differenceInMilliseconds(nextTickTime, currTime));
+    timer.current = setTimeout(
+      () => {
+        setTimestamp(getUnixTime(getNow()));
+        setNextTick();
+      },
+      differenceInMilliseconds(nextTickTime, currTime),
+    );
   }, []);
 
   useEffect(() => {
diff --git a/src/main.tsx b/src/main.tsx
index 78ccc1a..3dfca66 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -12,5 +12,5 @@ ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
       {/* <DevTools /> */}
       <App />
     </ChakraProvider>
-  </React.StrictMode>
+  </React.StrictMode>,
 );
diff --git a/src/nostr/EventFetcher.ts b/src/nostr/EventFetcher.ts
index 4cc1b87..5da3a3f 100644
--- a/src/nostr/EventFetcher.ts
+++ b/src/nostr/EventFetcher.ts
@@ -1,19 +1,11 @@
-import {
-  eventKind,
-  FetchTimeRangeFilter,
-  NostrEvent,
-  NostrFetcher,
-} from "nostr-fetch";
+import { eventKind, FetchTimeRangeFilter, NostrEvent, NostrFetcher } from "nostr-fetch";
 import type { NostrProfileWithMeta } from "../types/NostrProfile";
 import type { RelayList } from "../types/RelayList";
 import { parseNostrProfile } from "./ProfileParser";
 
 const fetcher = NostrFetcher.init({ minLogLevel: "info" });
 
-const bootstrapRelays = [
-  "wss://relay-jp.nostr.wirednet.jp",
-  "wss://relay.damus.io",
-];
+const bootstrapRelays = ["wss://relay-jp.nostr.wirednet.jp", "wss://relay.damus.io"];
 
 export class EventFetcher {
   private static withBootstraps(relayUrls: string[]) {
@@ -22,7 +14,7 @@ export class EventFetcher {
 
   public static async fetchSingleProfile(
     pubkey: string,
-    relayUrls: string[]
+    relayUrls: string[],
   ): Promise<NostrProfileWithMeta | undefined> {
     const ev = await fetcher.fetchLastEvent(this.withBootstraps(relayUrls), {
       authors: [pubkey],
@@ -33,19 +25,14 @@ export class EventFetcher {
     }
 
     const profile = parseNostrProfile(ev.content);
-    return profile
-      ? { ...profile, pubkey: ev.pubkey, created_at: ev.created_at }
-      : undefined;
+    return profile ? { ...profile, pubkey: ev.pubkey, created_at: ev.created_at } : undefined;
   }
 
-  public static async *fetchProfiles(
-    pubkeys: string[],
-    relayUrls: string[]
-  ): AsyncIterable<NostrProfileWithMeta> {
+  public static async *fetchProfiles(pubkeys: string[], relayUrls: string[]): AsyncIterable<NostrProfileWithMeta> {
     const evIter = fetcher.allEventsIterator(
       this.withBootstraps(relayUrls),
       { authors: pubkeys, kinds: [eventKind.metadata] },
-      {}
+      {},
     );
 
     for await (const ev of evIter) {
@@ -59,22 +46,18 @@ export class EventFetcher {
 
   public static async fetchFollowAndRelayList(
     pubkey: string,
-    relayUrls: string[]
+    relayUrls: string[],
   ): Promise<{ followList: string[]; relayList: RelayList }> {
     const [k3, k10002] = await Promise.all(
       [eventKind.contacts, eventKind.relayList].map(async (kind) =>
         fetcher.fetchLastEvent(this.withBootstraps(relayUrls), {
           authors: [pubkey],
           kinds: [kind],
-        })
-      )
+        }),
+      ),
     );
 
-    const followList = k3
-      ? k3.tags
-          .filter((t) => t.length >= 2 && t[0] === "p")
-          .map((t) => t[1] as string)
-      : [];
+    const followList = k3 ? k3.tags.filter((t) => t.length >= 2 && t[0] === "p").map((t) => t[1] as string) : [];
 
     const relayList = parseRelayList([k3, k10002]);
 
@@ -84,12 +67,12 @@ export class EventFetcher {
   public static async *fetchTextNotes(
     pubkeys: string[],
     timeRangeFilter: FetchTimeRangeFilter,
-    relayUrls: string[]
+    relayUrls: string[],
   ): AsyncIterable<NostrEvent> {
     const evIter = fetcher.allEventsIterator(
       this.withBootstraps(relayUrls),
       { authors: pubkeys, kinds: [eventKind.text] },
-      timeRangeFilter
+      timeRangeFilter,
     );
     for await (const ev of evIter) {
       if (ev.kind === eventKind.text) {
@@ -100,15 +83,11 @@ export class EventFetcher {
 }
 
 const parseRelayList = (evs: (NostrEvent | undefined)[]): RelayList => {
-  const relayListEvs = evs.filter(
-    (ev): ev is NostrEvent => ev !== undefined && [3, 10002].includes(ev.kind)
-  );
+  const relayListEvs = evs.filter((ev): ev is NostrEvent => ev !== undefined && [3, 10002].includes(ev.kind));
   if (relayListEvs.length === 0) {
     return {};
   }
-  const latest = relayListEvs.sort(
-    (a, b) => b.created_at - a.created_at
-  )[0] as NostrEvent;
+  const latest = relayListEvs.sort((a, b) => b.created_at - a.created_at)[0] as NostrEvent;
   switch (latest.kind) {
     case eventKind.contacts:
       return parseRelayListInKind3(latest);
diff --git a/src/nostr/ProfileParser.ts b/src/nostr/ProfileParser.ts
index 626280c..087c72b 100644
--- a/src/nostr/ProfileParser.ts
+++ b/src/nostr/ProfileParser.ts
@@ -1,9 +1,6 @@
 import type { NostrProfile } from "../types/NostrProfile";
 
-const pullOutStringProp = (
-  r: Record<string, unknown>,
-  keyCandidates: string[]
-): string | undefined => {
+const pullOutStringProp = (r: Record<string, unknown>, keyCandidates: string[]): string | undefined => {
   const candidates: unknown[] = [];
   for (const k of keyCandidates) {
     candidates.push(r[k]);
@@ -17,9 +14,7 @@ const pullOutStringProp = (
   return undefined;
 };
 
-export const parseNostrProfile = (
-  k0Content: string
-): NostrProfile | undefined => {
+export const parseNostrProfile = (k0Content: string): NostrProfile | undefined => {
   try {
     const j = JSON.parse(k0Content) as unknown;
     if (typeof j !== "object" || j === null || Array.isArray(j)) {
@@ -37,10 +32,7 @@ export const parseNostrProfile = (
     };
     return { ...knownProps, ...r };
   } catch {
-    console.error(
-      "parseNostrProfile: failed to parse kind 0 content as profile",
-      k0Content
-    );
+    console.error("parseNostrProfile: failed to parse kind 0 content as profile", k0Content);
     return undefined;
   }
 };
diff --git a/src/states/Posts.ts b/src/states/Posts.ts
index f3e29bf..f9017f3 100644
--- a/src/states/Posts.ts
+++ b/src/states/Posts.ts
@@ -34,15 +34,13 @@ const postAtomFamily = atomFamily((eventId: string) =>
         copied.delete(id);
         set(postsAtom, copied);
       }
-    }
-  )
+    },
+  ),
 );
 
 export type PostOrder = "created-at-desc" | "created-at-asc";
 
-const comparePostsFn = (
-  order: PostOrder
-): ((a: NostrEvent, b: NostrEvent) => number) => {
+const comparePostsFn = (order: PostOrder): ((a: NostrEvent, b: NostrEvent) => number) => {
   switch (order) {
     case "created-at-desc":
       return (a, b) => b.created_at - a.created_at;
@@ -89,15 +87,9 @@ export const clearPosts = () => {
 
 export const startFetchingPosts = async (waybackQuery: WaybackQuery) => {
   const myData = await store.get(myDataAtom);
-  const readRelays = myData?.relayList
-    ? getReadRelays(myData.relayList)
-    : undefined;
-
-  if (
-    myData.pubkey === "" ||
-    myData.followList === undefined ||
-    readRelays === undefined
-  ) {
+  const readRelays = myData?.relayList ? getReadRelays(myData.relayList) : undefined;
+
+  if (myData.pubkey === "" || myData.followList === undefined || readRelays === undefined) {
     return;
   }
 
@@ -107,7 +99,7 @@ export const startFetchingPosts = async (waybackQuery: WaybackQuery) => {
   for await (const ev of EventFetcher.fetchTextNotes(
     dedup([...myData.followList, myData.pubkey]),
     waybackQuery,
-    readRelays
+    readRelays,
   )) {
     const { id } = ev;
     const setterAtom = postAtomFamily(id);
@@ -146,8 +138,8 @@ export const postSelectionAtomFamily = atomFamily((id: string) =>
         copied.add(id);
       }
       set(selectedPostIdSetAtom, copied);
-    }
-  )
+    },
+  ),
 );
 
 const selectedPostsOrderAtom = atom<PostOrder>("created-at-asc");
diff --git a/src/states/Profiles.ts b/src/states/Profiles.ts
index 976fbdc..f76ba28 100644
--- a/src/states/Profiles.ts
+++ b/src/states/Profiles.ts
@@ -20,8 +20,8 @@ export const profileAtomFamily = atomFamily((pubkey: string) =>
         return;
       }
       set(profilesAtom, { ...prev, [pubkey]: arg });
-    }
-  )
+    },
+  ),
 );
 
 export const myPubkeyAtom = atomWithStorage<string>("my_pubkey", "");
@@ -66,10 +66,7 @@ store.sub(myDataInitializedAtom, async () => {
     if (followList === undefined || relayList === undefined) {
       return;
     }
-    for await (const profile of EventFetcher.fetchProfiles(
-      followList,
-      getReadRelays(relayList)
-    )) {
+    for await (const profile of EventFetcher.fetchProfiles(followList, getReadRelays(relayList))) {
       const profileAtom = profileAtomFamily(profile.pubkey);
       store.set(profileAtom, profile);
     }
diff --git a/src/states/WaybackQuery.ts b/src/states/WaybackQuery.ts
index 48e2643..d9fe0a1 100644
--- a/src/states/WaybackQuery.ts
+++ b/src/states/WaybackQuery.ts
@@ -8,7 +8,7 @@ import { myDataAtom } from "./Profiles";
 const store = getDefaultStore();
 
 export const waybackQueryInputsAtom = atom<WaybackQueryInputs | undefined>(
-  WaybackQueryInputs.fromURLQuery(location.search)
+  WaybackQueryInputs.fromURLQuery(location.search),
 );
 
 export const clearWaybackQueryInputs = () => {
diff --git a/src/types/TimeUnit.ts b/src/types/TimeUnit.ts
index 112ddb0..5e7c2c1 100644
--- a/src/types/TimeUnit.ts
+++ b/src/types/TimeUnit.ts
@@ -4,8 +4,7 @@ export type TimeUnit = (typeof timeUnits)[number];
 const shortTimeUnits = ["m", "h", "d"] as const;
 type ShortTimeUnit = (typeof shortTimeUnits)[number];
 
-const timeUnitConversions: Record<TimeUnit, ShortTimeUnit> &
-  Record<ShortTimeUnit, TimeUnit> = {
+const timeUnitConversions: Record<TimeUnit, ShortTimeUnit> & Record<ShortTimeUnit, TimeUnit> = {
   minutes: "m",
   m: "minutes",
   hours: "h",
diff --git a/src/types/WaybackQuery.ts b/src/types/WaybackQuery.ts
index dab023b..3744006 100644
--- a/src/types/WaybackQuery.ts
+++ b/src/types/WaybackQuery.ts
@@ -1,10 +1,4 @@
-import {
-  endOfMinute,
-  format,
-  fromUnixTime,
-  getUnixTime,
-  parseISO,
-} from "date-fns";
+import { endOfMinute, format, fromUnixTime, getUnixTime, parseISO } from "date-fns";
 import { TimeUnit } from "./TimeUnit";
 
 type DurationInputs = {
@@ -21,17 +15,13 @@ type WBQueryInputsUntilNow = {
   type: "until-now";
 } & DurationInputs;
 
-export type WaybackQueryInputs =
-  | WBQueryInputsSinceAndDur
-  | WBQueryInputsUntilNow;
+export type WaybackQueryInputs = WBQueryInputsSinceAndDur | WBQueryInputsUntilNow;
 
 type WBQueryInputsTypes = WaybackQueryInputs["type"];
 
 const durRegexp = /^(\d+)([mhd])$/;
 
-const parseDurationInputs = (
-  durStr: string
-): { durationValue: number; durationUnit: TimeUnit } | undefined => {
+const parseDurationInputs = (durStr: string): { durationValue: number; durationUnit: TimeUnit } | undefined => {
   const match = durStr.match(durRegexp);
   if (match === null) {
     return undefined;
@@ -56,21 +46,13 @@ const parseDurationInputs = (
   };
 };
 
-const stringifyDurationInputs = ({
-  durationValue: value,
-  durationUnit: unit,
-}: DurationInputs): string => {
+const stringifyDurationInputs = ({ durationValue: value, durationUnit: unit }: DurationInputs): string => {
   const shortUnit = TimeUnit.toShort(unit);
   return `${value}${shortUnit}`;
 };
 
-const detectWBQueryType = (
-  urlParams: URLSearchParams
-): WBQueryInputsTypes | undefined => {
-  if (
-    urlParams.has("since") &&
-    (urlParams.has("dur") || urlParams.has("len"))
-  ) {
+const detectWBQueryType = (urlParams: URLSearchParams): WBQueryInputsTypes | undefined => {
+  if (urlParams.has("since") && (urlParams.has("dur") || urlParams.has("len"))) {
     return "since-and-dur";
   }
   if (urlParams.has("ago")) {
@@ -79,9 +61,7 @@ const detectWBQueryType = (
   return undefined;
 };
 
-const sinceAndDurfromURLQuery = (
-  params: URLSearchParams
-): WaybackQueryInputs | undefined => {
+const sinceAndDurfromURLQuery = (params: URLSearchParams): WaybackQueryInputs | undefined => {
   const sinceStr = params.get("since");
   const durStr = params.get("dur") || params.get("len"); // "len" is legacy name
 
@@ -101,9 +81,7 @@ const sinceAndDurfromURLQuery = (
   };
 };
 
-const untilNowfromURLQuery = (
-  params: URLSearchParams
-): WaybackQueryInputs | undefined => {
+const untilNowfromURLQuery = (params: URLSearchParams): WaybackQueryInputs | undefined => {
   const agoStr = params.get("ago");
   if (!agoStr) {
     return undefined;
@@ -171,11 +149,9 @@ const secsPerTimeUnit = (unit: TimeUnit): number => {
   }
 };
 
-const durationInSecs = (dur: DurationInputs): number =>
-  dur.durationValue * secsPerTimeUnit(dur.durationUnit);
+const durationInSecs = (dur: DurationInputs): number => dur.durationValue * secsPerTimeUnit(dur.durationUnit);
 
-const formatUnixtime = (unixtime: number) =>
-  format(fromUnixTime(unixtime), "yyyy/MM/dd HH:mm");
+const formatUnixtime = (unixtime: number) => format(fromUnixTime(unixtime), "yyyy/MM/dd HH:mm");
 
 export const WaybackQuery = {
   fromInputs(inputs: WaybackQueryInputs): WaybackQuery | undefined {
@@ -192,10 +168,7 @@ export const WaybackQuery = {
           return undefined;
         }
 
-        const until = Math.min(
-          since + durationInSecs(inputs),
-          getUnixTime(new Date())
-        );
+        const until = Math.min(since + durationInSecs(inputs), getUnixTime(new Date()));
         return { since, until };
       }
       case "until-now": {