format

Author: omega-takai

next.config.ts

@@ -1,4 +1,4 @@
-import type { NextConfig } from "next";
+import type { NextConfig } from 'next';
 import { loadEnvConfig } from '@next/env';
 
 const projectDir = process.cwd();

postcss.config.mjs

@@ -1,6 +1,6 @@
 const config = {
   plugins: {
-    "@tailwindcss/postcss": {},
+    '@tailwindcss/postcss': {},
   },
 };
 

src/components/Map/MapboxMap.tsx

@@ -10,13 +10,17 @@ import { useState, useCallback } from 'react';
 const MAPBOX_TOKEN = process.env.MAPBOX_ACCESS_TOKEN;
 
 if (!MAPBOX_TOKEN) {
-  throw Error('Mapbox token is missing. Please set MAPBOX_ACCESS_TOKEN in .env.local');
+  throw Error(
+    'Mapbox token is missing. Please set MAPBOX_ACCESS_TOKEN in .env.local',
+  );
 }
 
 export default function MapboxMap() {
   const [mapStyle, setMapStyle] = useState(MAP_STYLES.SATELLITE);
   const [wmsOpacity, setWmsOpacity] = useState(0.6);
-  const [cursor, setCursor] = useState<{ lng: number; lat: number } | undefined>(undefined);
+  const [cursor, setCursor] = useState<
+    { lng: number; lat: number } | undefined
+  >(undefined);
 
   const onMouseMove = useCallback((event: MapMouseEvent) => {
     setCursor(event.lngLat);
@@ -31,7 +35,7 @@ export default function MapboxMap() {
         initialViewState={{
           longitude: -79.957141,
           latitude: -2.024311,
-          zoom: 16
+          zoom: 16,
         }}
         style={{ width: '100%', height: '100%' }}
         mapStyle={mapStyle}

src/components/UI/BaseMapSwitcher.tsx

@@ -10,7 +10,8 @@ const buttonStyles = tv({
   variants: {
     active: {
       true: 'bg-zinc-900 text-white dark:bg-zinc-100 dark:text-black',
-      false: 'hover:bg-zinc-100 dark:hover:bg-zinc-800 text-zinc-600 dark:text-zinc-400',
+      false:
+        'hover:bg-zinc-100 dark:hover:bg-zinc-800 text-zinc-600 dark:text-zinc-400',
     },
   },
 });
@@ -26,18 +27,25 @@ interface BaseMapSwitcherProps {
   onStyleChange: (style: string) => void;
 }
 
-export default function BaseMapSwitcher({ currentStyle, onStyleChange }: BaseMapSwitcherProps) {
+export default function BaseMapSwitcher({
+  currentStyle,
+  onStyleChange,
+}: BaseMapSwitcherProps) {
   return (
     <div className={switcherStyles()}>
       <button
-        className={buttonStyles({ active: currentStyle === MAP_STYLES.SATELLITE })}
+        className={buttonStyles({
+          active: currentStyle === MAP_STYLES.SATELLITE,
+        })}
         onClick={() => onStyleChange(MAP_STYLES.SATELLITE)}
       >
         <Satellite size={16} />
         <span>Satellite</span>
       </button>
       <button
-        className={buttonStyles({ active: currentStyle === MAP_STYLES.STREETS })}
+        className={buttonStyles({
+          active: currentStyle === MAP_STYLES.STREETS,
+        })}
         onClick={() => onStyleChange(MAP_STYLES.STREETS)}
       >
         <Map size={16} />

src/components/UI/CoordinateDisplay.tsx

@@ -9,7 +9,10 @@ interface CoordinateDisplayProps {
   latitude?: number;
 }
 
-export default function CoordinateDisplay({ longitude, latitude }: CoordinateDisplayProps) {
+export default function CoordinateDisplay({
+  longitude,
+  latitude,
+}: CoordinateDisplayProps) {
   if (longitude === undefined || latitude === undefined) return null;
 
   return (

src/pages/_app.tsx

@@ -1,5 +1,5 @@
-import "@/styles/globals.css";
-import type { AppProps } from "next/app";
+import '@/styles/globals.css';
+import type { AppProps } from 'next/app';
 
 export default function App({ Component, pageProps }: AppProps) {
   return <Component {...pageProps} />;

src/pages/_document.tsx

@@ -1,4 +1,4 @@
-import { Html, Head, Main, NextScript } from "next/document";
+import { Html, Head, Main, NextScript } from 'next/document';
 
 export default function Document() {
   return (

src/pages/api/hello.ts

@@ -1,5 +1,5 @@
 // Next.js API route support: https://nextjs.org/docs/api-routes/introduction
-import type { NextApiRequest, NextApiResponse } from "next";
+import type { NextApiRequest, NextApiResponse } from 'next';
 
 type Data = {
   name: string;
@@ -9,5 +9,5 @@ export default function handler(
   req: NextApiRequest,
   res: NextApiResponse<Data>,
 ) {
-  res.status(200).json({ name: "John Doe" });
+  res.status(200).json({ name: 'John Doe' });
 }

src/pages/index.tsx

@@ -1,5 +1,5 @@
-import Head from "next/head";
-import MapboxMap from "@/components/Map/MapboxMap";
+import Head from 'next/head';
+import MapboxMap from '@/components/Map/MapboxMap';
 
 export default function Home() {
   return (