chore: format 2025 codebase (#638)

Leko · web-flow · commit 17ea244b7b9e · 2025-11-17T12:34:15.000+09:00
* chore: add prettier

* style: format
diff --git a/2025/package-lock.json b/2025/package-lock.json
diff --git a/2025/package.json b/2025/package.json
@@ -38,6 +38,7 @@
     "eslint-config-next": "15.3.3",
     "eslint-plugin-import": "^2.31.0",
     "eslint-plugin-n": "^17.19.0",
+    "prettier": "^3.6.2",
     "tailwindcss": "^4",
     "tsx": "^4.20.5",
     "typescript": "^5",
diff --git a/2025/src/app/[locale]/page.tsx b/2025/src/app/[locale]/page.tsx
@@ -42,7 +42,7 @@ export default async function Page({ params }: Props) {
         <Hero />
       </div>
 
-       <div className="max-w-screen-md mx-auto mt-8 md:mt-32 flex flex-col gap-4">
+      <div className="max-w-screen-md mx-auto mt-8 md:mt-32 flex flex-col gap-4">
         <h2 className="text-3xl font-bold text-center">
           {t("navigation.floorMap")}
         </h2>
diff --git a/2025/src/components/AnimatedLogo.tsx b/2025/src/components/AnimatedLogo.tsx
@@ -6,125 +6,118 @@ import staticLogoSrc from "@/../public/logo/buggie_bugchan_logo.png";
 import spriteSrc from "@/../public/logo/jsconf_bugchan_v5_minified.png";
 
 type Props = {
-    width: number;
-    height: number;
-    alt: string;
-    fetchPriority?: "high" | "low" | "auto";
+  width: number;
+  height: number;
+  alt: string;
+  fetchPriority?: "high" | "low" | "auto";
 };
 
 const FRAME_COUNT = 29;
 const SPRITE_WIDTH = 400;
 const SPRITE_HEIGHT = 11600;
 const ANIMATION_DURATION = 1500;
 
-export function AnimatedLogo({
-    width,
-    height,
-    alt,
-    fetchPriority,
-}: Props) {
-    const [isAnimating, setIsAnimating] = useState(false);
-    const [isSpriteLoaded, setIsSpriteLoaded] = useState(false);
-    const [clickCount, setClickCount] = useState(0);
+export function AnimatedLogo({ width, height, alt, fetchPriority }: Props) {
+  const [isAnimating, setIsAnimating] = useState(false);
+  const [isSpriteLoaded, setIsSpriteLoaded] = useState(false);
+  const [clickCount, setClickCount] = useState(0);
 
-    // detect when sprite sheet has fully loaded
-    useEffect(() => {
-        const img = new window.Image();
-        img.onload = () => {
-            setIsSpriteLoaded(true);
-        };
-        img.src = spriteSrc.src;
-    }, []);
+  // detect when sprite sheet has fully loaded
+  useEffect(() => {
+    const img = new window.Image();
+    img.onload = () => {
+      setIsSpriteLoaded(true);
+    };
+    img.src = spriteSrc.src;
+  }, []);
 
-    const handleClick = () => {
-        if (isAnimating || !isSpriteLoaded) return;
+  const handleClick = () => {
+    if (isAnimating || !isSpriteLoaded) return;
 
-        setClickCount(clickCount + 1);
-        setIsAnimating(true);
-        setTimeout(() => {
-            setIsAnimating(false);
-        }, ANIMATION_DURATION);
-    };
+    setClickCount(clickCount + 1);
+    setIsAnimating(true);
+    setTimeout(() => {
+      setIsAnimating(false);
+    }, ANIMATION_DURATION);
+  };
 
-    const handleKeyDown = (e: React.KeyboardEvent) => {
-        // when focused, allow to animate the logo by pressing Enter or Space key
-        if (e.key === "Enter" || e.key === " ") {
-            e.preventDefault();
-            handleClick();
-        }
-    };
+  const handleKeyDown = (e: React.KeyboardEvent) => {
+    // when focused, allow to animate the logo by pressing Enter or Space key
+    if (e.key === "Enter" || e.key === " ") {
+      e.preventDefault();
+      handleClick();
+    }
+  };
 
-    const isReverse = clickCount % 3 === 0;
+  const isReverse = clickCount % 3 === 0;
 
+  return (
+    <div
+      className="logo-container"
+      onClick={handleClick}
+      onKeyDown={handleKeyDown}
+      role="button"
+      tabIndex={0}
+      aria-label={`${alt}. Click to animate.`}
+      aria-busy={!isSpriteLoaded}
+      style={{
+        width: `${width}px`,
+        height: `${height}px`,
+        flexShrink: 0,
+        cursor: isSpriteLoaded ? "pointer" : "default",
+      }}
+    >
+      {/* show static logo only if sprite hasn't loaded yet */}
+      {!isSpriteLoaded && (
+        <Image
+          src={staticLogoSrc}
+          fetchPriority={fetchPriority}
+          alt={alt}
+          width={width}
+          height={height}
+          style={{
+            width: `${width}px`,
+            height: `${height}px`,
+            objectFit: "contain",
+          }}
+        />
+      )}
 
-    return (
+      {/* after sprite is loaded, show sprite at frame 0 (idle) / animating */}
+      {isSpriteLoaded && (
         <div
-            className="logo-container"
-            onClick={handleClick}
-            onKeyDown={handleKeyDown}
-            role="button"
-            tabIndex={0}
-            aria-label={`${alt}. Click to animate.`}
-            aria-busy={!isSpriteLoaded}
-            style={{
-                width: `${width}px`,
-                height: `${height}px`,
-                flexShrink: 0,
-                cursor: isSpriteLoaded ? "pointer" : "default",
-            }}
-        >
-            {/* show static logo only if sprite hasn't loaded yet */}
-            {!isSpriteLoaded && (
-                <Image
-                    src={staticLogoSrc}
-                    fetchPriority={fetchPriority}
-                    alt={alt}
-                    width={width}
-                    height={height}
-                    style={{
-                        width: `${width}px`,
-                        height: `${height}px`,
-                        objectFit: "contain",
-                    }}
-                />
-            )}
+          role="img"
+          aria-label={alt}
+          style={{
+            width: `${width}px`,
+            height: `${height}px`,
+            backgroundImage: `url(${spriteSrc.src})`,
+            backgroundSize: `${width}px ${(SPRITE_HEIGHT / SPRITE_WIDTH) * width}px`,
+            animation: isAnimating
+              ? `sprite-animate ${ANIMATION_DURATION}ms steps(${FRAME_COUNT - 1}) 1 ${isReverse ? "reverse" : "normal"}`
+              : "none",
+          }}
+        />
+      )}
 
-            {/* after sprite is loaded, show sprite at frame 0 (idle) / animating */}
-            {isSpriteLoaded && (
-                <div
-                    role="img"
-                    aria-label={alt}
-                    style={{
-                        width: `${width}px`,
-                        height: `${height}px`,
-                        backgroundImage: `url(${spriteSrc.src})`,
-                        backgroundSize: `${width}px ${(SPRITE_HEIGHT / SPRITE_WIDTH) * width}px`,
-                        animation: isAnimating
-                            ? `sprite-animate ${ANIMATION_DURATION}ms steps(${FRAME_COUNT - 1}) 1 ${isReverse ? "reverse" : "normal"}`
-                            : "none",
-                    }}
-                />
-            )}
-
-            <style jsx>{`
+      <style jsx>{`
         .logo-container {
           transition: transform 0.2s ease-out;
         }
-        
+
         .logo-container:hover {
           transform: scale(1.05);
         }
-        
+
         @keyframes sprite-animate {
           from {
             background-position: 0 0;
           }
           to {
-            background-position: 0 -${((FRAME_COUNT - 1) * height)}px;
+            background-position: 0 -${(FRAME_COUNT - 1) * height}px;
           }
         }
       `}</style>
-        </div>
-    );
+    </div>
+  );
 }
-
diff --git a/2025/src/components/Markdown.tsx b/2025/src/components/Markdown.tsx
@@ -4,7 +4,9 @@ export function Markdown({ children }: { children: string }) {
   return (
     <ReactMarkdown
       components={{
-        ul: ({ children }) => <ul className="list-disc pl-4 ml-4 mb-4">{children}</ul>,
+        ul: ({ children }) => (
+          <ul className="list-disc pl-4 ml-4 mb-4">{children}</ul>
+        ),
         ol: ({ children }) => <ol className="list-decimal pl-4">{children}</ol>,
         pre: ({ children }) => (
           <pre className="bg-gray-100 py-0.5 px-1.5 rounded-sm">{children}</pre>
diff --git a/2025/src/components/og/Logo.tsx b/2025/src/components/og/Logo.tsx
@@ -7,7 +7,12 @@ type Props = {
   size: number;
 };
 
-const LOGO_URL = join(process.cwd(), "public", "logo", "buggie_bugchan_logo.png");
+const LOGO_URL = join(
+  process.cwd(),
+  "public",
+  "logo",
+  "buggie_bugchan_logo.png",
+);
 
 export function Logo({ size }: Props) {
   return <img alt="" src={makeDataUrl(LOGO_URL)} width={size} height={size} />;
diff --git a/2025/src/constants/schedule.ts b/2025/src/constants/schedule.ts
@@ -22,24 +22,24 @@ export type ScheduledSession = {
   startTime: string;
   endTime: string;
 } & (
-    | {
+  | {
       kind: "talk";
       talk: Talk;
     }
-    | {
+  | {
       kind: "streaming";
       talk: Talk;
     }
-    | {
+  | {
       kind:
-      | "reception"
-      | "opening"
-      | "closed"
-      | "break"
-      | "closing"
-      | "networking";
+        | "reception"
+        | "opening"
+        | "closed"
+        | "break"
+        | "closing"
+        | "networking";
     }
-  );
+);
 
 export type TalkSession = Extract<ScheduledSession, { kind: "talk" }>;
 
@@ -662,8 +662,7 @@ const notSortedSchedule: ScheduledSession[] = [
     startTime: "20:05",
     endTime: "22:00",
   },
-]
-
+];
 
 export const SCHEDULE: ScheduledSession[] = notSortedSchedule
   // 時間順、トラック順でソート
diff --git a/2025/src/constants/sponsors.ts b/2025/src/constants/sponsors.ts
@@ -305,15 +305,17 @@ kickflowは企業の生産性向上で高く評価されており、大手企業
       name: "株式会社TAIAN",
       url: "https://taian-inc.com",
       logoUrl: taianIncLogo,
-      prText: `TAIANは「アツさとあたたかさで溢れる社会を実現する」をビジョンに、お祝い×テクノロジーで複数事業を展開する新領域スタートアップです。現在は、ブライダル・バンケット業界向けバーティカルSaaS「Oiwaii」、Web招待状・席次表サービス「Concept Marry」、AIイベントプランナー「Canjii」を展開。業界V字回復を目指し、新規事業開発にも力を入れています。今後は、既存事業で蓄積した顧客データを活用し、独自のお祝い経済圏を構築することで、ビジョン実現を目指します。`.trim(),
+      prText:
+        `TAIANは「アツさとあたたかさで溢れる社会を実現する」をビジョンに、お祝い×テクノロジーで複数事業を展開する新領域スタートアップです。現在は、ブライダル・バンケット業界向けバーティカルSaaS「Oiwaii」、Web招待状・席次表サービス「Concept Marry」、AIイベントプランナー「Canjii」を展開。業界V字回復を目指し、新規事業開発にも力を入れています。今後は、既存事業で蓄積した顧客データを活用し、独自のお祝い経済圏を構築することで、ビジョン実現を目指します。`.trim(),
     },
     {
       type: "sponsor",
       plan: "sponsor",
       name: "株式会社TimeTree",
       url: "https://timetreeapp.com/intl/ja",
       logoUrl: TimeTreeLogo,
-      prText: `株式会社TimeTreeは「世の中の時間をつなげて、 世界中の人々がよりよい 明日を選択できるようにする」をミッションにかかげ、世の中の人々のよりスムーズな予定管理を可能にするためにカレンダーシェアアプリ「TimeTree」を開発運営しています。「TimeTree」は共有とコミュニケーションを前提にしたカレンダーサービスです。家族、パートナー、サークル、職場など複数人数の予定共有が簡単にできます。`.trim(),
+      prText:
+        `株式会社TimeTreeは「世の中の時間をつなげて、 世界中の人々がよりよい 明日を選択できるようにする」をミッションにかかげ、世の中の人々のよりスムーズな予定管理を可能にするためにカレンダーシェアアプリ「TimeTree」を開発運営しています。「TimeTree」は共有とコミュニケーションを前提にしたカレンダーサービスです。家族、パートナー、サークル、職場など複数人数の予定共有が簡単にできます。`.trim(),
     },
   ] as const satisfies Sponsor[]
 ).filter((s) => !!s.name && !!s.logoUrl && !!s.url);
diff --git a/2025/src/constants/team.ts b/2025/src/constants/team.ts
@@ -89,8 +89,8 @@ export const VOLUNTEER_TEAM: TeamMember[] = [
   {
     name: "wh1tecat",
     url: "https://github.com/wh1tecat-nya",
-    avatarUrl: "https://avatars.githubusercontent.com/u/6924358?v=4"
-  }
+    avatarUrl: "https://avatars.githubusercontent.com/u/6924358?v=4",
+  },
 ];
 
 export const ORGANIZING_TEAM: TeamMember[] = [
