Add pre-commit checks and fix its complaints

.pre-commit-config.yaml

@@ -0,0 +1,21 @@
+repos:
+  - repo: https://github.com/pre-commit/pre-commit-hooks
+    rev: v4.5.0
+    hooks:
+      - id: check-added-large-files
+        args: ["--maxkb", "5000"]
+      - id: check-case-conflict
+      - id: check-merge-conflict
+      - id: check-yaml
+      - id: end-of-file-fixer
+        exclude_types: ["svg"]
+      - id: trailing-whitespace
+        exclude_types: ["svg"]
+
+  - repo: https://github.com/pre-commit/mirrors-prettier
+    rev: v3.1.0
+    hooks:
+      - id: prettier
+        args: ["--tab-width", "2", "--trailing-comma", "es5"]
+        exclude_types: ["mdx"]
+        exclude: "pnpm-lock.yaml"

README.md

@@ -14,6 +14,20 @@ dependencies. Then, use `pnpm run dev` to start the development server.
 
 The website will be available at `http://localhost:4321`.
 
+### Pre-commit Setup
+
+To ensure code quality and consistency, we use `pre-commit` hooks. Follow these
+steps to set up `pre-commit` on your local environment:
+
+1. Install `pre-commit`. You can follow the instructions from
+   [pre-commit.com](https://pre-commit.com/#install).
+2. Run `pre-commit install` in the root of your local repository.
+3. Now, `pre-commit` will run automatically on `git commit`. You can also run it
+   manually on all files using `pre-commit run --all-files`.
+
+This will help maintain a consistent coding style and catch common issues before
+submission.
+
 ### Docker
 
 If you want to run this in docker, run:

src/components/form/label.tsx

@@ -6,7 +6,10 @@ export const Label = ({
   htmlFor: string;
 }) => {
   return (
-    <label htmlFor={htmlFor} className="block text-primary font-bold mb-4 pl-3 text-lg">
+    <label
+      htmlFor={htmlFor}
+      className="block text-primary font-bold mb-4 pl-3 text-lg"
+    >
       {children}
     </label>
   );

src/components/form/select.tsx

@@ -40,10 +40,13 @@ export const Select = ({
       <svg
         xmlns="http://www.w3.org/2000/svg"
         viewBox="0 0 12 8"
-        className={clsx("absolute top-1/2 -translate-y-1/2 w-6 h-6 pointer-events-none text-primary", {
-          "right-4": variant === "default",
-          "right-6": variant === "rounded",
-        })}
+        className={clsx(
+          "absolute top-1/2 -translate-y-1/2 w-6 h-6 pointer-events-none text-primary",
+          {
+            "right-4": variant === "default",
+            "right-6": variant === "rounded",
+          }
+        )}
       >
         <path
           d="M10.59.59 6 5.17 1.41.59 0 2l6 6 6-6z"

src/components/icons/award.astro

@@ -40,4 +40,3 @@ const { class: className } = Astro.props;
         </g>
     </g>
 </svg>
-

src/components/icons/headhunt.astro

@@ -43,4 +43,3 @@ const { class: className } = Astro.props;
         </g>
     </g>
 </svg>
-

src/components/icons/network.astro

@@ -38,4 +38,3 @@ const { class: className } = Astro.props;
         </g>
     </g>
 </svg>
-

src/components/icons/rocket.astro

@@ -43,4 +43,3 @@ const { class: className } = Astro.props;
         </g>
     </g>
 </svg>
-

src/components/icons/target.astro

@@ -39,4 +39,3 @@ const { class: className } = Astro.props;
         </g>
     </g>
 </svg>
-

src/components/icons/transfer.astro

@@ -44,4 +44,3 @@ const { class: className } = Astro.props;
         </g>
     </g>
 </svg>
-

src/components/keynoters/keynoters.tsx

@@ -5,7 +5,6 @@ import type { SVGProps } from "react";
 
 import { Keynoter } from "./keynoter";
 
-
 const Background = (props: SVGProps<SVGSVGElement>) => (
   <svg
     viewBox="0 0 729 704"

src/components/note/note.tsx

@@ -1,3 +1,5 @@
 export const Note = ({ children }: { children: string }) => {
-  return <p className="note text-xl p-4 border-l-4 border-primary">{children}</p>;
+  return (
+    <p className="note text-xl p-4 border-l-4 border-primary">{children}</p>
+  );
 };

src/components/session-summary/session-summary.tsx

@@ -53,10 +53,10 @@ export const SessionSummary = ({
       </p>
 
       {/* <Prose> */}
-        {/* TODO: reuse prose thingy */}
-        {/* <ReactMarkdown components={{}}> */}
-          {session.abstract}
-        {/* </ReactMarkdown> */}
+      {/* TODO: reuse prose thingy */}
+      {/* <ReactMarkdown components={{}}> */}
+      {session.abstract}
+      {/* </ReactMarkdown> */}
       {/* </Prose> */}
 
       <TagContainer>

src/components/sponsor-tiers/sponsor-tiers.tsx

@@ -217,7 +217,6 @@ export const SponsorTiers = () => {
         totalSlots={"unlimited"}
         features={["Logo on EuroPython website, welcome tweet and more!"]}
       />
-
     </div>
   );
 };

src/components/typography/title.tsx

@@ -26,7 +26,7 @@ export const Title = ({
           "text-lg md:text-2xl": level === 5,
           "text-lg md:text-xl": level === 6,
         },
-        className,
+        className
       )}
       {...props}
     >

src/consts.ts

@@ -1,5 +1,5 @@
 // Place any global data in this file.
 // You can import this data from anywhere in your site by using the `import` keyword.
 
-export const SITE_TITLE = 'Astro Blog';
-export const SITE_DESCRIPTION = 'Welcome to my website!';
+export const SITE_TITLE = "Astro Blog";
+export const SITE_DESCRIPTION = "Welcome to my website!";

src/content/config.ts

@@ -11,7 +11,7 @@ const pages = defineCollection({
 const deadlines = defineCollection({
   type: "content",
   schema: ({ image }) =>
-  z.object({
+    z.object({
       title: z.string(),
       subtitle: z.string(),
       url: z.string(),

src/content/deadlines/00_cfp.mdx

@@ -7,4 +7,4 @@ image: "./cfp1.jpg"
 
 Call for Proposals concluded on March 13th AoE.
 We received the record high 627 submissions this year.
-Now it's time for the community voting and review.
+Now it's time for the community voting and review.

src/data/home/intro.md

@@ -4,12 +4,14 @@ title: EuroPython Prague, You're invited!
 
 Welcome to the 23rd EuroPython. We're the oldest and longest running
 volunteer-led Python programming conference on the planet! Join us in July in
-the vibrant Bohemian city Prague. We'll be together, celebrating our shared passion for Python and its community!
+the vibrant Bohemian city Prague. We'll be together, celebrating our shared
+passion for Python and its community!
 
 A week of all things Python:
 
 - Monday & Tuesday, 8 & 9 July: Tutorials & Workshops
 - Wednesday–Friday, 10-12 July: Conference talks & sponsor exhibition
 - Saturday & Sunday, 13 & 14 July: Sprints
 
-If you have any questions, feel free to contact us at [helpdesk@europython.eu](mailto:helpdesk@europython.eu).
+If you have any questions, feel free to contact us at
+[helpdesk@europython.eu](mailto:helpdesk@europython.eu).

src/data/sponsors.json

@@ -167,15 +167,15 @@
           "logo": "img/logos/sponsor_logos/pretalx.svg"
         },
         {
-         "name": "1Password",
-         "url": "https://1password.com/",
-         "logo": "img/logos/sponsor_logos/1password.svg"
-       },
-       {
-         "name": "O’Reilly ",
-         "url": "https://www.oreilly.com/",
-         "logo": "img/logos/sponsor_logos/OReilly.svg"
-       },
+          "name": "1Password",
+          "url": "https://1password.com/",
+          "logo": "img/logos/sponsor_logos/1password.svg"
+        },
+        {
+          "name": "O’Reilly ",
+          "url": "https://www.oreilly.com/",
+          "logo": "img/logos/sponsor_logos/OReilly.svg"
+        },
         {
           "name": "Manning Publications",
           "url": "http://mng.bz/vnWa",
@@ -187,5 +187,6 @@
           "logo": "img/logos/sponsor_logos/stickermule.svg"
         }
       ]
-    }]
+    }
+  ]
 }

tailwind.config.mjs

@@ -1,93 +1,93 @@
 /** @type {import('tailwindcss').Config} */
 export default {
-	content: ["./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}"],
+  content: ["./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}"],
 
-	theme: {
-		colors: {
-			black: "#000",
-			white: "#fff",
-			text: "var(--color-text)",
-			transparent: "transparent",
-			current: "currentColor",
-			inherit: "inherit",
+  theme: {
+    colors: {
+      black: "#000",
+      white: "#fff",
+      text: "var(--color-text)",
+      transparent: "transparent",
+      current: "currentColor",
+      inherit: "inherit",
 
-			"text-inverted": "var(--color-text-inverted)",
+      "text-inverted": "var(--color-text-inverted)",
 
-			"body-inverted": "#001c13",
-			"body-background": "var(--color-body-background)",
-			"body-light": "#888",
+      "body-inverted": "#001c13",
+      "body-background": "var(--color-body-background)",
+      "body-light": "#888",
 
-			"hero-primary": "var(--color-hero-primary)",
-			"hero-secondary": "var(--color-hero-secondary)",
+      "hero-primary": "var(--color-hero-primary)",
+      "hero-secondary": "var(--color-hero-secondary)",
 
-			primary: "var(--color-primary)",
-			"primary-hover": "var(--color-primary-hover)",
-			"primary-active": "var(--color-primary-active)",
-			button: "var(--color-button)",
-			"button-hover": "var(--color-button-hover)",
+      primary: "var(--color-primary)",
+      "primary-hover": "var(--color-primary-hover)",
+      "primary-active": "var(--color-primary-active)",
+      button: "var(--color-button)",
+      "button-hover": "var(--color-button-hover)",
 
-			secondary: "var(--color-secondary)",
-			"secondary-dark": "var(--color-secondary-dark)",
-			"secondary-darkest": "var(--color-secondary-darkest)",
-			"secondary-light": "var(--color-secondary-light)",
+      secondary: "var(--color-secondary)",
+      "secondary-dark": "var(--color-secondary-dark)",
+      "secondary-darkest": "var(--color-secondary-darkest)",
+      "secondary-light": "var(--color-secondary-light)",
 
-			"session-beginner": "#63d451",
-			"session-intermediate": "#ffcd45",
-			"session-advanced": "#d34848",
-			"session-none": "var(--color-secondary-light)",
+      "session-beginner": "#63d451",
+      "session-intermediate": "#ffcd45",
+      "session-advanced": "#d34848",
+      "session-none": "var(--color-secondary-light)",
 
-			"sponsor-keystone": "#5c9f92",
-			"sponsor-diamond": "#568497",
-			"sponsor-platinum": "#6b6c6e",
-			"sponsor-gold": "#f5c251",
-			"sponsor-silver": "#707172",
-			"sponsor-bronze": "#6e6151",
-			"sponsor-patron": "#a11217",
+      "sponsor-keystone": "#5c9f92",
+      "sponsor-diamond": "#568497",
+      "sponsor-platinum": "#6b6c6e",
+      "sponsor-gold": "#f5c251",
+      "sponsor-silver": "#707172",
+      "sponsor-bronze": "#6e6151",
+      "sponsor-patron": "#a11217",
 
-			red: "#ce3333",
-			"keynoter-info": "hsla(0,0%,100%,.85)",
-		},
-		extend: {
-			aspectRatio: {
-				hero: "2.4380530973",
-			},
-			fontFamily: {
-				system: ["system-ui", "sans-serif"],
-				title: [
-					"Inter Variable",
-					"-apple-system",
-					"BlinkMacSystemFont",
-					"Segoe UI",
-					"Roboto",
-					"Helvetica",
-					"Arial",
-					"sans-serif",
-					"Apple Color Emoji",
-					"Segoe UI Emoji",
-					"Segoe UI Symbol",
-				],
-				sans: [
-					"-apple-system",
-					"BlinkMacSystemFont",
-					"Segoe UI",
-					"Roboto",
-					"Helvetica",
-					"Arial",
-					"sans-serif",
-					"Apple Color Emoji",
-					"Segoe UI Emoji",
-					"Segoe UI Symbol",
-				],
-			},
-			typography: (theme) => ({
-				DEFAULT: {
-					css: {
-						color: theme("colors.text"),
-						"--tw-prose-headings": theme("colors.white"),
-					},
-				},
-			}),
-		},
-	},
-	plugins: [require("@tailwindcss/typography")],
+      red: "#ce3333",
+      "keynoter-info": "hsla(0,0%,100%,.85)",
+    },
+    extend: {
+      aspectRatio: {
+        hero: "2.4380530973",
+      },
+      fontFamily: {
+        system: ["system-ui", "sans-serif"],
+        title: [
+          "Inter Variable",
+          "-apple-system",
+          "BlinkMacSystemFont",
+          "Segoe UI",
+          "Roboto",
+          "Helvetica",
+          "Arial",
+          "sans-serif",
+          "Apple Color Emoji",
+          "Segoe UI Emoji",
+          "Segoe UI Symbol",
+        ],
+        sans: [
+          "-apple-system",
+          "BlinkMacSystemFont",
+          "Segoe UI",
+          "Roboto",
+          "Helvetica",
+          "Arial",
+          "sans-serif",
+          "Apple Color Emoji",
+          "Segoe UI Emoji",
+          "Segoe UI Symbol",
+        ],
+      },
+      typography: (theme) => ({
+        DEFAULT: {
+          css: {
+            color: theme("colors.text"),
+            "--tw-prose-headings": theme("colors.white"),
+          },
+        },
+      }),
+    },
+  },
+  plugins: [require("@tailwindcss/typography")],
 };