refresh dependencies (#134)

* refresh dependencies
- upgrade to react@19
- add and compatibility package for react@19

* fix bar chart; run formatter

* refresh /app dependencies

* combine duplicate example env files

Author: Flet

app/poetry.lock

@@ -8,7 +8,7 @@ authors = [
 
 [tool.poetry.dependencies]
 flask = "^3.1.1"
-flask-Cors = "^4.0.1"
+flask-Cors = "^6.0.0"
 flask-migrate = "^4.0.7"
 flask-sqlalchemy = "3.0.5"
 grpcio = "^1.53.2"
@@ -24,7 +24,7 @@ python-dateutil = "^2.9.0-post.0"
 python-dotenv = "^1.0.1" 
 python-magic = "^0.4.27"
 rarfile = "^4.2"
-requests = "^2.32.3"
+requests = "^2.32.4"
 sqlalchemy = "^1.4.54"
 waitress = "^3.0.2"
 jinja2 = "^3.1.6"

app/pyproject.toml

@@ -21,7 +21,9 @@ export DATABASE_PORT=5432
 export DATABASE_DBNAME=strelka_ui
 
 # Root Certificates
+# /certs is mapped in the docker compose file to the certs directory at the root of this project
 export CA_CERT_PATH=
+# export REQUESTS_CA_BUNDLE=
 
 # VirusTotal Support
 export VIRUSTOTAL_API_KEY=

app/strelka_ui/.env.example

@@ -5,13 +5,14 @@
   "type": "module",
   "homepage": "/",
   "dependencies": {
-    "@ant-design/icons": "^5.5.1",
+    "@ant-design/icons": "^6.0.0",
     "@ant-design/pro-form": "^2.25.1",
     "@ant-design/pro-layout": "^7.19.0",
+    "@ant-design/v5-patch-for-react-19": "^1.0.3",
     "@microlink/react-json-view": "^1.24.0",
     "@tanstack/react-query": "^5.64.1",
     "@tanstack/react-query-devtools": "^5.64.1",
-    "@types/chroma-js": "^2.4.5",
+    "@types/chroma-js": "^3.1.1",
     "@types/react": "^19.0.2",
     "@types/react-dom": "^19.0.2",
     "@xyflow/react": "^12.4.0",
@@ -20,18 +21,18 @@
     "chroma-js": "^3.1.2",
     "dagre": "^0.8.5",
     "html-to-image": "^1.11.11",
-    "react": "^18",
-    "react-dom": "^18",
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1",
     "react-router": "^7.5.2",
-    "recharts": "^2.15.0",
+    "recharts": "^3.1.2",
     "styled-components": "^6.1.1",
     "typescript": "^5.7.2",
-    "vite-plugin-checker": "^0.8.0"
+    "vite-plugin-checker": "^0.10.2"
   },
   "devDependencies": {
     "@biomejs/biome": "1.9.4",
     "@vitejs/plugin-react": "^4.3.4",
-    "vite": "^6.2.7",
+    "vite": "^7.0.6",
     "vitest": "^3.1.2"
   },
   "scripts": {

app/strelka_ui/example.env

@@ -62,19 +62,23 @@ const MimeTypeBarChart = ({ height }: MimeTypeBarChartProps) => {
   const otherKeys = allBarKeys.slice(20)
 
   let otherTotal = 0
-  for (const item of data) {
-    item.other = otherKeys.reduce(
+  const dataWithOther = data.map((item) => {
+    const otherValue = otherKeys.reduce(
       (acc, key) => acc + ((item[key] as number) || 0),
       0,
     )
-    otherTotal += item.other
-  }
+    otherTotal += otherValue
+    return { ...item, other: otherValue }
+  })
 
   const barKeys = topKeys
 
   return (
     <ResponsiveContainer width="100%" height={height}>
-      <BarChart data={data} margin={{ top: 5, right: 30, left: 20, bottom: 5 }}>
+      <BarChart
+        data={dataWithOther}
+        margin={{ top: 5, right: 30, left: 20, bottom: 5 }}
+      >
         <CartesianGrid strokeDasharray="3 3" />
         <XAxis dataKey="month" tick={{ fontSize: 10 }} />
         <YAxis tick={{ fontSize: 10 }} />

ui/package.json

@@ -1,3 +1,4 @@
+import '@ant-design/v5-patch-for-react-19'
 import { createRoot } from 'react-dom/client'
 import App from './App'
 import { QueryProvider } from './providers/QueryProvider'

ui/src/components/Visualizations/MimeTypeBarChart.tsx

@@ -7,7 +7,7 @@ import {
 import { Layout, Menu, Switch } from 'antd'
 import { useState } from 'react'
 
-import { lazy, Suspense } from 'react'
+import { Suspense, lazy } from 'react'
 import { Link } from 'react-router'
 import { DatabaseStatus } from '../components/DatabaseStatus'
 import SystemStatus from '../components/SystemStatus'

ui/src/index.tsx

@@ -1,7 +1,7 @@
-import { Button, Col, Row, Spin, Tag } from 'antd'
 import { ReloadOutlined } from '@ant-design/icons'
+import { Button, Col, Row, Spin, Tag } from 'antd'
 import { useEffect, useState } from 'react'
-import { useParams, useNavigate } from 'react-router'
+import { useNavigate, useParams } from 'react-router'
 
 import PageWrapper from '../components/PageWrapper'
 
@@ -25,9 +25,9 @@ import { useFetchScanById } from '../hooks/useFetchScanById'
 import { NodeDetailsDrawer } from '../components/NodeDetailsDrawer'
 
 import { CollapseCard } from '../components/CollapseCard'
-import type { StrelkaResponse } from '../services/api.types'
-import { resubmitFile } from '../services/api'
 import { useMessageApi } from '../providers/MessageProvider'
+import { resubmitFile } from '../services/api'
+import type { StrelkaResponse } from '../services/api.types'
 
 /**
  * SubmissionsPage component to display strelka scan results

ui/src/layouts/AppLayout.tsx

@@ -1,5 +1,5 @@
 import { expect, test } from 'vitest'
-import { getColorForString, antdColors } from '../utils/colors'
+import { antdColors, getColorForString } from '../utils/colors'
 
 test('should return a color for a given string', () => {
   const input = 'test'