diff --git a/package.json b/package.json index 3ed78f76..ccffa536 100644 --- a/package.json +++ b/package.json @@ -11,8 +11,8 @@ "@monaco-editor/react": "^4.2.1", "@supabase/supabase-js": "^1.22.5", "@xstate/graph": "^1.3.0", - "@xstate/inspect": "^0.4.1", - "@xstate/react": "^1.5.1", + "@xstate/inspect": "^0.8.0", + "@xstate/react": "^3.2.2", "date-fns": "^2.22.1", "elkjs": "^0.7.1", "framer-motion": "^4", @@ -31,7 +31,7 @@ "sha3": "^2.1.4", "web-vitals": "^1.0.1", "web-worker": "^1.0.0", - "xstate": "^4.26.0" + "xstate": "^4.38.2" }, "scripts": { "start": "next -p 3000", @@ -72,7 +72,7 @@ "@types/react-dom": "^17.0.5", "babel-jest": "^27.0.6", "cypress": "^8.0.0", - "cypress-localstorage-commands": "^1.5.0", + "cypress-localstorage-commands": "^2.2.3", "cypress-real-events": "^1.5.0", "identity-obj-proxy": "3.0.0", "jest": "^27.0.6", @@ -80,5 +80,8 @@ "prettier": "^2.3.2", "sass": "^1.33.0", "typescript": "^4.3.5" + }, + "volta": { + "node": "16.20.1" } } diff --git a/src/ActionViz.tsx b/src/ActionViz.tsx index bc61bd69..5e139c09 100644 --- a/src/ActionViz.tsx +++ b/src/ActionViz.tsx @@ -62,11 +62,16 @@ export const ActionType: React.FC<{ title?: string }> = ({ }; export const RaiseActionLabel: React.FC<{ - action: PotentiallyStructurallyCloned>; + action: PotentiallyStructurallyCloned>; }> = ({ action }) => { + const eventType = + typeof action.event === 'object' && action.event !== null + ? action.event.type ?? unknown + : `${action.event}`; + return ( - raise {action.event} + raise {eventType} ); }; @@ -120,7 +125,7 @@ export const LogActionLabel: React.FC<{ }; export const CancelActionLabel: React.FC<{ - action: PotentiallyStructurallyCloned; + action: PotentiallyStructurallyCloned>; }> = ({ action }) => { return ( @@ -200,7 +205,7 @@ export const ActionViz: React.FC<{ } /> ), [ActionTypes.Raise]: ( - } /> + } /> ), [ActionTypes.Send]: ( } /> @@ -208,7 +213,9 @@ export const ActionViz: React.FC<{ [ActionTypes.Log]: ( } /> ), - [ActionTypes.Cancel]: , + [ActionTypes.Cancel]: ( + } /> + ), [ActionTypes.Stop]: ( } /> ), diff --git a/yarn.lock b/yarn.lock index ccbc8591..3bbc35e6 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2013,20 +2013,20 @@ resolved "https://registry.yarnpkg.com/@xstate/graph/-/graph-1.3.0.tgz#710a7f24a86c81ff27d6cc6766102a15f3b23f7b" integrity sha512-/gPDHcXvNm+DY0Cw+wHVza+6eebmqji6u5rEYKOIAUWuAFBn7svVY6VxtRnWnjGl9B3rHTioenV0ELH8GzK3eA== -"@xstate/inspect@^0.4.1": - version "0.4.1" - resolved "https://registry.yarnpkg.com/@xstate/inspect/-/inspect-0.4.1.tgz#6b00b945c03280a333de8ddf10e91830c361052d" - integrity sha512-tcGBUCVymP8ij0K2fXZckrwrQkmNJL1DgQAM0eSILQKb8iBDN3GeqhYkNCS4HP29EzF2TZL0+k74FPWKaU9Fhw== +"@xstate/inspect@^0.8.0": + version "0.8.0" + resolved "https://registry.yarnpkg.com/@xstate/inspect/-/inspect-0.8.0.tgz#f99d3706cd823d4922c47ce4f4376eecac502cc7" + integrity sha512-wSkFeOnp+7dhn+zTThO0M4D2FEqZN9lGIWowJu5JLa2ojjtlzRwK8SkjcHZ4rLX8VnMev7kGjgQLrGs8kxy+hw== dependencies: - fast-safe-stringify "^2.0.7" + fast-safe-stringify "^2.1.1" -"@xstate/react@^1.5.1": - version "1.5.1" - resolved "https://registry.yarnpkg.com/@xstate/react/-/react-1.5.1.tgz#60817e60e54e338b8e7c3e51bfa4cd3babebdc7d" - integrity sha512-DJHDqDlZHus08X98uMJw4KR17FRWBXLHMQ02YRxx0DMm5VLn75VwGyt4tXdlNZHQWjyk++C5c9Ichq3PdmM3og== +"@xstate/react@^3.2.2": + version "3.2.2" + resolved "https://registry.yarnpkg.com/@xstate/react/-/react-3.2.2.tgz#ddf0f9d75e2c19375b1e1b7335e72cb99762aed8" + integrity sha512-feghXWLedyq8JeL13yda3XnHPZKwYDN5HPBLykpLeuNpr9178tQd2/3d0NrH6gSd0sG5mLuLeuD+ck830fgzLQ== dependencies: - use-isomorphic-layout-effect "^1.0.0" - use-subscription "^1.3.0" + use-isomorphic-layout-effect "^1.1.2" + use-sync-external-store "^1.0.0" "@yarnpkg/lockfile@^1.1.0": version "1.1.0" @@ -3125,10 +3125,10 @@ csv@^5.3.1: csv-stringify "^5.6.2" stream-transform "^2.1.0" -cypress-localstorage-commands@^1.5.0: - version "1.5.0" - resolved "https://registry.yarnpkg.com/cypress-localstorage-commands/-/cypress-localstorage-commands-1.5.0.tgz#53d67c1ce491dcbe39794151749b943227e65cd7" - integrity sha512-gl1uKeviYdyJG4dLcZ9hfoUjLciwkkfbaQ3gvRtmipsPxC612ZBJhSjbunnJcUGwkryaM+82VrY9ij0tLSg7LA== +cypress-localstorage-commands@^2.2.3: + version "2.2.3" + resolved "https://registry.yarnpkg.com/cypress-localstorage-commands/-/cypress-localstorage-commands-2.2.3.tgz#ef5b736226b8316b7d948e30bc4b94a157cfa025" + integrity sha512-EUEaHzbstw9AsEheIqr+RyXuxIzUS64nBBwl+Q4/mSdzfXpfcaV1nrHF+6H9zbTuFVTc+oWu6eC1l8aSjiWW6w== cypress-real-events@^1.5.0: version "1.5.0" @@ -3727,10 +3727,10 @@ fast-levenshtein@~2.0.6: resolved "https://registry.yarnpkg.com/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz#3d8a5c66883a16a30ca8643e851f19baa7797917" integrity sha1-PYpcZog6FqMMqGQ+hR8Zuqd5eRc= -fast-safe-stringify@^2.0.7: - version "2.0.7" - resolved "https://registry.yarnpkg.com/fast-safe-stringify/-/fast-safe-stringify-2.0.7.tgz#124aa885899261f68aedb42a7c080de9da608743" - integrity sha512-Utm6CdzT+6xsDk2m8S6uL8VHxNwI6Jub+e9NYTcAms28T84pTa25GJQV9j0CY0N1rM8hK4x6grpF2BQf+2qwVA== +fast-safe-stringify@^2.1.1: + version "2.1.1" + resolved "https://registry.yarnpkg.com/fast-safe-stringify/-/fast-safe-stringify-2.1.1.tgz#c406a83b6e70d9e35ce3b30a81141df30aeba884" + integrity sha512-W+KJc2dmILlPplD/H4K9l9LcAHAfPtP6BY84uVLXQ6Evcz9Lcg33Y2z1IVblT6xdY54PXYVHEv+0Wpq8Io6zkA== fastq@^1.6.0: version "1.10.1" @@ -7531,6 +7531,11 @@ use-isomorphic-layout-effect@^1.0.0: resolved "https://registry.yarnpkg.com/use-isomorphic-layout-effect/-/use-isomorphic-layout-effect-1.1.1.tgz#7bb6589170cd2987a152042f9084f9effb75c225" integrity sha512-L7Evj8FGcwo/wpbv/qvSfrkHFtOpCzvM5yl2KVyDJoylVuSvzphiiasmjgQPttIGBAy2WKiBNR98q8w7PiNgKQ== +use-isomorphic-layout-effect@^1.1.2: + version "1.1.2" + resolved "https://registry.yarnpkg.com/use-isomorphic-layout-effect/-/use-isomorphic-layout-effect-1.1.2.tgz#497cefb13d863d687b08477d9e5a164ad8c1a6fb" + integrity sha512-49L8yCO3iGT/ZF9QttjwLF/ZD9Iwto5LnH5LmEdk/6cFmXddqi2ulF0edxTwjj+7mqvpVVGQWvbXZdn32wRSHA== + use-latest@^1.0.0: version "1.2.0" resolved "https://registry.yarnpkg.com/use-latest/-/use-latest-1.2.0.tgz#a44f6572b8288e0972ec411bdd0840ada366f232" @@ -7546,13 +7551,18 @@ use-sidecar@^1.0.1: detect-node-es "^1.1.0" tslib "^1.9.3" -use-subscription@1.5.1, use-subscription@^1.3.0: +use-subscription@1.5.1: version "1.5.1" resolved "https://registry.yarnpkg.com/use-subscription/-/use-subscription-1.5.1.tgz#73501107f02fad84c6dd57965beb0b75c68c42d1" integrity sha512-Xv2a1P/yReAjAbhylMfFplFKj9GssgTwN7RlcTxBujFQcloStWNDQdc4g4NRWH9xS4i/FDk04vQBptAXoF3VcA== dependencies: object-assign "^4.1.1" +use-sync-external-store@^1.0.0: + version "1.2.0" + resolved "https://registry.yarnpkg.com/use-sync-external-store/-/use-sync-external-store-1.2.0.tgz#7dbefd6ef3fe4e767a0cf5d7287aacfb5846928a" + integrity sha512-eEgnFxGQ1Ife9bzYs6VLi8/4X6CObHMw9Qr9tPY43iKwsPw8xE8+EFsf/2cFZ5S3esXgpWgtSCtLNS41F+sKPA== + utf-8-validate@^5.0.2: version "5.0.10" resolved "https://registry.yarnpkg.com/utf-8-validate/-/utf-8-validate-5.0.10.tgz#d7d10ea39318171ca982718b6b96a8d2442571a2" @@ -7880,10 +7890,10 @@ xmlchars@^2.2.0: resolved "https://registry.yarnpkg.com/xmlchars/-/xmlchars-2.2.0.tgz#060fe1bcb7f9c76fe2a17db86a9bc3ab894210cb" integrity sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw== -xstate@^4.26.0: - version "4.26.0" - resolved "https://registry.yarnpkg.com/xstate/-/xstate-4.26.0.tgz#aea3c94b6df57729f55d3d2b83ab9d21801ad24e" - integrity sha512-l0tfRBhVYM17D6IWT4pVOzzN9kY/5lnPWCe4LXjJ3F9HCrJOPBn6tPRAb9mapSRBS8cOeByJFDCRSNopgaoC5w== +xstate@^4.38.2: + version "4.38.2" + resolved "https://registry.yarnpkg.com/xstate/-/xstate-4.38.2.tgz#1b74544fc9c8c6c713ba77f81c6017e65aa89804" + integrity sha512-Fba/DwEPDLneHT3tbJ9F3zafbQXszOlyCJyQqqdzmtlY/cwE2th462KK48yaANf98jHlP6lJvxfNtN0LFKXPQg== xtend@^4.0.0, xtend@^4.0.2: version "4.0.2"