update packages

.eslintrc.json

@@ -4,13 +4,9 @@
     "next/core-web-vitals",
     "plugin:@typescript-eslint/recommended"
   ],
-  "plugins": [
-    "@typescript-eslint"
-  ],
+  "plugins": ["@typescript-eslint"],
   "rules": {
     "no-unused-vars": "off",
-    "@typescript-eslint/no-unused-vars": [
-      "error"
-    ]
+    "@typescript-eslint/no-unused-vars": ["error"]
   }
 }

.prettierrc

@@ -1,4 +1,4 @@
 {
   "singleQuote": true,
   "tabWidth": 2
-}
+}

README.md

@@ -20,4 +20,3 @@ yarn dev
 ```
 
 [http://localhost:3000](http://localhost:3000) にページが表示される。
-

app/(root)/RecordModal.tsx

@@ -53,7 +53,7 @@ const BestAverages: FC<{ records: TimerRecord[] }> = ({ records }) => {
           {Number.isFinite(val)
             ? `${Math.trunc(val / 1000)}.${`${Math.trunc(val % 1000)}`.padStart(
                 3,
-                '0'
+                '0',
               )}`
             : 'DNF'}
         </ListItem>

app/(root)/Timer.tsx

@@ -21,7 +21,7 @@ import { useCubeTimer } from './useCubeTimer';
 
 export const usePreventDefault = <T extends HTMLElement>(
   eventName: string,
-  enable = true
+  enable = true,
 ) => {
   const ref = useRef<T>(null);
   useEffect(() => {

app/(root)/TimerPagePresenter.tsx

@@ -37,7 +37,7 @@ export const TimerPagePresenter: FC<
     | {
         records: TimerRecord[];
         createNewRecord: (
-          record: Omit<TimerRecord, 'id' | 'createdAt'> & { createdAt: number }
+          record: Omit<TimerRecord, 'id' | 'createdAt'> & { createdAt: number },
         ) => void;
         imposePenalty: (record: TimerRecord) => void;
         toDNF: (record: TimerRecord) => void;
@@ -81,7 +81,7 @@ export const TimerPagePresenter: FC<
 }) => {
   const [usesInspection, setUsesInspection] = useLocalStorageState(
     true,
-    'usesInspection'
+    'usesInspection',
   );
   const {
     isOpen: isRecordModalOpen,

app/(root)/__snapshots__/page.test.tsx.snap

@@ -3,16 +3,16 @@
 exports[`TimerPage snapshot 1`] = `
 <DocumentFragment>
   <main
-    class="chakra-stack css-1wnpsqa"
+    class="chakra-stack css-118vyam"
   >
     <div
-      class="chakra-stack css-84zodg"
+      class="chakra-stack css-1igwmid"
     >
       <div
         class="chakra-select__wrapper css-dsdwpa"
       >
         <select
-          class="chakra-select css-1icl0uu"
+          class="chakra-select css-9zgf1d"
           id="event"
         >
           <option
@@ -98,7 +98,7 @@ exports[`TimerPage snapshot 1`] = `
       class="carousel"
     >
       <div
-        class="chakra-stack css-1d0c3h9"
+        class="chakra-stack css-10t90fk"
       >
         <button
           aria-label="previous"
@@ -359,10 +359,13 @@ exports[`TimerPage snapshot 1`] = `
       class="css-1rr4qq7"
     >
       <div
-        class="chakra-stack css-191yzw1"
+        class="chakra-stack css-oe35x4"
       >
+        <div
+          class="chakra-stack css-tl3ftk"
+        />
         <button
-          class="chakra-button css-i857na"
+          class="chakra-button css-ez23ye"
           type="button"
         >
           inspection start

app/(root)/page.test.tsx

@@ -25,7 +25,7 @@ describe('TimerPage', () => {
         }}
       >
         <Page />
-      </UserProvider>
+      </UserProvider>,
     );
     await findByRole('button', { name: 'inspection start' });
     expect(asFragment()).toMatchSnapshot();

app/(root)/page.tsx

