develop-updateui #1

lethdat · 2026-04-02T05:58:56Z

lethdat commented

2026-04-02 05:58:56 +00:00

No description provided.

lethdat added 78 commits 2026-04-02 05:58:56 +00:00

init ae61ece0b0

refactor(httpClientAdapter): comment out unused header assignment code 9f521c76f4

feat: Implement initial Vue 3 application structure with SSR, routing, authentication, and core dashboard components. eed14fa0e5

upload ui f805bac0e6

feat: update icon components to support filled state and improve upload page layout c4244c1097

- Refactored HardDriveUpload, Home, Layout, LinkIcon, Upload, and Video components to include a 'filled' prop for conditional rendering of SVGs.
- Enhanced the Upload.vue page with a more structured layout, including a PageHeader and improved button interactions for local and remote upload modes.
- Added visual feedback for upload tips and improved accessibility with better button labeling.
- Updated the upload queue display and added loading states for files being fetched from external sources.

update ui 21950753ab

refactor: update component declarations and remove unused imports 1fe77f24dc

chore: bump dependencies to latest versions for improved stability

fix: update API base URL for client and httpClientAdapter

refactor: reorganize imports in index.tsx for better readability

chore: add observability configuration in wrangler.jsonc

update ui 55f467a10e

refactor: reorganize imports and replace fetchPlans with useSWRV for data fetching 7d3d33ef7e

update ui 476c0eb647

update 5ae0a15a30

done ac74faadbe

update ui 770c09b9b2

add noti 8bdcbbf527

update ui 58f2874102

update ui b87d18576b

update Upload.vue layout for better spacing 820aa7a597

fix color 6c4015f8c4

fix color 2 fc86b3472e

change color 4cc2cc0691

enhance layout with glow effects and animations 6200ab7a1b

refactor transition property for improved performance 7a1f5d5ae0

update ui a9e5ea61f8

update styles and colors for improved UI consistency 478c31defa

add mock video cf9c488012

abc c3a8e5b474

feat: Implement video management with a data table and comprehensive plan and subscription management features. 27a765044d

feat: Enhance video management with detailed view and improved routing 1ee2130d88

feat: Add video detail management components and enhance video state sharing 4d41d6540a

feat: Implement TinyMqttClient for MQTT communication and enhance video components with loading states 66028d934a

feat: Introduce TinyMqttClient interface and implementation, update auth store for MQTT connection management 85af2da6ad

feat: Add CardPopover component for video actions and integrate EllipsisVerticalIcon 718554dee9

feat: Add CLAUDE.md with project architecture documentation 1a3dc948a8

Add comprehensive documentation for Claude Code including:
- Common development commands (dev, build, deploy)
- SSR architecture with custom Vite plugin
- State management patterns (Pinia Colada)
- API client auto-generation setup
- Routing structure and auth flow
- Styling system with UnoCSS configuration

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

docs: update CLAUDE.md with TinyMqttClient and testing info d6183d208e

- Add note about TinyMqttClient being used for MQTT in `src/lib/liteMqtt.ts`
- Add a note mentioning that testing and linting tools are currently not configured

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

feat(upload): enhance upload functionality with chunk management and cancellation support 00bbe0f503

- Updated Upload.vue to include cancelItem functionality in the upload queue.
- Modified UploadQueue.vue to emit cancel events for individual items.
- Enhanced UploadQueueItem.vue to display cancel button for ongoing uploads.
- Added merge.ts for handling manifest creation and S3 operations for chunk uploads.
- Introduced temp.html for testing multi-threaded chunk uploads with progress tracking.
- Created AGENTS.md for comprehensive project documentation and guidelines.

Refactor server structure and enhance middleware functionality ff1d4902bc

- Consolidated middleware setup into a dedicated setup file for better organization.
- Introduced API proxy middleware to handle requests to the backend API.
- Registered well-known, merge, and SSR routes in separate files for improved modularity.
- Removed unused HTML and SSR layout files to streamline the codebase.
- Implemented a utility for HTML escaping to prevent XSS vulnerabilities.
- Updated the main server entry point to utilize the new middleware and route structure.

feat: Implement a global upload dialog and refactor the upload UI/UX, including manifest size tracking. a5b4028bc8

feat(video): enhance video management UI and functionality c6924afe5b

