Generated by XState Viz: https://xstate.js.org/viz

machine.js

const m = Machine({
    "id": "highlight",
    "type": "parallel",
    "states": {
        "HLAttachment": {
            "id": "HLAttachment",
            "initial": "unattached",
            "states": {
                "unattached": {
                    "id": "unattached",
                    "on": {
                        "ATTACH_HL_SO": {
                            "target": "#attachedToSO"
                        },
                        "ATTACH_TO_TO": {
                            "target": "#attachedToTO"
                        }
                    },
                    "states": {}
                },
                "attachedToSO": {
                    "id": "attachedToSO",
                    "type": "parallel",
                    "on": {
                        "DETACH": {
                            "target": "#unattached"
                        }
                    },
                    "states": {
                        "HL_AIs": {
                            "id": "HL_AIs",
                            "initial": "yellow",
                            "states": {
                                "yellow": {
                                    "id": "yellow",
                                    "on": {
                                        "": [
                                            {
                                                "target": "#green",
                                                "in": "#hasAIs"
                                            }
                                        ]
                                    },
                                    "states": {}
                                },
                                "green": {
                                    "id": "green",
                                    "on": {
                                        "": [
                                            {
                                                "target": "#yellow",
                                                "in": "#noAIs"
                                            }
                                        ]
                                    },
                                    "states": {}
                                }
                            }
                        },
                        "HL_Comment": {
                            "id": "HL_Comment",
                            "initial": "no_underline",
                            "states": {
                                "underlined": {
                                    "id": "underlined",
                                    "on": {
                                        "": [
                                            {
                                                "target": "#no_underline",
                                                "in": "#noComments"
                                            }
                                        ]
                                    },
                                    "states": {}
                                },
                                "no_underline": {
                                    "id": "no_underline",
                                    "on": {
                                        "": [
                                            {
                                                "target": "#underlined",
                                                "in": "#hasComments"
                                            }
                                        ]
                                    },
                                    "states": {}
                                }
                            }
                        }
                    }
                },
                "attachedToTO": {
                    "on": {
                        "DETACH": {
                            "target": "#unattached"
                        }
                    },
                    "id": "attachedToTO",
                    "states": {}
                }
            }
        },
        "studyObjectAIs": {
            "id": "studyObjectAIs",
            "initial": "noAIs",
            "states": {
                "noAIs": {
                    "id": "noAIs",
                    "on": {
                        "SO_GOT_AI": {
                            "target": "#hasAIs"
                        }
                    },
                    "states": {}
                },
                "hasAIs": {
                    "id": "hasAIs",
                    "on": {
                        "SO_CLEARED_AIS": {
                            "target": "#noAIs"
                        }
                    },
                    "states": {}
                }
            }
        },
        "studyObjectComments": {
            "id": "studyObjectComments",
            "initial": "noComments",
            "states": {
                "noComments": {
                    "on": {
                        "SO_GOT_COMMENT": {
                            "target": "#hasComments"
                        }
                    },
                    "id": "noComments",
                    "states": {}
                },
                "hasComments": {
                    "id": "hasComments",
                    "states": {}
                }
            }
        }
    }
})