fix(files): better archive file check (#2639)

components/views/files/file/File.vue

@@ -14,19 +14,8 @@ import ContextMenu from '~/components/mixins/UI/ContextMenu'
 import { Item } from '~/libraries/Files/abstracts/Item.abstract'
 import { Directory } from '~/libraries/Files/Directory'
 import { Fil } from '~/libraries/Files/Fil'
-import { ModalWindows } from '~/store/ui/types'
-
-declare module 'vue/types/vue' {
-  interface Vue {
-    like: () => void
-    share: () => void
-    rename: () => void
-    remove: () => void
-    $filesize: (item: number) => string
-    linkHover: boolean
-    heartHover: boolean
-  }
-}
+import { ContextMenuItem, ModalWindows } from '~/store/ui/types'
+import { isMimeArchive } from '~/utilities/FileType'
 
 export default Vue.extend({
   components: {
@@ -75,9 +64,9 @@ export default Vue.extend({
      * @returns {boolean} if item is archive file type
      */
     isArchive(): boolean {
-      return Boolean(this.item.name.match(this.$Config.regex.archive))
+      return isMimeArchive(this.item.type)
     },
-    contextMenuValues() {
+    contextMenuValues(): ContextMenuItem[] {
       return [
         {
           text: this.item.liked

components/views/files/row/Row.vue

@@ -13,7 +13,8 @@ import {
 } from 'satellite-lucide-icons'
 import ContextMenu from '~/components/mixins/UI/ContextMenu'
 import { Item } from '~/libraries/Files/abstracts/Item.abstract'
-import { ModalWindows } from '~/store/ui/types'
+import { ContextMenuItem, ModalWindows } from '~/store/ui/types'
+import { isMimeArchive } from '~/utilities/FileType'
 
 export default Vue.extend({
   components: {
@@ -46,9 +47,9 @@ export default Vue.extend({
      * @returns {boolean} if item is archive file type
      */
     isArchive(): boolean {
-      return Boolean(this.item.name.match(this.$Config.regex.archive))
+      return isMimeArchive(this.item.type)
     },
-    contextMenuValues() {
+    contextMenuValues(): ContextMenuItem[] {
       return [
         {
           text: this.item.liked

config.ts

@@ -117,8 +117,6 @@ export const Config = {
   regex: {
     // identify if a file type is embeddable image
     image: '^.*.(apng|avif|gif|jpg|jpeg|jfif|pjpeg|pjp|png|svg|webp)$',
-    // determine if filetype is archive
-    archive: '^.*.(zip|vnd.rar|x-7z-compressed)$',
     // check for empty string or spaces/nbsp
     empty: /^\s*$/,
     // Regex to check if string contains only emoji's.