Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Refactor: WolfManager UI Overhaul and Documentation Update #9

Open
wants to merge 34 commits into
base: stable
Choose a base branch
from

Conversation

salty2011
Copy link
Collaborator

@salty2011 salty2011 commented Feb 21, 2025

Overview

This PR represents a major update to the WolfManager project, transitioning to a modern Next.js-based architecture with improved UI, documentation, and development workflow.

Related Issues

fixes #3
closes #1

Key Changes

Architecture & Framework

  • Migrated to Next.js 14 with App Router
  • Implemented TypeScript throughout the codebase
  • Added comprehensive documentation in /docs/architecture
  • Set up Dev Container configuration for consistent development environment

UI Improvements

  • Integrated Shadcn UI and Radix UI components
  • Implemented dark mode support
  • Added responsive design patterns
  • Created new components:
    • API Test Console with schema validation
    • User Management interface
    • Settings dashboard
    • Authentication flows

Security & Authentication

  • Implemented NextAuth.js for authentication
  • Added role-based access control (admin/standard user)
  • Secured API routes with authentication middleware
  • Added user session management

Development Experience

  • Added comprehensive TypeScript configurations
  • Implemented Docker development environment
  • Added development tools and scripts
  • Improved error handling and logging

Documentation

  • Added detailed architecture documentation
  • Created implementation guides
  • Updated README with feature status
  • Added contributing guidelines

API & Backend

  • Implemented Wolf API integration with OpenAPI schema validation
  • Added Unix socket communication
  • Implemented configuration management with TOML
  • Added type-safe API communication

Testing

  • User authentication flows
  • Role-based access control
  • API endpoint functionality
  • UI component rendering
  • Dev Container setup

Migration Notes

  • Legacy code moved to OLD directory for reference
  • Updated configuration patterns
  • New development workflow with Dev Containers

Breaking Changes

  • Changed project structure to Next.js App Router
  • Updated authentication system
  • Modified configuration management approach

…with the old codebase. Still need to migrate the API's to new code
- Migrated the old WolfManager api code to the new code base
- Setup new api code to just proxy endpoint commands to the wolf socket to avoid re-implementing each api endpoint as they are added to wolf
- Updated DevContainer settings with socket permissions and mount points
- Added API Test link in settings page
- Split account settings page into modular client and server components
- Implement error boundaries and loading states for improved user experience
- Add syntax highlighting for API test responses
- Enhance API endpoint testing with dynamic schema validation
- Migrate users management to server-side rendering with TOML configuration
- Improve code organization and separation of concerns
- Restructured README with improved organization and sections
- Added detailed technology stack description
- Enhanced features section with implementation status
- Expanded getting started and development setup instructions
- Included architecture overview and key components
- Updated FAQ and known issues sections
- Improved project documentation with clear, structured information
…m settings handling

- Remove `requiresFirstTimeSetup` from UserConfig interface and config initialization
- Update FirstTimeWizard to handle Steam settings more robustly
- Enhance Sonner toast configuration with custom styling and system theme
- Improve error handling and success messaging in first-time setup flow
- Change Sonner toast position from top-right to bottom-right
- Update import of Toaster from local component to direct Sonner import
- Maintain consistent toast styling and theme configuration
…ark themes.

Known Issues
- Dialog is not respecting the theme
- Tabs and drop down initial select colour is not correct
…pplied globally

- dialog model text input adjustment
- fix tab selections
- Create validation module with Zod schema validation
- Add proper exports for validation functions
- Fix imports in route files
- Add comprehensive error handling and logging
- Implement type-safe validation functions
- Add Steam API endpoints to test console
- Implement secure credential retrieval from encrypted config
- Fix user lookup to use username instead of ID
- Add comprehensive error handling and logging
- Update validation to use proper credential format
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Add New User text fields deselect on input User Management UI
1 participant