Need standaloneflow example

[aboyer1013]

I'm struggling with how to correctly use standaloneflow. I couldn't find anything in the docs. Essentially, I want to call a standaloneflow function within another @modelFlow method.

Is this okay to use? Would like an example that is TS friendly. Appreciate the help!

Code Sandbox example

import {
  _async,
  _await,
  model,
  Model,
  modelFlow,
  idProp,
  standaloneFlow
} from "mobx-keystone";
import axios from "axios";

console.clear();

const fetchData = standaloneFlow("actions/fetchData", function* (target) {
  console.log("start standloneflow");
  const promise = yield* _await(axios.get("https://catfact.ninja/fact"));

  console.log("promise", promise);
  yield* _await(promise);
});

@model("RootModel")
class RootModel extends Model({ id: idProp }) {
  @modelFlow
  fetchCatFacts = _async(function* (this: RootModel) {
    // I want to call standaloneflow function "fetchData" within this method and do more stuff after.
    const foo = yield* fetchData(this);

    // Why is foo undefined?
    console.log("foo", foo);
  });
}

const root = new RootModel({});

root.fetchCatFacts();

[xaviergonz]

The typings were wrong, I just published v0.69.8 with a fix.

Hopefully the following test can give you an insight on how to do it:

test("standaloneFlow", async () => {
  @model("standaloneFlow/Data")
  class DataModel extends Model({ x: prop(0) }) {
    @modelFlow
    fetchX = _async(function* (this: DataModel, y: number) {
      const data = this.x + y
      const flowResult = yield* _await(fetchData(this, y))
      assert(flowResult, _ as number)
      expect(flowResult).toBe(data)
      return flowResult
    })
  }

  const fetchData = standaloneFlow("actions/fetchData", function* (target: DataModel, y: number) {
    const data = target.x + y

    const promiseResult = yield* _await(Promise.resolve(data))
    assert(promiseResult, _ as number)
    expect(promiseResult).toBe(data)
    return promiseResult
  })

  assert(fetchData, _ as (target: DataModel, y: number) => Promise<number>)

  const root = new DataModel({})

  const pr = fetchData(root, 3)
  assert(pr, _ as Promise<number>)
  const r = await pr
  assert(r, _ as number)
  expect(r).toBe(3)

  const pr2 = root.fetchX(4)
  assert(pr2, _ as Promise<number>)
  const r2 = await pr2
  assert(r2, _ as number)
  expect(r2).toBe(4)
})

[aboyer1013]

This is exactly what I needed. Thank you for clarifying. I appreciate the help :)