TheSunIsLeaking/DorkNet
3
0
Fork 0
mirror of https://github.com/DorkSquadRR/DorkNet.git synced 2026-10-26 23:48:45 -07:00
Code Issues Packages Projects Releases Wiki Activity

Refactor image URL handling: streamline image and asset CDN URL generation using new utility functions

Browse Source
This commit is contained in:
Alexa
2026-06-02 15:57:55 +03:00
parent f1a616e9c1
commit a2feb780c2
3 changed files with 28 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
DorkNet.Server/admin-ui/src/pages/CommunityBoard.tsx
+5 -7
View File
@@ -1,6 +1,6 @@
import { useEffect, useRef, useState } from 'react';
import { api, get } from '../lib/api';
import type { CommunityBoardState, Player, Room } from '../lib/types';
import { assetCdnUrl, imageCdnUrl, type CommunityBoardState, type Player, type Room } from '../lib/types';
import { useApi } from '../lib/useApi';
import { PageHeader } from '../components/PageHeader';
import { useToast } from '../components/Toast';
@@ -276,8 +276,7 @@ function InstagramImageRow({
}
};
const apex = typeof window !== 'undefined' && window.location.host.endsWith('localhost') ? 'localhost' : 'rec.net';
const preview = img.imageName ? `https://img.${apex}/${encodeURIComponent(img.imageName)}?width=128&sig=p1` : null;
const preview = imageCdnUrl(img.imageName, 'width=128&sig=p1');
return (
<div className="rounded border border-ink-800 p-2 flex gap-2 items-start">
@@ -439,15 +438,14 @@ function VideoRow({
// because it overwrites thumbnailBlobName).
const [autoThumb, setAutoThumb] = useState(true);
const apex = typeof window !== 'undefined' && window.location.host.endsWith('localhost') ? 'localhost' : 'rec.net';
const thumbPreview = video.thumbnailBlobName ? `https://img.${apex}/${encodeURIComponent(video.thumbnailBlobName)}?width=160&sig=p1` : null;
// The watch fetches videos under cdn.{apex}/video/<BlobName>
const thumbPreview = imageCdnUrl(video.thumbnailBlobName, 'width=160&sig=p1');
// The watch fetches videos under cdn.<apex>/video/<BlobName>
// (RecNet/CommunityBoard.txt:1068 — `String.Concat("/video/", BlobName)`).
// Match that path here so the inline admin preview hits the same
// route the watch does; previously we built a bare `cdn.{apex}/<name>`
// URL which 404'd because CdnController's catch-all regex didn't
// include video extensions.
const videoUrl = video.blobName ? `https://cdn.${apex}/video/${encodeURIComponent(video.blobName)}` : null;
const videoUrl = assetCdnUrl(video.blobName ? `video/${video.blobName}` : null);
// Video file picker → POST /communityboard/video/upload (timeout
// generous: 100 MB at 5 MB/s is 20s of body time alone, plus S3
DorkNet.Server/admin-ui/src/pages/LoadingTips.tsx
+2 -2
View File
@@ -1,5 +1,6 @@
import { useEffect, useRef, useState } from 'react';
import { api, get } from '../lib/api';
import { imageCdnUrl } from '../lib/types';
import { PageHeader } from '../components/PageHeader';
import { useToast } from '../components/Toast';
import { Plus, Trash } from '../components/Icons';
@@ -185,8 +186,7 @@ function TipEditor({
}
};
const apex = typeof window !== 'undefined' && window.location.host.endsWith('localhost') ? 'localhost' : 'rec.net';
const preview = tip.imageName ? `https://img.${apex}/${encodeURIComponent(tip.imageName)}?width=160&sig=p1` : null;
const preview = imageCdnUrl(tip.imageName, 'width=160&sig=p1');
return (
<div className="card !p-4 space-y-3">