fix: update downloadbase64

Author: sharevb

pnpm-lock.yaml

@@ -1,12 +1,12 @@
 import { extension as getExtensionFromMimeType, extension as getMimeTypeFromExtension } from 'mime-types';
-import type { MaybeRef } from 'vue';
+import type { MaybeRef, Ref } from 'vue';
 import _ from 'lodash';
 import { get } from '@vueuse/core';
 
 export {
   getMimeTypeFromBase64,
   getMimeTypeFromExtension, getExtensionFromMimeType,
-  useDownloadFileFromBase64,
+  useDownloadFileFromBase64, useDownloadFileFromBase64Refs,
   previewImageFromBase64,
 };
 
@@ -43,30 +43,17 @@ function getFileExtensionFromMimeType({
 }) {
   if (mimeType) {
     return getExtensionFromMimeType(mimeType) ?? defaultExtension;
-    return getExtensionFromMimeType(mimeType) ?? defaultExtension;
   }
 
   return defaultExtension;
 }
 
-function downloadFromBase64({ sourceValue, filename, extension, fileMimeType }:
-{ sourceValue: string; filename?: string; extension?: string; fileMimeType?: string }) {
-  if (sourceValue === '') {
-    throw new Error('Base64 string is empty');
-  }
 function downloadFromBase64({ sourceValue, filename, extension, fileMimeType }:
 { sourceValue: string; filename?: string; extension?: string; fileMimeType?: string }) {
   if (sourceValue === '') {
     throw new Error('Base64 string is empty');
   }
 
-  const defaultExtension = extension ?? 'txt';
-  const { mimeType } = getMimeTypeFromBase64({ base64String: sourceValue });
-  let base64String = sourceValue;
-  if (!mimeType) {
-    const targetMimeType = fileMimeType ?? getMimeTypeFromExtension(defaultExtension);
-    base64String = `data:${targetMimeType};base64,${sourceValue}`;
-  }
   const defaultExtension = extension ?? 'txt';
   const { mimeType } = getMimeTypeFromBase64({ base64String: sourceValue });
   let base64String = sourceValue;
@@ -75,12 +62,6 @@ function downloadFromBase64({ sourceValue, filename, extension, fileMimeType }:
     base64String = `data:${targetMimeType};base64,${sourceValue}`;
   }
 
-  const cleanExtension = extension ?? getFileExtensionFromMimeType(
-    { mimeType, defaultExtension });
-  let cleanFileName = filename ?? `file.${cleanExtension}`;
-  if (extension && !cleanFileName.endsWith(`.${extension}`)) {
-    cleanFileName = `${cleanFileName}.${cleanExtension}`;
-  }
   const cleanExtension = extension ?? getFileExtensionFromMimeType(
     { mimeType, defaultExtension });
   let cleanFileName = filename ?? `file.${cleanExtension}`;
@@ -127,25 +108,12 @@ function previewImageFromBase64(base64String: string): HTMLImageElement {
   return img;
 }
 
-function previewImageFromBase64(base64String: string): HTMLImageElement {
-  if (base64String === '') {
-    throw new Error('Base64 string is empty');
-  }
-
-  const img = document.createElement('img');
-  img.src = base64String;
-
-  const container = document.createElement('div');
-  container.appendChild(img);
-
-  const previewContainer = document.getElementById('previewContainer');
-  if (previewContainer) {
-    previewContainer.innerHTML = '';
-    previewContainer.appendChild(container);
-  }
-  else {
-    throw new Error('Preview container element not found');
-  }
-
-  return img;
+function useDownloadFileFromBase64Refs(
+  { source, filename, extension }:
+  { source: Ref<string>; filename?: Ref<string>; extension?: Ref<string> }) {
+  return {
+    download() {
+      downloadFromBase64({ sourceValue: source.value, filename: filename?.value, extension: extension?.value });
+    },
+  };
 }