Giter VIP home page Giter VIP logo

Comments (9)

carlos-sonatafy avatar carlos-sonatafy commented on September 27, 2024 1

@davidkpiano I mean, I understand that portion - and I know my knowledge about statecharts is lesser than yours - but it kind of doesn't make sense.

If we're talking about an action that executes while entering a state, shouldn't said action be able to consult the statechart's active state?

And if that holds true, shouldn't the active state (value) be the same state it was entered and not the one before transitioning?

from xstate.

davidkpiano avatar davidkpiano commented on September 27, 2024 1

@crls-dray Would you want something like this?

// PSEUDOCODE
const myAction = assign(({ stateNode }) => {
  console.log(stateNode.id); // e.g. "someMachine.loading"

  return {};
})

from xstate.

davidkpiano avatar davidkpiano commented on September 27, 2024

This is working as expected. The snapshot isn't committed until all of the actions have been executed.

from xstate.

carlos-sonatafy avatar carlos-sonatafy commented on September 27, 2024

Yes, that might work - not sure how'd that translate for parallel states, that's why I thought the actual value would be the same as the snapshot.value. I'm not using parallel states, just mentioning it.


My use-case is that I have an action which is loading some data into the context, and such data is active-state specific.

The statechart is being defined in Stately Studio, the main purpose is to allow non-dev coworkers of mine to model the statechart with minimal overhead due to implementation specifics - thus why I can take away the implementation specifics if I'm able to load the info based on the current/active state.

from xstate.

carlosbensant avatar carlosbensant commented on September 27, 2024

I have the same use case as @cris-dray. I have a state property in my context loadingStatus.text that I want to be updated every time a state transition occurs.

from xstate.

carlosbensant avatar carlosbensant commented on September 27, 2024

Based on vck3000's response, I can see this has been the current implementation for a long while, I would like to understand but it doesn't make sense as for me, anytime you add an entry action property to a state, we expect it to match the current state value where the action is placed.

from xstate.

carlosbensant avatar carlosbensant commented on September 27, 2024

My current implementation looks like this but I have plenty of actions and state transitions (to notify the user, to update timestamp, etc):

import { setup, assign } from 'xstate';

const createDogMachine = (contextFromDB) => {
  return setup({
    actions: {
      updateContext: assign({
        state: (_, params) => params.state,
      }),
    }
  }).createMachine({
    id: 'dog',
    initial: contextFromDB.state || 'asleep',
    context: contextFromDB,
    states: {
      asleep: {
        entry: [
          {
            type: 'updateContext',
            params: {
              state: 'asleep', // current state
            }
          }
        ],
        on: {
          'wakes up': 'awake',
        }
      },
      awake: {
        entry: [
          {
            type: 'updateContext',
            params: {
              state: 'awake', // current state
            }
          }
        ],
        on: {
          'falls asleep': 'asleep',
        }
      },
      //...
    }
  });
}

gist: https://gist.github.com/carlosbensant/21adcd22373d16f1388f283a9b53a17f

from xstate.

davidkpiano avatar davidkpiano commented on September 27, 2024

cc. @Andarist - I know that you had opinions/thoughts on this

from xstate.

Andarist avatar Andarist commented on September 27, 2024

I think giving the user access to the state node that triggers the action would be nice, something like in #4217

from xstate.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.