Bump everything

app/(pages)/[slug]/get-image.tsx

@@ -1,7 +1,8 @@
 import path from "path";
-import { ImageResponse } from "next/server";
+
 import { promises as fs } from "fs";
 import { OpenGraphImage } from "components/opengraph-image/opengraph-image";
+import { ImageResponse } from "next/og";
 
 export const getImage = async ({
   page,

app/(pages)/keynoters/[slug]/opengraph-image.tsx

@@ -1,6 +1,6 @@
 import { fetchKeynoteBySpeakerSlug } from "@/lib/pretalx/submissions";
 import { OpenGraphImageKeynoter } from "components/opengraph-image/opengraph-image-keynoter";
-import { ImageResponse } from "next/server";
+import { ImageResponse } from "next/og";
 
 export const size = { width: 1200, height: 600 };
 export const alt = "...";

app/(pages)/session/[slug]/opengraph-image.tsx

@@ -1,4 +1,4 @@
-import { ImageResponse } from "next/server";
+import { ImageResponse } from "next/og";
 import { OpenGraphImageSession } from "components/opengraph-image/opengraph-image-session";
 import { fetchSubmissionBySlug } from "@/lib/pretalx/submissions";
 

app/(pages)/session/[slug]/twitter-image.tsx

@@ -1,4 +1,4 @@
-import { ImageResponse } from "next/server";
+import { ImageResponse } from "next/og";
 import { OpenGraphImageSession } from "components/opengraph-image/opengraph-image-session";
 import { fetchSubmissionBySlug } from "@/lib/pretalx/submissions";
 

components/session-page/index.tsx

@@ -12,7 +12,7 @@ import { TagContainer, Tag } from "components/tag/tag";
 import { Title } from "components/typography/title";
 import { formatInTimeZone } from "date-fns-tz";
 import { getAvatarUrl } from "helpers/get-avatar-url";
-import { ReactMarkdown } from "react-markdown/lib/react-markdown";
+import ReactMarkdown from "react-markdown";
 
 const normalizeRoom = (room: string) => {
   return room.replace(/\[|\]/g, "").toLowerCase();
@@ -143,9 +143,7 @@ export const SessionPage = ({
             </Title>
 
             <Prose>
-              <ReactMarkdown components={components}>
-                {session.abstract}
-              </ReactMarkdown>
+              <ReactMarkdown components={components}>{session.abstract}</ReactMarkdown>
             </Prose>
 
             <TagContainer className="mb-6">

next.config.js

@@ -33,7 +33,6 @@ const securityHeaders = [
 module.exports = {
   reactStrictMode: true,
   experimental: {
-    appDir: true,
     outputFileTracingIncludes: {
       "/": ["./social-cards/**/*"],
     },

package.json

@@ -13,63 +13,63 @@
     "chromatic": "npx chromatic"
   },
   "dependencies": {
-    "@mdx-js/react": "^2.3.0",
-    "@types/unist": "^2.0.6",
-    "clsx": "^1.2.1",
+    "@mdx-js/react": "^3.0.0",
+    "@types/unist": "^3.0.2",
+    "clsx": "^2.0.0",
     "date-fns": "^2.29.3",
     "date-fns-tz": "^2.0.0",
-    "glob": "^10.3.1",
+    "glob": "^10.3.10",
     "gray-matter": "^4.0.3",
-    "next": "^13.4.10",
+    "next": "^14.0.2",
     "next-mdx-remote": "^4.4.1",
-    "next-plausible": "^3.10.1",
+    "next-plausible": "^3.11.3",
     "react": "18.3.0-canary-9f4fbec5f-20230717",
     "react-dom": "18.2.0",
     "react-icalendar-link": "^3.0.2",
-    "react-markdown": "^8.0.7",
-    "rehype-autolink-headings": "^6.1.1",
-    "rehype-external-links": "^2.0.1",
-    "rehype-slug": "^5.1.0",
+    "react-markdown": "^9.0.1",
+    "rehype-autolink-headings": "^7.1.0",
+    "rehype-external-links": "^3.0.0",
+    "rehype-slug": "^6.0.0",
     "remark-autolink-headings": "^7.0.1",
     "remark-comment": "^1.0.0",
     "remark-gfm": "^3.0.1",
     "remark-mdx-disable-explicit-jsx": "^0.1.0",
-    "slug": "^8.2.2",
-    "tweakpane": "^3.1.10",
-    "unist-util-find-after": "^4.0.1",
-    "unist-util-is": "^5.2.1",
-    "unist-util-select": "^4.0.3",
-    "unist-util-visit-parents": "^5.1.3",
-    "webpack": "^5.88.1"
+    "slug": "^8.2.3",
+    "tweakpane": "^4.0.1",
+    "unist-util-find-after": "^5.0.0",
+    "unist-util-is": "^6.0.0",
+    "unist-util-select": "^5.1.0",
+    "unist-util-visit-parents": "^6.0.1",
+    "webpack": "^5.89.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.22.6",
-    "@storybook/addon-actions": "^7.0.26",
-    "@storybook/addon-essentials": "^7.0.26",
-    "@storybook/addon-interactions": "^7.0.26",
-    "@storybook/addon-links": "^7.0.26",
-    "@storybook/addons": "^7.0.26",
-    "@storybook/blocks": "^7.0.26",
-    "@storybook/nextjs": "^7.0.26",
-    "@storybook/react": "^7.0.26",
-    "@storybook/testing-library": "^0.2.0",
-    "@tailwindcss/typography": "^0.5.9",
+    "@babel/core": "^7.23.3",
+    "@storybook/addon-actions": "^7.5.3",
+    "@storybook/addon-essentials": "^7.5.3",
+    "@storybook/addon-interactions": "^7.5.3",
+    "@storybook/addon-links": "^7.5.3",
+    "@storybook/addons": "^7.5.3",
+    "@storybook/blocks": "^7.5.3",
+    "@storybook/nextjs": "^7.5.3",
+    "@storybook/react": "^7.5.3",
+    "@storybook/testing-library": "^0.2.2",
+    "@tailwindcss/typography": "^0.5.10",
     "@types/glob": "^8.1.0",
-    "@types/mdast": "^3.0.11",
-    "@types/node": "20.3.3",
-    "@types/react": "18.2.15",
-    "@types/slug": "^5.0.3",
-    "autoprefixer": "^10.4.14",
-    "axios": "^1.3.5",
-    "babel-loader": "^9.1.2",
-    "chromatic": "^6.19.9",
-    "eslint": "8.44.0",
-    "eslint-config-next": "13.4.8",
-    "postcss": "^8.4.24",
-    "storybook": "^7.0.26",
-    "tailwindcss": "^3.3.1",
+    "@types/mdast": "^4.0.3",
+    "@types/node": "20.9.0",
+    "@types/react": "18.2.37",
+    "@types/slug": "^5.0.7",
+    "autoprefixer": "^10.4.16",
+    "axios": "^1.6.2",
+    "babel-loader": "^9.1.3",
+    "chromatic": "^9.0.0",
+    "eslint": "8.53.0",
+    "eslint-config-next": "14.0.2",
+    "postcss": "^8.4.31",
+    "storybook": "^7.5.3",
+    "tailwindcss": "^3.3.5",
     "ts-node": "^10.9.1",
-    "typescript": "5.1.6"
+    "typescript": "5.2.2"
   },
   "version": "",
   "readme": "ERROR: No README data found!",

plugins/highlight-first-heading.ts

@@ -10,7 +10,9 @@ function transform(tree: Node) {
 
   if (heading) {
     heading.data = heading.data || {};
+    // @ts-ignore
     heading.data.hProperties = heading.data.hProperties || {};
+    // @ts-ignore
     (heading.data.hProperties as any).className = "highlighted";
   }
 }

plugins/make-first-paragraph-big.ts

@@ -10,7 +10,9 @@ function transform(tree: Node) {
 
   if (paragraph) {
     paragraph.data = paragraph.data || {};
+    // @ts-ignore
     paragraph.data.hProperties = paragraph.data.hProperties || {};
+    // @ts-ignore
     (paragraph.data.hProperties as any).className = "large";
   }
 }