sweetgum
v0.0.2
Published
A fast, canvas-rendered json tree viewer
Downloads
1
Readme
Sweetgum
Sweetgum is a fast, canvas-rendered json tree viewer.
Usage
` //
const ctx = document.getElementById('canvas').getContext('2d'); ctx.canvas.focus();
const data = {a:'foo',b:[{a:'foo'},'baz'],c:['bar','baz']};
const options = { top: 20, left: 50, indent: 20, handleRadius: 5, textMargin: 15, twigHeight: 15, maxVisible: 30, font: '10pt Courier New', drawHandle: null };
const tree = new Sweetgum.Tree(ctx, data, options); `
Controls
Controls:
Space edit value
Shift+Space edit key
Ctrl+Space edit {} or [] subtree (display a large textarea with underlying text representation) (TODO)
Ctrl+C copy value to input bar (TODO)
Ctrl+Shift+C copy path to input bar (TODO)
Up Move cursor up (in display order)
Down Move cursor down (in display order)
Shift+Up Move cursor to prev sibling
Shift+Down Move cursor to next sibling
Ctrl+Up Move cursor to parent
Ctrl+Shift+Up Move cursor to root
Right Open, or move cursor to next
Left Close, or move cursor to parent
Ctrl+Right Open descendants
Ctrl+Left Close descendants
Shift+Right Open children
Shift+Left Close children
Ctrl+Shift+Right Open children and descendants
Ctrl+Shift+Left Close children and descendants
Shift+Alt+Right Open grandchildren - this conflicts with add first child
Shift+Alt+Left Close grandchildren - this conflicts with add array parent
Ctrl+Shift+Alt+Right Open grandchildren and descendants
Ctrl+Shift+Alt+Left Close grandchildren and descendants
Alt+Up Add prev sibling
Alt+Down Add next sibling
Alt+Left Add object parent
Alt+Shift+Left Add array parent - this conflicts with close grandchildren (change to Ctrl+Alt+Left)
Alt+Right Add first child - this conflicts with open grandchildren (change to Ctrl+Down)
Shift+Alt+Up Switch with prev sibling
Shift+Alt+Down Switch with next sibling
Delete Delete selected
Shift+Scroll Scroll by 1
Scroll Scroll by 10
Ctrl+Scroll Scroll by 100
Ctrl+Shift+Scroll Scroll by 1000
Ctrl+Shift+Alt+Scroll Scroll by 10000
PageUp/PageDown is equivalent to Scroll