mihari 5.7.0 → 5.7.1

data/frontend/package.json

@@ -1,67 +0,0 @@
-{
-  "name": "mihari",
-  "version": "0.1.0",
-  "private": true,
-  "scripts": {
-    "build-only": "vite build",
-    "build-redoc": "npx @redocly/cli build-docs src/swagger.yaml -o public/redoc-static.html",
-    "build": "run-p type-check build-only build-redoc",
-    "dev": "vite",
-    "format": "prettier --write src/",
-    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore",
-    "preview": "vite preview",
-    "test:unit": "vitest",
-    "type-check": "vue-tsc --noEmit -p tsconfig.app.json --composite false"
-  },
-  "dependencies": {
-    "@fortawesome/fontawesome-svg-core": "^6.4.2",
-    "@fortawesome/free-solid-svg-icons": "^6.4.2",
-    "@fortawesome/vue-fontawesome": "^3.0.3",
-    "@vueuse/core": "^10.5.0",
-    "@vueuse/router": "^10.5.0",
-    "ace-builds": "^1.31.1",
-    "axios": "^1.6.0",
-    "bulma": "^0.9.4",
-    "bulma-helpers": "^0.4.3",
-    "dayjs": "^1.11.10",
-    "font-awesome-animation": "^1.1.1",
-    "js-sha256": "^0.10.1",
-    "truncate": "^3.0.0",
-    "ts-dedent": "^2.2.0",
-    "url-parse": "^1.5.10",
-    "uuidv4": "^6.2.13",
-    "vue": "^3.3.7",
-    "vue-concurrency": "4.0.1",
-    "vue-json-pretty": "^2.2.4",
-    "vue-router": "^4.2.5",
-    "vue3-ace-editor": "^2.2.4"
-  },
-  "devDependencies": {
-    "@redocly/cli": "1.4.0",
-    "@rushstack/eslint-patch": "^1.5.1",
-    "@tsconfig/node20": "^20.1.2",
-    "@types/jsdom": "^21.1.4",
-    "@types/node": "^20.8.10",
-    "@types/url-parse": "^1.4.10",
-    "@typescript-eslint/eslint-plugin": "^6.9.1",
-    "@typescript-eslint/parser": "^6.9.1",
-    "@vitejs/plugin-vue": "^4.4.0",
-    "@vue/eslint-config-prettier": "^8.0.0",
-    "@vue/eslint-config-typescript": "^12.0.0",
-    "@vue/test-utils": "2.4.1",
-    "@vue/tsconfig": "^0.4.0",
-    "eslint": "^8.52.0",
-    "eslint-config-prettier": "^9.0.0",
-    "eslint-plugin-prettier": "^5.0.1",
-    "eslint-plugin-simple-import-sort": "^10.0.0",
-    "eslint-plugin-vue": "^9.18.1",
-    "husky": "^8.0.3",
-    "jsdom": "^22.1.0",
-    "npm-run-all": "^4.1.5",
-    "prettier": "^3.0.3",
-    "typescript": "~5.2.2",
-    "vite": "^4.5.0",
-    "vitest": "^0.34.6",
-    "vue-tsc": "^1.8.22"
-  }
-}

data/frontend/scripts/swagger_doc_to_yaml.rb

@@ -1,23 +0,0 @@
-require "http"
-require "json"
-require "yaml"
-
-def recursive_delete(hash, to_remove)
-  hash.delete(to_remove)
-  hash.each_value do |value|
-    recursive_delete(value, to_remove) if value.is_a? Hash
-  end
-end
-
-res = HTTP.get("http://localhost:9292/api/swagger_doc")
-json = JSON.parse(res.body.to_s)
-
-# remove host and operationId because
-# - host: can be varied
-# - operationId: is useless (to me)
-keys_to_remove = ["host", "operationId"]
-keys_to_remove.each do |key|
-  recursive_delete json, key
-end
-
-puts json.to_yaml

data/frontend/src/App.vue

@@ -1,27 +0,0 @@
-<template>
-  <Navbar></Navbar>
-  <section class="section is-medium">
-    <div class="container">
-      <router-view />
-    </div>
-  </section>
-</template>
-
-<script lang="ts">
-import { defineComponent } from "vue"
-
-import Navbar from "@/components/Navbar.vue"
-
-export default defineComponent({
-  name: "App",
-  components: {
-    Navbar
-  }
-})
-</script>
-
-<style>
-table.is-fullwidth th {
-  width: 120px;
-}
-</style>

