Generate sessions and speakers from json files.

Author: nikoshell

.gitignore

@@ -128,6 +128,7 @@ dmypy.json
 .pyre/
 
 .vscode/
+.idea/
 out/
 .next/
 .DS_Store
@@ -138,3 +139,11 @@ storybook-static/
 # Sentry Auth Token
 .sentryclirc
 .astro
+
+# EuroPython website
+src/content/speakers
+src/content/sessions
+src/content/days
+src/data/speakers.json
+src/data/sessions.json
+src/data/schedule.json

Makefile

@@ -19,10 +19,10 @@ BRANCH ?= $(shell git rev-parse --abbrev-ref HEAD)
 # Replace "/" and other non-alphanumeric characters with "-"
 SAFE_BRANCH := $(shell echo "$(BRANCH)" | sed 's/[^A-Za-z0-9-]/-/g')
 FORCE_DEPLOY ?= false
+SITE_URL ?= "https://$(SAFE_BRANCH).ep-preview.click"
 
 .PHONY: build deploy dev clean install
 
-
 safe_branch:
 	@echo $(SAFE_BRANCH)
 
@@ -31,6 +31,8 @@ pre:
 
 install:
 	pnpm install
+	pnpm update_data
+	pnpm generate_content
 
 dev:
 	pnpm dev
@@ -47,6 +49,7 @@ build:
 preview: RELEASES_DIR = $(VPS_PREVIEW_PATH)/$(SAFE_BRANCH)/releases
 preview: TARGET = $(RELEASES_DIR)/$(TIMESTAMP)
 preview:
+	@echo "Preview site URL: $(SITE_URL)"  # Output preview URL
 	echo $(TARGET)
 	@echo "\n\n**** Deploying preview of a branch '$(BRANCH)' (safe: $(SAFE_BRANCH)) to $(TARGET)...\n\n"
 	$(REMOTE_CMD) "mkdir -p $(TARGET)"

astro.config.mjs

@@ -1,4 +1,5 @@
-import path from "path";
+import path, { dirname } from "path";
+import { fileURLToPath } from "url";
 import { defineConfig } from "astro/config";
 import mdx from "@astrojs/mdx";
 import sitemap from "@astrojs/sitemap";
@@ -76,7 +77,11 @@ export default defineConfig({
   build: {
     minify: true,
   },
+  image: {
+    experimentalLayout: "responsive",
+  },
   experimental: {
+    responsiveImages: true,
     svg: true,
   },
 });

package.json

@@ -5,7 +5,9 @@
   "scripts": {
     "dev": "astro dev",
     "start": "astro dev",
-    "build": "astro check && astro build && pnpm pagefind --site dist",
+    "build": "pnpm generate_content && astro check && astro build && pnpm pagefind --site dist",
+    "update_data": "NODE_TLS_REJECT_UNAUTHORIZED=0 node src/scripts/fetchData.js",
+    "generate_content": "node src/scripts/generateContent.js",
     "preview": "astro preview",
     "astro": "astro",
     "format": "prettier --write --plugin=prettier-plugin-astro ."
@@ -29,6 +31,8 @@
     "date-fns": "^4.1.0",
     "date-fns-tz": "^3.2.0",
     "hastscript": "^9.0.0",
+    "js-yaml": "^4.1.0",
+    "marked": "^15.0.7",
     "pagefind": "^1.3.0",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
@@ -40,6 +44,7 @@
     "typescript": "^5.8.3"
   },
   "devDependencies": {
+    "@types/js-yaml": "^4.0.9",
     "prettier": "^3.4.2",
     "prettier-plugin-astro": "^0.14.1"
   },

pnpm-lock.yaml

@@ -20,7 +20,7 @@ const speakers = Astro.props.speakers
 
 {
   speakers.map((speaker, index) => (
-    <a href={`/speaker/${speaker.slug}`} class="inline">
+    <a href={`/speaker/${speaker.id}`} class="inline">
       {speaker.data.name}
       {index < speakers.length - 1 ? ", " : ""}
     </a>

public/favicon.ico

@@ -21,7 +21,7 @@ const speakers = await getEntries(
 {
   speakers.map((speaker, index) => (
     <span class="inline">
-      <a href={`/speaker/${speaker.slug}`} class="underline">
+      <a href={`/speaker/${speaker.id}`} class="underline">
         {speaker.data.name}
       </a>
       {index < speakers.length - 1 ? ", " : ""}

scripts/download-data.py

@@ -0,0 +1,14 @@
+---
+import { marked } from 'marked';
+
+interface Props {
+  content: string;
+}
+
+const { content } = Astro.props;
+const html = marked.parse(content);
+---
+
+<div class="prose prose-xl max-w-none" >
+    <article set:html={html} />
+</div>

src/components/schedule/speakers.astro

@@ -1,4 +1,5 @@
 import { defineCollection, reference, z } from "astro:content";
+import { file } from "astro/loaders";
 
 const tiers = [
   "Keystone",
@@ -55,11 +56,13 @@ const keynoters = defineCollection({
 });
 
 const speakers = defineCollection({
-  type: "content",
+  loader: file("src/content/speakers/data.json"),
   schema: z.object({
     code: z.string(),
     name: z.string(),
+    slug: z.string(),
     avatar: z.string(),
+    biography: z.string().nullable(),
     submissions: z.array(reference("sessions")),
     affiliation: z.string().nullable(),
     homepage: z.string().nullable(),
@@ -71,10 +74,12 @@ const speakers = defineCollection({
 });
 
 const sessions = defineCollection({
-  type: "content",
+  loader: file("src/content/sessions/data.json"),
   schema: z.object({
     code: z.string(),
     title: z.string(),
+    slug: z.string(),
+    abstract: z.string().nullable(),
     speakers: z.array(reference("speakers")),
     session_type: z.string(),
     track: z.string().nullable(),
@@ -85,7 +90,7 @@ const sessions = defineCollection({
       .nullable(),
     duration: z.string(),
     level: z.enum(["beginner", "intermediate", "advanced"]),
-    delivery: z.enum(["in-person", "remote"]),
+    delivery: z.enum(["in-person", "remote", ""]),
     room: z.string().nullable(),
     start: z.string().nullable(),
     end: z.string().nullable(),

src/components/session-speakers.astro

@@ -19,6 +19,10 @@
           "name": "Community Voting",
           "path": "/programme/voting"
         },
+        {
+          "name": "List of Speakers",
+          "path": "/speakers"
+        },
         {
           "name": "Speaker Mentorship",
           "path": "/programme/mentorship"