jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2026-01-10 23:22:55 -05:00
Code Issues Activity

chore: bump deps

Browse Source
This commit is contained in:
Jake Jarvis
2025-12-07 14:27:58 -05:00
parent fcbff0012c
commit 9cd2810bff
4 changed files with 449 additions and 644 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
.nvmrc
View File

@@ -1 +1 @@
22.21.1
24.11.1

288
app/notes/[slug]/opengraph-image.tsx
View File

@@ -65,174 +65,172 @@ const OpenGraphImage = async ({ params }: { params: Promise<{ slug: string }> })
// template is HEAVILY inspired by https://og-new.clerkstage.dev/
return new ImageResponse(
(
<div
style={{
...size,
display: "flex",
flexDirection: "column",
background: "linear-gradient(to top right, rgb(134, 239, 172), rgb(59, 130, 246), rgb(147, 51, 234))",
}}
>
<div
style={{
height: "100%",
width: "100%",
position: "absolute",
inset: 0,
filter: "brightness(100%) contrast(150%)",
opacity: "0.1",
backgroundImage: `url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="500" height="500"><filter id="noise" x="0" y="0"><feTurbulence type="fractalNoise" baseFrequency="0.65" numOctaves="3" stitchTiles="stitch"/><feBlend mode="screen"/></filter><rect width="500" height="500" filter="url(#noise)" opacity="1"/></svg>')`,
backgroundRepeat: "repeat",
}}
></div>
<div
style={{
height: "100%",
width: "100%",
position: "absolute",
opacity: "0.4",
backgroundImage: `url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><g fill-rule="evenodd" fill="#6b7280" fill-opacity="0.4"><g><path opacity="0.5" d="M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z"/><path d="M6 5V0H5v5H0v1h5v94h1V6h94V5H6z"/></g></g></svg>')`,
maskImage: "radial-gradient(rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 80%)",
}}
></div>
<div
style={{
...size,
display: "flex",
flexDirection: "column",
background: "linear-gradient(to top right, rgb(134, 239, 172), rgb(59, 130, 246), rgb(147, 51, 234))",
width: "100%",
gap: "1.5rem",
paddingLeft: "2rem",
}}
>
<div
style={{
height: "100%",
width: "100%",
position: "absolute",
inset: 0,
filter: "brightness(100%) contrast(150%)",
opacity: "0.1",
backgroundImage: `url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="500" height="500"><filter id="noise" x="0" y="0"><feTurbulence type="fractalNoise" baseFrequency="0.65" numOctaves="3" stitchTiles="stitch"/><feBlend mode="screen"/></filter><rect width="500" height="500" filter="url(#noise)" opacity="1"/></svg>')`,
backgroundRepeat: "repeat",
}}
></div>
<div
style={{
height: "100%",
width: "100%",
position: "absolute",
opacity: "0.4",
backgroundImage: `url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><g fill-rule="evenodd" fill="#6b7280" fill-opacity="0.4"><g><path opacity="0.5" d="M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z"/><path d="M6 5V0H5v5H0v1h5v94h1V6h94V5H6z"/></g></g></svg>')`,
maskImage: "radial-gradient(rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 80%)",
}}
></div>
<div
style={{
display: "flex",
width: "100%",
gap: "1.5rem",
paddingLeft: "2rem",
flexDirection: "column",
rowGap: "1.5rem",
flexShrink: 0,
paddingTop: "2rem",
// don't wrap the title text if there's no image to leave room for
width: postImg ? "35%" : "100%",
marginRight: "0.75rem",
}}
>
<div
style={{
display: "flex",
flexDirection: "column",
rowGap: "1.5rem",
flexShrink: 0,
paddingTop: "2rem",
// don't wrap the title text if there's no image to leave room for
width: postImg ? "35%" : "100%",
marginRight: "0.75rem",
marginBottom: "0.75rem",
}}
>
<div
style={{
display: "flex",
marginBottom: "0.75rem",
}}
>
{avatarImg && (
<img
// @ts-expect-error
src={avatarImg}
alt=""
style={{
width: "3rem",
height: "3rem",
borderRadius: "50%",
}}
/>
)}
<span
style={{
fontSize: "1.825rem",
fontFamily: "Geist-SemiBold",
fontWeight: 700,
lineHeight: "3rem",
letterSpacing: "-0.015em",
marginLeft: "0.75rem",
}}
>
{siteConfig.name}
</span>
</div>
<div
style={{
display: "flex",
flexGrow: 0,
fontFamily: "Geist-SemiBold",
fontWeight: 700,
fontSize: "48px",
color: "#030712",
letterSpacing: "-0.025em",
lineHeight: "1.2",
}}
>
{frontmatter!.title}
</div>
<div
style={{
display: "flex",
flexGrow: 0,
}}
>
<span
style={{
fontFamily: "Geist-Regular",
fontWeight: 400,
fontSize: "20px",
color: "#030712",
border: "solid",
borderRadius: "100",
borderWidth: "2px",
paddingRight: "16px",
paddingLeft: "16px",
paddingTop: "5px",
paddingBottom: "5px",
}}
>
{POSTS_DIR.charAt(0).toUpperCase() + POSTS_DIR.slice(1)}
</span>
</div>
<div
style={{
display: "flex",
flexGrow: 0,
fontFamily: "Geist-Regular",
fontWeight: 400,
fontSize: "24px",
color: "#030712",
letterSpacing: "-0.025em",
lineHeight: "1.2",
}}
>
{new Date(frontmatter!.date).toLocaleDateString(env.NEXT_PUBLIC_SITE_LOCALE, {
year: "numeric",
month: "long",
day: "numeric",
})}
</div>
</div>
{postImg && (
<div
style={{
display: "flex",
width: "100%", // less than half in reality, but this gives the image the overflow look
flexGrow: 0,
}}
>
{avatarImg && (
<img
// @ts-expect-error
src={postImg}
src={avatarImg}
alt=""
style={{
maxHeight: "100%",
minHeight: 630,
width: "auto",
width: "3rem",
height: "3rem",
borderRadius: "50%",
}}
/>
</div>
)}
)}
<span
style={{
fontSize: "1.825rem",
fontFamily: "Geist-SemiBold",
fontWeight: 700,
lineHeight: "3rem",
letterSpacing: "-0.015em",
marginLeft: "0.75rem",
}}
>
{siteConfig.name}
</span>
</div>
<div
style={{
display: "flex",
flexGrow: 0,
fontFamily: "Geist-SemiBold",
fontWeight: 700,
fontSize: "48px",
color: "#030712",
letterSpacing: "-0.025em",
lineHeight: "1.2",
}}
>
{frontmatter!.title}
</div>
<div
style={{
display: "flex",
flexGrow: 0,
}}
>
<span
style={{
fontFamily: "Geist-Regular",
fontWeight: 400,
fontSize: "20px",
color: "#030712",
border: "solid",
borderRadius: "100",
borderWidth: "2px",
paddingRight: "16px",
paddingLeft: "16px",
paddingTop: "5px",
paddingBottom: "5px",
}}
>
{POSTS_DIR.charAt(0).toUpperCase() + POSTS_DIR.slice(1)}
</span>
</div>
<div
style={{
display: "flex",
flexGrow: 0,
fontFamily: "Geist-Regular",
fontWeight: 400,
fontSize: "24px",
color: "#030712",
letterSpacing: "-0.025em",
lineHeight: "1.2",
}}
>
{new Date(frontmatter!.date).toLocaleDateString(env.NEXT_PUBLIC_SITE_LOCALE, {
year: "numeric",
month: "long",
day: "numeric",
})}
</div>
</div>
{postImg && (
<div
style={{
display: "flex",
width: "100%", // less than half in reality, but this gives the image the overflow look
flexGrow: 0,
}}
>
<img
// @ts-expect-error
src={postImg}
alt=""
style={{
maxHeight: "100%",
minHeight: 630,
width: "auto",
}}
/>
</div>
)}
</div>
),
</div>,
{
...size,
fonts: [

30
package.json
View File

@@ -28,7 +28,7 @@
"@neondatabase/serverless": "^1.0.2",
"@next/mdx": "16.0.7",
"@octokit/graphql": "^9.0.3",
"@octokit/graphql-schema": "^15.26.0",
"@octokit/graphql-schema": "^15.26.1",
"@radix-ui/react-alert-dialog": "^1.1.15",
"@radix-ui/react-aspect-ratio": "^1.1.8",
"@radix-ui/react-avatar": "^1.1.11",
@@ -42,27 +42,27 @@
"@radix-ui/react-toast": "^1.2.15",
"@radix-ui/react-tooltip": "^1.2.8",
"@t3-oss/env-nextjs": "^0.13.8",
"@vercel/analytics": "^1.5.0",
"@vercel/speed-insights": "^1.2.0",
"better-auth": "1.3.34",
"@vercel/analytics": "^1.6.1",
"@vercel/speed-insights": "^1.3.1",
"better-auth": "^1.4.5",
"botid": "^1.5.10",
"cheerio": "^1.1.2",
"class-variance-authority": "^0.7.1",
"clsx": "^2.1.1",
"copy-to-clipboard": "^3.3.3",
"date-fns": "^4.1.0",
"drizzle-orm": "^0.44.7",
"drizzle-orm": "^0.45.0",
"fast-glob": "^3.3.3",
"feed": "^5.1.0",
"geist": "^1.5.1",
"html-entities": "^2.6.0",
"lucide-react": "0.554.0",
"lucide-react": "0.556.0",
"next": "16.0.7",
"react": "19.2.1",
"react-activity-calendar": "^3.0.1",
"react-countup": "^6.5.3",
"react-dom": "19.2.1",
"react-lite-youtube-embed": "^3.3.2",
"react-lite-youtube-embed": "^3.3.3",
"react-markdown": "^10.1.0",
"react-schemaorg": "^2.0.0",
"react-timeago": "^8.3.0",
@@ -87,16 +87,16 @@
"remark-strip-mdx-imports-exports": "^1.0.1",
"resend": "^6.5.2",
"server-only": "0.0.1",
"shiki": "^3.15.0",
"shiki": "^3.19.0",
"sonner": "^2.0.7",
"tailwind-merge": "^3.4.0",
"tailwindcss": "^4.1.17",
"tw-animate-css": "^1.4.0",
"unified": "^11.0.5",
"zod": "4.1.12"
"zod": "^4.1.13"
},
"devDependencies": {
"@eslint/eslintrc": "^3.3.1",
"@eslint/eslintrc": "^3.3.3",
"@eslint/js": "^9.39.1",
"@jakejarvis/eslint-config": "^4.0.7",
"@tailwindcss/postcss": "^4.1.17",
@@ -107,7 +107,7 @@
"babel-plugin-react-compiler": "19.1.0-rc.3",
"cross-env": "^10.1.0",
"dotenv": "^17.2.3",
"drizzle-kit": "^0.31.7",
"drizzle-kit": "^0.31.8",
"eslint": "^9.39.1",
"eslint-config-next": "16.0.7",
"eslint-config-prettier": "^10.1.8",
@@ -123,8 +123,8 @@
"husky": "^9.1.7",
"lint-staged": "^16.2.7",
"postcss": "^8.5.6",
"prettier": "^3.6.2",
"prettier-plugin-tailwindcss": "^0.7.1",
"prettier": "^3.7.4",
"prettier-plugin-tailwindcss": "^0.7.2",
"schema-dts": "^1.1.5",
"typescript": "5.9.3"
},
@@ -132,9 +132,9 @@
"sharp": "^0.34.5"
},
"engines": {
"node": ">=22.x"
"node": ">=24.x"
},
"packageManager": "pnpm@10.23.0+sha512.21c4e5698002ade97e4efe8b8b4a89a8de3c85a37919f957e7a0f30f38fbc5bbdd05980ffe29179b2fb6e6e691242e098d945d1601772cad0fef5fb6411e2a4b",
"packageManager": "pnpm@10.24.0+sha512.01ff8ae71b4419903b65c60fb2dc9d34cf8bb6e06d03bde112ef38f7a34d6904c424ba66bea5cdcf12890230bf39f9580473140ed9c946fef328b6e5238a345a",
"cacheDirectories": [
"node_modules",
".next/cache"

773
pnpm-lock.yaml generated
View File

File diff suppressed because it is too large Load Diff