Enhances dashboard performance through strategic component optimizations:
- Removes redundant v-if condition from chart component
- Implements lazy loading for the resource-intensive globe component
- Bumps package version to 0.1.12
These changes improve initial load time and runtime performance while maintaining functionality.
Improves the visual representation of traffic events on the globe:
- Optimizes arc animation parameters for smoother transitions
- Adds source and target ring animations for better event tracking
- Skips visualization for nearby locations to reduce visual clutter
- Updates color scheme to dark orange for better visibility
- Synchronizes animation timings with event delays
Enhances code readability and maintainability by:
- Breaking v-motion directive into separate line
- Reordering motion module in Nuxt config for better dependency loading
This change maintains the same functionality while improving code organization
and module initialization order.
- Adds cleanup timer for globe arcs to prevent accumulation
- Conditionally renders chart header when stats are available
- Improves event handling in AnimatedList by passing props
- Fixes traffic event animation by clearing previous timeouts
These changes improve visualization performance and user experience by preventing memory leaks from accumulated arcs and ensuring smoother animations.
Adds real-time visualization of traffic flow between user locations and data centers on the 3D globe:
- Implements arc animations for traffic visualization
- Adjusts globe colors and atmosphere for better visibility
- Adds data center (colo) location mapping
- Centers initial view on user's current location
- Improves mobile responsiveness and layout
- Adds cleanup handling for globe resources
Performance and UX improvements:
- Optimizes globe rotation speed and controls
- Updates time picker layout with logical grouping
- Enhances responsive design for dashboard components
Removes unnecessary manual watcher cleanup via stopWatchQueryChange across multiple Vue components.
Vue 3's watch() automatically handles cleanup when components are unmounted, making explicit stopWatchQueryChange calls and onBeforeUnmount handlers redundant.
This change:
- Improves code maintainability
- Reduces boilerplate code
- Follows Vue 3 best practices for reactive system cleanup
Implements comprehensive time filtering and visualization improvements:
- Adds time range picker with presets from 5min to 24h
- Enhances chart visualization with minute-level granularity
- Updates globe visualization to respond to time/filter changes
- Implements animated event log display
- Swaps primary/secondary color scheme for better contrast
Improves realtime data handling with automatic updates and proper cleanup on unmount. Includes i18n support for new time picker UI across all supported languages.
- Reintroduced the realtime dashboard tab in the navigation menu.
- Updated Globe component to utilize geographic coordinates for live session locations.
- Added dynamic resizing for the globe based on viewport width.
- Implemented stop rotation feature on mouse down for better user interaction.
- Cleaned up commented code and improved type definitions in event logging.
Temporarily disables the realtime dashboard navigation option by commenting out its TabsTrigger component in the navigation menu. This indicates a planned feature or work in progress.
Updates formatting of country and language names to respect the user's locale instead of hardcoding to English ('en').
Includes commented placeholder for future timezone support via Intl.TimeZone API.
- Moved `app.config.ts` to the `app` directory
- Migrated `.vue` files and other assets to the `app` directory
- Updated import paths to reflect the new file locations