@@ -19,7 +19,7 @@ const useTimerRecords = (event: string) => {
   const { mutate } = useSWRConfig();
   const { data, error } = useSWR(
     { url: '/api/record/read', query: { event, limit: '100' } },
-    fetchRecordPage
+    fetchRecordPage,
   );
 
   if (!data) {
@@ -56,7 +56,7 @@ const useTimerRecords = (event: string) => {
               await res.json(),
               ...records.slice(index + 1),
             ],
-          } satisfies Omit<RecordPage, 'hasNextPage'>)
+          }) satisfies Omit<RecordPage, 'hasNextPage'>,
       ),
       {
         optimisticData: {
@@ -67,7 +67,7 @@ const useTimerRecords = (event: string) => {
           ],
         } satisfies Omit<RecordPage, 'hasNextPage'>,
         rollbackOnError: true,
-      }
+      },
     );
   };
   return {
@@ -82,10 +82,10 @@ const useTimerRecords = (event: string) => {
           body: JSON.stringify(record satisfies CreateRequestBody),
         }).then(
           async (res) =>
-            ({ data: [await res.json(), ...records] } satisfies Omit<
+            ({ data: [await res.json(), ...records] }) satisfies Omit<
               RecordPage,
               'hasNextPage'
-            >)
+            >,
         ),
         {
           optimisticData: {
@@ -99,7 +99,7 @@ const useTimerRecords = (event: string) => {
             ],
           } satisfies Omit<RecordPage, 'hasNextPage'>,
           rollbackOnError: true,
-        }
+        },
       );
     },
     imposePenalty: ({ id, time, scramble }: TimerRecord) => {
@@ -143,20 +143,20 @@ const useTimerRecords = (event: string) => {
               ? { id }
               : {
                   compositeKey: { time, scramble },
-                }) satisfies DeleteRequestBody
+                }) satisfies DeleteRequestBody,
           ),
         }).then(
           () =>
             ({
               data: [...records.slice(0, index), ...records.slice(index + 1)],
-            } satisfies Omit<RecordPage, 'hasNextPage'>)
+            }) satisfies Omit<RecordPage, 'hasNextPage'>,
         ),
         {
           optimisticData: {
             data: [...records.slice(0, index), ...records.slice(index + 1)],
           } satisfies Omit<RecordPage, 'hasNextPage'>,
           rollbackOnError: true,
-        }
+        },
       );
     },
 
@@ -169,17 +169,17 @@ const useTimerRecords = (event: string) => {
           body: JSON.stringify(record),
         }).then(
           async (res) =>
-            ({ data: [await res.json(), ...records] } satisfies Omit<
+            ({ data: [await res.json(), ...records] }) satisfies Omit<
               RecordPage,
               'hasNextPage'
-            >)
+            >,
         ),
         {
           optimisticData: {
             data: [{ ...record, id: tempId }, ...records],
           } satisfies Omit<RecordPage, 'hasNextPage'>,
           rollbackOnError: true,
-        }
+        },
       );
     },
   } as const;
@@ -201,7 +201,7 @@ const TimerPage: FC = () => {
   const { isLoading, user } = useUser();
   const [currentEvent, setCurrentEvent] = useLocalStorageState(
     '3x3x3',
-    'currentEvent'
+    'currentEvent',
   );
   const scrambleHistory = useScrambleHistory(currentEvent);
 

app/(root)/useCubeTimer.ts

@@ -52,7 +52,7 @@ export const useCubeTimer = ({
         onStop(elapsedTime, inspectionTime);
         setInspectionTime(null);
       },
-      [onStop, inspectionTime]
+      [onStop, inspectionTime],
     ),
   });
   const { start: startStopwatch } = stopwatch;
@@ -62,7 +62,7 @@ export const useCubeTimer = ({
         setInspectionTime(elapsedTime);
         startStopwatch?.();
       },
-      [startStopwatch]
+      [startStopwatch],
     ),
   });
 

app/(root)/useScrambleHistory.ts

@@ -51,7 +51,7 @@ export const useScrambleHistory = (currentEvent: string) => {
         }, 100);
       });
     },
-    [scrambleHistory.length, scrambler]
+    [scrambleHistory.length, scrambler],
   );
   return {
     scrambleHistory,

app/SWRConfigClient.tsx

@@ -17,7 +17,7 @@ export const SWRConfigClient = ({
           keyValues?.flatMap(([k, v]) => [
             [unstable_serialize(k), v],
             [`$inf$${unstable_serialize(k)}`, [v]],
-          ]) ?? []
+          ]) ?? [],
         ),
       },
     }}

