Merge pull request #158 from ken7253/feature/prettier-setting

Prettierで一部のファイルがフォーマットできていなかったので修正
tskaigi · Jul 7, 2024 · 673ae9c · 673ae9c
2 parents 237f073 + cb6f212
commit 673ae9c
Show file tree

Hide file tree

Showing 19 changed files with 99 additions and 94 deletions.
diff --git a/.github/workflows/deploy.yaml b/.github/workflows/deploy.yaml
@@ -20,7 +20,7 @@ jobs:
       - uses: actions/checkout@v4
       - uses: actions/setup-node@v4
         with:
-          node-version-file: 'package.json'
+          node-version-file: "package.json"
       - name: Restore node_modules cache
         uses: actions/cache@v3
         with:
@@ -49,4 +49,4 @@ jobs:
     steps:
       - name: Deploy to GitHub Pages
         id: deployment
-        uses: actions/deploy-pages@v2
+        uses: actions/deploy-pages@v2
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -1,4 +1,4 @@
 {
   "editor.formatOnSave": true,
   "editor.formatOnPaste": false
-}
+}
diff --git a/app/call-for-proposals/page.tsx b/app/call-for-proposals/page.tsx
@@ -114,7 +114,7 @@ export default function Page() {
               <p>複数応募： 可</p>
               <div className="divider divider-neutral my-0"></div>
               <p>
-                応募方法： 
+                応募方法：
                 <a
                   className="link link-primary"
                   href="https://docs.google.com/forms/d/e/1FAIpQLScYM2r5EKCY7rK45-fPSo0IQpoHKc5dgLg82y1PAr12QIFPYQ/viewform"

diff --git a/app/code-of-conduct/page.tsx b/app/code-of-conduct/page.tsx
@@ -26,30 +26,14 @@ export default function Page() {
           <br />
           <br />
           いかなる種類のハラスメントも容認されません。これには、
-          <li>
-            攻撃的な暴言
-          </li>
-          <li>
-            意図的な脅迫
-          </li>
-          <li>
-            ストーカー行為
-          </li>
-          <li>
-            嫌がらせのような写真撮影や録音
-          </li>
-          <li>
-            継続的な話の妨害
-          </li>
-          <li>
-            不適切な身体的接触
-          </li>
-          <li>
-            好ましくない性的嫌がらせ
-          </li>
-          <li>
-            以上のような行為を推奨したり、擁護したりすること
-          </li>
+          <li>攻撃的な暴言</li>
+          <li>意図的な脅迫</li>
+          <li>ストーカー行為</li>
+          <li>嫌がらせのような写真撮影や録音</li>
+          <li>継続的な話の妨害</li>
+          <li>不適切な身体的接触</li>
+          <li>好ましくない性的嫌がらせ</li>
+          <li>以上のような行為を推奨したり、擁護したりすること</li>
           などが含まれます。
           <br />
           <br />
@@ -59,15 +43,21 @@ export default function Page() {
           参加者が本規範に違反する行為を行った場合、私たちは、違反者への警告、または払い戻しなしのカンファレンスからの除名など、適切と思われる措置を取ることができます。
           <br />
           <br />
-          ハラスメントを受けている場合、または他の誰かがハラスメントを受けていることに気づいた場合、あるいはその他の懸念事項がある場合は、直ちにカンファレンススタッフまたは<a href="mailto:[email protected]?subject=お問い合わせ" className="link link-primary">[email protected]</a> までご連絡ください。
+          ハラスメントを受けている場合、または他の誰かがハラスメントを受けていることに気づいた場合、あるいはその他の懸念事項がある場合は、直ちにカンファレンススタッフまたは
+          <a href="mailto:[email protected]?subject=お問い合わせ" className="link link-primary">
+            [email protected]
+          </a>{" "}
+          までご連絡ください。
           <br />
           <br />
-          トラブルを最小限に抑えるため<span className="text-accent font-bold">絶対に個人で対応しないでください。</span>警備員や警察への連絡などを含め、安心してカンファレンスに参加できるようにお手伝いさせていただきます。
+          トラブルを最小限に抑えるため
+          <span className="text-accent font-bold">絶対に個人で対応しないでください。</span>
+          警備員や警察への連絡などを含め、安心してカンファレンスに参加できるようにお手伝いさせていただきます。
           <br />
           <br />
-          TSKaigi は、すべての人に安全で快適な、そして利用しやすい経験を提供することに専心しています。すべての参加者にとって前向きで充実したカンファレンスとなるよう、共に取り組んでいきましょう。
+          TSKaigi
+          は、すべての人に安全で快適な、そして利用しやすい経験を提供することに専心しています。すべての参加者にとって前向きで充実したカンファレンスとなるよう、共に取り組んでいきましょう。
         </div>
-
       </Container>
     </>
   );

diff --git a/app/components/SponsorLogosSection.tsx b/app/components/SponsorLogosSection.tsx
@@ -7,49 +7,49 @@ const sponsorVariants = {
     divider: `text-secondary divider-secondary`,
     gridSize: `gap-4 grid-cols-1 sm:grid-cols-2 md:grid-cols-3`,
     height: `h-48`,
-    style: ``
+    style: ``,
   },
   Gold: {
     divider: `text-accent divider-accent`,
     gridSize: `gap-4 grid-cols-2 sm:grid-cols-3 md:grid-cols-4`,
     height: `h-36`,
-    style: ``
+    style: ``,
   },
   Silver: {
     divider: `text-primary divider-primary`,
     gridSize: `gap-2 grid-cols-3 sm:grid-cols-4 md:grid-cols-5`,
     height: `h-28`,
-    style: ``
+    style: ``,
   },
   Bronze: {
     divider: `text-error divider-error`,
     gridSize: `gap-1 grid-cols-4 sm:grid-cols-5 md:grid-cols-6`,
     height: `h-24`,
-    style: ``
+    style: ``,
   },
   Refreshment: {
     divider: `text-gray-500 divider-gray-500`,
     gridSize: `gap-4 grid-cols-1`,
     height: `h-28`,
-    style: `text-sm`
+    style: `text-sm`,
   },
   Coffee: {
     divider: `text-gray-500 divider-gray-500`,
     gridSize: `gap-4 grid-cols-1`,
     height: `h-28`,
-    style: ``
+    style: ``,
   },
   Beer: {
     divider: `text-gray-500 divider-gray-500`,
     gridSize: `gap-4 grid-cols-1`,
     height: `h-28`,
-    style: ``
+    style: ``,
   },
   "Event Platform": {
     divider: `text-gray-500 divider-gray-500`,
     gridSize: `gap-4 grid-cols-1`,
     height: `h-28`,
-    style: `text-sm`
+    style: `text-sm`,
   },
 } as const;
 
@@ -106,7 +106,9 @@ const PlanSponsors = ({
 }) => {
   return (
     <div>
-      <h3 className={`divider sm:text-2xl font-bold ${sponsorVariants[plan].divider} ${sponsorVariants[plan].style}`}>
+      <h3
+        className={`divider sm:text-2xl font-bold ${sponsorVariants[plan].divider} ${sponsorVariants[plan].style}`}
+      >
         {`${plan}${!isOptionalPlan ? " Sponsors" : ""}`}
       </h3>
       <div

diff --git a/app/lib/data.tsx b/app/lib/data.tsx
@@ -938,5 +938,5 @@ TSKaigi 2024にご参加された方はもちろん、参加できなかった
     day: "火",
     link: "https://layerx.connpass.com/event/318123/",
     thumbnail: "/subevent_6_4.png",
-  }
+  },
 ];
