mihari 5.2.4 → 5.3.1

data/frontend/src/components/artifact/Artifact.vue

@@ -19,12 +19,7 @@
               countryCode || artifact.geolocation?.countryCode
             }}</span>
           </h4>
-          <iframe
-            class="mb-4"
-            :src="googleMapSrc"
-            width="100%"
-            height="240px"
-          ></iframe>
+          <iframe class="mb-4" :src="googleMapSrc" width="100%" height="240px"></iframe>
         </div>
 
         <div v-if="urlscanLiveshotSrc">
@@ -46,13 +41,10 @@
               <td>
                 {{ artifact.id }}
                 <span class="buttons is-pulled-right">
-                  <button
-                    class="button is-primary is-light is-small"
-                    @click="enrichArtifact"
-                  >
+                  <button class="button is-primary is-light is-small" @click="enrichArtifact">
                     <span>Enrich</span>
                     <span class="icon is-small">
-                      <i class="fas fa-lightbulb"></i>
+                      <font-awesome-icon icon="lightbulb"></font-awesome-icon>
                     </span>
                   </button>
 
@@ -63,17 +55,14 @@
                   >
                     <span>Metadata</span>
                     <span class="icon is-small">
-                      <i class="fas fa-info-circle"></i>
+                      <font-awesome-icon icon="info-circle"></font-awesome-icon>
                     </span>
                   </button>
 
-                  <button
-                    class="button is-light is-small"
-                    @click="deleteArtifact"
-                  >
+                  <button class="button is-light is-small" @click="deleteArtifact">
                     <span>Delete</span>
                     <span class="icon is-small">
-                      <i class="fas fa-times"></i>
+                      <font-awesome-icon icon="times"></font-awesome-icon>
                     </span>
                   </button>
                 </span>
@@ -104,14 +93,10 @@
             <div class="modal-card">
               <header class="modal-card-head">
                 <p class="modal-card-title">Metadata</p>
-                <button
-                  class="delete"
-                  aria-label="close"
-                  @click="flipShowMetadata"
-                ></button>
+                <button class="delete" aria-label="close" @click="flipShowMetadata"></button>
               </header>
               <section class="modal-card-body">
-                <VueJsonPretty :data="artifact.metadata"></VueJsonPretty>
+                <VueJsonPretty :data="artifact.metadata as any"></VueJsonPretty>
               </section>
             </div>
           </div>
@@ -126,9 +111,7 @@
 
     <div class="block" v-if="artifact.reverseDnsNames">
       <h4 class="is-size-4 mb-2">Reverse DNS</h4>
-      <ReverseDnsNames
-        :reverseDnsNames="artifact.reverseDnsNames"
-      ></ReverseDnsNames>
+      <ReverseDnsNames :reverseDnsNames="artifact.reverseDnsNames"></ReverseDnsNames>
     </div>
 
     <div class="block" v-if="artifact.dnsRecords">
@@ -166,38 +149,38 @@
 </template>
 
 <script lang="ts">
-import "vue-json-pretty/lib/styles.css";
+import "vue-json-pretty/lib/styles.css"
 
