feat: v5-tres-devtools #172
Open
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
- Introduced `app.config.ts` for UI configuration with color and card styles. - Added `TheHeader.vue` component for consistent header layout with logo and navigation. - Updated `nuxt.config.ts` to include UI Pro license configuration. - Adjusted header height in `main.css` for improved layout. - Enhanced `index.vue` to utilize `TheHeader` and implement tabs for scene graph and performance monitoring.
…lipboard functionality - Introduced reactive state for inline editing of inspector values. - Added methods for incrementing, decrementing, and updating boolean values. - Implemented clipboard copy functionality for values and property paths. - Updated `getInspectorGraph` to include property paths for better context. - Enhanced `InspectorNode` interface to support full property paths.
…ement and UI feedback - Updated `onUpdateModelValue` function to include type annotations for better TypeScript support. - Introduced `itemsForSceneGraph` computed property to streamline scene graph data handling. - Added a conditional alert in the template to inform users when no scene is available. - Enhanced `SceneGraphObject` interface to include a unique `key` property for better identification. - Updated `getInspectorGraph` function to set `defaultExpanded` property for root nodes, improving UI behavior. - Refactored `useDevtoolsHook` to handle empty scene cases more gracefully.
…h interaction - Introduced `createHighlightMesh` function to generate a highlight mesh for selected objects. - Enhanced `updateSelectedObject` method to manage highlight mesh addition and removal. - Added `HighlightMesh` class for pulsing effect on highlighted objects. - Updated scene graph component to improve user interaction with item selection. - Adjusted template structure for better responsiveness and interaction handling.
- Introduced `TreeInspector.vue` to provide a structured view of inspector nodes with expandable/collapsible functionality. - Implemented inline editing for various data types, including strings, numbers, and booleans. - Added clipboard functionality for copying values and paths directly from the inspector. - Enhanced scene graph interaction by integrating `TreeInspector` into the scene graph component, improving user experience. - Updated `index.vue` to utilize the new `TreeInspector` for better data representation and interaction.
…ntation - Introduced `TreeGraph.vue` to display a hierarchical view of scene graph objects with expandable/collapsible nodes. - Implemented selection handling for objects, emitting events for parent components. - Enhanced visual representation with icons and badges for additional object information. - Updated `index.vue` to integrate `TreeGraph`, improving scene graph interaction and user experience.
…nd detailed statistics - Added computed properties for performance and memory status to provide real-time feedback on system performance. - Refactored the template structure to utilize `UCard` and `UBadge` components for better visual representation. - Introduced detailed statistics for memory and render performance, including current and peak memory usage. - Updated `index.vue` to integrate the `PerformanceMonitor`, enhancing the overall user experience in monitoring performance metrics.
…sualization - Introduced `AssetsMonitor.vue` to display and manage assets in the scene, including textures, geometries, and materials. - Implemented computed properties for asset statistics and grouping by type for better organization. - Added functionality to generate geometry previews and handle asset changes dynamically. - Enhanced the template structure with `UCard` components for a visually appealing layout. - Created utility functions for memory size formatting and asset icon/color retrieval. - Integrated asset statistics display for improved user feedback on asset usage and memory consumption.
- Removed unused geometries extraction logic from `AssetsMonitor.vue` and `assets.ts` to streamline asset management. - Simplified the template structure in `AssetsMonitor.vue` by eliminating the geometries display section, focusing on memory usage and materials. - Enhanced code clarity and maintainability by removing redundant functions and comments related to geometries.
- Updated `@Tresjs/core` dependency to a specific commit URL for better stability. - Removed the obsolete `global.d.ts` file and replaced it with a new `env.d.ts` file to define the `Window` interface for devtools messaging. - Refactored `AssetsMonitor.vue` to remove geometry handling and introduced a new `ModelAssetCard` component for better organization of model assets. - Enhanced asset utility functions to support model types and improved memory formatting. - Cleaned up unused code and improved type definitions for better maintainability.
…nhanced property visualization feat(inspector): implement Props component to display object properties in inspector feat(inspector): create Tree component for hierarchical object representation refactor(scene-graph): update inspector integration in scene graph component refactor(devtools): enhance message handling for performance and context updates refactor(graph): export iconsMap for better accessibility refactor(nuxt-stones): clean up unused orbs references in NuxtStones component feat(simple-page): add a cyan sphere mesh to the simple example page
…e editing in Props and Tree components
… in EditableNumber and Tree components
…ype checks for string values
…handling of Euler and Vector3 objects
…e handling in Props and Tree components
…tionality in Props and Tree components
…nhance Props component to utilize it
…ve type safety in scene-graph component
…evelopment tooling
…ironment for Nuxt UI Pro license management
commit: |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
WIP