From f6b590d27a40778fd7441979739e436e642702b6 Mon Sep 17 00:00:00 2001
From: Manabu Niseki <manabu.niseki@gmail.com>
Date: Sat, 2 Mar 2024 10:32:22 +0900
Subject: [PATCH 1/2] refactor: introduce Zod

---
 frontend/package-lock.json                    |  11 +-
 frontend/package.json                         |   3 +-
 frontend/src/api-helper.ts                    | 102 ++++----
 frontend/src/api.ts                           | 142 ++++++-----
 frontend/src/components/ErrorMessage.vue      |   6 +-
 frontend/src/components/Message.vue           |   4 +-
 .../src/components/alert/ActionButtons.vue    |   4 +-
 frontend/src/components/alert/Alert.vue       |   4 +-
 frontend/src/components/alert/AlertDetail.vue |   4 +-
 frontend/src/components/alert/Alerts.vue      |   4 +-
 .../components/alert/AlertsWithPagination.vue |   4 +-
 .../src/components/alert/AlertsWrapper.vue    |   4 +-
 frontend/src/components/artifact/AS.vue       |   4 +-
 .../src/components/artifact/ActionButtons.vue |   4 +-
 frontend/src/components/artifact/Artifact.vue |   8 +-
 .../components/artifact/ArtifactDetail.vue    |  12 +-
 .../src/components/artifact/ArtifactTag.vue   |   4 +-
 .../src/components/artifact/ArtifactTags.vue  |   4 +-
 .../src/components/artifact/Artifacts.vue     |   4 +-
 .../components/artifact/ArtifactsWrapper.vue  |   4 +-
 frontend/src/components/artifact/CPEs.vue     |   4 +-
 .../src/components/artifact/DnsRecords.vue    |   4 +-
 frontend/src/components/artifact/Ports.vue    |   4 +-
 .../components/artifact/ReverseDnsNames.vue   |   4 +-
 .../components/artifact/Vulnerabilities.vue   |   4 +-
 .../src/components/artifact/WhoisRecord.vue   |   4 +-
 frontend/src/components/config/Configs.vue    |   6 +-
 frontend/src/components/link/Link.vue         |   4 +-
 frontend/src/components/link/Links.vue        |   4 +-
 .../src/components/rule/ActionButtons.vue     |   4 +-
 frontend/src/components/rule/EditRule.vue     |   4 +-
 frontend/src/components/rule/LinkButtons.vue  |   4 +-
 frontend/src/components/rule/Rule.vue         |   8 +-
 frontend/src/components/rule/RuleDetail.vue   |   8 +-
 frontend/src/components/rule/Rules.vue        |   4 +-
 frontend/src/components/rule/RulesWrapper.vue |   4 +-
 frontend/src/components/tag/Tag.vue           |   6 +-
 frontend/src/components/tag/Tags.vue          |   6 +-
 frontend/src/countries.ts                     |   6 +-
 frontend/src/index.ts                         |   4 +-
 frontend/src/links/anyrun.ts                  |   6 +-
 frontend/src/links/censys.ts                  |   6 +-
 frontend/src/links/crtsh.ts                   |   6 +-
 frontend/src/links/dnslytics.ts               |  10 +-
 frontend/src/links/emailrep.ts                |   6 +-
 frontend/src/links/greynoise.ts               |   6 +-
 frontend/src/links/index.ts                   |   4 +-
 frontend/src/links/intezer.ts                 |   6 +-
 frontend/src/links/otx.ts                     |  10 +-
 frontend/src/links/securitytrails.ts          |   8 +-
 frontend/src/links/shodan.ts                  |   6 +-
 frontend/src/links/urlscan.ts                 |  10 +-
 frontend/src/links/virustotal.ts              |  12 +-
 frontend/src/schemas.ts                       | 231 ++++++++++++++++++
 frontend/src/types.ts                         | 189 --------------
 frontend/src/utils.ts                         |   6 +-
 lib/mihari/entities/config.rb                 |   4 +
 lib/mihari/web/endpoints/configs.rb           |   9 +-
 58 files changed, 519 insertions(+), 448 deletions(-)
 create mode 100644 frontend/src/schemas.ts
 delete mode 100644 frontend/src/types.ts

diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 9e0cc3a2d..de801be25 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -28,7 +28,8 @@
         "vue-concurrency": "^5.0.0",
         "vue-json-pretty": "^2.3.0",
         "vue-router": "^4.2.5",
-        "vue3-ace-editor": "^2.2.4"
+        "vue3-ace-editor": "^2.2.4",
+        "zod": "^3.22.4"
       },
       "devDependencies": {
         "@redocly/cli": "1.7.0",
@@ -7809,6 +7810,14 @@
       "funding": {
         "url": "https://github.com/sponsors/sindresorhus"
       }
+    },
+    "node_modules/zod": {
+      "version": "3.22.4",
+      "resolved": "https://registry.npmjs.org/zod/-/zod-3.22.4.tgz",
+      "integrity": "sha512-iC+8Io04lddc+mVqQ9AZ7OQ2MrUKGN+oIQyq1vemgt46jwCwLfhq7/pwnBnNXXXZb8VTVLKwp9EDkx+ryxIWmg==",
+      "funding": {
+        "url": "https://github.com/sponsors/colinhacks"
+      }
     }
   }
 }
diff --git a/frontend/package.json b/frontend/package.json
index 360e6d9ad..8fdab4fa1 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -35,7 +35,8 @@
     "vue-concurrency": "^5.0.0",
     "vue-json-pretty": "^2.3.0",
     "vue-router": "^4.2.5",
