fix[frontend]: use full url to avoid parse error

Author: SharzyL

frontend/test/decrypt.spec.tsx

@@ -8,6 +8,7 @@ import { setupServer } from "msw/node"
 import { http, HttpResponse } from "msw"
 import { encodeKey, encrypt, genKey } from "../utils/encryption.js"
 import { stubBrowerFunctions, unStubBrowerFunctions } from "./testUtils.js"
+import { APIUrl } from "../utils/utils.js"
 
 describe("decrypt page", async () => {
   const scheme = "AES-GCM"
@@ -16,7 +17,7 @@ describe("decrypt page", async () => {
   const content = new Uint8Array(new TextEncoder().encode(contentString))
   const encrypted = await encrypt(scheme, key, content)
   const server = setupServer(
-    http.get("/abcd", () => {
+    http.get(`${APIUrl}/abcd`, () => {
       return HttpResponse.arrayBuffer(encrypted.buffer)
     }),
   )

frontend/test/index.spec.tsx

@@ -12,10 +12,10 @@ export const mockedPasteUpload: PasteResponse = {
 export const mockedPasteContent = "something"
 
 export const server = setupServer(
-  http.post("/", () => {
+  http.post(`${APIUrl}/`, () => {
     return HttpResponse.json(mockedPasteUpload)
   }),
-  http.get("/abcd", () => {
+  http.get(`${APIUrl}/abcd`, () => {
     return HttpResponse.text(mockedPasteContent)
   }),
 )
@@ -41,6 +41,7 @@ import { PasteResponse } from "../../shared/interfaces.js"
 import { setupServer } from "msw/node"
 import { http, HttpResponse } from "msw"
 import { stubBrowerFunctions, unStubBrowerFunctions } from "./testUtils.js"
+import { APIUrl } from "../utils/utils.js"
 
 describe("Pastebin", () => {
   it("can upload", async () => {

frontend/utils/uploader.ts

@@ -62,14 +62,13 @@ export async function uploadPaste(
   }
 
   const contentLength = typeof options.content === "string" ? options.content.length : options.content.size
-  const apiUrlOrManageUrl = options.isUpdate ? pasteSetting.manageUrl : APIUrl
 
   try {
     if (contentLength < 5 * 1024 * 1024) {
-      return await uploadNormal(apiUrlOrManageUrl, options)
+      return await uploadNormal(APIUrl, options)
     } else {
       if (onProgress) onProgress(0)
-      return await uploadMPU(apiUrlOrManageUrl, minChunkSize, options, (doneBytes, allBytes) => {
+      return await uploadMPU(APIUrl, minChunkSize, options, (doneBytes, allBytes) => {
         if (onProgress) onProgress((100 * doneBytes) / allBytes)
       })
     }

frontend/vite.config.js

@@ -37,7 +37,7 @@ export default defineConfig(({ mode }) => {
     plugins: [react(), tailwindcss(), transformHtmlPlugin()],
     define: {
       DEPLOY_URL: mode === "development" ? JSON.stringify(devAPIUrl) : JSON.stringify(deployUrl),
-      API_URL: mode === "development" ? JSON.stringify(devAPIUrl) : JSON.stringify(""),
+      API_URL: mode === "development" ? JSON.stringify(devAPIUrl) : JSON.stringify(deployUrl),
       REPO: JSON.stringify(getVar("REPO")),
       MAX_EXPIRATION: JSON.stringify(getVar("MAX_EXPIRATION")),
       DEFAULT_EXPIRATION: JSON.stringify(getVar("DEFAULT_EXPIRATION")),