client(common): openFile function (#31982)

* client(common): openFile function

* client(common): rename openFileUtil to openFile

Author: qmonmert

generators/angular/templates/src/main/webapp/app/core/util/data-util.service.ts.ejs

@@ -20,7 +20,7 @@ import { Injectable } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 import { Observable, Observer } from 'rxjs';
 
-import { formatAsBytes, paddingSize, size, toBase64 } from 'app/shared/jhipster/data-utils';
+import { formatAsBytes, openFile, paddingSize, size, toBase64 } from 'app/shared/jhipster/data-utils';
 
 export type FileLoadErrorType = 'not.image' | 'could.not.extract';
 
@@ -48,22 +48,7 @@ export class DataUtils {
    * Method to open file
    */
   openFile(data: string, contentType: string | null | undefined): void {
-    contentType ??= '';
-
-    const byteCharacters = atob(data);
-    const byteNumbers = new Array(byteCharacters.length);
-    for (let i = 0; i < byteCharacters.length; i++) {
-      byteNumbers[i] = byteCharacters.codePointAt(i);
-    }
-    const byteArray = new Uint8Array(byteNumbers);
-    const blob = new Blob([byteArray], {
-      type: contentType,
-    });
-    const fileURL = globalThis.URL.createObjectURL(blob);
-    const win = globalThis.open(fileURL);
-    win!.onload = function () {
-      URL.revokeObjectURL(fileURL);
-    };
+    openFile(data, contentType);
   }
 
   /**

generators/client/generators/common/templates/src/main/webapp/app/shared/jhipster/data-utils.ts.ejs

@@ -45,3 +45,22 @@ export const toBase64 = (file: File, callback: (base64Data: string) => void): vo
   };
   fileReader.readAsDataURL(file);
 }
+
+export const openFile = (data: string, contentType: string | null | undefined): void => {
+  contentType ??= '';
+
+  const byteCharacters = atob(data);
+  const byteNumbers = new Array(byteCharacters.length);
+  for (let i = 0; i < byteCharacters.length; i++) {
+    byteNumbers[i] = byteCharacters.codePointAt(i);
+  }
+  const byteArray = new Uint8Array(byteNumbers);
+  const blob = new Blob([byteArray], {
+    type: contentType,
+  });
+  const fileURL = globalThis.URL.createObjectURL(blob);
+  const win = globalThis.open(fileURL);
+  if (win) {
+    win.onload = () => URL.revokeObjectURL(fileURL);
+  }
+}

generators/vue/templates/src/main/webapp/app/shared/data/data-utils.service.ts.ejs

@@ -16,7 +16,7 @@
  See the License for the specific language governing permissions and
  limitations under the License.
 -%>
-import { formatAsBytes, paddingSize, size, toBase64 } from '@/shared/jhipster/data-utils';
+import { formatAsBytes, openFile, paddingSize, size, toBase64 } from '@/shared/jhipster/data-utils';
 
 /**
  * An composable utility for data.
@@ -43,20 +43,7 @@ const useDataUtils = () => ({
    * Method to open file
    */
   openFile(contentType, data) {
-    const byteCharacters = atob(data);
-    const byteNumbers = new Array(byteCharacters.length);
-    for (let i = 0; i < byteCharacters.length; i++) {
-      byteNumbers[i] = byteCharacters.charCodeAt(i);
-    }
-    const byteArray = new Uint8Array(byteNumbers);
-    const blob = new Blob([byteArray], {
-      type: contentType,
-    });
-    const objectURL = URL.createObjectURL(blob);
-    const win = window.open(objectURL);
-    if (win) {
-      win.onload = () => URL.revokeObjectURL(objectURL);
-    }
+    openFile(data, contentType);
   },
 
   /**