Merge pull request #121 from nebulabroadcast/update-dependencies-and-base-image

Update dependencies and base image

Author: martastain

.gitignore

@@ -2,9 +2,7 @@ __pycache__
 .mypy_cache
 .pytest_cache
 .env
-poetry.lock
 frontend/node_modules
-frontend/yarn.lock
 
 storage/
 settings/*.py

Dockerfile

@@ -13,8 +13,11 @@ RUN yarn install
 COPY ./frontend/src /frontend/src
 RUN yarn build
 
-FROM python:3.12-slim
-ENV PYTHONBUFFERED=1
+FROM python:3.13-slim-trixie
+ENV PYTHONUNBUFFERED=1
+
+EXPOSE 80
+LABEL maintainer="github.com/nebulabroadcast"
 
 RUN \
   apt-get update \
@@ -27,8 +30,7 @@ RUN \
 
 WORKDIR /backend
 COPY ./backend/pyproject.toml /backend/uv.lock .
-RUN --mount=from=ghcr.io/astral-sh/uv,source=/uv,target=/bin/uv \
-    uv pip install -r pyproject.toml --system
+RUN pip install --break-system-packages -e .  
 
 COPY ./backend .
 COPY --from=build /frontend/dist/ /frontend

backend/api/playout/playout_request.py

@@ -41,11 +41,17 @@ def handle(
         # HTTPx stopped working for some reason, raising asyncio.CancelledError
         # when trying to send a request. Using requests for now.
 
-        response = requests.post(
-            f"{controller_url}/{request.action.value}",
-            json=request.payload,
-            timeout=4,
-        )
+        try:
+            response = requests.post(
+                f"{controller_url}/{request.action.value}",
+                json=request.payload,
+                timeout=4,
+            )
+        except requests.exceptions.ConnectionError as e:
+            nebula.log.error("Unable to connect to playout controller")
+            raise nebula.NebulaException(
+                "Unable to connect to playout controller"
+            ) from e
 
         #
         # Parse response and return

backend/pyproject.toml

@@ -2,8 +2,11 @@
 name = "nebula"
 version = "6.0.10"
 description = "Open source broadcast automation system"
-authors = ["Nebula Broadcast <[email protected]>"]
-requires-python = ">=3.11,<3.13"
+authors = [
+  {name = "Nebula Broadcast", email = "[email protected]"},
+]
+
+requires-python = ">=3.13"
 dependencies = [
     "aiofiles >=24.1.0",
     "asyncpg >=0.29.0",

backend/uv.lock

@@ -21,11 +21,11 @@
     "content-type": "^1.0.5",
     "lodash": "^4.17.21",
     "luxon": "^3.5.0",
-    "material-symbols": "^0.28.2",
+    "material-symbols": "^0.35.0",
     "react": "^19.0.0",
     "react-datepicker": "^8.1.0",
     "react-dom": "^19.0.0",
-    "react-markdown": "^9.0.3",
+    "react-markdown": "^10.1.0",
     "react-redux": "^9.2.0",
     "react-router-dom": "^7.1.5",
     "react-toastify": "^11.0.3",
@@ -36,24 +36,24 @@
   },
   "devDependencies": {
     "@eslint/js": "^9.19.0",
-    "@hey-api/openapi-ts": "^0.64.4",
-    "@types/node": "^22.13.4",
+    "@hey-api/openapi-ts": "^0.82.4",
+    "@types/node": "^24.3.1",
     "@types/react": "^19.0.8",
     "@types/react-dom": "^19.0.3",
     "@typescript-eslint/eslint-plugin": "^8.24.1",
     "@typescript-eslint/parser": "^8.24.1",
-    "@vitejs/plugin-react": "^4.3.4",
+    "@vitejs/plugin-react": "^5.0.2",
     "eslint": "^9.20.1",
     "eslint-config-prettier": "^10.0.1",
     "eslint-plugin-import": "^2.31.0",
     "eslint-plugin-prettier": "^5.2.3",
     "eslint-plugin-react": "^7.37.4",
     "eslint-plugin-react-hooks": "^5.1.0",
     "eslint-plugin-react-refresh": "^0.4.18",
-    "globals": "^15.14.0",
+    "globals": "^16.3.0",
     "prettier": "^3.5.1",
-    "typescript": "~5.7.2",
+    "typescript": "~5.9.2",
     "typescript-eslint": "^8.22.0",
-    "vite": "^6.1.0"
+    "vite": "^7.1.4"
   }
 }

frontend/package.json

@@ -38,7 +38,8 @@ const BaseButton = styled.button`
   white-space: nowrap;
 
   .icon {
-    font-size: 1.4rem;
+    font-size: 20px;
+    padding-top: 2px;
   }
 
   &:focus {
@@ -101,8 +102,9 @@ const Button = forwardRef<HTMLButtonElement, ButtonProps>((props: ButtonProps, r
   const _buttonStyle = style || {};
   const _iconStyle = iconStyle || {};
 
-  if (hlColor) {
-    _buttonStyle.borderBottom = `1px solid ${props.hlColor}`;
+  if (hlColor && !buttonProps.disabled) {
+    //_buttonStyle.borderBottom = `1px solid ${props.hlColor}`;
+    _iconStyle.color = props.hlColor
   }
 
   return (

frontend/src/components/Button.tsx

@@ -32,9 +32,11 @@ const DropdownContainer = styled.div`
         background-color: var(--color-surface-04);
       }
 
-      &:active,
+      &.active,
       &:focus {
         outline: none !important;
+        background-color: var(--color-surface-04);
+        text-shadow: none !important;
       }
 
       &:disabled {
@@ -82,6 +84,7 @@ const DropdownOption = ({
         iconStyle={hlColor ? { color: hlColor } : {}}
         disabled={disabled || currentValue === value}
         onClick={() => onClick(value)}
+        active={currentValue === value}
       />
     </span>
   );
@@ -96,7 +99,7 @@ const Dropdown = ({
   contentStyle = {},
   value = null,
   disabled = false,
-  iconOnRigth = false,
+  iconOnRight = true,
 }) => {
   if (align === 'right') contentStyle['right'] = 0;
 
@@ -107,7 +110,7 @@ const Dropdown = ({
         style={buttonStyle}
         icon={icon}
         label={label}
-        iconOnRight={iconOnRigth}
+        iconOnRight={iconOnRight}
         disabled={disabled}
       />
       <div className="dropdown-content" style={contentStyle}>

frontend/src/components/Dropdown.jsx

@@ -161,7 +161,7 @@ const SelectDialog = ({ options, onHide, selectionMode, initialValue, title }) =
           ref={filterRef}
           style={{ flexGrow: 1 }}
         />
-        <Button onClick={() => setFilter('')} icon="backspace" title="Clear filter" />
+        <Button onClick={() => setFilter('')} icon="filter_alt_off" title="Clear filter" />
       </div>
     </div>
   );

frontend/src/components/SelectDialog.jsx

@@ -119,6 +119,7 @@ const TableWrapper = styled.div`
             width: 100%;
             background: transparent;
             border: 1px solid var(--color-violet);
+            align-items: center;
           }
         }