Widdget Builder: Version 0.0.40 Update

The Widdget Builder continues to evolve with version 0.0.40, bringing significant enhancements to variable management, widget previews, and UI interactions.

This update introduces a new 'longtext' variable type, improved support for different input types, a tooltip system for preview buttons, and a more efficient default value handling system. Additionally, several bugs related to variable saving and UI interactions have been fixed.

Below, we outline the key updates and their impact on the Widdget Builder experience.

🆕 New Features

🔹 New 'Longtext' Variable Type

A new variable type, 'longtext', has been added, allowing for extended text content. This is especially useful for handling descriptions, multi-line text inputs, and longer textual data within widgets.

✅ Benefits:

  • Supports longer text entries without truncation.
  • Ideal for descriptions, notes, and multi-line inputs.
  • Improved flexibility in widget configuration.

🔹 Support for Different Input Types in Variable Form

The variable form now supports multiple input types, enabling developers to define variables with more specific and appropriate data entry methods.

✅ Benefits:

  • Allows for customized data entry per variable type.
  • Prevents incorrect data input, enhancing validation.
  • Improves overall data integrity and widget customization.

🔹 Tooltip System for Preview Buttons

A new tooltip system has been introduced for preview buttons, providing clearer explanations of different viewport options (mobile, tablet, laptop).

✅ Benefits:

  • Enhances usability by providing contextual help.
  • Helps users quickly understand preview controls.
  • Improves the overall user experience.

🔹 Default Template Moved to Separate File

The default widget template has been moved to a dedicated file: AddWidgetTemplate.js, streamlining the widget creation process.

✅ Benefits:

  • Enhances code organization and maintainability.
  • Allows for easier customization and scalability.
  • Improves separation of concerns in the codebase.

🔹 Automatic Initialization of Default Values on Widget Load

Widgets now automatically initialize default values when loaded, ensuring a more consistent and reliable configuration.

✅ Benefits:

  • Prevents missing or undefined values in new widgets.
  • Improves usability for developers and end-users.
  • Ensures a smooth and predictable widget setup.

🔄 Changes

🔹 Enhanced Variable Handling System

The variable system now recognizes specific types, improving how different data types are processed and managed.

✅ Benefits:

  • Increases accuracy in data validation.
  • Provides a more structured approach to variable management.
  • Enhances widget flexibility and customization.

🔹 Updated Preview System with Multi-Device Support

The widget preview system has been updated to support different viewports, including mobile, tablet, and laptop.

✅ Benefits:

  • Enables real-time testing across different screen sizes.
  • Improves widget responsiveness analysis.
  • Provides a more accurate visualization of user experiences.

🔹 Refactored SchemaVariablesTester Component

The SchemaVariablesTester component has been refactored for better type handling, improving its efficiency and maintainability.

✅ Benefits:

  • Enhances code clarity and reusability.
  • Improves error handling and debugging.
  • Ensures more accurate variable testing.

🔹 Default Values Logic Moved to EditorSidebar

Default value logic has been relocated to the EditorSidebar, ensuring a centralized and structured approach to managing widget properties.

✅ Benefits:

  • Simplifies code architecture.
  • Improves default value management.
  • Enhances scalability for future improvements.

🛠️ Bug Fixes

🐞 Fixed Default Values Not Saving to Database

A critical issue preventing default values from being saved properly in the database has been resolved.

🐞 Fixed Automatic Scroll to Active Element in Sidebar

The sidebar now automatically scrolls to the active element, ensuring better visibility and usability.

🐞 Resolved Type Issues in Variable Form

Various type-handling inconsistencies in the variable form have been addressed, improving form validation and reliability.

Share this article

You might also like