-import { computed, defineComponent, onMounted, PropType, ref } from "vue";
-import VueJsonPretty from "vue-json-pretty";
-import { useRouter } from "vue-router";
+import { computed, defineComponent, onMounted, type PropType, ref } from "vue"
+import VueJsonPretty from "vue-json-pretty"
+import { useRouter } from "vue-router"
 
 import {
   generateDeleteArtifactTask,
   generateEnrichArtifactTask,
   generateGetAlertsTask,
-  generateGetIPTask,
-} from "@/api-helper";
-import Alerts from "@/components/alert/AlertsWithPagination.vue";
-import AS from "@/components/artifact/AS.vue";
-import CPEs from "@/components/artifact/CPEs.vue";
-import DnsRecords from "@/components/artifact/DnsRecords.vue";
-import Ports from "@/components/artifact/Ports.vue";
-import ReverseDnsNames from "@/components/artifact/ReverseDnsNames.vue";
-import Tags from "@/components/artifact/Tags.vue";
-import WhoisRecord from "@/components/artifact/WhoisRecord.vue";
-import Links from "@/components/link/Links.vue";
-import Loading from "@/components/Loading.vue";
-import { ArtifactWithTags, GCS } from "@/types";
-import { getGCSByCountryCode, getGCSByIPInfo } from "@/utils";
+  generateGetIPTask
+} from "@/api-helper"
+import Alerts from "@/components/alert/AlertsWithPagination.vue"
+import AS from "@/components/artifact/AS.vue"
+import CPEs from "@/components/artifact/CPEs.vue"
+import DnsRecords from "@/components/artifact/DnsRecords.vue"
+import Ports from "@/components/artifact/Ports.vue"
+import ReverseDnsNames from "@/components/artifact/ReverseDnsNames.vue"
+import Tags from "@/components/artifact/Tags.vue"
+import WhoisRecord from "@/components/artifact/WhoisRecord.vue"
+import Links from "@/components/link/Links.vue"
+import Loading from "@/components/Loading.vue"
+import type { ArtifactWithTags, GCS } from "@/types"
+import { getGCSByCountryCode, getGCSByIPInfo } from "@/utils"
 
 export default defineComponent({
   name: "ArtifactItem",
   props: {
     artifact: {
       type: Object as PropType<ArtifactWithTags>,
-      required: true,
-    },
+      required: true
+    }
   },
   components: {
     Alerts,
@@ -210,78 +193,76 @@ export default defineComponent({
     VueJsonPretty,
     WhoisRecord,
     CPEs,
-    Ports,
+    Ports
   },
   emits: ["refresh"],
   setup(props, context) {
-    const googleMapSrc = ref<string | undefined>(undefined);
-    const countryCode = ref<string | undefined>(undefined);
-    const showMetadata = ref(false);
+    const googleMapSrc = ref<string | undefined>(undefined)
+    const countryCode = ref<string | undefined>(undefined)
+    const showMetadata = ref(false)
 
-    const router = useRouter();
+    const router = useRouter()
 
     const urlscanLiveshotSrc = computed<string | undefined>(() => {
       if (props.artifact.dataType === "domain") {
-        const url = `http://${props.artifact.data}`;
-        return `https://urlscan.io/liveshot/?url=${url}`;
+        const url = `http://${props.artifact.data}`
+        return `https://urlscan.io/liveshot/?url=${url}`
       }
 
       if (props.artifact.dataType === "url") {
-        return `https://urlscan.io/liveshot/?url=${props.artifact.data}`;
+        return `https://urlscan.io/liveshot/?url=${props.artifact.data}`
       }
 
-      return undefined;
-    });
+      return undefined
+    })
 
     const getGoogleMapSrc = (gcs: GCS | undefined): string | undefined => {
       if (gcs !== undefined) {
-        return `https://maps.google.co.jp/maps?output=embed&q=${gcs.lat},${gcs.long}&z=3`;
+        return `https://maps.google.co.jp/maps?output=embed&q=${gcs.lat},${gcs.long}&z=3`
       }
 
-      return undefined;
-    };
+      return undefined
+    }
 
-    const getIPInfoTask = generateGetIPTask();
-    const getAlertsTask = generateGetAlertsTask();
-    const deleteArtifactTask = generateDeleteArtifactTask();
-    const enrichArtifactTask = generateEnrichArtifactTask();
+    const getIPInfoTask = generateGetIPTask()
+    const getAlertsTask = generateGetAlertsTask()
+    const deleteArtifactTask = generateDeleteArtifactTask()
+    const enrichArtifactTask = generateEnrichArtifactTask()
 
     const deleteArtifact = async () => {
-      const result = window.confirm(
-        `Are you sure you want to delete ${props.artifact.data}?`
-      );
+      const result = window.confirm(`Are you sure you want to delete ${props.artifact.data}?`)
 
       if (result) {
-        await deleteArtifactTask.perform(props.artifact.id);
-        router.push("/");
+        await deleteArtifactTask.perform(props.artifact.id)
+        router.push("/")
       }
-    };
+    }
 
     const enrichArtifact = async () => {
-      await enrichArtifactTask.perform(props.artifact.id);
-      context.emit("refresh");
-    };
+      await enrichArtifactTask.perform(props.artifact.id)
+      context.emit("refresh")
+    }
 
     onMounted(async () => {
       if (props.artifact.dataType === "ip") {
-        let gcs: GCS | undefined = undefined;
+        let gcs: GCS | undefined = undefined
 
         if (props.artifact.geolocation === null) {
           // Use IPInfo if an artifact does not have geolocation
-          const ipinfo = await getIPInfoTask.perform(props.artifact.data);
-          gcs = getGCSByIPInfo(ipinfo);
-          countryCode.value = ipinfo.countryCode;
+          const ipinfo = await getIPInfoTask.perform(props.artifact.data)
+          gcs = getGCSByIPInfo(ipinfo)
+          countryCode.value = ipinfo.countryCode
         } else {
-          gcs = getGCSByCountryCode(props.artifact.geolocation.countryCode);
+          gcs = getGCSByCountryCode(props.artifact.geolocation.countryCode)
         }
 
-        googleMapSrc.value = getGoogleMapSrc(gcs);
+        googleMapSrc.value = getGoogleMapSrc(gcs)
       }
-    });
+    })
 
     const flipShowMetadata = () => {
-      showMetadata.value = !showMetadata.value;
-    };
+      showMetadata.value = !showMetadata.value
+    }
 
     return {
       countryCode,
@@ -292,10 +273,10 @@ export default defineComponent({
       urlscanLiveshotSrc,
       deleteArtifact,
       enrichArtifact,
-      flipShowMetadata,
-    };
-  },
-});
+      flipShowMetadata
+    }
+  }
+})
 </script>
 
 <style scoped>