- Refactor VideoBulkActions.vue to remove unused imports.
- Update VideoFilters.vue to improve search and status filtering with new UI components from PrimeVue.
- Modify VideoTable.vue to enhance action buttons for editing, copying, and deleting videos, using PrimeVue Button components.
- Implement saveImageFromStream function in merge.ts to handle thumbnail image uploads.
- Add new animation rule for card spring effect in uno.config.ts.
- Create FileUploadType.vue icon component for local and remote file uploads.
- Introduce CopyVideoModal.vue for sharing video links with enhanced user experience.
- Add DetailVideoModal.vue for editing video details with form validation using Zod.
- Establish new display routes in display.ts for handling thumbnail and metadata updates.

feat(settings): add Billing, Danger Zone, Domains DNS, Notification, Player, and Security settings pages cd9aab8979

- Implemented Billing page with wallet balance, current plan, usage stats, available plans, and payment history.
- Created Danger Zone page for account deletion and data clearing actions with confirmation prompts.
- Developed Domains DNS page for managing whitelisted domains for iframe embedding, including add and remove functionality.
- Added Notification Settings page to configure email, push, marketing, and Telegram notifications.
- Introduced Player Settings page to customize video player behavior such as autoplay, loop, and controls visibility.
- Established Security and Connected Accounts page for managing user profile, two-factor authentication, and connected accounts.

feat: enhance settings pages with save functionality and UI improvements 16caa9281b

- Added save functionality with toast notifications in NotificationSettings.vue and PlayerSettings.vue.
- Improved layout and styling in NotificationSettings.vue and PlayerSettings.vue for better user experience.
- Refactored PlayerSettings.vue to use a dynamic settingsItems array for rendering toggle switches.
- Updated SecurityNConnected.vue to enhance security settings UI, including two-factor authentication and connected accounts management.
- Introduced dialogs for changing passwords and enabling two-factor authentication with improved UX.
- Added scrollbar-gutter CSS property to prevent layout shifts when dialogs open in uno.config.ts.

refactor: replace PrimeVue components with custom App components for buttons, dialogs, and inputs 77ece5224d

- Updated DangerZone.vue to use AppButton and AppDialog, replacing PrimeVue Button and Dialog components.
- Refactored DomainsDns.vue to utilize AppButton, AppDialog, and AppInput, enhancing the UI consistency.
- Modified NotificationSettings.vue and PlayerSettings.vue to implement AppButton and AppSwitch for better styling.
- Replaced PrimeVue components in SecurityNConnected.vue with AppButton, AppDialog, and AppInput for a cohesive design.
- Introduced AppConfirmHost for handling confirmation dialogs with a custom design.
- Created AppToastHost for managing toast notifications with custom styling and behavior.
- Added utility composables useAppConfirm and useAppToast for managing confirmation dialogs and toast notifications.
- Implemented AppProgressBar and AppSwitch components for improved UI elements.

refactor: update video components to use AppButton and improve UI consistency e1ba24d1bf

- Refactored CardPopover.vue to enhance menu positioning and accessibility.
- Replaced Button components with AppButton in VideoEditForm.vue and VideoInfoHeader.vue for consistent styling.
- Simplified VideoSkeleton.vue by removing unused Skeleton imports and improving loading states.
- Updated VideoFilters.vue to replace PrimeVue components with native HTML elements for better performance.
- Enhanced VideoGrid.vue and VideoTable.vue with improved selection handling and UI updates.
- Removed unused PrimeVue styles and imports in SSR routes and configuration files.

add change language dba9713d96

remove vue-i18n bbe15d5f3e

replace vue-i18n with i18next-vue 6d04f1cbdc

Complete the i18n migration by switching runtime setup and remaining components to i18next-vue, and add shared locale constants/helpers for SSR and client language handling.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

fix i18n runtime scoping for SSR requests 3491a0a08e

Create a dedicated i18next instance per SSR request and remove server context-storage coupling from translation runtime, while keeping a separate client singleton path.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

refactor: remove i18n dependency and related code 3c24da4af8

- Removed the i18n module and its related functions from the project.
- Eliminated the usage of getActiveI18n and related locale handling in various components and stores.
- Updated translation handling to use a new instance creation method.
- Cleaned up unused imports and code related to language detection and cookie management.
- Adjusted components to directly utilize the new translation setup.

done i18n edc1a33547

done ui dc06412f79

feat: implement JWT token provider with access and refresh token generation 9276603a70

feat: refactor authentication and user management routes 5c0ca0e139

