jsmm is a proof of concept vscode extension for creating and editing mind maps. For now, it supports simple interactive editing.
Create json documents with custom schema (.jsmm) and edit it interactively.
Mind map elements
- Add
- Update
- Delete
- Modify element style
You can configure styles in the configuration file. They will be availabe in the visusal editor. You can also set hotkey for style activation. Edit the "jsmm.definedStyles" section :
sample settings.json section:
{
"jsmm.definedStyles": [
{
"name": "Predefined style 1",
"backgroundColor": "green",
"fontColor": "red",
"fontSize": 23,
"margin": {
"bottom": 10,
"left": 10,
"right": 10,
"top": 20
},
"rx": 10,
"strokeColor": "#0000FF",
"strokeWidth": "2",
"hotkey" : "ctrl+alt+1"
},
{
"name": "Predefined style 2",
"backgroundColor": "blue",
"fontColor": "white",
"fontSize": 12,
"margin": {
"bottom": 5,
"left": 5,
"right": 5,
"top": 5
},
"rx": 5,
"strokeColor": "#black",
"hotkey" : "ctrl+alt+2"
}
]
}
Then in the visual editor you have the following avaliable styles:
Create file with .jsmm extension, json schema will be used and prompted. User button in the toolbar or command "Open jsmm view" to toggle interactive editing.
Added style hotkeys functionality, each style defined in config may have hotkey propery, which allows setting this style for the current element by pressing hotkey.
Added basic node style support: background color, border color, border width, font color, font size. Child nodes inherit parent's node style. You can configure predefined node styles in config.
Small usability improvements : arrow key navigation (default keybindings: left, right, top, bottom), cancel editing command (default keybinding : escape), edit current node command (default keybinding: f2)
Added vscode commands: js mind map: add child (default keybinding ctrl+enter),js mind map: add sibiling (default keybinding shift+enter), js mind map:remove (default keybinding delete)
Initial release of jsmm