@@ -308,7 +289,9 @@ img.liveshot {
   object-position: top;
   display: block;
   overflow: hidden;
-  transition: max-height 1s, height 1s;
+  transition:
+    max-height 1s,
+    height 1s;
 }
 
 img.liveshot:hover {

data/frontend/src/components/artifact/ArtifactTag.vue

@@ -10,61 +10,55 @@
         :to="{ name: 'Artifact', params: { id: artifact.id } }"
         >{{ artifact.data }}</router-link
       >
-      <span
-        class="tag is-delete"
-        v-if="isDeleteButtonEnabled"
-        @click="deleteArtifact"
-      ></span>
+      <span class="tag is-delete" v-if="isDeleteButtonEnabled" @click="deleteArtifact"></span>
     </div>
   </div>
 </template>
 
 <script lang="ts">
-import { defineComponent, PropType, ref } from "vue";
+import { defineComponent, type PropType, ref } from "vue"
 
-import { generateDeleteArtifactTask } from "@/api-helper";
-import { Artifact } from "@/types";
+import { generateDeleteArtifactTask } from "@/api-helper"
+import type { Artifact } from "@/types"
 
 export default defineComponent({
   name: "ArtifactTag",
   props: {
     artifact: {
       type: Object as PropType<Artifact>,
-      required: true,
-    },
+      required: true
+    }
   },
   setup(props) {
-    const isDeleted = ref(false);
-    const isDeleteButtonEnabled = ref(false);
+    const isDeleted = ref(false)
+    const isDeleteButtonEnabled = ref(false)
 
-    const deleteArtifactTask = generateDeleteArtifactTask();
+    const deleteArtifactTask = generateDeleteArtifactTask()
 
     const deleteArtifact = async () => {
-      const result = window.confirm(
-        `Are you sure you want to delete ${props.artifact.data}?`
-      );
+      const result = window.confirm(`Are you sure you want to delete ${props.artifact.data}?`)
 
       if (result) {
-        await deleteArtifactTask.perform(props.artifact.id);
-        isDeleted.value = true;
+        await deleteArtifactTask.perform(props.artifact.id)
+        isDeleted.value = true
       }
-    };
+    }
 
     const showDeleteButton = () => {
-      isDeleteButtonEnabled.value = true;
-    };
+      isDeleteButtonEnabled.value = true
+    }
 
     const hideDeleteButton = () => {
-      isDeleteButtonEnabled.value = false;
-    };
+      isDeleteButtonEnabled.value = false
+    }
 
     return {
       isDeleted,
       deleteArtifact,
       showDeleteButton,
       hideDeleteButton,
-      isDeleteButtonEnabled,
-    };
-  },
-});
+      isDeleteButtonEnabled
+    }
+  }
+})
 </script>

