Skip to content

Conversation

alvarosabu
Copy link
Member

No description provided.

Copy link

pkg-pr-new bot commented Feb 22, 2025

Open in StackBlitz

npm i https://pkg.pr.new/@tresjs/nuxt@159

commit: fb528b2

- Updated @nuxt/kit, @nuxt/schema, and nuxt to version 4.0.0-alpha.4.
- Bumped vue to version 3.5.17 and added vue-tsc as a dev dependency.
- Updated pnpm lock files to reflect the changes in dependencies.
* feat!: new devtools

* chore: playground update with nuxt ui and fixed nuxt devtools client

* feat(client): devtools client with nuxt ui

- 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.

* refactor: graph utils and inspector graph

* feat(client): enhance scene graph inspector with inline editing and clipboard 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.

* feat(client): enhance scene graph component with improved state management 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.

* feat(client): add highlight mesh functionality and improve scene graph 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.

* feat(client): add TreeInspector component for enhanced object inspection

- 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.

* feat(client): add TreeGraph component for hierarchical object representation

- 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.

* feat(client): enhance PerformanceMonitor component with improved UX and 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.

* feat: performance tab

* feat(client): add AssetsMonitor component for asset management and visualization

- 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.

* refactor(client): clean up AssetsMonitor and asset utility functions

- 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.

* feat(client): enhanced asset monitor

- 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.

* feat(inspector): add GeometryBadge and MaterialBadge components for enhanced 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

* refactor(devtools): clean up unused asset handling and update core dependency

* fix(inspector): update value class color from green to primary for consistency

* feat(inspector): integrate EditableNumber component for enhanced value editing in Props and Tree components

* fix(workflow): change build command from prepack to build for consistency

* refactor(devtools): remove unused imports and clean up code in various components

* refactor(components): update input variants to 'soft' for consistency in EditableNumber and Tree components

* feat(inspector): add button for toggling boolean property values in Props component

* feat(inspector): enhance copy functionality in Props and Tree components

* fix(inspector): simplify copy functionality by removing unnecessary type checks for string values

* feat(inspector): implement clipboard copy functionality for Props and Tree components

* feat(inspector): add support for copying values as Euler and enhance handling of Euler and Vector3 objects

* feat(inspector): add support for copying Quaternion values and enhance handling in Props and Tree components

* refactor(inspector): clean up unused code and simplify clipboard functionality in Props and Tree components

* feat(components): add EditableColor component for color editing and enhance Props component to utilize it

* refactor(inspector): remove unused import in Tree component and improve type safety in scene-graph component

* chore(package): add @nuxt/devtools-kit to dependencies for improved development tooling

* chore(workflow): add NUXT_UI_PRO_LICENSE secret to GitHub Actions environment for Nuxt UI Pro license management
- Upgraded @nuxt/kit to 4.1.2 and @Tresjs/core to 5.0.0-rc.0.
- Bumped mlly to 1.8.0, pkg-types to 2.3.0, and sirv to 3.0.2.
- Updated devDependencies: @nuxt/devtools to 2.6.4, @nuxt/devtools-ui-kit to 2.6.4, @nuxt/eslint-config to 1.9.0, @nuxt/module-builder to 1.0.2, and @nuxt/schema to 4.1.2.
- Updated vue to 3.5.21 and vue-tsc to 3.0.7.
- Updated types for three to 0.180.0 and @vueuse/nuxt to 13.9.0.
- Adjusted pnpm-lock.yaml to reflect these changes.
- Changed the `after:bump` hook in `.release-it.json` from `pnpm run prepack` to `pnpm run build` for consistency in the release process.
- Updated the `packageManager` version in `package.json` from `[email protected]` to `[email protected]` to utilize the latest features and improvements.
- Added `useAttrs` import to enhance attribute handling in the `TresCanvas.client.vue` component, allowing for better integration of attributes passed to the component.
- Upgraded @Tresjs/core and @Tresjs/cientos to version 5.0.0.
- Updated @nuxt/devtools and @nuxt/devtools-ui-kit to version 2.6.5.
- Bumped eslint to version 9.36.0, typescript to version 5.9.2, and playwright to version 1.55.0.
- Adjusted @types/node version to 24.5.2 for compatibility.
- Updated pnpm-lock.yaml to reflect these changes.
@alvarosabu alvarosabu changed the title chore: testing refactor events feat!: v5 Sep 20, 2025
@alvarosabu alvarosabu merged commit 9ce4cbf into main Sep 20, 2025
5 checks passed
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.

1 participant