trafficlunar/tomodachi-share
1
0
Fork 0
mirror of https://github.com/trafficlunar/tomodachi-share.git synced 2026-06-27 22:24:14 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: move images to nginx

Browse source
This commit is contained in:
trafficlunar 2026-04-19 17:48:51 +01:00
parent a42a4126ec
commit c951c7d755
11 changed files with 29 additions and 169 deletions
Download patch file Download diff file Expand all files Collapse all files

2
frontend/src/components/mii/delete-mii-button.tsx
View file

@ -85,7 +85,7 @@ export default function DeleteMiiButton({ miiId, miiName, likes, inMiiPage }: Pr
<p className="text-sm text-zinc-500">Are you sure? This will delete your Mii permanently. This action cannot be undone.</p>
<div className="bg-orange-100 rounded-xl border-2 border-orange-400 mt-4 flex overflow-hidden">
<img src={`${import.meta.env.VITE_API_URL}/mii/${miiId}/image?type=mii`} alt="mii image" width={128} height={128} />
<img src={`${import.meta.env.VITE_STATIC_URL}/mii/${miiId}/mii.png`} alt="mii image" width={128} height={128} />
<div className="p-4 min-w-0">
<p className="text-xl font-bold line-clamp-3 wrap-anywhere" title={miiName}>
{miiName}

10
frontend/src/components/mii/list/index.tsx
View file

@ -126,7 +126,7 @@ export default function MiiList({ parentPage, userId }: Props) {
{parentPage !== "admin" ? (
<Link to={`/mii/${mii.id}`} className="overflow-hidden rounded-xl bg-zinc-300 shrink-0">
<img
src={`${import.meta.env.VITE_API_URL}/mii/${mii.id}/image?type=mii`}
src={`${import.meta.env.VITE_STATIC_URL}/mii/${mii.id}/mii.png`}
width={240}
height={160}
alt="mii image"
@ -136,11 +136,11 @@ export default function MiiList({ parentPage, userId }: Props) {
) : (
<div className="grid grid-cols-2 gap-1 rounded-xl bg-zinc-200">
{[
`${import.meta.env.VITE_API_URL}/mii/${mii.id}/image?type=mii`,
`${import.meta.env.VITE_STATIC_URL}/mii/${mii.id}/mii.png`,
mii.platform === "THREE_DS"
? `${import.meta.env.VITE_API_URL}/mii/${mii.id}/image?type=qr-code`
: `${import.meta.env.VITE_API_URL}/mii/${mii.id}/image?type=features`,
...Array.from({ length: mii.imageCount }, (_, i) => `${import.meta.env.VITE_API_URL}/mii/${mii.id}/image?type=image${i}`),
? `${import.meta.env.VITE_STATIC_URL}/mii/${mii.id}/qr-code.png`
: `${import.meta.env.VITE_STATIC_URL}/mii/${mii.id}/features.png`,
...Array.from({ length: mii.imageCount }, (_, i) => `${import.meta.env.VITE_STATIC_URL}/mii/${mii.id}/image${i}.png`),
].map((src, i) => (
<img key={i} src={src} alt="mii image" className="w-full bg-zinc-200" />
))}

6
frontend/src/components/mii/share-mii-button.tsx
View file

@ -28,7 +28,7 @@ export default function ShareMiiButton({ miiId }: Props) {
};
const handleCopyImage = async () => {
const response = await fetch(`${import.meta.env.VITE_API_URL}/mii/${miiId}/image?type=metadata`);
const response = await fetch(`${import.meta.env.VITE_STATIC_URL}/mii/${miiId}/metadata.png`);
const blob = await response.blob();
await navigator.clipboard.write([new ClipboardItem({ [blob.type]: blob })]);
@ -118,7 +118,7 @@ export default function ShareMiiButton({ miiId }: Props) {
<div className="flex justify-center items-center p-4 w-full bg-orange-100 border border-orange-400 rounded-lg">
<img
src={`${import.meta.env.VITE_API_URL}/mii/${miiId}/image?type=metadata`}
src={`${import.meta.env.VITE_STATIC_URL}/mii/${miiId}/metadata.png`}
alt="mii 'metadata' image"
width={248}
height={248}
@ -130,7 +130,7 @@ export default function ShareMiiButton({ miiId }: Props) {
<div className="flex gap-2 w-full">
{/* Save button */}
<Link
to={`${import.meta.env.VITE_API_URL}/mii/${miiId}/image?type=metadata`}
to={`${import.meta.env.VITE_STATIC_URL}/mii/${miiId}/metadata.png`}
className="pill button p-0! aspect-square size-11 cursor-pointer text-xl"
aria-label="Save Image"
data-tooltip="Save Image"

13
frontend/src/pages/edit.tsx
View file

@ -149,7 +149,7 @@ export default function EditMiiPage() {
try {
const existing = await Promise.all(
Array.from({ length: mii.imageCount }, async (_, index) => {
const path = `${API_URL}/mii/${mii.id}/image?type=image${index}`;
const path = `${STATIC_URL}/mii/${mii.id}/image${index}.png`;
const response = await fetch(path);
const blob = await response.blob();
@ -167,6 +167,7 @@ export default function EditMiiPage() {
}, [mii, mii?.id, mii?.imageCount]);
const API_URL = import.meta.env.VITE_API_URL;
const STATIC_URL = import.meta.env.VITE_STATIC_URL;
useEffect(() => {
fetch(`${API_URL}/api/mii/${id}/info`)
@ -181,8 +182,8 @@ export default function EditMiiPage() {
setDescription(data.description);
setGender(data.gender ?? "MALE");
setMakeup(data.makeup ?? "PARTIAL");
setMiiPortraitUri(`${API_URL}/mii/${data.id}/image?type=mii`);
setMiiFeaturesUri(`${API_URL}/mii/${data.id}/image?type=features`);
setMiiPortraitUri(`${STATIC_URL}/mii/${data.id}/mii.png`);
setMiiFeaturesUri(`${STATIC_URL}/mii/${data.id}/features.png`);
setYouTubeId(data.youtubeId ?? "");
setQuarantined(data.quarantined);
instructions.current = deepMerge(defaultInstructions, (data.instructions as object) ?? {});
@ -208,10 +209,8 @@ export default function EditMiiPage() {
<div className="w-75 h-min flex flex-col bg-zinc-50 rounded-3xl border-2 border-zinc-300 shadow-lg p-3">
<Carousel
images={[
miiPortraitUri ?? `${API_URL}/mii/${mii.id}/image?type=mii`,
...(mii.platform === "THREE_DS"
? [`${API_URL}/mii/${mii.id}/image?type=qr-code`]
: [miiFeaturesUri ?? `${API_URL}/mii/${mii.id}/image?type=features`]),
miiPortraitUri ?? `${STATIC_URL}/mii/${mii.id}/mii.png`,
...(mii.platform === "THREE_DS" ? [`${STATIC_URL}/mii/${mii.id}/qr-code.png`] : [miiFeaturesUri ?? `${STATIC_URL}/mii/${mii.id}/features.png`]),
...files.map((file) => URL.createObjectURL(file)),
]}
/>

9
frontend/src/pages/mii.tsx
View file

@ -23,6 +23,7 @@ export default function MiiPage() {
const [isLiked, setIsLiked] = useState(false);
const API_URL = import.meta.env.VITE_API_URL;
const STATIC_URL = import.meta.env.VITE_STATIC_URL;
useEffect(() => {
fetch(`${API_URL}/api/mii/${id}/info`)
@ -50,7 +51,7 @@ export default function MiiPage() {
}, [id]);
if (loading || !mii) return <div className="p-6 text-center">Loading...</div>;
const images = [...Array.from({ length: mii.imageCount ?? 0 }, (_, index) => `${API_URL}/mii/${mii.id}/image?type=image${index}`)];
const images = [...Array.from({ length: mii.imageCount ?? 0 }, (_, index) => `${STATIC_URL}/mii/${mii.id}/image${index}.png`)];
return (
<div className="flex flex-col items-center">
@ -76,7 +77,7 @@ export default function MiiPage() {
{/* Mii Image */}
<div className="bg-linear-to-b from-amber-100 to-amber-200 overflow-hidden rounded-xl w-full mb-4 flex justify-center">
<ImageViewer
src={`${API_URL}/mii/${mii.id}/image?type=mii`}
src={`${STATIC_URL}/mii/${mii.id}/mii.png`}
alt="mii headshot"
width={250}
height={250}
@ -87,7 +88,7 @@ export default function MiiPage() {
{mii.platform === "THREE_DS" ? (
<div className="bg-amber-200 overflow-hidden rounded-xl w-full mb-4 flex justify-center p-2">
<ImageViewer
src={`${API_URL}/mii/${mii.id}/image?type=qr-code`}
src={`${STATIC_URL}/mii/${mii.id}/qr-code.png`}
alt="mii qr code"
width={128}
height={128}
@ -96,7 +97,7 @@ export default function MiiPage() {
</div>
) : (
<ImageViewer
src={`${API_URL}/mii/${mii.id}/image?type=features`}
src={`${STATIC_URL}/mii/${mii.id}/features.png`}
alt="mii features"
width={300}
height={300}

2
frontend/src/pages/report/mii.tsx
View file

@ -64,7 +64,7 @@ export default function ReportMiiPage() {
<hr className="border-zinc-300" />
<div className="bg-orange-100 rounded-xl border-2 border-orange-400 flex">
<img src={`${import.meta.env.VITE_API_URL}/mii/${mii.id}/image?type=mii`} alt="mii image" width={128} height={128} />
<img src={`${import.meta.env.VITE_STATIC_URL}/mii/${mii.id}/mii.png`} alt="mii image" width={128} height={128} />
<div className="p-4">
<p className="text-xl font-bold line-clamp-1">{mii.name}</p>
</div>