data/frontend/src/components/artifact/ArtifactTags.vue

@@ -9,21 +9,21 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, PropType } from "vue";
+import { defineComponent, type PropType } from "vue"
 
-import ArtifactComponent from "@/components/artifact/ArtifactTag.vue";
-import { Artifact } from "@/types";
+import ArtifactComponent from "@/components/artifact/ArtifactTag.vue"
+import type { Artifact } from "@/types"
 
 export default defineComponent({
   name: "ArtifactTags",
   components: {
-    ArtifactComponent,
+    ArtifactComponent
   },
   props: {
     artifacts: {
       type: Array as PropType<Artifact[]>,
-      required: true,
-    },
-  },
-});
+      required: true
+    }
+  }
+})
 </script>

data/frontend/src/components/artifact/ArtifactWrapper.vue

@@ -1,10 +1,7 @@
 <template>
   <Loading v-if="getArtifactTask.isRunning"></Loading>
 
-  <ErrorMessage
-    v-if="getArtifactTask.isError"
-    :error="getArtifactTask.last?.error"
-  ></ErrorMessage>
+  <ErrorMessage v-if="getArtifactTask.isError" :error="getArtifactTask.last?.error"></ErrorMessage>
 
   <ArtifactComponent
     :artifact="getArtifactTask.last.value"
@@ -14,49 +11,49 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, onMounted, watch } from "vue";
+import { defineComponent, onMounted, watch } from "vue"
 
-import { generateGetArtifactTask } from "@/api-helper";
-import ArtifactComponent from "@/components/artifact/Artifact.vue";
-import ErrorMessage from "@/components/ErrorMessage.vue";
-import Loading from "@/components/Loading.vue";
+import { generateGetArtifactTask } from "@/api-helper"
+import ArtifactComponent from "@/components/artifact/Artifact.vue"
+import ErrorMessage from "@/components/ErrorMessage.vue"
+import Loading from "@/components/Loading.vue"
 
 export default defineComponent({
   name: "ArtifactWrapper",
   components: {
     ArtifactComponent,
     Loading,
-    ErrorMessage,
+    ErrorMessage
   },
   props: {
     id: {
       type: String,
-      required: true,
-    },
+      required: true
+    }
   },
   setup(props) {
-    const getArtifactTask = generateGetArtifactTask();
+    const getArtifactTask = generateGetArtifactTask()
 
     const getArtifact = async () => {
-      await getArtifactTask.perform(props.id);
-    };
+      await getArtifactTask.perform(props.id)
+    }
 
     const refresh = async () => {
-      await getArtifact();
-    };
+      await getArtifact()
+    }
 
     onMounted(async () => {
-      await getArtifact();
-    });
+      await getArtifact()
+    })
 
     watch(props, async () => {
-      await getArtifact();
-    });
+      await getArtifact()
+    })
 
     return {
       getArtifactTask,
-      refresh,
-    };
-  },
-});
+      refresh
+    }
+  }
+})
 </script>

data/frontend/src/components/artifact/CPEs.vue

@@ -7,17 +7,17 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, PropType } from "vue";
+import { defineComponent, type PropType } from "vue"
 
-import { CPE } from "@/types";
+import type { CPE } from "@/types"
 
 export default defineComponent({
   name: "CPEsItem",
   props: {
     cpes: {
       type: Array as PropType<CPE[]>,
-      required: true,
-    },
-  },
-});
+      required: true
+    }
+  }
+})
 </script>

