back to flyonui

src/utils/helper.ts

@@ -0,0 +1,121 @@
+export const bytesToBase64DataUrlAsync = async (
+  bytes: Uint8Array,
+  type = 'application/octet-stream'
+) => {
+  return await new Promise((resolve, reject) => {
+    const reader = Object.assign(new FileReader(), {
+      onload: () => resolve(reader.result),
+      onerror: () => reject(reader.error),
+    })
+    reader.readAsDataURL(new File([new Blob([bytes])], '', { type }))
+  })
+}
+
+export const blobToImageAsync = (blob: Blob): Promise<HTMLImageElement> => {
+  return new Promise((resolve) => {
+    console.log('transform blob', blob)
+    const url = URL.createObjectURL(blob)
+    let img = new Image()
+    img.onload = () => {
+      URL.revokeObjectURL(url)
+      resolve(img)
+    }
+    img.src = url
+  })
+}
+
+export const deepToRaw = <T extends Record<string, any>>(sourceObj: T): T => {
+  const objectIterator = (input: any): any => {
+    if (Array.isArray(input)) {
+      return input.map((item) => objectIterator(item))
+    }
+    if (isRef(input) || isReactive(input) || isProxy(input)) {
+      return objectIterator(toRaw(input))
+    }
+    if (input && typeof input === 'object') {
+      return Object.keys(input).reduce((acc, key) => {
+        acc[key as keyof typeof acc] = objectIterator(input[key])
+        return acc
+      }, {} as T)
+    }
+    return input
+  }
+
+  return objectIterator(sourceObj)
+}
+
+export const readableFileSize = (sizeInByte: number | string = 0) => {
+  if (!sizeInByte) {
+    return '0 KB'
+  }
+  const size =
+    typeof sizeInByte === 'string' ? parseInt(sizeInByte) : sizeInByte
+  const sizeInKb = size / 1024
+  const sizeInMb = sizeInKb / 1024
+  const sizeInGb = sizeInMb / 1024
+  const sizeInTb = sizeInGb / 1024
+
+  if (sizeInTb > 1) return `${sizeInTb.toFixed(2)} TB`
+  if (sizeInGb > 1) return `${sizeInGb.toFixed(2)} GB`
+  if (sizeInMb > 1) return `${sizeInMb.toFixed(2)} MB`
+
+  return `${sizeInKb.toFixed(2)} KB`
+}
+
+import type { LocationQueryValue, RouteLocationRawI18n } from 'vue-router'
+
+export const getSingleRouteParam = (
+  param: string | string[] | LocationQueryValue | LocationQueryValue[]
+): string => {
+  const _param = Array.isArray(param) ? param.at(0) ?? '' : param ?? ''
+  //console.log('found param', _param, param);
+  return decodeURIComponent(_param)
+}
+
+export const isRouteActive = (
+  to: RouteLocationRawI18n,
+  exact: boolean = false
+) =>
+  computed(() => {
+    const found = useRouter()
+      .getRoutes()
+      .find((route) => route.name === useLocaleRoute()(to)?.name)
+    //console.log('found route', found, useRouter().currentRoute.value, to);
+    return exact
+      ? found?.name === useRouter().currentRoute.value.name
+      : found?.name === useRouter().currentRoute.value.name ||
+          found?.children.some(
+            (child) => child.name === useRouter().currentRoute.value.name
+          )
+  })
+
+export const isKey = <T extends object>(x: T, k: PropertyKey): k is keyof T => {
+  return k in x
+}
+
+export const filterAsync = async <T>(
+  arr: T[],
+  predicate: (value: T, index: number, array: T[]) => Promise<boolean>
+) => {
+  // 1. Mappe jedes Element auf ein Promise, das zu true/false auflöst
+  const results = await Promise.all(arr.map(predicate))
+
+  // 2. Filtere das ursprüngliche Array basierend auf den Ergebnissen
+  return arr.filter((_value, index) => results[index])
+}
+
+export const stringToHex = (str: string) =>
+  str
+    .split('')
+    .map((char) => char.charCodeAt(0).toString(16).padStart(2, '0'))
+    .join('') // Join array into a single string
+
+export const hexToString = (hex: string) => {
+  if (!hex) return ''
+  const parsedValue = hex
+    .match(/.{1,2}/g) // Split hex into pairs
+    ?.map((byte) => String.fromCharCode(parseInt(byte, 16))) // Convert hex to char
+    .join('') // Join array into a single string
+
+  return parsedValue ? parsedValue : ''
+}