Spircape/api
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix

Browse Source
This commit is contained in:
He
2025-06-07 11:31:49 +08:00
parent 56986c2f80
commit 46de168414
2 changed files with 12 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
app/[...path]/route.ts → app/avatar/[...path]/route.ts
View File

@@ -29,7 +29,7 @@ export async function GET(request: NextRequest, { params }: { params: { path: st
// Construct the upstream URL // Construct the upstream URL
const path = params.path.join("/") const path = params.path.join("/")
const upstream_url = `https://${upstream_domain}/${path}${url.search}` const upstream_url = `https://${upstream_domain}/avatar/${path}${url.search}`
try { try {
// Fetch from upstream // Fetch from upstream
@@ -117,4 +117,3 @@ function replace_response_text(text: string, upstream_domain: string, host_name:
} }
return text return text
} }

23
app/page.tsx
View File

@@ -13,7 +13,7 @@ export default function Home() {
const [copied, setCopied] = useState<string | null>(null) const [copied, setCopied] = useState<string | null>(null)
const baseUrl = typeof window !== "undefined" ? window.location.origin : "" const baseUrl = typeof window !== "undefined" ? window.location.origin : ""
const randomImageUrl = `${baseUrl}/random-image` const randomImageUrl = `${baseUrl}/random-image`
const gravatarProxyUrl = `${baseUrl}/gravatar` const gravatarProxyUrl = `${baseUrl}/avatar`
const copyToClipboard = (text: string, id: string) => { const copyToClipboard = (text: string, id: string) => {
navigator.clipboard.writeText(text) navigator.clipboard.writeText(text)
@@ -28,9 +28,7 @@ export default function Home() {
<h1 className="text-4xl md:text-5xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-primary to-blue-600 mb-4"> <h1 className="text-4xl md:text-5xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-primary to-blue-600 mb-4">
API Services API Services
</h1> </h1>
<p className="text-lg text-slate-600 dark:text-slate-400 max-w-2xl mx-auto"> <p className="text-lg text-slate-600 dark:text-slate-400 max-w-2xl mx-auto">Connect the world with us</p>
Connect the world with us
</p>
</header> </header>
<Alert <Alert
@@ -160,7 +158,7 @@ export default function Home() {
</h4> </h4>
<div className="relative"> <div className="relative">
<pre className="bg-slate-950 text-slate-100 p-4 rounded-md overflow-x-auto"> <pre className="bg-slate-950 text-slate-100 p-4 rounded-md overflow-x-auto">
<code>{`<!-- Replace [EMAIL_HASH] with MD5 hash of the email -->\n<img src="${gravatarProxyUrl}/avatar/[EMAIL_HASH]" alt="User avatar" />`}</code> <code>{`<!-- Replace [EMAIL_HASH] with MD5 hash of the email -->\n<img src="${gravatarProxyUrl}/[EMAIL_HASH]" alt="User avatar" />`}</code>
</pre> </pre>
<Button <Button
variant="ghost" variant="ghost"
@@ -168,7 +166,7 @@ export default function Home() {
className="absolute top-2 right-2 text-slate-400 hover:text-white hover:bg-slate-800" className="absolute top-2 right-2 text-slate-400 hover:text-white hover:bg-slate-800"
onClick={() => onClick={() =>
copyToClipboard( copyToClipboard(
`<!-- Replace [EMAIL_HASH] with MD5 hash of the email -->\n<img src="${gravatarProxyUrl}/avatar/[EMAIL_HASH]" alt="User avatar" />`, `<!-- Replace [EMAIL_HASH] with MD5 hash of the email -->\n<img src="${gravatarProxyUrl}/[EMAIL_HASH]" alt="User avatar" />`,
"html-gravatar", "html-gravatar",
) )
} }
@@ -189,7 +187,7 @@ export default function Home() {
</h4> </h4>
<div className="relative"> <div className="relative">
<pre className="bg-slate-950 text-slate-100 p-4 rounded-md overflow-x-auto"> <pre className="bg-slate-950 text-slate-100 p-4 rounded-md overflow-x-auto">
<code>{`<!-- Set size to 200px -->\n<img src="${gravatarProxyUrl}/avatar/[EMAIL_HASH]?s=200" alt="User avatar" />`}</code> <code>{`<!-- Set size to 200px -->\n<img src="${gravatarProxyUrl}/[EMAIL_HASH]?s=200" alt="User avatar" />`}</code>
</pre> </pre>
<Button <Button
variant="ghost" variant="ghost"
@@ -197,7 +195,7 @@ export default function Home() {
className="absolute top-2 right-2 text-slate-400 hover:text-white hover:bg-slate-800" className="absolute top-2 right-2 text-slate-400 hover:text-white hover:bg-slate-800"
onClick={() => onClick={() =>
copyToClipboard( copyToClipboard(
`<!-- Set size to 200px -->\n<img src="${gravatarProxyUrl}/avatar/[EMAIL_HASH]?s=200" alt="User avatar" />`, `<!-- Set size to 200px -->\n<img src="${gravatarProxyUrl}/[EMAIL_HASH]?s=200" alt="User avatar" />`,
"size-gravatar", "size-gravatar",
) )
} }
@@ -218,7 +216,7 @@ export default function Home() {
</h4> </h4>
<div className="relative"> <div className="relative">
<pre className="bg-slate-950 text-slate-100 p-4 rounded-md overflow-x-auto"> <pre className="bg-slate-950 text-slate-100 p-4 rounded-md overflow-x-auto">
<code>{`<!-- Use 'identicon' as default if email has no Gravatar -->\n<img src="${gravatarProxyUrl}/avatar/[EMAIL_HASH]?d=identicon" alt="User avatar" />`}</code> <code>{`<!-- Use 'identicon' as default if email has no Gravatar -->\n<img src="${gravatarProxyUrl}/[EMAIL_HASH]?d=identicon" alt="User avatar" />`}</code>
</pre> </pre>
<Button <Button
variant="ghost" variant="ghost"
@@ -226,7 +224,7 @@ export default function Home() {
className="absolute top-2 right-2 text-slate-400 hover:text-white hover:bg-slate-800" className="absolute top-2 right-2 text-slate-400 hover:text-white hover:bg-slate-800"
onClick={() => onClick={() =>
copyToClipboard( copyToClipboard(
`<!-- Use 'identicon' as default if email has no Gravatar -->\n<img src="${gravatarProxyUrl}/avatar/[EMAIL_HASH]?d=identicon" alt="User avatar" />`, `<!-- Use 'identicon' as default if email has no Gravatar -->\n<img src="${gravatarProxyUrl}/[EMAIL_HASH]?d=identicon" alt="User avatar" />`,
"default-gravatar", "default-gravatar",
) )
} }
@@ -247,7 +245,9 @@ export default function Home() {
<CardFooter className="border-t bg-slate-50 dark:bg-slate-900 py-4"> <CardFooter className="border-t bg-slate-50 dark:bg-slate-900 py-4">
<div className="flex items-center gap-2 text-sm text-slate-600 dark:text-slate-400"> <div className="flex items-center gap-2 text-sm text-slate-600 dark:text-slate-400">
<ExternalLink className="h-4 w-4" /> <ExternalLink className="h-4 w-4" />
<span>The above is for example only, please adjust according to the specific development environment</span> <span>
The above is for example only, please adjust according to the specific development environment
</span>
</div> </div>
</CardFooter> </CardFooter>
</Card> </Card>
@@ -261,4 +261,3 @@ export default function Home() {
</div> </div>
) )
} }