diff --git a/app/page.tsx b/app/page.tsx
@@ -35,8 +35,10 @@ export default function Home() {
             <div className="bg-info-content text-base-300 rounded-md">
               <p className="text-2xl text-center m-4">現地参加の方</p>
               <p className="text-lg px-4">
-                会場到着後、受付で入場用QRコードの提示が必要になります。<br />
-                EventHubへのログイン後、入場用QRコードを表示して列に待機してください。<br />
+                会場到着後、受付で入場用QRコードの提示が必要になります。
+                <br />
+                EventHubへのログイン後、入場用QRコードを表示して列に待機してください。
+                <br />
               </p>
               <div className="px-4">
                 <Cta mainLink={loginURL} mainLinkText="参加QRを表示する" />
@@ -47,26 +49,38 @@ export default function Home() {
               <p className="text-lg px-4">
                 オンライン視聴には無料の参加登録が必要です。下記リンクからお進みください。
                 <br />
-                オンラインは<span className="text-accent text-2xl">当日参加</span>も受け付けていますので、お気軽にご参加ください。
+                オンラインは<span className="text-accent text-2xl">当日参加</span>
+                も受け付けていますので、お気軽にご参加ください。
               </p>
               <div className="px-4">
-                <Cta mainLink={loginURL} mainLinkText="視聴する" subLink={onlineTicketURL} subLinkText="参加登録する" />
+                <Cta
+                  mainLink={loginURL}
+                  mainLinkText="視聴する"
+                  subLink={onlineTicketURL}
+                  subLinkText="参加登録する"
+                />
               </div>
             </div>
           </div>
           <div className="my-10 mx-auto max-w-4xl">
             <p className="text-xl text-accent my-4">諸注意事項</p>
             <p className="pl-2">
-              ・会場にはwifi(id,passはお手持ちのリーフレット参照)がありますのでご自由にお使いください。ただし、遅延を避けるためdocker pull等、<span className="text-accent">負荷が懸念される操作</span>はご遠慮ください。
+              ・会場にはwifi(id,passはお手持ちのリーフレット参照)がありますのでご自由にお使いください。ただし、遅延を避けるためdocker
+              pull等、<span className="text-accent">負荷が懸念される操作</span>はご遠慮ください。
               <br />
               <br />
-              ・各トラックルーム、最前列のカバー付きの椅子は<span className="text-accent">個人スポンサーの優先席</span>です。個人スポンサーの優先入場時にTシャツの確認をさせていただいております。
+              ・各トラックルーム、最前列のカバー付きの椅子は
+              <span className="text-accent">個人スポンサーの優先席</span>
+              です。個人スポンサーの優先入場時にTシャツの確認をさせていただいております。
               <br />
               <br />
-              ・本日は記録のために、カメラマンが撮影を行っています。個別対応はできかねますので、<span className="text-accent">あらかじめご了承ください。</span>
+              ・本日は記録のために、カメラマンが撮影を行っています。個別対応はできかねますので、
+              <span className="text-accent">あらかじめご了承ください。</span>
               <br />
               <br />
-              ・地下一階のホワイエ(エスカレーターを降りた場所)は、<span className="text-accent">飲食禁止エリア</span>となっています。各トラックのルーム内や、休憩室でお済ませください。
+              ・地下一階のホワイエ(エスカレーターを降りた場所)は、
+              <span className="text-accent">飲食禁止エリア</span>
+              となっています。各トラックのルーム内や、休憩室でお済ませください。
             </p>
           </div>
         </div>

diff --git a/app/talks/[username]/page.tsx b/app/talks/[username]/page.tsx
@@ -18,7 +18,7 @@ interface SessionDetailPageProps {
 export default function Page({ params }: SessionDetailPageProps) {
   const { username } = params;
   const detailInfo = SESSION_DETAILS[username];
-  const slash = detailInfo.role && detailInfo.org ? '/' : '';
+  const slash = detailInfo.role && detailInfo.org ? "/" : "";
 
   return (
     <div className="p-8 md:flex md:flex-col md:items-center md:justify-center">
@@ -35,14 +35,16 @@ export default function Page({ params }: SessionDetailPageProps) {
           <p>{detailInfo.sessionAbstract}</p>
         </div>
         <div className="md:flex md:gap-8">
-          {detailInfo.speakerImage && <Image
-            className="size-20 rounded-full"
-            src={`/speaker_images/${detailInfo.speakerImage}`}
-            width={80}
-            height={80}
-            alt={`${username}_image`}
-            unoptimized
-          />}
+          {detailInfo.speakerImage && (
+            <Image
+              className="size-20 rounded-full"
+              src={`/speaker_images/${detailInfo.speakerImage}`}
+              width={80}
+              height={80}
+              alt={`${username}_image`}
+              unoptimized
+            />
+          )}
           <div>
             <div className="text-base font-bold">{detailInfo.displayName}</div>
             <p className="text-sm">{`${detailInfo.org} ${slash} ${detailInfo.role}`}</p>
@@ -69,7 +71,13 @@ export default function Page({ params }: SessionDetailPageProps) {
               )}
               {detailInfo.socials.xAccount && (
                 <Link href={`https://twitter.com/${detailInfo.socials.xAccount}`}>
-                  <Image src={"/social_logos/logo.svg"} width={22} height={22} alt="twitter_link" unoptimized/>
+                  <Image
+                    src={"/social_logos/logo.svg"}
+                    width={22}
+                    height={22}
+                    alt="twitter_link"
+                    unoptimized
+                  />
                 </Link>
               )}
             </div>

diff --git a/app/talks/page.tsx b/app/talks/page.tsx
@@ -12,7 +12,7 @@ const SessionTimeTableRow = ({ timeTableRow }: SessionTimeTableRowProps) => {
   return (
     <div className="grid size-full grid-flow-row gap-4 md:grid-cols-10">
       {timeTableRow.map((cardInfo, index) => {
-        if (!['keynote','session'].includes(cardInfo.type)) {
+        if (!["keynote", "session"].includes(cardInfo.type)) {
           return <InformationCard cardInfo={cardInfo} key={cardInfo.size + "-" + index} />;
         } else {
           return <SessionCard cardInfo={cardInfo} key={cardInfo.size + "-" + index} />;

diff --git a/components/session-time-table/InformationCard.tsx b/components/session-time-table/InformationCard.tsx
@@ -7,7 +7,7 @@ interface InformationCardProps {
 
 const InformationCard = ({ cardInfo }: InformationCardProps) => {
   const { type, content, size, track, labels, keynoteSpeaker } = cardInfo;
-  
+
   const cardClassNames =
     type === "time"
       ? "md:items-center md:justify-center md:rounded-lg md:bg-white"

diff --git a/components/session-time-table/InformationCardLabels.tsx b/components/session-time-table/InformationCardLabels.tsx
@@ -20,9 +20,12 @@ const InformationCardLabels = ({ track, labels }: InformationCardLabelsProps) =>
         ? labels?.map((label, index) => (
             <SessionLabel key={label + "-" + index} label={label} bgColor={labelBgColor[index]} />
           ))
-        : labels?.map((label, index) => (
-            typeof labelBgColor === "string" && <SessionLabel key={label + "-" + index} label={label} bgColor={labelBgColor} />
-          ))}
+        : labels?.map(
+            (label, index) =>
+              typeof labelBgColor === "string" && (
+                <SessionLabel key={label + "-" + index} label={label} bgColor={labelBgColor} />
+              ),
+          )}
     </div>
   );
 };

diff --git a/components/session-time-table/SessionCard.tsx b/components/session-time-table/SessionCard.tsx
@@ -20,7 +20,9 @@ const Session = ({ session }: SessionProps) => {
       ) : (
         <p className="text-base font-normal text-[#040404]">{title}</p>
       )}
-      <p className="mt-1 text-xs font-normal text-[#040404]">{org !== undefined ? `${org} ${displayName}`: displayName}</p>
+      <p className="mt-1 text-xs font-normal text-[#040404]">
+        {org !== undefined ? `${org} ${displayName}` : displayName}
+      </p>
     </div>
   );
 };

diff --git a/components/session-time-table/SessionLabel.tsx b/components/session-time-table/SessionLabel.tsx
@@ -12,7 +12,7 @@ const SessionLabel = ({ label, bgColor, isSessionDetail }: SessionLabelProps) =>
 
   return (
     <div
-      className={`flex h-auto min-w-[88px] items-center justify-center rounded-lg ${bgColor} p-1 text-xs ${!isSessionDetail && 'text-neutral-900'} ${!isSessionDetail && hiddenLabel} ${isSessionDetail && 'border'}`}
+      className={`flex h-auto min-w-[88px] items-center justify-center rounded-lg ${bgColor} p-1 text-xs ${!isSessionDetail && "text-neutral-900"} ${!isSessionDetail && hiddenLabel} ${isSessionDetail && "border"}`}
     >
       <p>{label}</p>
     </div>

diff --git a/constants/session_details.ts b/constants/session_details.ts
@@ -360,7 +360,7 @@ export const SESSION_DETAILS: { [key: string]: SessionDetail } = {
   unvalley: {
     title: "Exploring type-informed lint rules in Rust based TypeScript Linters",
     displayName: "unvalley",
-	sessionAbstract: `本セッションの内容は以下となる予定です。
+    sessionAbstract: `本セッションの内容は以下となる予定です。
 
     - typescript-eslintにおける型情報Lintルールとは何か
     - typescript-eslintにおける型情報Lintルールの実現方法

diff --git a/next.config.js b/next.config.js
@@ -1,12 +1,12 @@
 const isProduction = process.env.NODE_ENV === "production";
 const repository = process.env.REPO_NAME ?? "";
 const assetPrefix = isProduction ? `/${repository}` : "";
- 
+
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   output: "export",
-	distDir: 'build',
+  distDir: "build",
   assetPrefix,
-}
+};
 
-module.exports = nextConfig
+module.exports = nextConfig;
diff --git a/package.json b/package.json
@@ -7,7 +7,7 @@
     "build": "next build",
     "start": "next start",
     "lint": "next lint",
-    "format": "prettier --check --write --ignore-path .gitignore './app/**/*.{js,jsx,ts,tsx,json,css}'"
+    "format": "prettier . --check --write"
   },
   "dependencies": {
     "next": "14.0.3",

diff --git a/postcss.config.js b/postcss.config.js
@@ -3,4 +3,4 @@ module.exports = {
     tailwindcss: {},
     autoprefixer: {},
   },
-}
+};
-Original file line number
+Diff line change
@@ Expand Up / @@ -3,4 +3,4 @@ module.exports = { @@
         tailwindcss: {},
         autoprefixer: {},
       },
-    }
+    };