Add OBS group management feature #3

Merged
deco merged 14 commits from ui-improvements into main 2025-07-20 21:46:26 +03:00

14 commits

Author SHA1 Message Date
Decobus
2c92baa0a1 Fix GitHub Actions artifact upload for GHES compatibility
All checks were successful
Lint and Build / build (pull_request) Successful in 3m0s
- Downgrade upload-artifact from v4 to v3 for GHES compatibility
- Remove include-hidden-files parameter (not available in v3)

GHES doesn't support the newer v4 actions yet.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-07-20 13:21:45 -04:00
Decobus
450b6d6044 Refactor build workflow by removing unnecessary dependency installation step and add new SaT configuration file with scene and source definitions
Some checks failed
Lint and Build / build (pull_request) Failing after 2m57s
2025-07-20 13:18:12 -04:00
Decobus
3c58ccc5af Add stream deletion functionality and improve UI
Some checks failed
Lint and Build / build (pull_request) Failing after 24s
- Add delete button to each stream with confirmation modal
- Implement DELETE endpoint that removes sources from OBS before database deletion
- Fix dropdown positioning issue when scrolling by removing scroll offsets
- Change add stream form to use Twitch username instead of full URL
- Automatically calculate Twitch URL from username (https://twitch.tv/{username})
- Add username validation (4-25 chars, alphanumeric and underscores only)
- Improve "View Stream" link visibility with button styling
- Ensure streams list refreshes immediately after deletion

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-07-20 13:16:06 -04:00
Decobus
8459b7f701 Fix ARM runner build issues by installing C++ build tools
Some checks failed
Lint and Build / build (pull_request) Failing after 27s
- Add automatic detection and installation of build-essential
- Support Ubuntu/Debian, Alpine, and RHEL/CentOS ARM runners
- Resolves 'c++: No such file or directory' error for native modules
- Ensures bufferutil and other native dependencies can compile

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-07-20 02:14:40 -04:00
Decobus
2c338fd83a Fix comprehensive lint and type errors across codebase
Some checks failed
Lint and Build / build (pull_request) Failing after 1m12s
- Replace explicit 'any' types with 'unknown' or specific types
- Fix Jest DOM test setup with proper type definitions
- Resolve NODE_ENV assignment errors using Object.defineProperty
- Fix React Hook dependency warnings with useCallback patterns
- Remove unused variables and add appropriate ESLint disables
- Update documentation with groups feature information
- Ensure all tests pass with proper TypeScript compliance

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-07-20 02:10:29 -04:00
Decobus
b81da79cf2 Implement React Portal for dropdown to escape stacking contexts
Some checks failed
Lint and Build / build (pull_request) Failing after 1m20s
Complete rewrite of dropdown positioning using React Portal:
- Renders dropdown in document.body via createPortal
- Uses fixed positioning with calculated coordinates
- Completely bypasses all CSS stacking contexts
- Includes proper SSR handling with mounted state
- Maintains click-outside detection for both button and menu

This should definitively solve the dropdown layering issue by rendering
the dropdown outside any parent containers with backdrop-filter.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-07-20 01:59:45 -04:00
Decobus
c4dd8a915b Fix dropdown z-index with CSS layer forcing
Some checks failed
Lint and Build / build (pull_request) Failing after 1m15s
Added CSS properties to force dropdown above stacking contexts:
- z-index: 99999 \!important
- position: absolute
- transform: translateZ(0) to create new stacking context
- will-change: transform for optimization

This addresses the issue where backdrop-filter in .glass creates
stacking contexts that hide dropdowns.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-07-20 01:57:59 -04:00
Decobus
882c71f2ba Revert dropdown to simpler positioning approach
Some checks failed
Lint and Build / build (pull_request) Failing after 1m13s
Simplified dropdown positioning to fix layering issues:
- Reverted to absolute positioning with inline z-index styles
- Added explicit z-index to dropdown container in streams page
- Removed complex fixed positioning logic that was causing problems

This should resolve dropdown visibility issues while maintaining proper positioning.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-07-20 01:55:22 -04:00
Decobus
fd58d200f2 Fix dropdown layering with fixed positioning
Some checks failed
Lint and Build / build (pull_request) Failing after 1m13s
Replace absolute positioning with fixed positioning to break out of
stacking contexts created by glass morphism effects.

Changes:
- Use fixed positioning with calculated coordinates
- Track button position with getBoundingClientRect()
- Update click outside detection to include button reference
- Ensure dropdown appears above all other elements

This should resolve the issue where dropdowns appear behind other containers.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-07-20 01:53:10 -04:00
Decobus
5bc4d30102 Fix dropdown z-index layering issue
Some checks failed
Lint and Build / build (pull_request) Failing after 1m23s
Increase dropdown z-index to z-[9999] to ensure it appears above
glass morphism containers and other stacked elements.

Fixes issue where team selection dropdown appears behind existing streams box.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-07-20 01:51:54 -04:00
Decobus
f25fbcc720 Revert CI workaround now that build-essential is installed
Some checks failed
Lint and Build / build (pull_request) Failing after 1m25s
- Restore bufferutil as regular dependency for WebSocket performance
- Remove --no-optional flag from npm ci
- Self-hosted runners now have proper C++ build tools installed

This enables full native module support and optimal WebSocket performance.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-07-20 01:45:39 -04:00
Decobus
a16bdcc7b9 Fix CI build failures on self-hosted runners
Some checks failed
Lint and Build / build (pull_request) Failing after 4m19s
- Move bufferutil to optionalDependencies (not required for core functionality)
- Add --no-optional flag to npm ci in workflow to skip native dependencies
- This avoids needing C++ build tools on CI runners

The bufferutil package is a performance optimization for WebSocket but not required.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-07-20 00:43:45 -04:00
Decobus
b9fa9f11b0 Optimize CI workflow for self-hosted runners
Some checks failed
Lint and Build / build (pull_request) Failing after 1m19s
Remove Node.js matrix strategy since Node is pre-installed on self-hosted runners.
This reduces build time by avoiding duplicate builds.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-07-20 00:35:21 -04:00
Decobus
5789986bb6 Add OBS group management feature and documentation
Some checks failed
Lint and Build / build (22) (pull_request) Failing after 32s
Lint and Build / build (20) (pull_request) Failing after 34s
- Add group_name column to teams table for mapping teams to OBS groups
- Create API endpoints for group creation (/api/createGroup) and bulk sync (/api/syncGroups)
- Update teams UI with group status display and creation buttons
- Implement automatic group assignment when adding streams
- Add comprehensive OBS setup documentation (docs/OBS_SETUP.md)
- Fix team list spacing issue with explicit margins
- Update OBS client with group management functions
- Add database migration script for existing deployments

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-07-20 00:28:16 -04:00