nuxt migration -file upload - WIP (#271)

Co-authored-by: Julien Nahum <julien@nahum.net>

client/lib/file-uploads.js

@@ -0,0 +1,57 @@
+import opnformConfig from "~/opnform.config.js";
+
+export const storeFile = async (file, options = {}) => {
+  if(!opnformConfig.s3_enabled) { // If not s3 then upload to local temp
+    let formData = new FormData()
+    formData.append('file', file)
+    const response = await useOpnApi('/upload-file', {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'multipart/form-data'
+      },
+      body: formData
+    })
+    response.data.extension = file.name.split('.').pop()
+    return response.data
+  }
+
+  const response = await useOpnApi(options.signedStorageUrl ? options.signedStorageUrl : '/vapor/signed-storage-url', {
+    method: 'POST',
+    body: options.data,
+    bucket: options.bucket || '',
+    content_type: options.contentType || file.type,
+    expires: options.expires || '',
+    visibility: options.visibility || '',
+    baseURL: options.baseURL || null,
+    headers: options.headers || {},
+    ...options.options
+  })
+  console.log("response.data",response.data)
+
+  const headers = response.data.headers
+
+  if ('Host' in headers) {
+    delete headers.Host
+  }
+
+  if (typeof options.progress === 'undefined') {
+    options.progress = () => {}
+  }
+
+  const cancelToken = options.cancelToken || ''
+
+  // Remove authorization headers
+  const cleanAxios = axios.create()
+  cleanAxios.defaults.headers.common = {}
+  await cleanAxios.put(response.data.url, file, {
+    cancelToken: cancelToken,
+    headers: headers,
+    onUploadProgress: (progressEvent) => {
+      options.progress(progressEvent.loaded / progressEvent.total)
+    }
+  })
+
+  response.data.extension = file.name.split('.').pop()
+
+  return response.data
+}