This algorithm returns the points that form an orthogonal path between two rectangles.
// Define shapes
const shapeA = {left: 50, top: 50, width: 100, height: 100};
const shapeB = {left: 200, top: 200, width: 50, height: 100};
Michael Klein LevelbossMike
LevelbossMike
/ machine.js
Created
November 22, 2022 10:07
Generated by XState Viz: https://xstate.js.org/viz
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Available variables: | |
| // - Machine | |
| // - interpret | |
| // - assign | |
| // - send | |
| // - sendParent | |
| // - spawn | |
| // - raise | |
| // - actions |
LevelbossMike
/ machine.js
Last active
November 22, 2022 09:58
Generated by XState Viz: https://xstate.js.org/viz
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Available variables: | |
| // - Machine | |
| // - interpret | |
| // - assign | |
| // - send | |
| // - sendParent | |
| // - spawn | |
| // - raise | |
| // - actions |
LevelbossMike
/ machine.js
Created
August 12, 2022 11:59
Editior machine - for statechart visualizer
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Machine({ | |
| id: 'editor', | |
| type: 'parallel', | |
| states: { | |
| selection: { | |
| initial: 'idle', | |
| states: { | |
| idle: { | |
| on: { | |
| SELECT: { |
LevelbossMike
/ machine.js
Created
August 9, 2022 12:50
Generated by XState Viz: https://xstate.js.org/viz
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Available variables: | |
| // - Machine | |
| // - interpret | |
| // - assign | |
| // - send | |
| // - sendParent | |
| // - spawn | |
| // - raise | |
| // - actions |
LevelbossMike
/ README.md
Created
July 29, 2022 14:15
— forked from jose-mdz/README.md
Orthogonal Diagram Connector
LevelbossMike
/ components.child-machine\.js
Created
January 4, 2022 12:55
— forked from akfernun/components.child-machine\.js
Child components
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 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
/ machine.js
Created
August 18, 2021 08:21
Generated by XState Viz: https://xstate.js.org/viz
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Available variables: | |
| // - Machine | |
| // - interpret | |
| // - assign | |
| // - send | |
| // - sendParent | |
| // - spawn | |
| // - raise | |
| // - actions |
LevelbossMike
/ machine.js
Created
July 14, 2021 11:20
Generated by XState Viz: https://xstate.js.org/viz
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Machine({ | |
| initial: 'pageA', | |
| states: { | |
| pageA: { | |
| initial: 'unknown', | |
| states: { | |
| unknown: { | |
| on: { | |
| '': [ |
LevelbossMike
/ machine.js
Created
May 13, 2021 14:09
Generated by XState Viz: https://xstate.js.org/viz
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Available variables: | |
| // - Machine | |
| // - interpret | |
| // - assign | |
| // - send | |
| // - sendParent | |
| // - spawn | |
| // - raise | |
| // - actions |
NewerOlder