e.g. the fraction key should be something like:

{
    type: "layout",
    value: "fraction"
}

and the number 3 could be something like:

{
    type: "number",
    value: "3"
}

If you type a +-/* sign, you cannot delete it (without pressing the undo button)

We want to allow users to start typing immediately after hitting the minus key. If we animate, we end up with the following:

factoring 2x+5-5 with both 5s selected results in 5(2x+1-1) but should result in 2x+5(1-1)

number and operation keys should always be visible

maybe an example of what the action does

make it so it always shows up at the bottom of the list, if at all

e.g. (x/2)*2 => x and 2*(x/2) => x

e.g. -(x+1)

Currently, selections only grow which makes it harder than it should be to modify the current selection.

This happens if the touchend/mouseup event doesn't occur within a glyph within the selection. The solution is to set a flag whenever an event starts a selection and then check for that flat on touchend/mouseup.

e.g.
2 - (x + 1) => 2 - x - 1
2 - (x - 1) => 2 - x - (-1)

We should allow partial selection of operations, e.g. - (x + 1)

If you change your mind after clicking "replace" the only way to escape is with an undo.

The cursor should contain the following information:

• current node
• offset within the node if it's a number

e.g. x + 1 = 5 => x + 1 / 2 = 5 / 2 should be (x + 1) / 2 = 5 / 2

for add/sub the value must be equivalent to 0, for mul/div the value must be equivalent to 1

this is because negative numbers are sometimes simply literals and other times they are literals wrapped in a negation node. :(

e.g. 5 - 5/2 => 5/2

You can select the first group and remove parenthesis from that, but you can't from the second group: http://localhost:3000/?start=(xx+1_x)-(x_1+1*1)%3D3

This is so that if a user types 2. we keep the decimal instead of dropping it when we call parseFloat on it.