LevelbossMike

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

LevelbossMike

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

LevelbossMike

Machine({
  id: 'editor',
  type: 'parallel',
  states: {
    selection: {
      initial: 'idle',
      states: {
        idle: {
          on: {
            SELECT: {

LevelbossMike

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

LevelbossMike

Orthogonal Connectors

This algorithm returns the points that form an orthogonal path between two rectangles.

How to Use

// Define shapes
const shapeA = {left: 50,  top: 50, width: 100, height: 100};
const shapeB = {left: 200, top: 200, width: 50, height: 100};

LevelbossMike

import Component from '@glimmer/component';
import { action } from '@ember/object';

export default class extends Component {
  get context() {
    return JSON.stringify(this.args.machine.machine.context)
  }
  
  @action
  updateContext() {

LevelbossMike

import Component from '@glimmer/component';

export default class extends Component {
}

LevelbossMike

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

LevelbossMike

Machine({
  initial: 'pageA',
  states: {
    pageA: {
      initial: 'unknown',
      states: {
        unknown: {
          on: {
            '': [

LevelbossMike

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions