thob-capability-map/Week-2/Task-2/thob/notes.md

Thob Builder Notes: Task 2 - Texture Switcher

Overview

Implemented a planetary texture switcher (Earth/Moon) using a RadioGroup for the UI and the built-in MaterialVariant system for texture swapping.

Visual Observations

• Texture Resolution: The builder handles texture mapping on a sphere smoothly.
• UI Interaction: Using a RadioGroup feels more natural for a configurator pattern compared to a single toggle button.

Technical Observations (Console Logs)

During development in the builder, several warnings and errors were observed:

• 404 Errors: GET https://builder.thob.studio/builder/... 404 (Not Found).
• Method Registration: GetBindingData... method already registered. This appears repeatedly in the logs during the preview phase.
• Hydration Warnings: No HydrateFallback element provided to render during initial hydration.
• Component State: undefined is changing from uncontrolled to controlled. This suggests a potential issue in how the builder manages internal component state when switching variants via RadioGroup.

Builder Workflow

• Node Hierarchy: The UI was structured using a RadioGroup -> For loop -> RadioGroupItem layout, demonstrating high-level UI component support in the builder.
• State Linking: Connecting the RadioGroup selection to the MaterialVariant property was straightforward in the properties panel.

Conclusion

The Thob Builder's RadioGroup component is a strong candidate for professional configurators. The process of linking textures to UI elements is intuitive and requires zero code. However, the runtime console warnings should be investigated to ensure production stability.