Skip to content

JsonTree.js v2.7.0 - GUID type support! Full-screen mode! Navigation keys! General improvements, UI updates, and fixes!
Compare
Choose a tag to compare
@williamtroup williamtroup released this 21 Aug 22:06
· 554 commits to main since this release
2.7.0
e0f4f13
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Learn about vigilant mode.

New Features:

  • Added GUID type support!
  • Color type support is now implemented fully!
  • Allow editing can now be set for specific object types, instead of all of them!
  • Added navigation shortcut key support (when only one instance is created in the UI)!
  • Added full-screen support!

Navigation Shortcut Keys:

  • Added "Left" key support, which will move back a page (if arrays are paged).
  • Added "Right" key support, which will move a page forward (if arrays are paged).
  • I added "Down" key support, which will open all the nodes on the display.
  • Added "Up" key support, which will close all the nodes on the display.

Binding Options:

  • Added a new binding option called "ignore.guidValues" (defaults to false), which states if GUID values should be ignored.
  • Added a new binding option called "ignore.colorValues" (defaults to false), which states if color values should be ignored.
  • Removed the binding option "showStringHexColors" (not needed anymore).
  • BREAKING: The binding option "allowEditing" now allows you to state which object types you can edit (for example, allowEditing.booleanValues).
  • Added a new binding option called "allowEditing.booleanValues" (defaults to true), which states if boolean values can be edited.
  • Added a new binding option called "allowEditing.decimalValues" (defaults to true), which states if decimal values can be edited.
  • Added a new binding option called "allowEditing.numberValues" (defaults to true), which states if number values can be edited.
  • Added a new binding option called "allowEditing.stringValues" (defaults to true), which states if string values can be edited.
  • Added a new binding option called "allowEditing.dateValues" (defaults to true), which states if date values can be edited.
  • Added a new binding option called "allowEditing.bigIntValues" (defaults to true), which states if big int values can be edited.
  • Added a new binding option called "allowEditing.guidValues" (defaults to true), which states if GUID values can be edited.
  • Added a new binding option called "allowEditing.colorValues" (defaults to true), which states if color values can be edited.
  • Added a new binding option called "includeTimeZoneInDateTimeEditing" (defaults to true), which states if editing a date/time should include the timezone information.
  • Added a new binding option called "openInFullScreenMode" (defaults to false), which states if the UI should be shown in full-screen mode.
  • Added a new binding option called "enableFullScreenToggling" (defaults to true), which states if full-screen toggling is enabled (double-clicking the title bar).

Binding Options - Custom Triggers:

  • Added a new binding option custom trigger called "onGuidRender", which fires an event when a GUID value is rendered (allow element render overrides).
  • Added a new binding option custom trigger called "onColorRender", which fires an event when a color value is rendered (allow element render overrides).

UI Improvements:

  • The title bar now has a new style, which helps to separate it from the rest of the control.

General Improvements:

  • The GUIDs generated now used the "crypto.randomUUID()" instead of the custom-built one (this is now RFC4122-compliant).
  • Improved the event assignments, which are now single lines.
Assets 2
Loading