data/frontend/src/components/artifact/DnsRecords.vue

@@ -7,7 +7,7 @@
           class="tag"
           :to="{
             name: 'Alerts',
-            query: { dnsRecord: dnsRecord.value },
+            query: { dnsRecord: dnsRecord.value }
           }"
         >
           {{ truncate(dnsRecord.value, 50) }}
@@ -18,21 +18,21 @@
 </template>
 
 <script lang="ts">
-import truncate from "truncate";
-import { defineComponent, PropType } from "vue";
+import truncate from "truncate"
+import { defineComponent, type PropType } from "vue"
 
-import { DnsRecord } from "@/types";
+import type { DnsRecord } from "@/types"
 
 export default defineComponent({
   name: "DnsRecords",
   props: {
     dnsRecords: {
       type: Array as PropType<DnsRecord[]>,
-      required: true,
-    },
+      required: true
+    }
   },
   setup() {
-    return { truncate };
-  },
-});
+    return { truncate }
+  }
+})
 </script>

data/frontend/src/components/artifact/Ports.vue

@@ -7,17 +7,17 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, PropType } from "vue";
+import { defineComponent, type PropType } from "vue"
 
-import { Port } from "@/types";
+import type { Port } from "@/types"
 
 export default defineComponent({
   name: "PortsItem",
   props: {
     ports: {
       type: Array as PropType<Port[]>,
-      required: true,
-    },
-  },
-});
+      required: true
+    }
+  }
+})
 </script>

data/frontend/src/components/artifact/ReverseDnsNames.vue

@@ -6,7 +6,7 @@
       :key="reverseDnsName.name"
       :to="{
         name: 'Alerts',
-        query: { reverseDnsName: reverseDnsName.name },
+        query: { reverseDnsName: reverseDnsName.name }
       }"
     >
       {{ reverseDnsName.name }}
@@ -15,17 +15,17 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, PropType } from "vue";
+import { defineComponent, type PropType } from "vue"
 
-import { ReverseDnsName } from "@/types";
+import type { ReverseDnsName } from "@/types"
 
 export default defineComponent({
   name: "ReverseDnsNames",
   props: {
     reverseDnsNames: {
       type: Array as PropType<ReverseDnsName[]>,
-      required: true,
-    },
-  },
-});
+      required: true
+    }
+  }
+})
 </script>

data/frontend/src/components/artifact/Tags.vue

@@ -6,7 +6,7 @@
       :key="tag"
       :to="{
         name: 'Alerts',
-        query: { tag: tag },
+        query: { tag: tag }
       }"
     >
       {{ tag }}
@@ -15,15 +15,15 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, PropType } from "vue";
+import { defineComponent, type PropType } from "vue"
 
 export default defineComponent({
   name: "TagsItem",
   props: {
     tags: {
       type: Array as PropType<string[]>,
-      required: true,
-    },
-  },
-});
+      required: true
+    }
+  }
+})
 </script>

data/frontend/src/components/artifact/WhoisRecord.vue

@@ -3,9 +3,7 @@
     <div class="control">
       <div class="tags has-addons are-medium">
         <span class="tag is-dark">Registrar</span>
-        <span class="tag is-light">{{
-          whoisRecord.registrar?.name || "N/A"
-        }}</span>
+        <span class="tag is-light">{{ whoisRecord.registrar?.name || "N/A" }}</span>
       </div>
     </div>
 
@@ -33,17 +31,17 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, PropType } from "vue";
+import { defineComponent, type PropType } from "vue"
 
-import { WhoisRecord } from "@/types";
+import type { WhoisRecord } from "@/types"
 
 export default defineComponent({
   name: "WhoisRecord",
   props: {
     whoisRecord: {
       type: Object as PropType<WhoisRecord>,
-      required: true,
-    },
-  },
-});
+      required: true
+    }
+  }
+})
 </script>