wip

Author: pontusab

apps/website/package.json

@@ -5,7 +5,7 @@
   "scripts": {
     "build": "NODE_ENV=production next build",
     "clean": "git clean -xdf .next .turbo node_modules",
-    "dev": "next dev -p 3000",
+    "dev": "next dev --turbopack -p 3000",
     "lint": "next lint",
     "format": "biome format --write .",
     "start": "next start",
@@ -17,28 +17,31 @@
     "@midday/ui": "workspace:*",
     "@openpanel/nextjs": "^1.0.5",
     "@openstatus/react": "^0.0.3",
-    "@team-plain/typescript-sdk": "4.9.0",
+    "@team-plain/typescript-sdk": "5.5.0",
     "@uidotdev/usehooks": "^2.4.1",
     "d3": "^7.9.0",
     "date-fns": "^4.1.0",
-    "framer-motion": "^11.11.1",
+    "framer-motion": "^11.11.17",
     "geist": "^1.3.1",
-    "next": "14.2.1",
+    "next": "15.0.3",
     "next-mdx-remote": "^5.0.0",
-    "next-safe-action": "^7.9.3",
-    "next-themes": "^0.3.0",
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
+    "next-safe-action": "^7.9.9",
+    "react": "19.0.0-rc-66855b96-20241106",
+    "react-dom": "19.0.0-rc-66855b96-20241106",
     "react-hls-player": "^3.0.7",
     "react-use-draggable-scroll": "^0.4.7",
     "server-only": "^0.0.1",
     "sharp": "^0.33.5",
-    "sugar-high": "^0.7.1"
+    "sugar-high": "^0.7.5"
   },
   "devDependencies": {
     "@midday/tsconfig": "workspace:*",
-    "@types/node": "^22.7.4",
-    "@types/react": "^18.3.11",
-    "@types/react-dom": "^18.3.0"
+    "@types/node": "^22.9.0",
+    "@types/react": "npm:[email protected]",
+    "@types/react-dom": "npm:[email protected]"
+  },
+  "overrides": {
+    "@types/react": "npm:[email protected]",
+    "@types/react-dom": "npm:[email protected]"
   }
 }

apps/website/src/actions/vote-action.ts

@@ -13,7 +13,7 @@ export const voteAction = actionClient
     }),
   )
   .action(async ({ parsedInput: { id } }) => {
-    const clientIP = headers().get("x-forwarded-for");
+    const clientIP = (await headers()).get("x-forwarded-for");
 
     const hasVoted = await client.sadd(`apps:${id}:ip:${clientIP}`, true);
 

apps/website/src/app/updates/[slug]/page.tsx

@@ -14,9 +14,8 @@ export async function generateStaticParams() {
   }));
 }
 
-export async function generateMetadata({
-  params,
-}): Promise<Metadata | undefined> {
+export async function generateMetadata(props): Promise<Metadata | undefined> {
+  const params = await props.params;
   const post = getBlogPosts().find((post) => post.slug === params.slug);
   if (!post) {
     return;
@@ -53,11 +52,17 @@ export async function generateMetadata({
   };
 }
 
-export default async function Page({
-  params: { slug },
-}: {
-  params: { slug: string };
-}) {
+export default async function Page(
+  props: {
+    params: Promise<{ slug: string }>;
+  }
+) {
+  const params = await props.params;
+
+  const {
+    slug
+  } = params;
+
   const post = getBlogPosts().find((post) => post.slug === slug);
 
   if (!post) {

apps/website/src/app/updates/page.tsx

@@ -18,7 +18,9 @@ export default async function Page() {
       }
       return 1;
     })
-    .map((post, index) => <Article data={post} firstPost={index === 0} />);
+    .map((post, index) => (
+      <Article data={post} firstPost={index === 0} key={post.slug} />
+    ));
 
   return (
     <div className="container flex justify-center scroll-smooth">

apps/website/src/components/assistant/chat-examples.tsx

@@ -23,7 +23,7 @@ const itemVariant = {
 };
 
 export function ChatExamples({ onSubmit }) {
-  const ref = useRef();
+  const ref = useRef(undefined);
   const { events } = useDraggable(ref);
 
   const totalLength = chatExamples.reduce((accumulator, currentString) => {

apps/website/src/components/brand-canvas.tsx

@@ -98,7 +98,7 @@ const repeated = [...assets, ...assets, ...assets, ...assets, ...assets];
 
 export function BrandCanvas() {
   const [value, setValue] = useState("https://cdn.midday.ai/all.zip");
-  const ref = useRef();
+  const ref = useRef(undefined);
   const { events } = useDraggable(ref);
 
   return (

apps/website/src/components/dev-message.tsx

@@ -3,7 +3,7 @@
 import { useEffect, useRef } from "react";
 
 export function DevMessage() {
-  const ref = useRef();
+  const ref = useRef(undefined);
 
   useEffect(() => {
     if (!ref.current) {

apps/website/src/components/not-found-statuses.tsx

@@ -40,7 +40,7 @@ const data = [
 export function NotFoundStatuses() {
   const [statuses, setStatuses] = useState();
   const ref = useRef(false);
-  const scrollRef = useRef();
+  const scrollRef = useRef(undefined);
 
   useEffect(() => {
     setStatuses([

apps/website/src/components/pitch/section-demo.tsx

@@ -18,7 +18,7 @@ type Props = {
 };
 
 export function SectionDemo({ playVideo }: Props) {
-  const playerRef = useRef();
+  const playerRef = useRef(undefined);
   const [isPlaying, setPlaying] = useState(true);
   const isDesktop = useMediaQuery("(min-width: 768px)");
 

apps/website/src/components/section-video.tsx

@@ -12,7 +12,7 @@ const ReactHlsPlayer = dynamic(() => import("react-hls-player"), {
 });
 
 export function SectionVideo() {
-  const playerRef = useRef();
+  const playerRef = useRef(undefined);
   const [isPlaying, setPlaying] = useState(false);
   const [isMuted, setMuted] = useState(true);
   const isDesktop = useMediaQuery("(min-width: 768px)");

bun.lockb

@@ -45,6 +45,7 @@ import {
   MdOutlineApps,
   MdOutlineArrowDownward,
   MdOutlineArrowForward,
+  MdOutlineArrowOutward,
   MdOutlineAssuredWorkload,
   MdOutlineAttachFile,
   MdOutlineAttachMoney,
@@ -691,4 +692,5 @@ export const Icons = {
   SnippetFolder: MdSnippetFolder,
   ConfirmationNumber: MdOutlineConfirmationNumber,
   QrCode: MdOutlineQrCode2,
+  ArrowOutward: MdOutlineArrowOutward,
 };