rollback, api version

odpc.client/src/features/publicatie/service.ts

@@ -2,6 +2,8 @@ import { ref } from "vue";
 import { useFetchApi } from "@/api/use-fetch-api";
 import type { Bestandsdeel, MimeType } from "./types";
 
+const API_URL = `/api/v1`;
+
 const mimeTypesMap = ref<Map<string, MimeType> | null>(null);
 
 (async () => {
@@ -10,21 +12,32 @@ const mimeTypesMap = ref<Map<string, MimeType> | null>(null);
   mimeTypesMap.value = new Map(data.value?.map((type) => [type.mimeType, type]));
 })();
 
+const parseUrl = (url: string) => {
+  const regex = /\/documenten\/(?<docUuid>[a-f0-9-]+)\/bestandsdelen\/(?<partUuid>[a-f0-9-]+)/;
+  const match = url.match(regex);
+
+  if (match && match.groups) {
+    return match.groups;
+  } else {
+    throw new Error("Invalid URL format");
+  }
+};
+
 const uploadFile = async (file: File, bestandsdelen: Bestandsdeel[]) => {
   let blobStart = 0;
 
   bestandsdelen.sort((a, b) => a.volgnummer - b.volgnummer);
 
   try {
     for (const { url, omvang } of bestandsdelen) {
-      const { pathname } = new URL(url);
+      const { docUuid, partUuid } = parseUrl(url);
 
       const body = new FormData();
       const blob = file.slice(blobStart, blobStart + omvang);
 
       body.append("inhoud", blob);
 
-      const { ok } = await fetch(pathname, {
+      const { ok } = await fetch(`${API_URL}/documenten/${docUuid}/bestandsdelen/${partUuid}`, {
         method: "PUT",
         body
       });