kloudlite / web

Kloudlite Web
http://kloudlite.io
GNU Affero General Public License v3.0
2 stars 1 forks source link

WEB: Add console and webinar related changes #300

Closed nxtCoder19 closed 2 months ago

nxtCoder19 commented 2 months ago

Summary by Sourcery

Enhance the console application with improved image search and selection capabilities, and update the infrastructure management UI to better handle clusters and computes. Add a new page for joining webinars with user authentication and redirection features.

New Features:

Enhancements:

sourcery-ai[bot] commented 2 months ago

Reviewer's Guide by Sourcery

This pull request introduces several changes related to the console application, webinar functionality, and infrastructure management. The main focus is on improving the user interface for managing clusters, updating image discovery features, and enhancing the webinar experience.

Sequence Diagrams

Image Search and Selection Flow

sequenceDiagram
    participant U as User
    participant UI as Console UI
    participant API as Console API
    participant R as Registry

    U->>UI: Enter image search query
    UI->>API: Debounced search request
    API->>R: Search registry images
    R-->>API: Return matching images
    API-->>UI: Return search results
    UI->>U: Display image list with metadata
    U->>UI: Select image
    UI->>U: Update selected image

Webinar Join Process

sequenceDiagram
    participant U as User
    participant W as Webinar App
    participant A as Auth Service
    participant M as Meeting Service

    U->>W: Request to join webinar
    W->>A: Check user authentication
    A-->>W: Return user details
    alt User authenticated
        W->>M: Redirect to meeting URL
    else User not authenticated
        W->>A: Redirect to login page
    end

File-Level Changes

Change Details Files
Updated cluster management UI and terminology
  • Changed 'Clusters' to 'Attached Computes' in the navigation
  • Updated empty state messages for cluster management
  • Added support for displaying local devices in cluster list
  • Modified cluster list to show 'Local Device' for certain BYOK clusters
src/apps/console/routes/_main+/$account+/infra+/_layout.tsx
src/apps/console/routes/_main+/$account+/infra+/clusters/route.tsx
src/apps/console/routes/_main+/$account+/infra+/clusters/cluster-resources-v2.tsx
Enhanced image discovery and selection functionality
  • Implemented image search functionality
  • Updated UI for selecting images in app creation
  • Added debounce for image search
  • Modified image list display to include more metadata
src/apps/console/page-components/app/general.tsx
src/apps/console/routes/_main+/$account+/env+/$environment+/new-app/app-detail.tsx
src/apps/console/server/gql/queries/registry-image-queries.ts
Updated webinar functionality
  • Refactored webinar join process
  • Added support for Around meeting URLs
  • Updated user authentication flow for webinar joining
src/apps/webinar/src/app/page.tsx
src/apps/webinar/src/app/components/join-webinar.tsx
src/apps/webinar/src/app/pages/meeting/page.tsx
src/apps/webinar/src/app/around/join/page.tsx
Modified BYOK cluster queries and UI
  • Added 'ownedBy' field to BYOK cluster queries
  • Updated BYOK cluster list display
  • Modified empty state messages for BYOK clusters
src/apps/console/server/gql/queries/byok-cluster-queries.ts
src/apps/console/routes/_main+/$account+/infra+/byok-cluster/route.tsx
Updated VPN device management
  • Changed 'Devices' to 'Wireguard Devices' in the navigation
  • Updated VPN device list UI
src/apps/console/routes/_main+/$account+/infra+/_layout.tsx
src/apps/console/routes/_main+/$account+/infra+/vpn-devices/route.tsx
Modified settings layout and image discovery instructions
  • Added 'Image Discovery' to settings navigation
  • Updated instructions for adding images to registry
  • Added script URL to image discovery instructions
src/apps/console/routes/_main+/$account+/settings+/_layout.tsx
src/apps/console/routes/_main+/$account+/settings+/images/handle-image-discovery.tsx

Tips and commands #### Interacting with Sourcery - **Trigger a new review:** Comment `@sourcery-ai review` on the pull request. - **Continue discussions:** Reply directly to Sourcery's review comments. - **Generate a GitHub issue from a review comment:** Ask Sourcery to create an issue from a review comment by replying to it. #### Customizing Your Experience Access your [dashboard](https://app.sourcery.ai) to: - Enable or disable review features such as the Sourcery-generated pull request summary, the reviewer's guide, and others. - Change the review language. - Add, remove or edit custom review instructions. - Adjust other review settings. #### Getting Help - [Contact our support team](mailto:support@sourcery.ai) for questions or feedback. - Visit our [documentation](https://docs.sourcery.ai) for detailed guides and information. - Keep in touch with the Sourcery team by following us on [X/Twitter](https://x.com/SourceryAI), [LinkedIn](https://www.linkedin.com/company/sourceryai/) or [GitHub](https://github.com/sourcery-ai).