Code Monkey home page Code Monkey logo

jsmm's Introduction

jsmm README

jsmm is a proof of concept vscode extension for creating and editing mind maps. For now, it supports simple interactive editing. jsmm edit demo

Features

Create json documents with custom schema (.jsmm) and edit it interactively.
Mind map elements

  • Add
  • Update
  • Delete
  • Modify element style

Configuration

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:

Usage

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.

Release Notes

[0.3.1]

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.

0.3.0

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.

0.2.1

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)

0.2.0

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)

0.1.0

Initial release of jsmm

jsmm's People

Contributors

borsh avatar

Stargazers

datang avatar  avatar LaDzy avatar  avatar kishan avatar  avatar KagenoMoheji avatar itmisx avatar Alessandro Aresta avatar Shawn avatar  avatar LessAlpha avatar  avatar Huang Fusyong avatar

Watchers

Dave Walker avatar  avatar  avatar

Forkers

kayodebristol

jsmm's Issues

Map view disappears after editing source json

First of all, great tool, very promising!

Then, issue: map view disappears after editing and saving source json.
Steps:

  1. Create new .jsmm file
  2. Open map view
  3. Change any field in json file
  4. Map disappears and never coming back

image

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.