@doeixd/machine 0.0.23 → 1.0.2

package/dist/esm/development/react.js

@@ -1,3 +1,29 @@
+// src/internal-transitions.ts
+var TRANSITIONS_SYMBOL = Symbol.for("__machine_transitions__");
+function attachTransitions(machine, transitions) {
+  Object.defineProperty(machine, TRANSITIONS_SYMBOL, {
+    value: transitions,
+    enumerable: false,
+    configurable: false
+  });
+  return machine;
+}
+function getStoredTransitions(machine) {
+  if (!machine || typeof machine !== "object") {
+    return void 0;
+  }
+  return machine[TRANSITIONS_SYMBOL];
+}
+function snapshotOwnTransitions(source) {
+  if (!source || typeof source !== "object") {
+    return {};
+  }
+  const entries = Object.entries(source).filter(
+    ([key, value]) => key !== "context" && typeof value === "function"
+  );
+  return Object.fromEntries(entries);
+}
+
 // src/generators.ts
 function run(flow, initial) {
   const generator = flow(initial);
@@ -128,8 +154,8 @@ function guard(condition, transition, options = {}) {
     const ctx = isMachine ? this.context : this;
     const conditionResult = condition(ctx, ...args);
     if (conditionResult) {
-      const contextForTransition = isMachine ? this.context : this;
-      return transition.apply(contextForTransition, args);
+      const machineForTransition = isMachine ? this : { context: this };
+      return transition.apply(machineForTransition, args);
     } else {
       if (onFail === "throw") {
         const message = errorMessage || "Guard condition failed";
@@ -169,8 +195,8 @@ function guardAsync(condition, transition, options = {}) {
     const ctx = isMachine ? this.context : this;
     const conditionResult = await Promise.resolve(condition(ctx, ...args));
     if (conditionResult) {
-      const contextForTransition = isMachine ? this.context : this;
-      return transition.apply(contextForTransition, args);
+      const machineForTransition = isMachine ? this : { context: this };
+      return transition.apply(machineForTransition, args);
     } else {
       if (onFail === "throw") {
         const message = errorMessage || "Guard condition failed";
@@ -251,7 +277,7 @@ function createRunner(initialMachine, onChange) {
         return void 0;
       }
       return (...args) => {
-        const nextState = transition.apply(currentMachine.context, args);
+        const nextState = transition.apply(currentMachine, args);
         const nextStateWithTransitions = Object.assign(
           { context: nextState.context },
           originalTransitions
@@ -294,7 +320,7 @@ function createEnsemble(store, factories, getDiscriminant) {
         );
       }
       return (...args) => {
-        return action2.apply(currentMachine.context, args);
+        return action2.apply(currentMachine, args);
       };
     }
   });
@@ -445,7 +471,7 @@ function createMutableMachine(sharedContext, factories, getDiscriminant) {
       const transition = currentMachine[prop];
       if (typeof transition === "function") {
         return (...args) => {
-          const nextContext = transition.apply(currentMachine.context, args);
+          const nextContext = transition.apply(currentMachine, args);
           if (typeof nextContext !== "object" || nextContext === null) {
             console.warn(`[MutableMachine] Transition "${String(prop)}" did not return a valid context object. State may be inconsistent.`);
             return;
@@ -567,14 +593,14 @@ function createParallelMachine(m1, m2) {
   for (const key in transitions1) {
     const transitionFn = transitions1[key];
     combinedTransitions[key] = (...args) => {
-      const nextM1 = transitionFn.apply(m1.context, args);
+      const nextM1 = transitionFn.apply(m1, args);
       return createParallelMachine(nextM1, m2);
     };
   }
   for (const key in transitions2) {
     const transitionFn = transitions2[key];
     combinedTransitions[key] = (...args) => {
-      const nextM2 = transitionFn.apply(m2.context, args);
+      const nextM2 = transitionFn.apply(m2, args);
       return createParallelMachine(m1, nextM2);
     };
   }
@@ -1045,7 +1071,7 @@ function withTimeTravel(machine, options = {}) {
     for (const entry of transitionsToReplay) {
       const transitionFn = replayedMachine[entry.transitionName];
       if (transitionFn) {
-        replayedMachine = transitionFn.apply(replayedMachine.context, entry.args);
+        replayedMachine = transitionFn.apply(replayedMachine, entry.args);
       }
     }
     return replayedMachine;
@@ -1465,8 +1491,8 @@ function createTransition(getTransitions, transformer) {
     return createMachine(nextContext, getTransitions());
   };
 }
-function call(fn, context, ...args) {
-  return fn.apply(context, args);
+function call(fn, machine, ...args) {
+  return fn.apply(machine, args);
 }
 function bindTransitions(machine) {
   return new Proxy(machine, {
@@ -1474,7 +1500,7 @@ function bindTransitions(machine) {
       const value = target[prop];
       if (typeof value === "function") {
         return function(...args) {
-          const result = value.apply(target.context, args);
+          const result = value.apply(target, args);
           if (result && typeof result === "object" && "context" in result) {
             return bindTransitions(result);
           }
@@ -1499,7 +1525,7 @@ var BoundMachine = class _BoundMachine {
         const value = this.wrappedMachine[prop];
         if (typeof value === "function") {
           return (...args) => {
-            const result = value.apply(this.wrappedMachine.context, args);
+            const result = value.apply(this.wrappedMachine, args);
             if (result && typeof result === "object" && "context" in result) {
               return new _BoundMachine(result);
             }
@@ -1562,57 +1588,29 @@ function createMachine(context, fnsOrFactory) {
   if (typeof fnsOrFactory === "function") {
     let transitions2;
     const transition = (newContext) => {
-      const machine2 = createMachine(newContext, transitions2);
-      const boundTransitions2 = Object.fromEntries(
-        Object.entries(transitions2).map(([key, fn]) => [
-          key,
-          fn.bind(newContext)
-        ])
-      );
-      return Object.assign(machine2, boundTransitions2);
+      return createMachine(newContext, transitions2);
     };
     transitions2 = fnsOrFactory(transition);
-    const boundTransitions = Object.fromEntries(
-      Object.entries(transitions2).map(([key, fn]) => [
-        key,
-        fn.bind(context)
-      ])
-    );
-    return Object.assign({ context }, boundTransitions);
+    return attachTransitions(Object.assign({ context }, transitions2), transitions2);
   }
-  const transitions = "context" in fnsOrFactory ? Object.fromEntries(
-    Object.entries(fnsOrFactory).filter(([key]) => key !== "context")
-  ) : fnsOrFactory;
+  const stored = getStoredTransitions(fnsOrFactory);
+  const transitions = stored != null ? stored : "context" in fnsOrFactory ? snapshotOwnTransitions(fnsOrFactory) : fnsOrFactory;
   const machine = Object.assign({ context }, transitions);
-  return machine;
+  return attachTransitions(machine, transitions);
 }
 function createAsyncMachine(context, fnsOrFactory) {
   if (typeof fnsOrFactory === "function") {
     let transitions2;
     const transition = (newContext) => {
-      const machine2 = createAsyncMachine(newContext, transitions2);
-      const boundTransitions2 = Object.fromEntries(
-        Object.entries(transitions2).map(([key, fn]) => [
-          key,
-          fn.bind(newContext)
-        ])
-      );
-      return Object.assign(machine2, boundTransitions2);
+      return createAsyncMachine(newContext, transitions2);
     };
     transitions2 = fnsOrFactory(transition);
-    const boundTransitions = Object.fromEntries(
-      Object.entries(transitions2).map(([key, fn]) => [
-        key,
-        fn.bind(context)
-      ])
-    );
-    return Object.assign({ context }, boundTransitions);
+    return attachTransitions(Object.assign({ context }, transitions2), transitions2);
   }
-  const transitions = "context" in fnsOrFactory ? Object.fromEntries(
-    Object.entries(fnsOrFactory).filter(([key]) => key !== "context")
-  ) : fnsOrFactory;
+  const stored = getStoredTransitions(fnsOrFactory);
+  const transitions = stored != null ? stored : "context" in fnsOrFactory ? snapshotOwnTransitions(fnsOrFactory) : fnsOrFactory;
   const machine = Object.assign({ context }, transitions);
-  return machine;
+  return attachTransitions(machine, transitions);
 }
 function createMachineFactory() {
   return (transformers) => {
@@ -1631,8 +1629,10 @@ function createMachineFactory() {
   };
 }
 function setContext(machine, newContextOrFn) {
-  const { context, ...transitions } = machine;
-  const newContext = typeof newContextOrFn === "function" ? newContextOrFn(context) : newContextOrFn;
+  var _a;
+  const currentContext = machine.context;
+  const transitions = (_a = getStoredTransitions(machine)) != null ? _a : snapshotOwnTransitions(machine);
+  const newContext = typeof newContextOrFn === "function" ? newContextOrFn(currentContext) : newContextOrFn;
   return createMachine(newContext, transitions);
 }
 function overrideTransitions(machine, overrides) {
@@ -1688,7 +1688,7 @@ function runMachine(initial, onChange) {
     const controller = new AbortController();
     activeController = controller;
     try {
-      const nextStatePromise = fn.apply(current.context, [...event.args, { signal: controller.signal }]);
+      const nextStatePromise = fn.apply(current, [...event.args, { signal: controller.signal }]);
       const nextState = await nextStatePromise;
       if (controller.signal.aborted) {
         return current;
@@ -1728,8 +1728,7 @@ var MachineBase = class {
   }
 };
 function next(m, update) {
-  const { context, ...transitions } = m;
-  return createMachine(update(context), transitions);
+  return setContext(m, (ctx) => update(ctx));
 }
 
 // src/react.ts
@@ -1835,7 +1834,6 @@ function useActor(actor) {
   return useSyncExternalStore(subscribe, getSnapshot);
 }
 function useActorSelector(actor, selector, isEqual = Object.is) {
-  const subscribe = useMemo(() => actor.subscribe.bind(actor), [actor]);
   const getSnapshot = useMemo(() => actor.getSnapshot.bind(actor), [actor]);
   const getSelection = () => selector(getSnapshot());
   const [selection, setSelection] = useState(getSelection);