mirror of
https://github.com/hanzo-apps/dataroom.git
synced 2026-10-30 14:47:36 +00:00
zeekay
60163bce2e
108 files: README, marketing copy, page titles, meta tags, footer text, email templates, .env.example, UI strings. URLs swapped from papermark.com/papermark.io to dataroom.hanzo.ai. Internal identifiers left intact per repo policy: localStorage keys (papermark.email/papermark.name/last_papermark_login — changing them logs users out), type field names (papermarkUserId), internal helper symbols (PAPERMARK_HEADERS, PapermarkSparkle component, isPapermarkUrl helper), internal-only filenames. LLM.md retains 'Upstream: Papermark' attribution line. Per-locale .po translations regenerate from source on the next lingui-extract CI run. DB migrations untouched (append-only history; rewriting them breaks installed schemas). LICENSE stays AGPL-3.0.
101 lines
3.0 KiB
TypeScript
101 lines
3.0 KiB
TypeScript
import { ImageResponse } from "next/og";
|
|
import { NextRequest } from "next/server";
|
|
|
|
export const runtime = "edge";
|
|
|
|
export async function GET(req: NextRequest) {
|
|
const inter = await fetch(
|
|
new URL("@/styles/Inter-Regular.ttf", import.meta.url),
|
|
).then((res) => res.arrayBuffer());
|
|
|
|
const interBold = await fetch(
|
|
new URL("@/public/_static/Inter-Bold.ttf", import.meta.url),
|
|
).then((res) => res.arrayBuffer());
|
|
|
|
const year = req.nextUrl.searchParams.get("year") || "2024";
|
|
const minutesSpentOnDocs =
|
|
req.nextUrl.searchParams.get("minutesSpentOnDocs") || "1000";
|
|
const uploadedDocuments =
|
|
req.nextUrl.searchParams.get("uploadedDocuments") || "100";
|
|
const sharedLinks = req.nextUrl.searchParams.get("sharedLinks") || "10";
|
|
const receivedViews = req.nextUrl.searchParams.get("receivedViews") || "1000";
|
|
|
|
return new ImageResponse(
|
|
(
|
|
<div
|
|
tw="flex bg-black w-full h-full items-center justify-between"
|
|
style={{ padding: "48px" }}
|
|
>
|
|
{/* Left Side Text */}
|
|
<div tw="flex flex-col text-white" style={{ marginLeft: "48px" }}>
|
|
<div tw="flex text-7xl font-bold mb-4 tracking-tighter">
|
|
Hanzo Dataroom
|
|
</div>
|
|
<div tw="flex text-5xl mb-4">Year in Review</div>
|
|
<div tw="flex text-7xl font-bold">{year}</div>
|
|
</div>
|
|
|
|
{/* Ticket Container */}
|
|
<div
|
|
tw="flex flex-col bg-[#fb7a00] rounded-3xl relative overflow-hidden justify-between"
|
|
style={{
|
|
width: "400px",
|
|
height: "480px",
|
|
marginRight: "48px",
|
|
boxShadow: "0 0 100px -15px rgba(251, 122, 0, 0.3)",
|
|
border: "1px solid rgba(255, 255, 255, 0.1)",
|
|
}}
|
|
>
|
|
{/* Header Section */}
|
|
<div tw="flex items-start p-8 items-center">
|
|
<div tw="flex text-2xl font-bold text-white tracking-tighter">
|
|
Hanzo Dataroom
|
|
</div>
|
|
</div>
|
|
|
|
{/* Main Content */}
|
|
<div tw="flex flex-col p-8 border-t border-white/20 h-[240px] justify-center">
|
|
<div tw="flex text-7xl font-bold text-white mb-2">
|
|
{minutesSpentOnDocs}
|
|
</div>
|
|
<div tw="flex text-2xl font-normal text-white/80">
|
|
minutes viewed
|
|
</div>
|
|
</div>
|
|
|
|
{/* Year */}
|
|
<div tw="flex p-8 text-xl text-white/80 border-t border-white/20 items-center">
|
|
{year}
|
|
</div>
|
|
|
|
{/* Footer */}
|
|
<div tw="flex p-8 text-sm text-white/60 border-t border-white/20 items-center">
|
|
YEAR IN REVIEW
|
|
</div>
|
|
</div>
|
|
</div>
|
|
),
|
|
{
|
|
width: 1200,
|
|
height: 630,
|
|
headers: {
|
|
"Cache-Control": "public, max-age=3600, immutable",
|
|
},
|
|
fonts: [
|
|
{
|
|
name: "Inter",
|
|
data: inter,
|
|
weight: 400,
|
|
style: "normal",
|
|
},
|
|
{
|
|
name: "Inter",
|
|
data: interBold,
|
|
weight: 700,
|
|
style: "normal",
|
|
},
|
|
],
|
|
},
|
|
);
|
|
}
|