- Removed the API proxy middleware and integrated RPC routes for user authentication.
- Implemented JWT token generation and validation in the authentication middleware.
- Enhanced user registration and login processes with password hashing and token management.
- Added new routes for user password reset and Google OAuth login.
- Introduced health check endpoints for service monitoring.
- Updated gRPC client methods for user management, including password updates.
- Refactored utility functions for token handling and Redis interactions.
- Improved type definitions for better TypeScript support.

update grpc 57903b80b6

feat: enhance gRPC authentication flow and improve token management e3587eff71

feat: update settings and package configurations to include estree-walker and enhance script permissions 35117b7be9

update migrate 3beabcfe7f

fix: use Bun RedisClient type in server setup 8b85736903

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

add getuserbyid method b4bbacd9f1

refactor: update UI styles to use new header background color 90d8409aa9

- Changed background color for various select elements and containers in Users.vue and Videos.vue to use 'bg-header'.
- Updated background color for status and role filters in the admin section.
- Adjusted background colors in Home.vue, QuickActions.vue, and other components to enhance UI consistency.
- Refactored Billing.vue and DomainsDns.vue to align with new design standards.
- Modified settings components to utilize new header color for better visual hierarchy.
- Improved accessibility and visual feedback in the SettingsRow and SettingsSectionCard components.
- Updated authentication middleware to include timestamp cookie for session management.
- Enhanced gRPC client to build internal metadata for service calls.

feat: refactor billing plans section and remove unused components fa88fe26b3

- Updated BillingPlansSection.vue to clean up unused code and improve readability.
- Removed CardPopover.vue and VideoGrid.vue components as they were no longer needed.
- Enhanced VideoTable.vue by integrating BaseTable for better table management and added loading states.
- Introduced secure JSON transformer for enhanced data security in RPC routes.
- Added key resolver for managing server key pairs.
- Created a script to generate NaCl keys for secure communications.
- Implemented admin page header management for better UI consistency.

add jobid to video baa8811e9e

feat: add AsyncSelect component and update related types and headers handling 87c99e64cd

feat: add BaseTable component for improved table rendering bd8b21955e

- Introduced a new BaseTable component to enhance table functionality with sorting and loading states.
- Updated upload queue logic to support chunk uploads and improved error handling.
- Refactored various admin routes to utilize the new BaseTable component.
- Adjusted import paths for UI components to maintain consistency.
- Enhanced upload handling with better progress tracking and cancellation support.
- Updated theme colors in uno.config.ts for a more cohesive design.

Refactor admin routes and implement S3 manifest handling b787cd161a

- Updated video detail modal to use new ad template property naming convention.
- Refactored RPC routes to include admin methods for user, video, payment, plan, and ad template management.
- Introduced S3 helper functions for manifest creation, saving, fetching, and validation of chunk URLs.
- Added new admin methods for managing jobs and agents.
- Created a new UserIcon component for better icon management.
- Enhanced validation functions to support multiple schemas.

fix: clean up imports and remove shadow effect from loading bar e854c68ad0

feat: add admin components for input, metrics, tables, and user forms b60f65e4d1

- Introduced AdminInput component for standardized input fields.
- Created AdminMetricCard for displaying metrics with customizable tones.
- Added AdminPlaceholderTable for loading states in tables.
- Developed AdminSectionCard for consistent section layouts.
- Implemented AdminSectionShell for organizing admin sections.
- Added AdminSelect for dropdown selections with v-model support.
- Created AdminTable for displaying tabular data with loading and empty states.
- Introduced AdminTextarea for multi-line text input.
- Developed AdminUserFormFields for user creation and editing forms.
- Added useAdminPageHeader composable for managing admin page header state.

feat: refactor billing components and add payment history 698abcec22

- Remove BillingWalletRow.vue component.
- Update PlayerConfigsTable.vue to use JSX syntax and improve rendering logic.
- Enhance auth store with currency and date formatting utilities.
- Add ListIcon and MoneyCheck icon components.
- Implement PaymentHistory component for displaying payment history with download functionality.
- Create PlanSelection component for selecting billing plans with improved UI.
- Introduce UpgradeDialog component for handling plan upgrades and payment methods.

refactor: update billing components for improved UX and localization 5350f421f9

- Refactored BillingTopupDialog.vue to use localized strings for titles, subtitles, and labels.
- Modified PaymentHistory.tsx to use conditional rendering for item details.
- Enhanced PlanSelection.tsx with better prop handling and improved UI responsiveness.
- Removed UpgradeDialog.vue and replaced it with a new UpgradePlan.tsx component for better structure and functionality.
- Added logic to handle payment methods and top-up amounts in UpgradePlan.tsx.
- Improved overall code readability and maintainability across billing components.