-    "vue3-ace-editor": "^2.2.4"
+    "vue3-ace-editor": "^2.2.4",
+    "zod": "^3.22.4"
   },
   "devDependencies": {
     "@redocly/cli": "1.7.0",
diff --git a/frontend/src/api-helper.ts b/frontend/src/api-helper.ts
index a669293e3..16e07483d 100644
--- a/frontend/src/api-helper.ts
+++ b/frontend/src/api-helper.ts
@@ -2,120 +2,120 @@ import { type Task, useAsyncTask } from "vue-concurrency"
 
 import { API } from "@/api"
 import type {
-  Alert,
-  Alerts,
-  Artifact,
-  Artifacts,
-  Config,
-  CreateRule,
-  IPInfo,
-  Message,
-  QueueMessage,
-  Rule,
-  Rules,
-  SearchParams,
-  Tags,
-  UpdateRule
-} from "@/types"
-
-export function generateGetAlertsTask(): Task<Alerts, [SearchParams]> {
-  return useAsyncTask<Alerts, [SearchParams]>(async (_signal, params) => {
+  AlertsType,
+  AlertType,
+  ArtifactsType,
+  ArtifactType,
+  ConfigsType,
+  CreateRuleType,
+  IpInfoType,
+  MessageType,
+  QueueMessageType,
+  RulesType,
+  RuleType,
+  SearchParamsType,
+  TagsType,
+  UpdateRuleType
+} from "@/schemas"
+
+export function generateGetAlertsTask(): Task<AlertsType, [SearchParamsType]> {
+  return useAsyncTask<AlertsType, [SearchParamsType]>(async (_signal, params) => {
     return await API.getAlerts(params)
   })
 }
 
-export function generateDeleteAlertTask(): Task<Message, [number]> {
-  return useAsyncTask<Message, [number]>(async (_signal, id) => {
+export function generateDeleteAlertTask(): Task<MessageType, [number]> {
+  return useAsyncTask<MessageType, [number]>(async (_signal, id) => {
     return await API.deleteAlert(id)
   })
 }
 
-export function generateGetTagsTask(): Task<Tags, []> {
-  return useAsyncTask<Tags, []>(async () => {
+export function generateGetTagsTask(): Task<TagsType, []> {
+  return useAsyncTask<TagsType, []>(async () => {
     return await API.getTags()
   })
 }
 
-export function generateDeleteTagTask(): Task<Message, [number]> {
-  return useAsyncTask<Message, [number]>(async (_signal, tag) => {
+export function generateDeleteTagTask(): Task<MessageType, [number]> {
+  return useAsyncTask<MessageType, [number]>(async (_signal, tag) => {
     return await API.deleteTag(tag)
   })
 }
 
-export function generateGetArtifactTask(): Task<Artifact, [number]> {
-  return useAsyncTask<Artifact, [number]>(async (_signal, id) => {
+export function generateGetArtifactTask(): Task<ArtifactType, [number]> {
+  return useAsyncTask<ArtifactType, [number]>(async (_signal, id) => {
     return await API.getArtifact(id)
   })
 }
 
-export function generateDeleteArtifactTask(): Task<Message, [number]> {
-  return useAsyncTask<Message, [number]>(async (_signal, id) => {
+export function generateDeleteArtifactTask(): Task<MessageType, [number]> {
+  return useAsyncTask<MessageType, [number]>(async (_signal, id) => {
     return await API.deleteArtifact(id)
   })
 }
 
-export function generateEnrichArtifactTask(): Task<QueueMessage, [number]> {
-  return useAsyncTask<QueueMessage, [number]>(async (_signal, id) => {
+export function generateEnrichArtifactTask(): Task<QueueMessageType, [number]> {
+  return useAsyncTask<QueueMessageType, [number]>(async (_signal, id) => {
     return await API.enrichArtifact(id)
   })
 }
 
-export function generateGetConfigsTask(): Task<Config[], []> {
-  return useAsyncTask<Config[], []>(async () => {
+export function generateGetConfigsTask(): Task<ConfigsType, []> {
+  return useAsyncTask<ConfigsType, []>(async () => {
     return await API.getConfigs()
   })
 }
 
-export function generateGetIPTask(): Task<IPInfo, [string]> {
-  return useAsyncTask<IPInfo, [string]>(async (_signal, ipAddress: string) => {
-    return await API.getIPInfo(ipAddress)
+export function generateGetIPTask(): Task<IpInfoType, [string]> {
+  return useAsyncTask<IpInfoType, [string]>(async (_signal, ipAddress: string) => {
+    return await API.getIpInfo(ipAddress)
   })
 }
 
-export function generateGetRulesTask(): Task<Rules, [SearchParams]> {
-  return useAsyncTask<Rules, [SearchParams]>(async (_signal, params: SearchParams) => {
+export function generateGetRulesTask(): Task<RulesType, [SearchParamsType]> {
+  return useAsyncTask<RulesType, [SearchParamsType]>(async (_signal, params: SearchParamsType) => {
     return await API.getRules(params)
   })
 }
 
-export function generateGetRuleTask(): Task<Rule, [string]> {
-  return useAsyncTask<Rule, [string]>(async (_signal, id: string) => {
+export function generateGetRuleTask(): Task<RuleType, [string]> {
+  return useAsyncTask<RuleType, [string]>(async (_signal, id: string) => {
     return await API.getRule(id)
   })
 }
 
-export function generateDeleteRuleTask(): Task<Message, [string]> {
-  return useAsyncTask<Message, [string]>(async (_signal, id: string) => {
+export function generateDeleteRuleTask(): Task<MessageType, [string]> {
+  return useAsyncTask<MessageType, [string]>(async (_signal, id: string) => {
     return await API.deleteRule(id)
   })
 }
 
-export function generateSearchRuleTask(): Task<QueueMessage, [string]> {
-  return useAsyncTask<QueueMessage, [string]>(async (_signal, id) => {
+export function generateSearchRuleTask(): Task<QueueMessageType, [string]> {
+  return useAsyncTask<QueueMessageType, [string]>(async (_signal, id) => {
     return await API.searchRule(id)
   })
 }
 
-export function generateCreateRuleTask(): Task<Rule, [CreateRule]> {
-  return useAsyncTask<Rule, [CreateRule]>(async (_signal, payload) => {
+export function generateCreateRuleTask(): Task<RuleType, [CreateRuleType]> {
+  return useAsyncTask<RuleType, [CreateRuleType]>(async (_signal, payload) => {
     return await API.createRule(payload)
   })
 }
 
-export function generateUpdateRuleTask(): Task<Rule, [UpdateRule]> {
-  return useAsyncTask<Rule, [UpdateRule]>(async (_signal, payload) => {
+export function generateUpdateRuleTask(): Task<RuleType, [UpdateRuleType]> {
+  return useAsyncTask<RuleType, [UpdateRuleType]>(async (_signal, payload) => {
     return await API.updateRule(payload)
   })
 }
 
-export function generateGetArtifactsTask(): Task<Artifacts, [SearchParams]> {
-  return useAsyncTask<Artifacts, [SearchParams]>(async (_signal, params) => {
+export function generateGetArtifactsTask(): Task<ArtifactsType, [SearchParamsType]> {
+  return useAsyncTask<ArtifactsType, [SearchParamsType]>(async (_signal, params) => {
     return await API.getArtifacts(params)
   })
 }
 
-export function generateGetAlertTask(): Task<Alert, [number]> {
-  return useAsyncTask<Alert, [number]>(async (_signal, id) => {
+export function generateGetAlertTask(): Task<AlertType, [number]> {
+  return useAsyncTask<AlertType, [number]>(async (_signal, id) => {
     return await API.getAlert(id)
   })
 }
diff --git a/frontend/src/api.ts b/frontend/src/api.ts
index 143bb32a7..d3845e9d0 100644
--- a/frontend/src/api.ts
+++ b/frontend/src/api.ts
@@ -1,116 +1,126 @@
 import axios from "axios"
 
-import type {
-  Alert,
-  Alerts,
-  Artifact,
-  Artifacts,
-  Config,
-  CreateRule,
-  IPInfo,
-  Message,
-  QueueMessage,
-  Rule,
-  Rules,
-  SearchParams,
-  Tags,
-  UpdateRule
-} from "@/types"
+import {
+  AlertSchema,
+  AlertsSchema,
+  type AlertsType,
+  type AlertType,
+  ArtifactSchema,
+  ArtifactsSchema,
+  type ArtifactsType,
+  type ArtifactType,
+  ConfigsSchema,
+  type ConfigsType,
+  type CreateRuleType,
+  type IpInfoType,
+  MessageSchema,
+  type MessageType,
+  QueueMessageSchema,
+  type QueueMessageType,
+  RuleSchema,
+  RulesSchema,
+  type RulesType,
+  type RuleType,
+  type SearchParamsType,
+  TagsSchema,
+  type TagsType,
+  type UpdateRuleType
+} from "@/schemas"
 
 const client = axios.create()
 
 export const API = {
-  async getConfigs(): Promise<Config[]> {
-    const res = await client.get<Config[]>("/api/configs")
-    return res.data
+  async getConfigs(): Promise<ConfigsType> {
+    const res = await client.get("/api/configs")
+    return ConfigsSchema.parse(res.data)
   },
 
-  async getAlerts(params: SearchParams): Promise<Alerts> {
+  async getAlerts(params: SearchParamsType): Promise<AlertsType> {
     params.page = params.page || 1
-    const res = await client.get<Alerts>("/api/alerts", {
+    const res = await client.get("/api/alerts", {
       params: params
     })
-    return res.data
+    return AlertsSchema.parse(res.data)
   },
 
-  async getAlert(id: number): Promise<Alert> {
-    const res = await client.get<Alert>(`/api/alerts/${id}`)
-    return res.data
+  async getAlert(id: number): Promise<AlertType> {
+    const res = await client.get(`/api/alerts/${id}`)
+    return AlertSchema.parse(res.data)
   },
 
-  async getTags(): Promise<Tags> {
-    const res = await client.get<Tags>("/api/tags")
-    return res.data
+  async getTags(): Promise<TagsType> {
+    const res = await client.get("/api/tags")
+    return TagsSchema.parse(res.data)
   },
 
-  async deleteAlert(id: number): Promise<Message> {
-    const res = await client.delete<Message>(`/api/alerts/${id}`)
-    return res.data
+  async deleteAlert(id: number): Promise<MessageType> {
+    const res = await client.delete(`/api/alerts/${id}`)
+    return MessageSchema.parse(res.data)
   },
 
-  async getArtifact(id: number): Promise<Artifact> {
-    const res = await client.get<Artifact>(`/api/artifacts/${id}`)
-    return res.data
+  async getArtifact(id: number): Promise<ArtifactType> {
+    const res = await client.get(`/api/artifacts/${id}`)
+    return ArtifactSchema.parse(res.data)
   },
 
-  async getArtifacts(params: SearchParams): Promise<Artifacts> {
+  async getArtifacts(params: SearchParamsType): Promise<ArtifactsType> {
     params.page = params.page || 1
-    const res = await client.get<Artifacts>("/api/artifacts", {
+    const res = await client.get("/api/artifacts", {
       params: params
     })
-    return res.data
+    return ArtifactsSchema.parse(res.data)
   },
 
-  async enrichArtifact(id: number): Promise<QueueMessage> {
-    const res = await client.post<QueueMessage>(`/api/artifacts/${id}/enrich`)
-    return res.data
+  async enrichArtifact(id: number): Promise<QueueMessageType> {
+    const res = await client.post(`/api/artifacts/${id}/enrich`)
+    return QueueMessageSchema.parse(res.data)
   },
 
-  async deleteArtifact(id: number): Promise<Message> {
-    const res = await client.delete<Message>(`/api/artifacts/${id}`)
-    return res.data
+  async deleteArtifact(id: number): Promise<MessageType> {
+    const res = await client.delete(`/api/artifacts/${id}`)
+    return MessageSchema.parse(res.data)
   },
 
-  async getRules(params: SearchParams): Promise<Rules> {
+  async getRules(params: SearchParamsType): Promise<RulesType> {
     params.page = params.page || 1
-    const res = await client.get<Rules>("/api/rules", {
+    const res = await client.get("/api/rules", {
       params: params
     })
-    return res.data
+    return RulesSchema.parse(res.data)
   },
 
-  async getRule(id: string): Promise<Rule> {
-    const res = await client.get<Rule>(`/api/rules/${id}`)
-    return res.data
+  async getRule(id: string): Promise<RuleType> {
+    const res = await client.get(`/api/rules/${id}`)
+    return RuleSchema.parse(res.data)
   },
 
-  async searchRule(id: string): Promise<QueueMessage> {
-    const res = await client.post<QueueMessage>(`/api/rules/${id}/search`)
-    return res.data
+  async searchRule(id: string): Promise<QueueMessageType> {
+    const res = await client.post(`/api/rules/${id}/search`)
+    return QueueMessageSchema.parse(res.data)
   },
 
-  async createRule(payload: CreateRule): Promise<Rule> {
-    const res = await client.post<Rule>("/api/rules/", payload)
-    return res.data
+  async createRule(payload: CreateRuleType): Promise<RuleType> {
+    const res = await client.post("/api/rules/", payload)
+    return RuleSchema.parse(res.data)
   },
 
-  async updateRule(payload: UpdateRule): Promise<Rule> {
-    const res = await client.put<Rule>("/api/rules/", payload)
-    return res.data
+  async updateRule(payload: UpdateRuleType): Promise<RuleType> {
+    const res = await client.put("/api/rules/", payload)
+    return RuleSchema.parse(res.data)
   },
 
-  async deleteRule(id: string): Promise<Message> {
-    const res = await client.delete<Message>(`/api/rules/${id}`)
-    return res.data
+  async deleteRule(id: string): Promise<MessageType> {
+    const res = await client.delete(`/api/rules/${id}`)
+    return MessageSchema.parse(res.data)
   },
 
-  async deleteTag(id: number): Promise<Message> {
-    const res = await client.delete<Message>(`/api/tags/${id}`)
-    return res.data
+  async deleteTag(id: number): Promise<MessageType> {
+    const res = await client.delete(`/api/tags/${id}`)
+    return MessageSchema.parse(res.data)
   },
 
-  async getIPInfo(ipAddress: string): Promise<IPInfo> {
-    const res = await client.get<IPInfo>(`/api/ip_addresses/${ipAddress}`)
+  async getIpInfo(ipAddress: string): Promise<IpInfoType> {
+    const res = await client.get<IpInfoType>(`/api/ip_addresses/${ipAddress}`)
     return res.data
   }
 }
diff --git a/frontend/src/components/ErrorMessage.vue b/frontend/src/components/ErrorMessage.vue
index 6a95cfdd4..4226eabc6 100644
--- a/frontend/src/components/ErrorMessage.vue
+++ b/frontend/src/components/ErrorMessage.vue
@@ -18,7 +18,7 @@ import { AxiosError } from "axios"
 import { computed, defineComponent } from "vue"
 import VueJsonPretty from "vue-json-pretty"
 
-import type { ErrorMessage } from "@/types"
+import type { ErrorMessageType } from "@/schemas"
 
 export default defineComponent({
   name: "ErrorItem",
@@ -37,9 +37,9 @@ export default defineComponent({
   },
   emits: ["dispose"],
   setup(props, context) {
-    const data = computed<ErrorMessage | undefined>(() => {
+    const data = computed<ErrorMessageType | undefined>(() => {
       if (props.error.response) {
-        return props.error.response?.data as ErrorMessage
+        return props.error.response?.data as ErrorMessageType
       }
       return undefined
     })
diff --git a/frontend/src/components/Message.vue b/frontend/src/components/Message.vue
index 0166e72de..f4ce22e08 100644
--- a/frontend/src/components/Message.vue
+++ b/frontend/src/components/Message.vue
@@ -8,13 +8,13 @@
 <script lang="ts">
 import { defineComponent, type PropType } from "vue"
 
-import type { Message } from "@/types"
+import type { MessageType } from "@/schemas"
 
 export default defineComponent({
   name: "MessageItem",
   props: {
     message: {
-      type: Object as PropType<Message>,
+      type: Object as PropType<MessageType>,
       required: true
     },
     disposable: {
diff --git a/frontend/src/components/alert/ActionButtons.vue b/frontend/src/components/alert/ActionButtons.vue
index 36c0e1b08..26f29f4ed 100644
--- a/frontend/src/components/alert/ActionButtons.vue
+++ b/frontend/src/components/alert/ActionButtons.vue
@@ -20,13 +20,13 @@ import axios from "axios"
 import { computed, defineComponent, type PropType } from "vue"
 
 import { generateDeleteAlertTask } from "@/api-helper"
-import type { Alert } from "@/types"
+import type { AlertType } from "@/schemas"
 
 export default defineComponent({
   name: "AlertActionButtons",
   props: {
     alert: {
-      type: Object as PropType<Alert>,
+      type: Object as PropType<AlertType>,
       required: true
     }
   },
diff --git a/frontend/src/components/alert/Alert.vue b/frontend/src/components/alert/Alert.vue
index f047f3aa2..9675232f0 100644
--- a/frontend/src/components/alert/Alert.vue
+++ b/frontend/src/components/alert/Alert.vue
@@ -47,7 +47,7 @@ import ActionButtons from "@/components/alert/ActionButtons.vue"
 import Artifacts from "@/components/artifact/ArtifactTags.vue"
 import ErrorMessage from "@/components/ErrorMessage.vue"
 import Tags from "@/components/tag/Tags.vue"
-import type { Alert } from "@/types"
+import type { AlertType } from "@/schemas"
 import { getHumanizedRelativeTime, getLocalDatetime } from "@/utils"
 
 export default defineComponent({
@@ -60,7 +60,7 @@ export default defineComponent({
   },
   props: {
     alert: {
-      type: Object as PropType<Alert>,
+      type: Object as PropType<AlertType>,
       required: true
     }
   },
diff --git a/frontend/src/components/alert/AlertDetail.vue b/frontend/src/components/alert/AlertDetail.vue
index 8e66d3ca8..24dbd4213 100644
--- a/frontend/src/components/alert/AlertDetail.vue
+++ b/frontend/src/components/alert/AlertDetail.vue
@@ -51,7 +51,7 @@ import Alerts from "@/components/alert/AlertsWithPagination.vue"
 import Artifacts from "@/components/artifact/ArtifactTags.vue"
 import ErrorMessage from "@/components/ErrorMessage.vue"
 import Tags from "@/components/tag/Tags.vue"
-import type { Alert } from "@/types"
+import type { AlertType } from "@/schemas"
 import { getHumanizedRelativeTime, getLocalDatetime } from "@/utils"
 
 export default defineComponent({
@@ -65,7 +65,7 @@ export default defineComponent({
   },
   props: {
     alert: {
-      type: Object as PropType<Alert>,
+      type: Object as PropType<AlertType>,
       required: true
     }
   },
diff --git a/frontend/src/components/alert/Alerts.vue b/frontend/src/components/alert/Alerts.vue
index b1fc9f89f..9cbf24a5b 100644
--- a/frontend/src/components/alert/Alerts.vue
+++ b/frontend/src/components/alert/Alerts.vue
@@ -24,7 +24,7 @@ import { computed, defineComponent, type PropType } from "vue"
 
 import Alert from "@/components/alert/Alert.vue"
 import Pagination from "@/components/Pagination.vue"
-import type { Alerts } from "@/types"
+import type { AlertsType } from "@/schemas"
 
 export default defineComponent({
   name: "AlertsItem",
@@ -38,7 +38,7 @@ export default defineComponent({
       required: true
     },
     alerts: {
-      type: Object as PropType<Alerts>,
+      type: Object as PropType<AlertsType>,
       required: true
     }
   },
diff --git a/frontend/src/components/alert/AlertsWithPagination.vue b/frontend/src/components/alert/AlertsWithPagination.vue
index 822eae35b..e24d16c45 100644
--- a/frontend/src/components/alert/AlertsWithPagination.vue
+++ b/frontend/src/components/alert/AlertsWithPagination.vue
@@ -17,7 +17,7 @@ import { generateGetAlertsTask } from "@/api-helper"
 import Alerts from "@/components/alert/Alerts.vue"
 import ErrorMessage from "@/components/ErrorMessage.vue"
 import Loading from "@/components/Loading.vue"
-import type { SearchParams } from "@/types"
+import type { SearchParamsType } from "@/schemas"
 
 export default defineComponent({
   name: "AlertsWithPagination",
@@ -48,7 +48,7 @@ export default defineComponent({
     const getAlertsTask = generateGetAlertsTask()
 
     const getAlerts = async () => {
-      const params: SearchParams = {
+      const params: SearchParamsType = {
         q: q.value,
         page: page.value
       }
diff --git a/frontend/src/components/alert/AlertsWrapper.vue b/frontend/src/components/alert/AlertsWrapper.vue
index 1b16c48fc..64b4f3f02 100644
--- a/frontend/src/components/alert/AlertsWrapper.vue
+++ b/frontend/src/components/alert/AlertsWrapper.vue
@@ -74,7 +74,7 @@ import { generateGetAlertsTask } from "@/api-helper"
 import Alerts from "@/components/alert/Alerts.vue"
 import ErrorMessage from "@/components/ErrorMessage.vue"
 import Loading from "@/components/Loading.vue"
-import type { SearchParams } from "@/types"
+import type { SearchParamsType } from "@/schemas"
 
 export default defineComponent({
   name: "AlertsWrapper",
@@ -91,7 +91,7 @@ export default defineComponent({
     const getAlertsTask = generateGetAlertsTask()
 
     const getAlerts = async () => {
-      const params: SearchParams = { q: q.value, page: parseInt(page.value) }
+      const params: SearchParamsType = { q: q.value, page: parseInt(page.value) }
       return await getAlertsTask.perform(params)
     }
 
diff --git a/frontend/src/components/artifact/AS.vue b/frontend/src/components/artifact/AS.vue
index e5dba8f40..32fec8af4 100644
--- a/frontend/src/components/artifact/AS.vue
+++ b/frontend/src/components/artifact/AS.vue
@@ -11,13 +11,13 @@
 <script lang="ts">
 import { defineComponent, type PropType } from "vue"
 
-import type { AutonomousSystem } from "@/types"
+import type { AutonomousSystemType } from "@/schemas"
 
 export default defineComponent({
   name: "AS",
   props: {
     autonomousSystem: {
-      type: Object as PropType<AutonomousSystem>,
+      type: Object as PropType<AutonomousSystemType>,
       required: true
     }
   },
diff --git a/frontend/src/components/artifact/ActionButtons.vue b/frontend/src/components/artifact/ActionButtons.vue
index b6e1ca7c2..9552b0e22 100644
--- a/frontend/src/components/artifact/ActionButtons.vue
+++ b/frontend/src/components/artifact/ActionButtons.vue
@@ -59,13 +59,13 @@ import { computed, defineComponent, type PropType, ref } from "vue"
 import VueJsonPretty from "vue-json-pretty"
 
 import { generateDeleteArtifactTask, generateEnrichArtifactTask } from "@/api-helper"
-import type { Artifact } from "@/types"
+import type { ArtifactType } from "@/schemas"
 
 export default defineComponent({
   name: "ArtifactActionButtons",
   props: {
     artifact: {
-      type: Object as PropType<Artifact>,
+      type: Object as PropType<ArtifactType>,
       required: true
     }
   },
diff --git a/frontend/src/components/artifact/Artifact.vue b/frontend/src/components/artifact/Artifact.vue
index d7ba8c279..f2417ae0f 100644
--- a/frontend/src/components/artifact/Artifact.vue
+++ b/frontend/src/components/artifact/Artifact.vue
@@ -71,13 +71,13 @@ import ActionButtons from "@/components/artifact/ActionButtons.vue"
 import ErrorMessage from "@/components/ErrorMessage.vue"
 import Message from "@/components/Message.vue"
 import Tags from "@/components/tag/Tags.vue"
-import type { Artifact, QueueMessage } from "@/types"
+import type { ArtifactType, QueueMessageType } from "@/schemas"
 
 export default defineComponent({
   name: "ArtifactsItem",
   props: {
     artifact: {
-      type: Object as PropType<Artifact>,
+      type: Object as PropType<ArtifactType>,
       required: true
     }
   },
@@ -85,7 +85,7 @@ export default defineComponent({
   emits: ["delete"],
   setup(_, context) {
     const error = ref<AxiosError>()
-    const message = ref<QueueMessage>()
+    const message = ref<QueueMessageType>()
 
     const onSetError = (newError: AxiosError) => {
       error.value = newError
@@ -99,7 +99,7 @@ export default defineComponent({
       context.emit("delete")
     }
 
-    const onSetMessage = (newMessage: QueueMessage) => {
+    const onSetMessage = (newMessage: QueueMessageType) => {
       if (newMessage.queued) {
         message.value = newMessage
       }
diff --git a/frontend/src/components/artifact/ArtifactDetail.vue b/frontend/src/components/artifact/ArtifactDetail.vue
index 1dd043503..85e2bbebd 100644
--- a/frontend/src/components/artifact/ArtifactDetail.vue
+++ b/frontend/src/components/artifact/ArtifactDetail.vue
@@ -119,14 +119,14 @@ import ErrorMessage from "@/components/ErrorMessage.vue"
 import Links from "@/components/link/Links.vue"
 import Message from "@/components/Message.vue"
 import Tags from "@/components/tag/Tags.vue"
-import type { Artifact, GCS, QueueMessage } from "@/types"
+import type { ArtifactType, GcsType, QueueMessageType } from "@/schemas"
 import { getGCSByCountryCode, getGCSByIPInfo } from "@/utils"
 
 export default defineComponent({
   name: "ArtifactDetail",
   props: {
     artifact: {
-      type: Object as PropType<Artifact>,
+      type: Object as PropType<ArtifactType>,
       required: true
     }
   },
@@ -150,7 +150,7 @@ export default defineComponent({
     const countryCode = ref<string>()
 
     const error = ref<AxiosError>()
-    const message = ref<QueueMessage>()
+    const message = ref<QueueMessageType>()
 
     const onSetError = (newError: AxiosError) => {
       error.value = newError
@@ -164,7 +164,7 @@ export default defineComponent({
       context.emit("delete")
     }
 
-    const onSetMessage = (newMessage: QueueMessage) => {
+    const onSetMessage = (newMessage: QueueMessageType) => {
       if (newMessage.queued) {
         message.value = newMessage
       } else {
@@ -189,7 +189,7 @@ export default defineComponent({
       return undefined
     })
 
-    const getGoogleMapSrc = (gcs: GCS | undefined): string | undefined => {
+    const getGoogleMapSrc = (gcs: GcsType | undefined): string | undefined => {
       if (gcs) {
         return `https://maps.google.co.jp/maps?output=embed&q=${gcs.lat},${gcs.long}&z=3`
       }
@@ -202,7 +202,7 @@ export default defineComponent({
 
     onMounted(async () => {
       if (props.artifact.dataType === "ip") {
-        let gcs: GCS | undefined = undefined
+        let gcs: GcsType | undefined = undefined
 
         if (!props.artifact.geolocation) {
           // Use IPInfo if an artifact does not have geolocation
diff --git a/frontend/src/components/artifact/ArtifactTag.vue b/frontend/src/components/artifact/ArtifactTag.vue
index 627bc3fb0..5a72eb2ca 100644
--- a/frontend/src/components/artifact/ArtifactTag.vue
+++ b/frontend/src/components/artifact/ArtifactTag.vue
@@ -20,13 +20,13 @@ import truncate from "just-truncate"
 import { defineComponent, type PropType, ref } from "vue"
 
 import { generateDeleteArtifactTask } from "@/api-helper"
-import type { Artifact } from "@/types"
+import type { ArtifactType } from "@/schemas"
 
 export default defineComponent({
   name: "ArtifactTag",
   props: {
     artifact: {
-      type: Object as PropType<Artifact>,
+      type: Object as PropType<ArtifactType>,
       required: true
     }
   },
diff --git a/frontend/src/components/artifact/ArtifactTags.vue b/frontend/src/components/artifact/ArtifactTags.vue
index 01829c4b4..c3e124746 100644
--- a/frontend/src/components/artifact/ArtifactTags.vue
+++ b/frontend/src/components/artifact/ArtifactTags.vue
@@ -13,7 +13,7 @@
 import { defineComponent, type PropType, ref, watch } from "vue"
 
 import ArtifactTag from "@/components/artifact/ArtifactTag.vue"
-import type { Artifact } from "@/types"
+import type { ArtifactType } from "@/schemas"
 
 export default defineComponent({
   name: "ArtifactTags",
@@ -22,7 +22,7 @@ export default defineComponent({
   },
   props: {
     artifacts: {
-      type: Array as PropType<Artifact[]>,
+      type: Array as PropType<ArtifactType[]>,
       required: true
     }
   },
diff --git a/frontend/src/components/artifact/Artifacts.vue b/frontend/src/components/artifact/Artifacts.vue
index 81f1677a0..6da4a16c7 100644
--- a/frontend/src/components/artifact/Artifacts.vue
+++ b/frontend/src/components/artifact/Artifacts.vue
@@ -26,13 +26,13 @@ import { computed, defineComponent, type PropType } from "vue"
 
 import Artifact from "@/components/artifact/Artifact.vue"
 import Pagination from "@/components/Pagination.vue"
-import type { Artifacts } from "@/types"
+import type { ArtifactsType } from "@/schemas"
 
 export default defineComponent({
   name: "ArtifactsItem",
   props: {
     artifacts: {
-      type: Object as PropType<Artifacts>,
+      type: Object as PropType<ArtifactsType>,
       required: true
     }
   },
diff --git a/frontend/src/components/artifact/ArtifactsWrapper.vue b/frontend/src/components/artifact/ArtifactsWrapper.vue
index ce1634330..6f59f76ff 100644
--- a/frontend/src/components/artifact/ArtifactsWrapper.vue
+++ b/frontend/src/components/artifact/ArtifactsWrapper.vue
@@ -63,7 +63,7 @@ import { generateGetArtifactsTask } from "@/api-helper"
 import Artifacts from "@/components/artifact/Artifacts.vue"
 import ErrorMessage from "@/components/ErrorMessage.vue"
 import Loading from "@/components/Loading.vue"
-import type { SearchParams } from "@/types"
+import type { SearchParamsType } from "@/schemas"
 
 export default defineComponent({
   name: "ArtifactsWrapper",
@@ -80,7 +80,7 @@ export default defineComponent({
     const getArtifactsTask = generateGetArtifactsTask()
 
     const getArtifacts = async () => {
-      const params: SearchParams = { q: q.value, page: parseInt(page.value) }
+      const params: SearchParamsType = { q: q.value, page: parseInt(page.value) }
       return await getArtifactsTask.perform(params)
     }
 
diff --git a/frontend/src/components/artifact/CPEs.vue b/frontend/src/components/artifact/CPEs.vue
index 7124b0f3f..7098f8b85 100644
--- a/frontend/src/components/artifact/CPEs.vue
+++ b/frontend/src/components/artifact/CPEs.vue
@@ -13,13 +13,13 @@
 <script lang="ts">
 import { defineComponent, type PropType } from "vue"
 
-import type { CPE } from "@/types"
+import type { CpeType } from "@/schemas"
 
 export default defineComponent({
   name: "CPEsItem",
   props: {
     cpes: {
-      type: Array as PropType<CPE[]>,
+      type: Array as PropType<CpeType[]>,
       required: true
     }
   },
diff --git a/frontend/src/components/artifact/DnsRecords.vue b/frontend/src/components/artifact/DnsRecords.vue
index 18d2a321a..6e4e14651 100644
--- a/frontend/src/components/artifact/DnsRecords.vue
+++ b/frontend/src/components/artifact/DnsRecords.vue
@@ -21,13 +21,13 @@
 import truncate from "just-truncate"
 import { defineComponent, type PropType } from "vue"
 
-import type { DnsRecord } from "@/types"
+import type { DnsRecordType } from "@/schemas"
 
 export default defineComponent({
   name: "DnsRecords",
   props: {
     dnsRecords: {
-      type: Array as PropType<DnsRecord[]>,
+      type: Array as PropType<DnsRecordType[]>,
       required: true
     }
   },
diff --git a/frontend/src/components/artifact/Ports.vue b/frontend/src/components/artifact/Ports.vue
index 8c831a93d..72fc53b1c 100644
--- a/frontend/src/components/artifact/Ports.vue
+++ b/frontend/src/components/artifact/Ports.vue
@@ -13,13 +13,13 @@
 <script lang="ts">
 import { defineComponent, type PropType } from "vue"
 
-import type { Port } from "@/types"
+import type { PortType } from "@/schemas"
 
 export default defineComponent({
   name: "PortsItem",
   props: {
     ports: {
-      type: Array as PropType<Port[]>,
+      type: Array as PropType<PortType[]>,
       required: true
     }
   },
diff --git a/frontend/src/components/artifact/ReverseDnsNames.vue b/frontend/src/components/artifact/ReverseDnsNames.vue
index a74f9ee8d..0ca4df6c8 100644
--- a/frontend/src/components/artifact/ReverseDnsNames.vue
+++ b/frontend/src/components/artifact/ReverseDnsNames.vue
@@ -13,13 +13,13 @@
 <script lang="ts">
 import { defineComponent, type PropType } from "vue"
 
-import type { ReverseDnsName } from "@/types"
+import type { ReverseDnsNameType } from "@/schemas"
 
 export default defineComponent({
   name: "ReverseDnsNames",
   props: {
     reverseDnsNames: {
-      type: Array as PropType<ReverseDnsName[]>,
+      type: Array as PropType<ReverseDnsNameType[]>,
       required: true
     }
   },
diff --git a/frontend/src/components/artifact/Vulnerabilities.vue b/frontend/src/components/artifact/Vulnerabilities.vue
index 0fc559aad..d8ec63b17 100644
--- a/frontend/src/components/artifact/Vulnerabilities.vue
+++ b/frontend/src/components/artifact/Vulnerabilities.vue
@@ -13,13 +13,13 @@
 <script lang="ts">
 import { defineComponent, type PropType } from "vue"
 
-import type { Vulnerability } from "@/types"
+import type { VulnerabilityType } from "@/schemas"
 
 export default defineComponent({
   name: "VulnerabilitiesItem",
   props: {
     vulnerabilities: {
-      type: Array as PropType<Vulnerability[]>,
+      type: Array as PropType<VulnerabilityType[]>,
       required: true
     }
   },
diff --git a/frontend/src/components/artifact/WhoisRecord.vue b/frontend/src/components/artifact/WhoisRecord.vue
index ba5a8e0e7..0414fb5c8 100644
--- a/frontend/src/components/artifact/WhoisRecord.vue
+++ b/frontend/src/components/artifact/WhoisRecord.vue
@@ -30,13 +30,13 @@
 <script lang="ts">
 import { defineComponent, type PropType } from "vue"
 
-import type { WhoisRecord } from "@/types"
+import type { WhoisRecordType } from "@/schemas"
 
 export default defineComponent({
   name: "WhoisRecord",
   props: {
     whoisRecord: {
-      type: Object as PropType<WhoisRecord>,
+      type: Object as PropType<WhoisRecordType>,
       required: true
     }
   }
diff --git a/frontend/src/components/config/Configs.vue b/frontend/src/components/config/Configs.vue
index 24f6687ef..b37c02e2c 100644
--- a/frontend/src/components/config/Configs.vue
+++ b/frontend/src/components/config/Configs.vue
@@ -11,7 +11,7 @@
           </tr>
         </thead>
         <tbody>
-          <tr v-for="config in configs" :key="config.name">
+          <tr v-for="config in configs.results" :key="config.name">
             <td>
               {{ config.name }}
             </td>
@@ -57,13 +57,13 @@
 <script lang="ts">
 import { defineComponent, type PropType } from "vue"
 
-import type { Config } from "@/types"
+import type { ConfigsType } from "@/schemas"
 
 export default defineComponent({
   name: "ConfigsItem",
   props: {
     configs: {
-      type: Array as PropType<Config[]>,
+      type: Object as PropType<ConfigsType>,
       required: true
     }
   }
diff --git a/frontend/src/components/link/Link.vue b/frontend/src/components/link/Link.vue
index a237ff6ea..c16fa1964 100644
--- a/frontend/src/components/link/Link.vue
+++ b/frontend/src/components/link/Link.vue
@@ -8,7 +8,7 @@
 <script lang="ts">
 import { defineComponent, type PropType } from "vue"
 
-import type { Link } from "@/types"
+import type { LinkType } from "@/schemas"
 
 export default defineComponent({
   name: "LinkItem",
@@ -18,7 +18,7 @@ export default defineComponent({
       required: true
     },
     link: {
-      type: Object as PropType<Link>,
+      type: Object as PropType<LinkType>,
       required: true
     }
   }
diff --git a/frontend/src/components/link/Links.vue b/frontend/src/components/link/Links.vue
index 4e5a48999..5b9f6303b 100644
--- a/frontend/src/components/link/Links.vue
+++ b/frontend/src/components/link/Links.vue
@@ -9,7 +9,7 @@ import { computed, defineComponent } from "vue"
 
 import LinkComponent from "@/components/link/Link.vue"
 import { Links } from "@/links"
-import type { Link } from "@/types"
+import type { LinkType } from "@/schemas"
 
 export default defineComponent({
   name: "LinksItem",
@@ -27,7 +27,7 @@ export default defineComponent({
     }
   },
   setup(props) {
-    const selectedLinks = computed((): Link[] => {
+    const selectedLinks = computed((): LinkType[] => {
       return Links.filter((link) => link.type === props.type)
     })
 
diff --git a/frontend/src/components/rule/ActionButtons.vue b/frontend/src/components/rule/ActionButtons.vue
index bc1436661..78099b606 100644
--- a/frontend/src/components/rule/ActionButtons.vue
+++ b/frontend/src/components/rule/ActionButtons.vue
@@ -55,13 +55,13 @@ import {
   generateGetArtifactsTask,
   generateSearchRuleTask
 } from "@/api-helper"
-import type { Rule } from "@/types"
+import type { RuleType } from "@/schemas"
 
 export default defineComponent({
   name: "RuleActionButtons",
   props: {
     rule: {
-      type: Object as PropType<Rule>,
+      type: Object as PropType<RuleType>,
       required: true
     }
   },
diff --git a/frontend/src/components/rule/EditRule.vue b/frontend/src/components/rule/EditRule.vue
index 768e178e5..9cb234bea 100644
--- a/frontend/src/components/rule/EditRule.vue
+++ b/frontend/src/components/rule/EditRule.vue
@@ -26,7 +26,7 @@ import { useRouter } from "vue-router"
 import { generateUpdateRuleTask } from "@/api-helper"
 import ErrorMessage from "@/components/ErrorMessage.vue"
 import InputForm from "@/components/rule/InputForm.vue"
-import type { Rule } from "@/types"
+import type { RuleType } from "@/schemas"
 
 export default defineComponent({
   name: "EditRule",
@@ -36,7 +36,7 @@ export default defineComponent({
   },
   props: {
     rule: {
-      type: Object as PropType<Rule>,
+      type: Object as PropType<RuleType>,
       required: true
     }
   },
diff --git a/frontend/src/components/rule/LinkButtons.vue b/frontend/src/components/rule/LinkButtons.vue
index 1750cf367..3219fc190 100644
--- a/frontend/src/components/rule/LinkButtons.vue
+++ b/frontend/src/components/rule/LinkButtons.vue
@@ -15,13 +15,13 @@
 import { computed, defineComponent, onMounted, type PropType } from "vue"
 
 import { generateGetAlertsTask, generateGetArtifactsTask } from "@/api-helper"
-import type { Rule } from "@/types"
+import type { RuleType } from "@/schemas"
 
 export default defineComponent({
   name: "RuleLinkButtons",
   props: {
     rule: {
-      type: Object as PropType<Rule>,
+      type: Object as PropType<RuleType>,
       required: true
     }
   },
diff --git a/frontend/src/components/rule/Rule.vue b/frontend/src/components/rule/Rule.vue
index d77c4a1b2..43ec241f3 100644
--- a/frontend/src/components/rule/Rule.vue
+++ b/frontend/src/components/rule/Rule.vue
@@ -60,13 +60,13 @@ import ErrorMessage from "@/components/ErrorMessage.vue"
 import Message from "@/components/Message.vue"
 import ActionButtons from "@/components/rule/ActionButtons.vue"
 import Tags from "@/components/tag/Tags.vue"
-import type { QueueMessage, Rule } from "@/types"
+import type { QueueMessageType, RuleType } from "@/schemas"
 
 export default defineComponent({
   name: "RuleItem",
   props: {
     rule: {
-      type: Object as PropType<Rule>,
+      type: Object as PropType<RuleType>,
       required: true
     }
   },
@@ -74,7 +74,7 @@ export default defineComponent({
   emits: ["delete"],
   setup(_, context) {
     const error = ref<AxiosError>()
-    const message = ref<QueueMessage>()
+    const message = ref<QueueMessageType>()
 
     const onSetError = (newError: AxiosError) => {
       error.value = newError
@@ -84,7 +84,7 @@ export default defineComponent({
       error.value = undefined
     }
 
-    const onSetMessage = (newMessage: QueueMessage) => {
+    const onSetMessage = (newMessage: QueueMessageType) => {
       message.value = newMessage
     }
 
diff --git a/frontend/src/components/rule/RuleDetail.vue b/frontend/src/components/rule/RuleDetail.vue
index 0f699bae4..37c78e5dc 100644
--- a/frontend/src/components/rule/RuleDetail.vue
+++ b/frontend/src/components/rule/RuleDetail.vue
@@ -41,13 +41,13 @@ import ErrorMessage from "@/components/ErrorMessage.vue"
 import Message from "@/components/Message.vue"
 import ActionButtons from "@/components/rule/ActionButtons.vue"
 import YAML from "@/components/rule/YAML.vue"
-import type { QueueMessage, Rule } from "@/types"
+import type { QueueMessageType, RuleType } from "@/schemas"
 
 export default defineComponent({
   name: "RuleDetailItem",
   props: {
     rule: {
-      type: Object as PropType<Rule>,
+      type: Object as PropType<RuleType>,
       required: true
     }
   },
@@ -61,7 +61,7 @@ export default defineComponent({
   emits: ["delete", "refresh"],
   setup(_, context) {
     const error = ref<AxiosError>()
-    const message = ref<QueueMessage>()
+    const message = ref<QueueMessageType>()
 
     const onDelete = () => {
       context.emit("delete")
@@ -75,7 +75,7 @@ export default defineComponent({
       error.value = undefined
     }
 
-    const onSetMessage = (newMessage: QueueMessage) => {
+    const onSetMessage = (newMessage: QueueMessageType) => {
       if (newMessage.queued) {
         message.value = newMessage
       } else {
diff --git a/frontend/src/components/rule/Rules.vue b/frontend/src/components/rule/Rules.vue
index 8a7bdd697..5b986ced8 100644
--- a/frontend/src/components/rule/Rules.vue
+++ b/frontend/src/components/rule/Rules.vue
@@ -26,13 +26,13 @@ import { computed, defineComponent, type PropType, ref } from "vue"
 
 import Pagination from "@/components/Pagination.vue"
 import Rule from "@/components/rule/Rule.vue"
-import type { Rules } from "@/types"
+import type { RulesType } from "@/schemas"
 
 export default defineComponent({
   name: "RulesItem",
   props: {
     rules: {
-      type: Object as PropType<Rules>,
+      type: Object as PropType<RulesType>,
       required: true
     }
   },
diff --git a/frontend/src/components/rule/RulesWrapper.vue b/frontend/src/components/rule/RulesWrapper.vue
index 3e79294e1..9eeee4fae 100644
--- a/frontend/src/components/rule/RulesWrapper.vue
+++ b/frontend/src/components/rule/RulesWrapper.vue
@@ -65,7 +65,7 @@ import { generateGetRulesTask } from "@/api-helper"
 import ErrorMessage from "@/components/ErrorMessage.vue"
 import Loading from "@/components/Loading.vue"
 import Rules from "@/components/rule/Rules.vue"
-import type { SearchParams } from "@/types"
+import type { SearchParamsType } from "@/schemas"
 
 export default defineComponent({
   name: "RulesWrapper",
@@ -82,7 +82,7 @@ export default defineComponent({
     const getRulesTask = generateGetRulesTask()
 
     const getRules = async () => {
-      const params: SearchParams = { q: q.value, page: parseInt(page.value) }
+      const params: SearchParamsType = { q: q.value, page: parseInt(page.value) }
       return await getRulesTask.perform(params)
     }
 
diff --git a/frontend/src/components/tag/Tag.vue b/frontend/src/components/tag/Tag.vue
index 0431d5af7..d752e066b 100644
--- a/frontend/src/components/tag/Tag.vue
+++ b/frontend/src/components/tag/Tag.vue
@@ -19,13 +19,13 @@
 import { defineComponent, type PropType, ref } from "vue"
 
 import { generateDeleteTagTask } from "@/api-helper"
-import type { NavigateTo, Tag } from "@/types"
+import type { NavigateToType, TagType } from "@/schemas"
 
 export default defineComponent({
   name: "TagItem",
   props: {
     tag: {
-      type: Object as PropType<Tag>,
+      type: Object as PropType<TagType>,
       required: true
     },
     deletable: {
@@ -33,7 +33,7 @@ export default defineComponent({
       default: false
     },
     navigateTo: {
-      type: String as PropType<NavigateTo>,
+      type: String as PropType<NavigateToType>,
       required: true
     }
   },
diff --git a/frontend/src/components/tag/Tags.vue b/frontend/src/components/tag/Tags.vue
index 56415b815..cb0b2b54b 100644
--- a/frontend/src/components/tag/Tags.vue
+++ b/frontend/src/components/tag/Tags.vue
@@ -14,7 +14,7 @@
 import { defineComponent, type PropType } from "vue"
 
 import TagComponent from "@/components/tag/Tag.vue"
-import type { NavigateTo, Tag } from "@/types"
+import type { NavigateToType, TagType } from "@/schemas"
 
 export default defineComponent({
   name: "TagsItem",
@@ -23,7 +23,7 @@ export default defineComponent({
   },
   props: {
     tags: {
-      type: Array as PropType<Tag[]>,
+      type: Array as PropType<TagType[]>,
       required: true
     },
     deletable: {
@@ -31,7 +31,7 @@ export default defineComponent({
       default: false
     },
     navigateTo: {
-      type: String as PropType<NavigateTo>,
+      type: String as PropType<NavigateToType>,
       required: true
     }
   },
diff --git a/frontend/src/countries.ts b/frontend/src/countries.ts
index 573a9d98d..2ae2c341b 100644
--- a/frontend/src/countries.ts
+++ b/frontend/src/countries.ts
@@ -1,6 +1,6 @@
-import type { Country } from "@/types"
+import type { CountryType } from "@/schemas"
 
-const COUNTRIES: Country[] = [
+const COUNTRIES: CountryType[] = [
   { name: "Afghanistan", lat: 33.93911, long: 67.709953, code: "AF" },
   { name: "Albania", lat: 41.153332, long: 20.168331, code: "AL" },
   { name: "Algeria", lat: 28.033886, long: 1.659626, code: "DZ" },
@@ -344,7 +344,7 @@ const COUNTRIES: Country[] = [
   { name: "Zimbabwe", lat: -19.015438, long: 29.154857, code: "ZW" }
 ]
 
-export function getCountryByCode(code: string): Country | undefined {
+export function getCountryByCode(code: string): CountryType | undefined {
   const country = COUNTRIES.find((country) => country.code === code)
   return country
 }
diff --git a/frontend/src/index.ts b/frontend/src/index.ts
index 9ca71ec65..d7b16f366 100644
--- a/frontend/src/index.ts
+++ b/frontend/src/index.ts
@@ -1,4 +1,4 @@
-import type { Link } from "@/types"
+import type { LinkType } from "@/schemas"
 
 import { Censys } from "./links/censys"
 import { Crtsh } from "./links/crtsh"
@@ -7,7 +7,7 @@ import { Shodan } from "./links/shodan"
 import { UrlscanForDomain, UrlscanForIP } from "./links/urlscan"
 import { VirusTotalForDomain, VirusTotalForIP } from "./links/virustotal"
 
-export const Links: Link[] = [
+export const Links: LinkType[] = [
   new Censys(),
   new Crtsh(),
   new SecurityTrailsForDomain(),
diff --git a/frontend/src/links/anyrun.ts b/frontend/src/links/anyrun.ts
index a8df7233a..20d2c1335 100644
--- a/frontend/src/links/anyrun.ts
+++ b/frontend/src/links/anyrun.ts
@@ -1,10 +1,10 @@
 import { BaseLink } from "@/links/base"
-import type { Link, LinkType } from "@/types"
+import type { LinkType, LinkTypeType } from "@/schemas"
 
-export class AnyRun extends BaseLink implements Link {
+export class AnyRun extends BaseLink implements LinkType {
   public baseURL: string
   public name: string
-  public type: LinkType
+  public type: LinkTypeType
 
   public constructor() {
     super()
diff --git a/frontend/src/links/censys.ts b/frontend/src/links/censys.ts
index dba45ea6d..0931f2379 100644
--- a/frontend/src/links/censys.ts
+++ b/frontend/src/links/censys.ts
@@ -1,10 +1,10 @@
 import { BaseLink } from "@/links/base"
-import type { Link, LinkType } from "@/types"
+import type { LinkType, LinkTypeType } from "@/schemas"
 
-export class Censys extends BaseLink implements Link {
+export class Censys extends BaseLink implements LinkType {
   public baseURL: string
   public name: string
-  public type: LinkType
+  public type: LinkTypeType
 
   public constructor() {
     super()
diff --git a/frontend/src/links/crtsh.ts b/frontend/src/links/crtsh.ts
index 47c8e4ffd..e509225e7 100644
--- a/frontend/src/links/crtsh.ts
+++ b/frontend/src/links/crtsh.ts
@@ -1,10 +1,10 @@
 import { BaseLink } from "@/links/base"
-import type { Link, LinkType } from "@/types"
+import type { LinkType, LinkTypeType } from "@/schemas"
 
-export class Crtsh extends BaseLink implements Link {
+export class Crtsh extends BaseLink implements LinkType {
   public baseURL: string
   public name: string
-  public type: LinkType
+  public type: LinkTypeType
 
   public constructor() {
     super()
diff --git a/frontend/src/links/dnslytics.ts b/frontend/src/links/dnslytics.ts
index ecbaa8ed4..4af00b322 100644
--- a/frontend/src/links/dnslytics.ts
+++ b/frontend/src/links/dnslytics.ts
@@ -1,10 +1,10 @@
 import { BaseLink } from "@/links/base"
-import type { Link, LinkType } from "@/types"
+import type { LinkType, LinkTypeType } from "@/schemas"
 
-export class DNSlyticsForIP extends BaseLink implements Link {
+export class DNSlyticsForIP extends BaseLink implements LinkType {
   public baseURL: string
   public name: string
-  public type: LinkType
+  public type: LinkTypeType
 
   public constructor() {
     super()
@@ -19,10 +19,10 @@ export class DNSlyticsForIP extends BaseLink implements Link {
   }
 }
 
-export class DNSlyticsForDomain extends BaseLink implements Link {
+export class DNSlyticsForDomain extends BaseLink implements LinkType {
   public baseURL: string
   public name: string
-  public type: LinkType
+  public type: LinkTypeType
 
   public constructor() {
     super()
diff --git a/frontend/src/links/emailrep.ts b/frontend/src/links/emailrep.ts
index 49d1ae754..215000f27 100644
--- a/frontend/src/links/emailrep.ts
+++ b/frontend/src/links/emailrep.ts
@@ -1,10 +1,10 @@
 import { BaseLink } from "@/links/base"
-import type { Link, LinkType } from "@/types"
+import type { LinkType, LinkTypeType } from "@/schemas"
 
-export class EmailRep extends BaseLink implements Link {
+export class EmailRep extends BaseLink implements LinkType {
   public baseURL: string
   public name: string
-  public type: LinkType
+  public type: LinkTypeType
 
   public constructor() {
     super()
diff --git a/frontend/src/links/greynoise.ts b/frontend/src/links/greynoise.ts
index a194a4632..3123399ec 100644
--- a/frontend/src/links/greynoise.ts
+++ b/frontend/src/links/greynoise.ts
@@ -1,10 +1,10 @@
 import { BaseLink } from "@/links/base"
-import type { Link, LinkType } from "@/types"
+import type { LinkType, LinkTypeType } from "@/schemas"
 
-export class GreyNoise extends BaseLink implements Link {
+export class GreyNoise extends BaseLink implements LinkType {
   public baseURL: string
   public name: string
-  public type: LinkType
+  public type: LinkTypeType
 
   public constructor() {
     super()
diff --git a/frontend/src/links/index.ts b/frontend/src/links/index.ts
index c46ad3a47..6fa68777f 100644
--- a/frontend/src/links/index.ts
+++ b/frontend/src/links/index.ts
@@ -1,4 +1,4 @@
-import type { Link } from "@/types"
+import type { LinkType } from "@/schemas"
 
 import { AnyRun } from "./anyrun"
 import { Censys } from "./censys"
@@ -18,7 +18,7 @@ import {
   VirusTotalForURL
 } from "./virustotal"
 
-export const Links: Link[] = [
+export const Links: LinkType[] = [
   new AnyRun(),
   new Censys(),
   new Crtsh(),
diff --git a/frontend/src/links/intezer.ts b/frontend/src/links/intezer.ts
index 2175cd158..1a38cc2d0 100644
--- a/frontend/src/links/intezer.ts
+++ b/frontend/src/links/intezer.ts
@@ -1,10 +1,10 @@
 import { BaseLink } from "@/links/base"
-import type { Link, LinkType } from "@/types"
+import type { LinkType, LinkTypeType } from "@/schemas"
 
-export class Intezer extends BaseLink implements Link {
+export class Intezer extends BaseLink implements LinkType {
   public baseURL: string
   public name: string
-  public type: LinkType
+  public type: LinkTypeType
 
   public constructor() {
     super()
diff --git a/frontend/src/links/otx.ts b/frontend/src/links/otx.ts
index 32ef35e81..ced6596a3 100644
--- a/frontend/src/links/otx.ts
+++ b/frontend/src/links/otx.ts
@@ -1,10 +1,10 @@
 import { BaseLink } from "@/links/base"
-import type { Link, LinkType } from "@/types"
+import type { LinkType, LinkTypeType } from "@/schemas"
 
-export class OtxForIP extends BaseLink implements Link {
+export class OtxForIP extends BaseLink implements LinkType {
   public baseURL: string
   public name: string
-  public type: LinkType
+  public type: LinkTypeType
 
   public constructor() {
     super()
@@ -19,8 +19,8 @@ export class OtxForIP extends BaseLink implements Link {
   }
 }
 
-export class OtxForDomain extends OtxForIP implements Link {
-  public type: LinkType
+export class OtxForDomain extends OtxForIP implements LinkType {
+  public type: LinkTypeType
 
   public constructor() {
     super()
diff --git a/frontend/src/links/securitytrails.ts b/frontend/src/links/securitytrails.ts
index 18c0dd730..35de767e1 100644
--- a/frontend/src/links/securitytrails.ts
+++ b/frontend/src/links/securitytrails.ts
@@ -1,10 +1,10 @@
 import { BaseLink } from "@/links/base"
-import type { Link, LinkType } from "@/types"
+import type { LinkType, LinkTypeType } from "@/schemas"
 
 class SecurityTrails extends BaseLink {
   public baseURL: string
   public name: string
-  public type: LinkType
+  public type: LinkTypeType
 
   public constructor() {
     super()
@@ -15,7 +15,7 @@ class SecurityTrails extends BaseLink {
   }
 }
 
-export class SecurityTrailsForDomain extends SecurityTrails implements Link {
+export class SecurityTrailsForDomain extends SecurityTrails implements LinkType {
   public constructor() {
     super()
     this.type = "domain"
@@ -26,7 +26,7 @@ export class SecurityTrailsForDomain extends SecurityTrails implements Link {
   }
 }
 
-export class SecurityTrailsForIP extends SecurityTrails implements Link {
+export class SecurityTrailsForIP extends SecurityTrails implements LinkType {
   public constructor() {
     super()
     this.type = "ip"
diff --git a/frontend/src/links/shodan.ts b/frontend/src/links/shodan.ts
index 388bfaae5..df00f9a41 100644
--- a/frontend/src/links/shodan.ts
+++ b/frontend/src/links/shodan.ts
@@ -1,10 +1,10 @@
 import { BaseLink } from "@/links/base"
-import type { Link, LinkType } from "@/types"
+import type { LinkType, LinkTypeType } from "@/schemas"
 
-export class Shodan extends BaseLink implements Link {
+export class Shodan extends BaseLink implements LinkType {
   public baseURL: string
   public name: string
-  public type: LinkType
+  public type: LinkTypeType
 
   public constructor() {
     super()
diff --git a/frontend/src/links/urlscan.ts b/frontend/src/links/urlscan.ts
index 27baa36d9..097b9a979 100644
--- a/frontend/src/links/urlscan.ts
+++ b/frontend/src/links/urlscan.ts
@@ -1,10 +1,10 @@
 import { BaseLink } from "@/links/base"
-import type { Link, LinkType } from "@/types"
+import type { LinkType, LinkTypeType } from "@/schemas"
 
 class Urlscan extends BaseLink {
   public baseURL: string
   public name: string
-  public type: LinkType
+  public type: LinkTypeType
 
   public constructor() {
     super()
@@ -15,7 +15,7 @@ class Urlscan extends BaseLink {
   }
 }
 
-export class UrlscanForDomain extends Urlscan implements Link {
+export class UrlscanForDomain extends Urlscan implements LinkType {
   public constructor() {
     super()
     this.type = "domain"
@@ -26,7 +26,7 @@ export class UrlscanForDomain extends Urlscan implements Link {
   }
 }
 
-export class UrlscanForIP extends Urlscan implements Link {
+export class UrlscanForIP extends Urlscan implements LinkType {
   public constructor() {
     super()
     this.type = "ip"
@@ -37,7 +37,7 @@ export class UrlscanForIP extends Urlscan implements Link {
   }
 }
 
-export class UrlscanForURL extends Urlscan implements Link {
+export class UrlscanForURL extends Urlscan implements LinkType {
   public constructor() {
     super()
     this.type = "url"
diff --git a/frontend/src/links/virustotal.ts b/frontend/src/links/virustotal.ts
index fb66ff13e..abe0bb933 100644
--- a/frontend/src/links/virustotal.ts
+++ b/frontend/src/links/virustotal.ts
@@ -2,12 +2,12 @@ import { sha256 } from "js-sha256"
 import URL from "url-parse"
 
 import { BaseLink } from "@/links/base"
-import type { Link, LinkType } from "@/types"
+import type { LinkType, LinkTypeType } from "@/schemas"
 
 class VirusTotal extends BaseLink {
   public baseURL: string
   public name: string
-  public type: LinkType
+  public type: LinkTypeType
 
   public constructor() {
     super()
@@ -18,7 +18,7 @@ class VirusTotal extends BaseLink {
   }
 }
 
-export class VirusTotalForDomain extends VirusTotal implements Link {
+export class VirusTotalForDomain extends VirusTotal implements LinkType {
   public constructor() {
     super()
     this.type = "domain"
@@ -29,7 +29,7 @@ export class VirusTotalForDomain extends VirusTotal implements Link {
   }
 }
 
-export class VirusTotalForIP extends VirusTotal implements Link {
+export class VirusTotalForIP extends VirusTotal implements LinkType {
   public constructor() {
     super()
     this.type = "ip"
@@ -40,7 +40,7 @@ export class VirusTotalForIP extends VirusTotal implements Link {
   }
 }
 
-export class VirusTotalForURL extends VirusTotal implements Link {
+export class VirusTotalForURL extends VirusTotal implements LinkType {
   public constructor() {
     super()
     this.type = "url"
@@ -60,7 +60,7 @@ export class VirusTotalForURL extends VirusTotal implements Link {
   }
 }
 
-export class VirusTotalForHash extends VirusTotal implements Link {
+export class VirusTotalForHash extends VirusTotal implements LinkType {
   public constructor() {
     super()
     this.type = "hash"
diff --git a/frontend/src/schemas.ts b/frontend/src/schemas.ts
new file mode 100644
index 000000000..c38d3ee1f
--- /dev/null
+++ b/frontend/src/schemas.ts
@@ -0,0 +1,231 @@
+import { z } from "zod"
+
+export const PaginationSchema = z.object({
+  total: z.number(),
+  currentPage: z.number(),
+  pageSize: z.number()
+})
+
+export const ConfigItemSchema = z.object({
+  key: z.string(),
+  value: z.string().nullish()
+})
+
+export const ConfigSchema = z.object({
+  name: z.string(),
+  configured: z.boolean(),
+  items: z.array(ConfigItemSchema).nullish(),
+  type: z.string()
+})
+
+export const ConfigsSchema = z.object({
+  results: z.array(ConfigSchema)
+})
+
+export const TagSchema = z.object({
+  id: z.number(),
+  name: z.string()
+})
+
+export const TagsSchema = PaginationSchema.extend({
+  results: z.array(TagSchema)
+})
+
+export const DnsRecordSchema = z.object({
+  resource: z.string(),
+  value: z.string()
+})
+
+export const ContactSchema = z.object({
+  name: z.string().nullish(),
+  organization: z.string().nullish()
+})
+
+export const WhoisRecordSchema = z.object({
+  createdOn: z.string().nullish(),
+  updatedOn: z.string().nullish(),
+  expiresOn: z.string().nullish(),
+  registrar: ContactSchema.nullish(),
+  contacts: z.array(ConfigItemSchema)
+})
+
+export const AutonomousSystemSchema = z.object({
+  number: z.number()
+})
+
+export const GeolocationSchema = z.object({
+  country: z.string(),
+  countryCode: z.string()
+})
+
+export const ReverseDnsNameSchema = z.object({
+  name: z.string()
+})
+
+export const CpeSchema = z.object({
+  name: z.string()
+})
+
+export const VulnerabilitySchema = z.object({
+  name: z.string()
+})
+
+export const PortSchema = z.object({
+  number: z.number()
+})
+
+export const ArtifactSchema = z.object({
+  id: z.number(),
+  data: z.string(),
+  dataType: z.string(),
+  source: z.string(),
+  query: z.string().nullish(),
+  metadata: z.any().nullish(),
+  createdAt: z.string(),
+  autonomousSystem: AutonomousSystemSchema.nullish(),
+  whoisRecord: WhoisRecordSchema.nullish(),
+  geolocation: GeolocationSchema.nullish(),
+  dnsRecords: z.array(DnsRecordSchema).nullish(),
+  reverseDnsNames: z.array(ReverseDnsNameSchema).nullish(),
+  cpes: z.array(CpeSchema).nullish(),
+  ports: z.array(PortSchema).nullish(),
+  vulnerabilities: z.array(VulnerabilitySchema).nullish(),
+  tags: z.array(TagSchema)
+})
+
+export const AlertSchema = z.object({
+  id: z.number(),
+  ruleId: z.string(),
+  createdAt: z.string(),
+  tags: z.array(TagSchema),
+  artifacts: z.array(ArtifactSchema)
+})
+
+export const AlertsSchema = PaginationSchema.extend({
+  results: z.array(AlertSchema)
+})
+
+export const SearchParamsSchema = z.object({
+  q: z.string(),
+  page: z.number().nullish(),
+  limit: z.number().nullish()
+})
+
+export const IpInfoSchema = z.object({
+  countryCode: z.string(),
+  asn: z.string().nullish(),
+  loc: z.string().nullish()
+})
+
+export const GcsSchema = z.object({
+  lat: z.number(),
+  long: z.number()
+})
+
+export const CountrySchema = z.object({
+  name: z.string(),
+  code: z.string(),
+  lat: z.number(),
+  long: z.number()
+})
+
+export const LinkTypeSchema = z.union([
+  z.literal("ip"),
+  z.literal("domain"),
+  z.literal("url"),
+  z.literal("hash"),
+  z.literal("mail")
+])
+
+export const LinkSchema = z.object({
+  name: z.string(),
+  type: z.string(),
+  baseURL: z.string(),
+  favicon: z.function().returns(z.string()),
+  href: z.function().args(z.string()).returns(z.string())
+})
+
+export const RuleSchema = z.object({
+  id: z.string(),
+  title: z.string(),
+  description: z.string(),
+  yaml: z.string(),
+  createdAt: z.string(),
+  updatedAt: z.string(),
+  tags: z.array(TagSchema)
+})
+
+export const CreateRuleSchema = z.object({
+  yaml: z.string()
+})
+
+export const UpdateRuleSchema = z.object({
+  yaml: z.string()
+})
+
+export const QuerySchema = z.object({
+  analyzer: z.string(),
+  query: z.string()
+})
+
+export const RulesSchema = PaginationSchema.extend({
+  results: z.array(RuleSchema)
+})
+
+export const ArtifactsSchema = PaginationSchema.extend({
+  results: z.array(ArtifactSchema)
+})
+
+export const MessageSchema = z.object({
+  message: z.string()
+})
+
+export const ErrorMessageSchema = MessageSchema.extend({
+  detail: z.any().nullish()
+})
+
+export const QueueMessageSchema = MessageSchema.extend({
+  queued: z.boolean()
+})
+
+export const NavigateToSchema = z.union([
+  z.literal("Alerts"),
+  z.literal("Rules"),
+  z.literal("Artifacts")
+])
+
+export type PaginationType = z.infer<typeof PaginationSchema>
+export type ConfigItemType = z.infer<typeof ConfigItemSchema>
+export type ConfigType = z.infer<typeof ConfigSchema>
+export type ConfigsType = z.infer<typeof ConfigsSchema>
+export type TagType = z.infer<typeof TagSchema>
+export type DnsRecordType = z.infer<typeof DnsRecordSchema>
+export type ContactType = z.infer<typeof ContactSchema>
+export type WhoisRecordType = z.infer<typeof WhoisRecordSchema>
+export type AutonomousSystemType = z.infer<typeof AutonomousSystemSchema>
+export type GeolocationType = z.infer<typeof GeolocationSchema>
+export type ReverseDnsNameType = z.infer<typeof ReverseDnsNameSchema>
+export type CpeType = z.infer<typeof CpeSchema>
+export type VulnerabilityType = z.infer<typeof VulnerabilitySchema>
+export type PortType = z.infer<typeof PortSchema>
+export type ArtifactType = z.infer<typeof ArtifactSchema>
+export type AlertType = z.infer<typeof AlertSchema>
+export type SearchParamsType = z.infer<typeof SearchParamsSchema>
+export type IpInfoType = z.infer<typeof IpInfoSchema>
+export type GcsType = z.infer<typeof GcsSchema>
+export type CountryType = z.infer<typeof CountrySchema>
+export type LinkType = z.infer<typeof LinkSchema>
+export type RuleType = z.infer<typeof RuleSchema>
+export type CreateRuleType = z.infer<typeof CreateRuleSchema>
+export type UpdateRuleType = z.infer<typeof UpdateRuleSchema>
+export type QueryType = z.infer<typeof QuerySchema>
+export type MessageType = z.infer<typeof MessageSchema>
+export type TagsType = z.infer<typeof TagsSchema>
+export type AlertsType = z.infer<typeof AlertsSchema>
+export type RulesType = z.infer<typeof RulesSchema>
+export type ArtifactsType = z.infer<typeof ArtifactsSchema>
+export type ErrorMessageType = z.infer<typeof ErrorMessageSchema>
+export type QueueMessageType = z.infer<typeof QueueMessageSchema>
+
+export type LinkTypeType = z.infer<typeof LinkTypeSchema>
+export type NavigateToType = z.infer<typeof NavigateToSchema>
diff --git a/frontend/src/types.ts b/frontend/src/types.ts
deleted file mode 100644
index 57ae509f1..000000000
--- a/frontend/src/types.ts
+++ /dev/null
@@ -1,189 +0,0 @@
-export interface Pagination {
-  total: number
-  currentPage: number
-  pageSize: number
-}
-
-export interface ConfigItem {
-  key: string
-  value?: string
-}
-
-export interface Config {
-  name: string
-  configured: boolean
-  items: ConfigItem[]
-  type: string
-}
-
-export interface Tag {
-  id: number
-  name: string
-}
-
-export interface Tags extends Pagination {
-  results: Tag[]
-}
-
-export interface DnsRecord {
-  resource: string
-  value: string
-}
-
-export interface Contact {
-  name?: string
-  organization?: string
-}
-
-export interface Registrar {
-  name?: string
-  organization?: string
-}
-
-export interface WhoisRecord {
-  createdOn?: Date
-  updatedOn?: Date
-  expiresOn?: Date
-  registrar?: Registrar
-  contacts: Contact[]
-}
-
-export interface AutonomousSystem {
-  number: number
-}
-
-export interface Geolocation {
-  country: string
-  countryCode: string
-}
-
-export interface ReverseDnsName {
-  name: string
-}
-
-export interface CPE {
-  name: string
-}
-
-export interface Vulnerability {
-  name: string
-}
-
-export interface Port {
-  number: number
-}
-
-export interface Artifact {
-  id: number
-  data: string
-  dataType: string
-  source: string
-  query?: string
-  metadata?: any
-  createdAt: string
-
-  autonomousSystem?: AutonomousSystem
-  whoisRecord?: WhoisRecord
-  geolocation?: Geolocation
-
-  dnsRecords?: DnsRecord[]
-  reverseDnsNames?: ReverseDnsName[]
-  cpes?: CPE[]
-  ports?: Port[]
-  vulnerabilities?: Vulnerability[]
-
-  tags: Tag[]
-}
-
-export interface Alert {
-  id: number
-  ruleId: string
-  createdAt: string
-
-  tags: Tag[]
-  artifacts: Artifact[]
-}
-
-export interface Alerts extends Pagination {
-  results: Alert[]
-}
-
-export interface SearchParams {
-  q: string
-  page?: number
-  limit?: number
-}
-
-export interface IPInfo {
-  countryCode: string
-  asn?: string
-  loc?: string
-}
-
-export interface GCS {
-  lat: number
-  long: number
-}
-
-export interface Country {
-  name: string
-  code: string
-  lat: number
-  long: number
-}
-
-export type LinkType = "ip" | "domain" | "url" | "hash" | "mail"
-
-export interface Link {
-  name: string
-  type: string
-  baseURL: string
-  // eslint-disable-next-line no-unused-vars
-  href(data: string): string
-  favicon(): string
-}
-
-export interface Rule {
-  id: string
-  title: string
-  description: string
-  yaml: string
-  createdAt: string
-  updatedAt: string
-  tags: Tag[]
-}
-
-export interface CreateRule {
-  yaml: string
-}
-
-export interface UpdateRule {
-  yaml: string
-}
-
-export interface Query {
-  analyzer: string
-  query: string
-}
-
-export interface Rules extends Pagination {
-  results: Rule[]
-}
-
-export interface Artifacts extends Pagination {
-  results: Artifact[]
-}
-
-export interface Message {
-  message: string
-}
-
-export interface ErrorMessage extends Message {
-  detail?: any
-}
-
-export interface QueueMessage extends Message {
-  queued: boolean
-}
-
-export type NavigateTo = "Alerts" | "Rules" | "Artifacts"
diff --git a/frontend/src/utils.ts b/frontend/src/utils.ts
index 5e9395156..3ccaee34d 100644
--- a/frontend/src/utils.ts
+++ b/frontend/src/utils.ts
@@ -4,7 +4,7 @@ import timezone from "dayjs/plugin/timezone"
 import utc from "dayjs/plugin/utc"
 
 import { getCountryByCode } from "@/countries"
-import type { GCS, IPInfo } from "@/types"
+import type { GcsType, IpInfoType } from "@/schemas"
 
 dayjs.extend(relativeTime)
 dayjs.extend(timezone)
@@ -18,14 +18,14 @@ export function getHumanizedRelativeTime(datetime: string): string {
   return dayjs(datetime).local().fromNow()
 }
 
-export function getGCSByCountryCode(countryCode: string): GCS | undefined {
+export function getGCSByCountryCode(countryCode: string): GcsType | undefined {
   const country = getCountryByCode(countryCode)
   if (country) {
     return { lat: country.lat, long: country.long }
   }
 }
 
-export function getGCSByIPInfo(ipinfo: IPInfo): GCS | undefined {
+export function getGCSByIPInfo(ipinfo: IpInfoType): GcsType | undefined {
   if (ipinfo.loc) {
     const numbers = ipinfo.loc.split(",")
     if (numbers.length === 2) {
diff --git a/lib/mihari/entities/config.rb b/lib/mihari/entities/config.rb
index f020f9e49..aef722602 100644
--- a/lib/mihari/entities/config.rb
+++ b/lib/mihari/entities/config.rb
@@ -8,5 +8,9 @@ class Config < Grape::Entity
       expose :items, documentation: {type: Hash, is_array: true, required: true}
       expose :configured, documentation: {type: Grape::API::Boolean, required: true}
     end
+
+    class Configs < Grape::Entity
+      expose :results, using: Config, documentation: {type: Config, is_array: true, required: true}
+    end
   end
 end
diff --git a/lib/mihari/web/endpoints/configs.rb b/lib/mihari/web/endpoints/configs.rb
index d8297aebf..4a243fd77 100644
--- a/lib/mihari/web/endpoints/configs.rb
+++ b/lib/mihari/web/endpoints/configs.rb
@@ -10,12 +10,17 @@ class Configs < Grape::API
         namespace :configs do
           desc "list configs", {
             is_array: true,
-            success: Entities::Config,
+            success: Entities::Configs,
             summary: "List configs"
           }
           get "/" do
             configs = Services::ConfigSearcher.call
-            present(configs, with: Entities::Config)
+            present(
+              {
+                results: configs
+              },
+              with: Entities::Configs
+            )
           end
         end
       end

From 6ee5a63a29666f33c80eba29519885f1474b7487 Mon Sep 17 00:00:00 2001
From: Manabu Niseki <manabu.niseki@gmail.com>
Date: Sat, 2 Mar 2024 11:31:21 +0900
Subject: [PATCH 2/2] fix: apply standard --fix

---
 lib/mihari/concerns/database_connectable.rb | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/lib/mihari/concerns/database_connectable.rb b/lib/mihari/concerns/database_connectable.rb
index a3a4c6477..bbc21aea6 100644
--- a/lib/mihari/concerns/database_connectable.rb
+++ b/lib/mihari/concerns/database_connectable.rb
@@ -8,8 +8,8 @@ module Concerns
     module DatabaseConnectable
       extend ActiveSupport::Concern
 
-      def with_db_connection(&block)
-        Database.with_db_connection(&block)
+      def with_db_connection(&)
+        Database.with_db_connection(&)
       end
     end
   end