chore(juno): dependencies management hackathon 15.10.2025 (#1250)

taymoor89 · TilmanHaupt · guoda-puidokaite · web-flow · commit f82caaa1bc7d · 2025-10-27T10:18:45.000+01:00
* chore(heureka): change timestamp * chore(supernova): del luxon * chore(supernova): redo date type * chore(supernova): reduce luxon and delete luxon (#1213) * chore(supernova): luxon killed in alertTimestamp * chore(supernova): reduce luxon in alterttimestamp * chore(supernova): reduce luxon * chore(supernova): del luxon in statusbar * chore(supernova): format statusbar * chore(greenhouse): del luxon * chore(greenhouse): del luxon * chore(carbon): remove wouter (#1211) * remove wouter * remove wouter from lock * remove routing logiv * remove routing logiv * chore(juno): fix conflicting versions (#1215) * chore(core): remove classnames dep (#1216) * chore(carbon): remove classnames dependency * chore(carbon): refactor classnames usage to vanilla js --------- Co-authored-by: Tilman <147151040+TilmanHaupt@users.noreply.github.com> * chore(heureka): replaces lodash with helper functions (#1210) * chore(heureka): change timestamp * chore(supernova): del luxon * chore(supernova): redo date type * chore(heureka): replaces lodash with helper functions * chore(heureka): removes types/lodash package as well * chore(heureka): removes types/lodash package as well * chore(heureka): adds lock file * chore(supernova): reduce luxon and delete luxon (#1213) * chore(supernova): luxon killed in alertTimestamp * chore(supernova): reduce luxon in alterttimestamp * chore(supernova): reduce luxon * chore(supernova): del luxon in statusbar * chore(supernova): format statusbar * chore(greenhouse): del luxon * chore(greenhouse): del luxon * chore(carbon): remove wouter (#1211) * remove wouter * remove wouter from lock * remove routing logiv * remove routing logiv * chore(juno): fix conflicting versions (#1215) * chore(core): remove classnames dep (#1216) * chore(carbon): remove classnames dependency * chore(carbon): refactor classnames usage to vanilla js --------- Co-authored-by: Tilman <147151040+TilmanHaupt@users.noreply.github.com> * chore(heureka): removes map helper function --------- Co-authored-by: TilmanHaupt <tilman.haupt@sap.com> Co-authored-by: Tilman <147151040+TilmanHaupt@users.noreply.github.com> Co-authored-by: Guoda <121792659+guoda-puidokaite@users.noreply.github.com> Co-authored-by: Taimoor Aslam <taimoor.aslam@sap.com> Co-authored-by: Esther Schmitz <edda@users.noreply.github.com> * chore(juno): add changeset --------- Co-authored-by: TilmanHaupt <tilman.haupt@sap.com> Co-authored-by: Tilman <147151040+TilmanHaupt@users.noreply.github.com> Co-authored-by: Guoda <121792659+guoda-puidokaite@users.noreply.github.com> Co-authored-by: Esther Schmitz <edda@users.noreply.github.com> Co-authored-by: Hoda <107242553+hodanoori@users.noreply.github.com>
diff --git a/.changeset/grumpy-llamas-tickle.md b/.changeset/grumpy-llamas-tickle.md
@@ -0,0 +1,6 @@
+---
+"@cloudoperators/juno-app-carbon": patch
+---
+
+- Removed `wouter` and `classnames` dependencies.
+- Harmonized conflicting versions of dependencies.
diff --git a/.changeset/heavy-dots-mix.md b/.changeset/heavy-dots-mix.md
@@ -0,0 +1,9 @@
+---
+"@cloudoperators/juno-app-greenhouse": patch
+"@cloudoperators/juno-app-template": patch
+"@cloudoperators/juno-app-example": patch
+"@cloudoperators/juno-app-doop": patch
+"@cloudoperators/juno-ui-components": patch
+---
+
+Harmonized conflicting versions of dependencies.
diff --git a/.changeset/pretty-bananas-melt.md b/.changeset/pretty-bananas-melt.md
@@ -0,0 +1,5 @@
+---
+"@cloudoperators/juno-app-heureka": patch
+---
+
+Removed `luxon`, `@lodash` and `@types/lodash` dependencies.
diff --git a/.changeset/spicy-stars-know.md b/.changeset/spicy-stars-know.md
@@ -0,0 +1,6 @@
+---
+"@cloudoperators/juno-app-supernova": patch
+---
+
+- Removed `luxon` dependency.
+- Harmonized conflicting versions of dependencies.
diff --git a/apps/carbon/package.json b/apps/carbon/package.json
@@ -29,11 +29,9 @@
     "@cloudoperators/juno-ui-components": "workspace:*",
     "@tailwindcss/vite": "4.1.13",
     "@vitejs/plugin-react": "4.7.0",
-    "classnames": "2.5.1",
     "react": "19.1.0",
     "react-dom": "19.1.0",
-    "react-error-boundary": "3.1.4",
-    "wouter": "3.7.1",
+    "react-error-boundary": "4.1.2",
     "zustand": "4.5.7"
   },
   "devDependencies": {
@@ -58,7 +56,7 @@
     "eslint-plugin-react-hooks": "4.6.2",
     "eslint-plugin-tailwindcss": "3.18.0",
     "jsdom": "26.1.0",
-    "prettier": "3.1.1",
+    "prettier": "3.6.2",
     "tailwindcss": "4.1.13",
     "typescript": "5.9.2",
     "vite": "7.1.7",
diff --git a/apps/carbon/src/components/AppContent/AppContent.tsx b/apps/carbon/src/components/AppContent/AppContent.tsx
@@ -7,7 +7,6 @@
  */
 
 import React from "react"
-import { Redirect, Route, Switch } from "wouter"
 import Navigation from "../Navigation"
 import Extension from "../Extension/Extension"
 import NoExtensionFound from "./NoExtensionFound"
@@ -17,19 +16,10 @@ const AppContent = ({ extensions }: { extensions: Extension[] }) => (
   <div className="h-screen flex">
     <Navigation extensions={extensions} />
     <div className="flex-1 bg-theme-global-bg" data-testid="extension-container">
-      <Switch>
-        <Route path="/">
-          <Redirect to={extensions[0].url} />
-        </Route>
-        {extensions.map((extension) => (
-          <Route key={extension.name} path={extension.url}>
-            <Extension extension={extension} />
-          </Route>
-        ))}
-        <Route>
-          <NoExtensionFound />
-        </Route>
-      </Switch>
+      {extensions.map((extension) => (
+        <Extension key={extension.name} extension={extension} />
+      ))}
+      <NoExtensionFound />
     </div>
   </div>
 )
diff --git a/apps/carbon/src/components/Navigation/NavigationItem.tsx b/apps/carbon/src/components/Navigation/NavigationItem.tsx
@@ -5,8 +5,6 @@
 
 import React from "react"
 import { Stack } from "@cloudoperators/juno-ui-components"
-import classNames from "classnames"
-import { Link, useRoute } from "wouter"
 import SupernovaIcon from "../../assets/juno_supernova.svg?react"
 import DoopIcon from "../../assets/juno_doop.svg?react"
 import HeurekaIcon from "../../assets/juno_heureka.svg?react"
@@ -24,36 +22,38 @@ const AppIcon = ({ name }: { name: string }) => {
 
 const Border = () => <div className="absolute w-1 h-full top-0 left-0 bg-white" />
 
-const getClassName = (isActive: boolean) =>
-  classNames("relative px-5 py-3 cursor-pointer", {
-    "bg-theme-global-bg text-white": isActive,
-    "hover:text-theme-high": !isActive,
-  })
+const getClassName = (isActive: boolean) => {
+  return `
+    relative
+    px-5
+    py-3
+    cursor-pointer
+    
+    ${isActive ? "bg-theme-global-bg text-white" : "hover:text-theme-high"}
+  `
+}
 
 type NavigationItemProps = {
   name: string
   title: string
   url: string
 }
 
-const NavigationItem = ({ name, title, url }: NavigationItemProps) => {
-  const [isActive] = useRoute(url)
+const NavigationItem = ({ name, title }: NavigationItemProps) => {
   return (
-    <Link href={url} asChild>
-      <Stack
-        key={name}
-        aria-label={title}
-        direction="vertical"
-        alignment="center"
-        role="link"
-        tabIndex={0}
-        className={getClassName(isActive)}
-      >
-        {isActive && <Border />}
-        <AppIcon name={name} />
-        <span className="select-none break-all text-xs">{title}</span>
-      </Stack>
-    </Link>
+    <Stack
+      key={name}
+      aria-label={title}
+      direction="vertical"
+      alignment="center"
+      role="link"
+      tabIndex={0}
+      className={getClassName(true)}
+    >
+      {<Border />}
+      <AppIcon name={name} />
+      <span className="select-none break-all text-xs">{title}</span>
+    </Stack>
   )
 }
 
diff --git a/apps/doop/package.json b/apps/doop/package.json
@@ -15,7 +15,7 @@
   "private": true,
   "devDependencies": {
     "@cloudoperators/juno-config": "workspace:*",
-    "@tanstack/react-query": "5.62.2",
+    "@tanstack/react-query": "5.89.0",
     "@tailwindcss/vite": "4.1.13",
     "@tanstack/router-plugin": "1.133.22",
     "@testing-library/jest-dom": "6.8.0",
@@ -25,7 +25,7 @@
     "@vitejs/plugin-react": "4.7.0",
     "interweave": "13.1.1",
     "jsdom": "26.1.0",
-    "react-markdown": "9.1.0",
+    "react-markdown": "10.1.0",
     "shadow-dom-testing-library": "1.13.1",
     "tailwindcss": "4.1.13",
     "vite": "7.1.7",
diff --git a/apps/example/package.json b/apps/example/package.json
@@ -20,9 +20,9 @@
     "@cloudoperators/juno-config": "workspace:*",
     "@svgr/core": "7.0.0",
     "@svgr/plugin-jsx": "7.0.0",
-    "@tanstack/react-query": "5.62.2",
+    "@tanstack/react-query": "5.89.0",
     "@tailwindcss/vite": "4.1.13",
-    "@testing-library/jest-dom": "6.6.3",
+    "@testing-library/jest-dom": "6.8.0",
     "@testing-library/react": "16.3.0",
     "@types/react": "19.1.8",
     "@types/react-dom": "19.1.6",
diff --git a/apps/greenhouse/package.json b/apps/greenhouse/package.json
@@ -25,15 +25,14 @@
     "@types/react-dom": "19.1.6",
     "@vitejs/plugin-react": "4.7.0",
     "github-markdown-css": "5.8.1",
-    "immer": "9.0.21",
+    "immer": "10.1.3",
     "interweave": "13.1.1",
     "react": "19.1.0",
     "react-dom": "19.1.0",
     "react-markdown": "10.1.0",
     "remark-gfm": " 4.0.1",
     "shadow-dom-testing-library": "1.13.1",
     "tailwindcss": "4.1.13",
-    "ts-luxon": "4.6.2",
     "vite": "7.1.7",
     "vite-plugin-svgr": "4.5.0",
     "vitest": "3.2.4",
diff --git a/apps/greenhouse/src/components/core-apps/org-admin/utils/humanizedTimePeriodToNow.ts b/apps/greenhouse/src/components/core-apps/org-admin/utils/humanizedTimePeriodToNow.ts
@@ -3,21 +3,28 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
-import { DateTime } from "ts-luxon"
-
 const humanizedTimePeriodToNow = (jsDateAllowedInput: string | number | Date): string => {
-  const time = DateTime.fromJSDate(new Date(jsDateAllowedInput))
-  const diff = DateTime.now().diff(time, ["years", "months", "days", "hours", "minutes"])
-  const humanizedString = Object.keys(diff.toObject()).reduce((acc, key) => {
-    // @ts-ignore
-    if (diff.toObject()[key] !== 0) {
-      // @ts-ignore
-      acc.push(`${Math.round(Math.abs(diff.toObject()[key]))} ${key}`)
-    }
-    return acc
-  }, [] as string[])
+  const now = new Date()
+  const inputDate = new Date(jsDateAllowedInput)
+  const diffMs = Math.abs(now.getTime() - inputDate.getTime())
+
+  const days = Math.floor(diffMs / (1000 * 60 * 60 * 24))
+  const hours = Math.floor((diffMs % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60))
+  const minutes = Math.floor((diffMs % (1000 * 60 * 60)) / (1000 * 60))
+
+  const parts: string[] = []
+
+  if (days > 0) {
+    parts.push(`${days} ${days === 1 ? "day" : "days"}`)
+  }
+  if (hours > 0) {
+    parts.push(`${hours} ${hours === 1 ? "hour" : "hours"}`)
+  }
+  if (minutes > 0) {
+    parts.push(`${minutes} ${minutes === 1 ? "minute" : "minutes"}`)
+  }
 
-  return humanizedString.join(", ")
+  return parts.length > 0 ? parts.join(", ") : "0 minutes"
 }
 
 export default humanizedTimePeriodToNow
diff --git a/apps/greenhouse/src/lib/plugin.ts b/apps/greenhouse/src/lib/plugin.ts
@@ -5,7 +5,7 @@
 
 import { useStore, createStore } from "zustand"
 import { devtools } from "zustand/middleware"
-import produce from "immer"
+import { produce } from "immer"
 
 export const NAV_TYPES = {
   APP: "app",
diff --git a/apps/heureka/package.json b/apps/heureka/package.json
@@ -33,7 +33,6 @@
     "@cloudoperators/juno-url-state-provider": "workspace:*",
     "@tanstack/react-query": "5.89.0",
     "@tanstack/react-router": "1.133.22",
-    "lodash": "4.17.21",
     "react": "19.1.0",
     "react-dom": "19.1.0"
   },
@@ -49,7 +48,6 @@
     "@testing-library/jest-dom": "6.8.0",
     "@testing-library/react": "16.3.0",
     "@testing-library/user-event": "14.6.1",
-    "@types/lodash": "4.17.19",
     "@types/node": "24.3.2",
     "@types/react": "19.1.8",
     "@types/react-dom": "19.1.6",
@@ -65,7 +63,6 @@
     "eslint-plugin-react-hooks": "4.6.2",
     "eslint-plugin-tailwindcss": "3.18.0",
     "jsdom": "26.1.0",
-    "luxon": "3.7.2",
     "postcss": "8.5.6",
     "prettier": "3.6.2",
     "tailwindcss": "4.1.13",
diff --git a/apps/heureka/src/components/Services/utils.ts b/apps/heureka/src/components/Services/utils.ts
@@ -3,7 +3,7 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
-import { isEmpty, isNil, map, omit } from "lodash"
+import { isEmpty, isNil, omit } from "../../utils"
 import { ApolloError } from "@apollo/client"
 import {
   Edge,
@@ -298,9 +298,9 @@ export const getFiltersForUrl = (filterSettings: FilterSettings): Record<string,
 }
 
 export const getNormalizedFilters = (data: GetServiceFiltersQuery | undefined | null): Filter[] =>
-  isEmpty(data) || isEmpty(data.ServiceFilterValues)
+  isEmpty(data) || isEmpty(data?.ServiceFilterValues)
     ? []
-    : map(omit(data.ServiceFilterValues, ["__typename"]), (filter) => ({
+    : Object.values(omit(data!.ServiceFilterValues!, ["__typename"])).map((filter) => ({
         displayName: filter?.displayName || "",
         filterName: filter?.filterName || "",
         values: filter?.values?.filter((value) => value !== null) || [],
diff --git a/apps/heureka/src/components/common/Filters/FilterSelect.tsx b/apps/heureka/src/components/common/Filters/FilterSelect.tsx
@@ -4,7 +4,7 @@
  */
 
 import React, { useCallback, useState } from "react"
-import { isEmpty } from "lodash"
+import { isEmpty } from "../../../utils"
 import { InputGroup, ComboBox, ComboBoxOption, SelectOption, Select, Stack } from "@cloudoperators/juno-ui-components"
 import { Filter, SelectedFilter } from "./types"
 
diff --git a/apps/heureka/src/components/common/IssueTimestamp.tsx b/apps/heureka/src/components/common/IssueTimestamp.tsx
@@ -4,20 +4,24 @@
  */
 
 import React from "react"
-import { DateTime } from "luxon"
 import { Stack } from "@cloudoperators/juno-ui-components"
 
 type IssueTimestampProps = {
   targetDate: string
 }
 
 export const IssueTimestamp = ({ targetDate }: IssueTimestampProps) => {
-  const dateFormat = { ...DateTime.DATE_MED }
-  const targetDateTime = DateTime.fromISO(targetDate)
+  const targetDateTime = new Date(targetDate)
+
+  const formattedDate = targetDateTime.toLocaleDateString("en-GB", {
+    year: "numeric",
+    month: "short",
+    day: "numeric",
+  })
 
   return (
     <Stack direction="vertical" gap="1">
-      <div>{targetDateTime.toLocaleString(dateFormat)}</div>
+      <div>{formattedDate}</div>
     </Stack>
   )
 }
diff --git a/apps/heureka/src/utils.ts b/apps/heureka/src/utils.ts
@@ -59,3 +59,38 @@ export const useTextOverflow = (text: string | null) => {
 
   return { needsExpansion, textRef }
 }
+
+/**
+ * Utility functions to replace lodash dependencies
+ */
+
+// Replace _.isEmpty()
+export const isEmpty = (value: any): boolean => {
+  if (value == null) return true
+  if (typeof value === "string" || Array.isArray(value)) return value.length === 0
+  if (typeof value === "object") return Object.keys(value).length === 0
+  return false
+}
+
+// Replace _.isNil()
+export const isNil = (value: any): value is null | undefined => {
+  return value == null
+}
+
+// Replace _.omit()
+export const omit = <T extends Record<string, any>, K extends keyof T>(obj: T, keys: K[]): Omit<T, K> => {
+  const result = { ...obj }
+  keys.forEach((key) => {
+    delete result[key]
+  })
+  return result
+}
+
+// Replace _.map() for objects - transforms object values
+export const mapObject = <T, U>(obj: Record<string, T>, iteratee: (value: T, key: string) => U): Record<string, U> => {
+  const result: Record<string, U> = {}
+  Object.entries(obj).forEach(([key, value]) => {
+    result[key] = iteratee(value, key)
+  })
+  return result
+}
diff --git a/apps/supernova/package.json b/apps/supernova/package.json
@@ -18,17 +18,16 @@
   "devDependencies": {
     "@cloudoperators/juno-config": "workspace:*",
     "@tailwindcss/vite": "4.1.13",
-    "@tanstack/react-query": "5.62.2",
+    "@tanstack/react-query": "5.89.0",
     "@tanstack/router-plugin": "1.133.22",
-    "@testing-library/jest-dom": "6.6.3",
+    "@testing-library/jest-dom": "6.8.0",
     "@testing-library/react": "16.3.0",
     "@types/react": "19.1.8",
     "@types/react-dom": "19.1.6",
     "@vitejs/plugin-react": "4.7.0",
     "immer": "10.1.3",
     "interweave": "13.1.1",
     "jsdom": "26.1.0",
-    "luxon": "3.7.2",
     "shadow-dom-testing-library": "1.13.1",
     "tailwindcss": "4.1.13",
     "vite": "7.1.7",
diff --git a/apps/supernova/src/components/alerts/shared/AlertSilencesList.tsx b/apps/supernova/src/components/alerts/shared/AlertSilencesList.tsx
diff --git a/apps/supernova/src/components/alerts/shared/AlertTimestamp.tsx b/apps/supernova/src/components/alerts/shared/AlertTimestamp.tsx
diff --git a/apps/supernova/src/components/silences/CreateSilence.tsx b/apps/supernova/src/components/silences/CreateSilence.tsx
diff --git a/apps/supernova/src/components/silences/shared/SilencesTimestamp.tsx b/apps/supernova/src/components/silences/shared/SilencesTimestamp.tsx
diff --git a/apps/supernova/src/components/status/StatusBar.tsx b/apps/supernova/src/components/status/StatusBar.tsx
diff --git a/apps/template/package.json b/apps/template/package.json
diff --git a/package.json b/package.json
diff --git a/packages/ui-components/package.json b/packages/ui-components/package.json
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +"@cloudoperators/juno-app-heureka": patch
 +---
++
 +Removed `luxon`, `@lodash` and `@types/lodash` dependencies.