danpersa / ascii-diag Goto Github PK

Add line style for boxes

• Come up with a JSON format in which a diagram can be exported
• Be able to export a diagram to JSON format
• Be able to import a diagram from JSON format

• Create a popup where the text of the diagram will be shown
• Give the possibility to download the file

Force the iPad keyboard to appear when exiting text. Some ideas here

• Create a parser which can take as input a text file representing a diagram and output an array of Shapes

• Update the UI with e feature to import an ASCII diagram

• Parse boxes, text, connectors with the default style

• Parse connectors with arrows

• Parse connectors with dashed and dotted lines

• Parse boxes with rounded corners

• Parse boxes with dashed and dotted lines

https://medium.com/@ollelauribostr/start-measuring-coverage-with-jest-travis-ci-and-coveralls-1867928aca42

• Create the travis file
• Enable in travis
• Add badge to readme

Add button to delete the currently selected shape, to make the app more touch friendly

Steps:

• Create a new text
• Write a few chars
• Change to a new tool
• The text is not saved

Whenever we select a connector, a properties section should be shown in the toolbar.
This section should allow to select the start tip of the connector and the end tip of the connector

After creating a text and selecting it, a drag and move anchor is shown.
When dragging from the top left side of the anchor, instead of the text getting moved, the text gets deselected

In order to make an arrow touch a box when rendered to SVG, the arrow tip the diagram has to overlap the box.

The correct behavior is that the arrow tip should only touch the box, not overlap it.

Make the Handlers for moving de resizing the shapes a little big bigger, to make them more touch friendly

Rationale: Not all connectors are arrows. We should be able to have connectors without a tip.

Don't use functions in react components, as they are called on every render.

Examples of functions which are called too many times:

isConnectorToolButtonSelected
isSelectToolButtonSelected
isTextToolButtonSelected
isBoxToolButtonSelected
shouldShowBoxOptions
shouldShowConnectorOptions

Instead

Right now, a connector is described by two points and a direction.
This is not accurate enough. As it is ambiguous and interpretable.
The problem was discovered when trying to parse a diagram.
The connector should be described by three points.