From 14d69a167ed52c84ab588ad4eef49c603a174ec0 Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Mon, 25 Sep 2023 21:34:03 -0500
Subject: [PATCH] Send request origin when creating photos

---
 src/photo/PhotoForm.tsx | 14 +++++++++++++-
 src/photo/actions.ts    |  5 ++++-
 src/utility/image.ts    |  3 ++-
 3 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/src/photo/PhotoForm.tsx b/src/photo/PhotoForm.tsx
index e5af3648..8014b9e5 100644
--- a/src/photo/PhotoForm.tsx
+++ b/src/photo/PhotoForm.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import { useCallback, useState } from 'react';
+import { useCallback, useEffect, useState } from 'react';
 import {
   FORM_METADATA_ENTRIES,
   PhotoFormData,
@@ -30,6 +30,11 @@ export default function PhotoForm({
 
   const url = formData.url ?? '';
 
+  const [requestOrigin, setRequestOrigin] = useState<string>();
+  useEffect(() => {
+    setRequestOrigin(window.location.origin);
+  }, []);
+
   const updateBlurData = useCallback((blurData: string) => {
     if (type === 'create') {
       setFormData(data => ({
@@ -96,6 +101,13 @@ export default function PhotoForm({
               loading={loadingMessage && !formData[key] ? true : false}
               type={checkbox ? 'checkbox' : undefined}
             />)}
+        {type === 'create' &&
+          <input
+            name="requestOrigin"
+            defaultValue={requestOrigin}
+            readOnly
+            hidden
+          />}
         <div className="flex gap-4">
           {type === 'edit' &&
             <Link
diff --git a/src/photo/actions.ts b/src/photo/actions.ts
index cc611a95..b5aeb33a 100644
--- a/src/photo/actions.ts
+++ b/src/photo/actions.ts
@@ -20,13 +20,16 @@ import { IS_PRO_MODE } from '@/site/config';
 import { getNextImageUrlForRequest } from '@/utility/image';
 
 export async function createPhotoAction(formData: FormData) {
+  const requestOrigin = formData.get('requestOrigin') as string | undefined;
+  formData.delete('requestOrigin');
+
   const photo = convertFormDataToPhoto(formData, true);
 
   const updatedUrl = await convertUploadToPhoto(
     photo.url,
     photo.id,
     !IS_PRO_MODE
-      ? getNextImageUrlForRequest(photo.url, 3840, 90)
+      ? getNextImageUrlForRequest(photo.url, 3840, 90, requestOrigin)
       : undefined,
     !IS_PRO_MODE ? 'webp' : undefined,
   );
diff --git a/src/utility/image.ts b/src/utility/image.ts
index f5c48882..b37f4bd3 100644
--- a/src/utility/image.ts
+++ b/src/utility/image.ts
@@ -12,8 +12,9 @@ export const getNextImageUrlForRequest = (
   imageUrl: string,
   width: NextImageWidth,
   quality = 75,
+  baseUrl = BASE_URL,
 ) => {
-  const url = new URL(`${BASE_URL}/_next/image`);
+  const url = new URL(`${baseUrl}/_next/image`);
 
   url.searchParams.append('url', imageUrl);
   url.searchParams.append('w', width.toString());