feat: enhance billing components with top-up functionality and payment history table 1f8fdad2da

fix: adjust title font size in PageHeader component 6a1d8b1aee

feat: implement pagination for payment history and enhance translation files a80fa755d4

feat: enhance icons and components for improved UI 15b69773f0

- Updated `GlobalUploadIndicator.vue` to include `watch` for better state management.
- Modified `CoinsIcon.vue`, `Globe.vue`, and `VideoPlayIcon.vue` to support filled and outlined states.
- Added new icons: `hard-drive.vue` and `shield-user.vue`.
- Improved `AppDialog.vue` to include `ClientOnly` for hydration mismatch handling.
- Refactored `BaseTable.vue` to include `ref` for better reactivity.
- Changed route redirection in `index.ts` for better clarity.
- Enhanced `Billing.vue` and `BillingTopupDialog.vue` with new icons and improved UI elements.
- Updated `PaymentHistory.tsx` and `PlanSelection.tsx` to use new icon components.
- Refined `Settings.vue` to utilize new icons and improve layout.
- Adjusted `Upload.vue` and `Videos.vue` for better component organization and imports.
- Cleaned up `auth.ts` store to include `computed` for better state management.
- Updated `tsconfig.json` to streamline TypeScript configuration.
- Removed unnecessary console log in `vite-plugin-ssr-middleware.ts`.

refactor: reorganize proto clients and settings UI cc3f62a6a1

Move generated proto imports under the new server api path and align gRPC auth/client usage with the renamed clients. Polish settings UI details by adding a shared language icon and refining Ads VAST table presentation.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

refactor: update icon components to use CSS variables for fill colors 43702e8bf7

- Changed fill attributes in Upload, Video, VideoPlayIcon, hard-drive, and shield-user icons to use CSS variables for better theming.
- Removed index.ts file from icons directory as it was no longer needed.
- Updated AppButton component to support new icon sizes.
- Modified AdsVastTable to use icon buttons with updated filled icons.
- Replaced inline SVGs with icon components in NotificationSettings, SecurityAccountStatusRow, SecurityChangePasswordRow, SecurityEmailRow, SecurityLanguageRow, SecurityLogoutRow, and SecurityTelegramRow for consistency and maintainability.
- Added new CSS variables for fill colors in uno.config.ts.

feat: add PopupAd and AdminPopupAd interfaces with CRUD operations 8515498ade

- Introduced PopupAd and AdminPopupAd interfaces in common.ts.
- Implemented encoding, decoding, and JSON conversion methods for both PopupAd and AdminPopupAd.
- Added new RPC methods for managing PopupAds in admin.ts and me.ts, including list, create, update, and delete functionalities.
- Integrated PopupAdsClient in grpcClient.ts for gRPC communication.
- Updated auth store to handle real-time notifications for user-specific topics.
- Modified tsconfig.json to include auto-imports and components type definitions.

feat: update icons and improve loading states in various components b435638774

- Updated `hard-drive.vue` and `shield-user.vue` icons to use `currentColor` for better color management.
- Enhanced `BaseTable.vue` to support skeleton loading rows and improved loading state rendering.
- Refactored notification components to use new icon components (`Inbox`, `Video`, `Credit`, `BellOff`, `BellDot`) instead of icon classes.
- Added new icons for `BellDot` and `BellOff`.
- Improved the `QuickActions.vue` component for better hover effects.
- Updated various settings components to use consistent icon styling and improved accessibility.
- Refactored `AdsVastTable.tsx`, `DangerZone.vue`, `DomainsDnsTable.vue`, `PlayerConfigsTable.vue`, and `PopupAdsTable.tsx` to streamline loading states and skeleton rendering.

feat: add analytics route and component for streaming analytics display ab9b4f229d

feat: add video metadata service with GetVideoMetadata request and response types dbc8b1a82a

add deplotment 476f40a529

lethdat merged commit c861a3ba7a into master

2026-04-02 05:59:23 +00:00

lethdat referenced this issue from a commit

2026-04-02 05:59:24 +00:00

Merge pull request 'develop-updateui' (#1) from develop-updateui into master

lethdat deleted branch develop-updateui

2026-04-02 05:59:24 +00:00

Sign in to join this conversation.