data/frontend/src/ace-config.ts

@@ -1,6 +0,0 @@
-import ace from "ace-builds"
-import modeYamlUrl from "ace-builds/src-min-noconflict/mode-yaml?url"
-import themeMonokaiUrl from "ace-builds/src-min-noconflict/theme-monokai?url"
-
-ace.config.setModuleUrl("ace/mode/yaml", modeYamlUrl)
-ace.config.setModuleUrl("ace/theme/monokai", themeMonokaiUrl)

data/frontend/src/api-helper.ts

@@ -1,111 +0,0 @@
-import { type Task, useAsyncTask } from "vue-concurrency"
-
-import { API } from "@/api"
-import type {
-  Alerts,
-  AlertSearchParams,
-  ArtifactWithTags,
-  Config,
-  CreateRule,
-  IPInfo,
-  Rule,
-  Rules,
-  RuleSearchParams,
-  UpdateRule
-} from "@/types"
-
-export function generateGetAlertsTask(): Task<Alerts, [AlertSearchParams]> {
-  return useAsyncTask<Alerts, [AlertSearchParams]>(async (_signal, params) => {
-    return await API.getAlerts(params)
-  })
-}
-
-export function generateDeleteAlertTask(): Task<void, [string]> {
-  return useAsyncTask<void, [string]>(async (_signal, id) => {
-    return await API.deleteAlert(id)
-  })
-}
-
-export function generateGetTagsTask(): Task<string[], []> {
-  return useAsyncTask<string[], []>(async () => {
-    return await API.getTags()
-  })
-}
-
-export function generateDeleteTagTask(): Task<void, [string]> {
-  return useAsyncTask<void, [string]>(async (_signal, tag) => {
-    return await API.deleteTag(tag)
-  })
-}
-
-export function generateGetRuleSetTask(): Task<string[], []> {
-  return useAsyncTask<string[], []>(async () => {
-    return await API.getRuleSet()
-  })
-}
-
-export function generateGetArtifactTask(): Task<ArtifactWithTags, [string]> {
-  return useAsyncTask<ArtifactWithTags, [string]>(async (_signal, id) => {
-    return await API.getArtifact(id)
-  })
-}
-
-export function generateDeleteArtifactTask(): Task<void, [string]> {
-  return useAsyncTask<void, [string]>(async (_signal, id) => {
-    return await API.deleteArtifact(id)
-  })
-}
-
-export function generateEnrichArtifactTask(): Task<void, [string]> {
-  return useAsyncTask<void, [string]>(async (_signal, id) => {
-    return await API.enrichArtifact(id)
-  })
-}
-
-export function generateGetConfigsTask(): Task<Config[], []> {
-  return useAsyncTask<Config[], []>(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 generateGetRulesTask(): Task<Rules, [RuleSearchParams]> {
-  return useAsyncTask<Rules, [RuleSearchParams]>(async (_signal, params: RuleSearchParams) => {
-    return await API.getRules(params)
-  })
-}
-
-export function generateGetRuleTask(): Task<Rule, [string]> {
-  return useAsyncTask<Rule, [string]>(async (_signal, id: string) => {
-    return await API.getRule(id)
-  })
-}
-
-export function generateDeleteRuleTask(): Task<void, [string]> {
-  return useAsyncTask<void, [string]>(async (_signal, id: string) => {
-    return await API.deleteRule(id)
-  })
-}
-
-export function generateRunRuleTask(): Task<void, [string]> {
-  return useAsyncTask<void, [string]>(async (_signal, id) => {
-    return await API.runRule(id)
-  })
-}
-
-export function generateCreateRuleTask(): Task<Rule, [CreateRule]> {
-  return useAsyncTask<Rule, [CreateRule]>(async (_signal, payload) => {
-    return await API.createRule(payload)
-  })
-}
-
-export function generateUpdateRuleTask(): Task<Rule, [UpdateRule]> {
-  return useAsyncTask<Rule, [UpdateRule]>(async (_signal, payload) => {
-    return await API.updateRule(payload)
-  })
-}

data/frontend/src/api.ts

@@ -1,105 +0,0 @@
-import axios from "axios"
-
-import type {
-  Alerts,
-  AlertSearchParams,
-  ArtifactWithTags,
-  Config,
-  CreateRule,
-  IPInfo,
-  Rule,
-  Rules,
-  RuleSearchParams,
-  RuleSet,
-  Tags,
-  UpdateRule
-} from "@/types"
-
-const client = axios.create({
-  headers: {
-    Accept: "application/json"
-  }
-})
-
-export const API = {
-  async getConfigs(): Promise<Config[]> {
-    const res = await client.get<Config[]>("/api/configs")
-    return res.data
-  },
-
-  async getAlerts(params: AlertSearchParams): Promise<Alerts> {
-    params.page = params.page || 1
-    const res = await client.get<Alerts>("/api/alerts", {
-      params: params
-    })
-    return res.data
-  },
-
-  async getTags(): Promise<string[]> {
-    const res = await client.get<Tags>("/api/tags")
-    return res.data.tags
-  },
-
-  async getRuleSet(): Promise<string[]> {
-    const res = await client.get<RuleSet>("/api/rules/ids")
-    return res.data.ruleIds
-  },
-
-  async deleteAlert(id: string): Promise<void> {
-    await client.delete(`/api/alerts/${id}`)
-  },
-
-  async getArtifact(id: string): Promise<ArtifactWithTags> {
-    const res = await client.get(`/api/artifacts/${id}`)
-    return res.data
-  },
-
-  async enrichArtifact(id: string): Promise<void> {
-    await client.get(`/api/artifacts/${id}/enrich`)
-    return
-  },
-
-  async deleteArtifact(id: string): Promise<void> {
-    await client.delete(`/api/artifacts/${id}`)
-  },
-
-  async getRules(params: RuleSearchParams): Promise<Rules> {
-    params.page = params.page || 1
-    const res = await client.get<Rules>("/api/rules", {
-      params: params
-    })
-    return res.data
-  },
-
-  async getRule(id: string): Promise<Rule> {
-    const res = await client.get<Rule>(`/api/rules/${id}`)
-    return res.data
-  },
-
-  async runRule(id: string): Promise<void> {
-    await client.get<void>(`/api/rules/${id}/run`)
-  },
-
-  async createRule(payload: CreateRule): Promise<Rule> {
-    const res = await client.post<Rule>("/api/rules/", payload)
-    return res.data
-  },
-
-  async updateRule(payload: UpdateRule): Promise<Rule> {
-    const res = await client.put<Rule>("/api/rules/", payload)
-    return res.data
-  },
-
-  async deleteRule(id: string): Promise<void> {
-    await client.delete<void>(`/api/rules/${id}`)
-  },
-
-  async deleteTag(name: string): Promise<void> {
-    await client.delete(`/api/tags/${name}`)
-  },
-
-  async getIPInfo(ipAddress: string): Promise<IPInfo> {
-    const res = await client.get<IPInfo>(`/api/ip_addresses/${ipAddress}`)
-    return res.data
-  }
-}

data/frontend/src/components/ErrorMessage.vue

@@ -1,31 +0,0 @@
-<template>
-  <div class="notification is-danger is-light">
-    <p v-if="error.response.data?.message">{{ error.response.data.message }}</p>
-    <p v-else>{{ error }}</p>
-  </div>
-  <article class="message" v-if="error.response.data?.details">
-    <div class="message-body">
-      <VueJsonPretty :data="error.response.data.details"></VueJsonPretty>
-    </div>
-  </article>
-</template>
-
-<script lang="ts">
-import "vue-json-pretty/lib/styles.css"
-
-import { defineComponent } from "vue"
-import VueJsonPretty from "vue-json-pretty"
-
-export default defineComponent({
-  name: "ErrorItem",
-  props: {
-    error: {
-      type: Object,
-      required: true
-    }
-  },
-  components: {
-    VueJsonPretty
-  }
-})
-</script>

data/frontend/src/components/Loading.vue

@@ -1,15 +0,0 @@
-<template>
-  <div class="has-text-centered">
-    <div class="fa-3x">
-      <font-awesome-icon icon="spinner" spin></font-awesome-icon>
-    </div>
-  </div>
-</template>
-
-<script lang="ts">
-import { defineComponent } from "vue"
-
-export default defineComponent({
-  name: "LoadingItem"
-})
-</script>

data/frontend/src/components/Navbar.vue

@@ -1,42 +0,0 @@
-<template>
-  <nav role="navigation" aria-label="main navigation" class="navbar is-fixed-top">
-    <div class="navbar-brand">
-      <a class="navbar-item"><h1 class="title">Mihari</h1></a
-      ><a role="button" aria-label="menu" class="navbar-burger burger"
-        ><span aria-hidden="true"></span><span aria-hidden="true"></span
-        ><span aria-hidden="true"></span
-      ></a>
-    </div>
-    <div class="navbar-menu">
-      <div class="navbar-start"></div>
-      <div class="navbar-end">
-        <router-link class="navbar-item" :to="{ name: 'Alerts' }">Alerts</router-link>
-        <router-link class="navbar-item" :to="{ name: 'NewRule' }">New rule</router-link>
-        <router-link class="navbar-item" :to="{ name: 'Rules' }">Rules</router-link>
-        <router-link class="navbar-item" :to="{ name: 'Configs' }">Configs</router-link>
-        <a class="navbar-item"
-          ><a href="/redoc-static.html" target="_blank" class="navbar-item">API</a></a
-        >
-        <a class="navbar-item"
-          ><a href="https://github.com/ninoseki/mihari" target="_blank" class="navbar-item"
-            >GitHub</a
-          ></a
-        >
-      </div>
-    </div>
-  </nav>
-</template>
-
-<script lang="ts">
-import { defineComponent } from "vue"
-
-export default defineComponent({
-  name: "NavbarItem"
-})
-</script>
-
-<style scoped>
-.navbar {
-  border-bottom: 1px solid lightgray;
-}
-</style>

data/frontend/src/components/Pagination.vue

@@ -1,119 +0,0 @@
-<template>
-  <article class="message is-warning" v-if="total === 0">
-    <div class="message-body">There is no result to show.</div>
-  </article>
-  <nav class="pagination" role="navigation" aria-label="pagination" v-else>
-    <ul class="pagination-list" v-if="hasOnlyOnePage">
-      <li>
-        <a class="pagination-link mt-2 is-current" @click="updatePage(1)">1</a>
-      </li>
-    </ul>
-    <ul class="pagination-list" v-else>
-      <li v-if="hasPreviousPage && isPreviousPageNotFirst">
-        <a class="pagination-link mt-2" @click="updatePage(1)"> 1</a>
-      </li>
-      <li v-if="hasPreviousPage && isPreviousPageNotFirst">
-        <span class="pagination-ellipsis">&hellip;</span>
-      </li>
-      <li v-if="hasPreviousPage">
-        <a class="pagination-link mt-2" @click="updatePage(currentPage - 1)">
-          {{ currentPage - 1 }}</a
-        >
-      </li>
-      <li>
-        <a class="pagination-link mt-2 is-current" @click="updatePage(currentPage)">
-          {{ currentPage }}</a
-        >
-      </li>
-      <li v-if="hasNextPage">
-        <a class="pagination-link mt-2" @click="updatePage(currentPage + 1)">
-          {{ currentPage + 1 }}</a
-        >
-      </li>
-      <li v-if="hasNextPage && isNextPageNotLast">
-        <span class="pagination-ellipsis">&hellip;</span>
-      </li>
-      <li v-if="hasNextPage && isNextPageNotLast">
-        <a class="pagination-link mt-2" @click="updatePage(totalPageCount)">{{ totalPageCount }}</a>
-      </li>
-    </ul>
-  </nav>
-</template>
-
-<script lang="ts">
-import { useRouteQuery } from "@vueuse/router"
-import { computed, defineComponent, onMounted, type Ref } from "vue"
-import { useRoute, useRouter } from "vue-router"
-
-export default defineComponent({
-  name: "AlertsPagination",
-  props: {
-    currentPage: {
-      type: Number,
-      required: true
-    },
-    pageSize: {
-      type: Number,
-      required: true
-    },
-    total: {
-      type: Number,
-      required: true
-    }
-  },
-  emits: ["update-page"],
-  setup(props, context) {
-    const route = useRoute()
-    const router = useRouter()
-    const options = { route, router }
-
-    const totalPageCount = computed(() => {
-      return Math.ceil(props.total / props.pageSize)
-    })
-
-    const hasOnlyOnePage = computed(() => {
-      return totalPageCount.value === 1
-    })
-
-    const hasPreviousPage = computed(() => {
-      return props.currentPage > 1
-    })
-
-    const isPreviousPageNotFirst = computed(() => {
-      return props.currentPage - 1 !== 1
-    })
-
-    const hasNextPage = computed(() => {
-      return props.currentPage < totalPageCount.value
-    })
-
-    const isNextPageNotLast = computed(() => {
-      return props.currentPage + 1 !== totalPageCount.value
-    })
-
-    const updatePage = (page: number) => {
-      const pageQuery = useRouteQuery("page", page.toString(), options)
-      pageQuery.value = page.toString()
-
-      context.emit("update-page", page)
-    }
-
-    onMounted(() => {
-      const pageQuery = useRouteQuery("page", null, options) as Ref<string | null>
-      if (pageQuery.value && parseInt(pageQuery.value) !== props.currentPage) {
-        updatePage(parseInt(pageQuery.value))
-      }
-    })
-
-    return {
-      updatePage,
-      hasNextPage,
-      hasOnlyOnePage,
-      hasPreviousPage,
-      isNextPageNotLast,
-      isPreviousPageNotFirst,
-      totalPageCount
-    }
-  }
-})
-</script>

data/frontend/src/components/alert/Alert.vue

@@ -1,87 +0,0 @@
-<template>
-  <div class="box">
-    <table class="table is-fullwidth is-completely-borderless">
-      <tr>
-        <th>ID</th>
-        <td>
-          {{ alert.id }}
-          <button class="button is-light is-small is-pulled-right" @click="deleteAlert">
-            <span>Delete</span>
-            <span class="icon is-small">
-              <font-awesome-icon icon="times"></font-awesome-icon>
-            </span>
-          </button>
-        </td>
-      </tr>
-      <tr>
-        <th>Rule</th>
-        <td>
-          <router-link :to="{ name: 'Rule', params: { id: alert.ruleId } }">{{
-            alert.ruleId
-          }}</router-link>
-        </td>
-      </tr>
-      <tr>
-        <th>Artifacts</th>
-        <td>
-          <Artifacts :artifacts="alert.artifacts"></Artifacts>
-        </td>
-      </tr>
-      <tr v-if="alert.tags.length > 0">
-        <th>Tags</th>
-        <td>
-          <Tags :tags="alert.tags" @update-tag="updateTag"></Tags>
-        </td>
-      </tr>
-    </table>
-    <p class="help">Created at: {{ alert.createdAt }}</p>
-  </div>
-</template>
-
-<script lang="ts">
-import { defineComponent, type PropType } from "vue"
-
-import { generateDeleteAlertTask } from "@/api-helper"
-import Artifacts from "@/components/artifact/ArtifactTags.vue"
-import Tags from "@/components/tag/Tags.vue"
-import type { Alert } from "@/types"
-import { getHumanizedRelativeTime, getLocalDatetime } from "@/utils"
-
-export default defineComponent({
-  name: "AlertItem",
-  components: {
-    Artifacts,
-    Tags
-  },
-  props: {
-    alert: {
-      type: Object as PropType<Alert>,
-      required: true
-    }
-  },
-  setup(props, context) {
-    const updateTag = (tag: string) => {
-      context.emit("update-tag", tag)
-    }
-
-    const deleteAlertTask = generateDeleteAlertTask()
-
-    const deleteAlert = async () => {
-      const result = window.confirm(`Are you sure you want to delete ${props.alert.id}?`)
-
-      if (result) {
-        await deleteAlertTask.perform(props.alert.id)
-        // refresh the page
-        context.emit("refresh-page")
-      }
-    }
-
-    return {
-      updateTag,
-      deleteAlert,
-      getLocalDatetime,
-      getHumanizedRelativeTime
-    }
-  }
-})
-</script>