app/_utils/appendSearchParamsByEntries.ts

@@ -1,6 +1,6 @@
 export const appendSearchParamsByEntries = (
   url: URL,
-  entries: [string, unknown][]
+  entries: [string, unknown][],
 ) => {
   for (const [k, v] of entries) {
     if (typeof v !== 'string') {

app/_utils/calcAo.test.ts

@@ -12,8 +12,8 @@ describe('calcAo', () => {
           scramble: '',
           id: '',
           event: '',
-        }))
-      )
+        })),
+      ),
     ).toEqual(370);
   });
 
@@ -47,7 +47,7 @@ describe('calcAo', () => {
           id: '',
           event: '',
         },
-      ])
+      ]),
     ).toBe(100);
   });
 
@@ -81,7 +81,7 @@ describe('calcAo', () => {
           id: '',
           event: '',
         },
-      ])
+      ]),
     ).toBe(Infinity);
   });
 });

app/_utils/calcRollingAverage.test.ts

@@ -13,8 +13,8 @@ describe('calcRa', () => {
           id: '',
           event: '',
         })),
-        5
-      )
+        5,
+      ),
     ).toEqual([null, null, null, null, 370]);
 
     expect(
@@ -31,8 +31,8 @@ describe('calcRa', () => {
           id: '',
           event: '',
         })),
-        25
-      )
+        25,
+      ),
     ).toEqual([
       null,
       null,
@@ -74,8 +74,8 @@ describe('calcRa', () => {
           id: '',
           event: '',
         })),
-        6
-      )
+        6,
+      ),
     ).toEqual([null, null, null, null, null]);
   });
 });

app/_utils/fetchRecordPage.ts

@@ -13,15 +13,15 @@ const validate = $object({
         id: $string,
         event: $string,
       },
-      false
-    )
+      false,
+    ),
   ),
   hasNextPage: $boolean,
 });
 
 export const fetchRecordPage = async (key: {
   url: string;
-  query: { event: string; limit: string; cursor: string | undefined };
+  query: { event: string; limit: string; cursor?: string | undefined };
 }) => {
   const url = new URL(key.url, location.origin);
   appendSearchParamsByEntries(url, Object.entries(key.query));

app/anonymous/page.tsx

@@ -33,7 +33,7 @@ const useTimerRecords = (event: string) => {
     records,
     error: undefined,
     createNewRecord: (
-      record: Omit<TimerRecord, 'id' | 'createdAt'> & { createdAt: number }
+      record: Omit<TimerRecord, 'id' | 'createdAt'> & { createdAt: number },
     ) => {
       setAllRecords((allRecords) => {
         const records = allRecords[event];
@@ -98,7 +98,7 @@ const useTimerRecords = (event: string) => {
 const TimerPage: FC = () => {
   const [currentEvent, setCurrentEvent] = useLocalStorageState(
     '3x3x3',
-    'currentEvent'
+    'currentEvent',
   );
 
   return (

app/api/record/update/route.ts

@@ -23,13 +23,13 @@ const validate = $intersection([
       scramble: $union([$string, $undefined]),
       event: $union([$string, $undefined]),
     },
-    false
+    false,
   ),
   $union([
     $object({ id: $string }, false),
     $object(
       { compositeKey: $object({ time: $number, scramble: $string }) },
-      false
+      false,
     ),
   ]),
 ]);

app/records/[[...type]]/DailyAverageGraph.tsx

@@ -28,7 +28,7 @@ const useDailyAverageInfinite = (event: string) => {
         },
       } satisfies Parameters<typeof fetchRecordPage>[0];
     },
-    fetchRecordPage
+    fetchRecordPage,
   );
   const records = data?.map(({ data }) => data);
 
@@ -82,7 +82,7 @@ const DailyAverageGraph: FC<{ event: string }> = ({ event }) => {
               y: averageMillisec / 1000,
             }))
         : [],
-    [averages]
+    [averages],
   );
   const cardBg = useColorModeValue('gray.50', 'gray.700');
   const textColor = useColorModeValue('black', 'white');