logic-runtime-react-z 3.1.3 → 3.1.5

package/README.md

@@ -90,6 +90,11 @@ const counterLogic = createLogic({
       })
     })
   },
+  actions: {
+    add({ emit }) {
+      return (n: number) => emit("add", n)
+    }
+  },
 })
 
 async function main() {
@@ -144,22 +149,27 @@ You have **2 integration styles**:
 Keeps view pure and declarative.
 
 ```tsx
+// full see: LIVE EXAMPLE
 import { withLogic, LogicViewProps } from "logic-runtime-react-z"
 import { counterLogic } from "./counter.logic"
 
+interface MyProps {}
+
 type CounterInjected =
-  LogicViewProps<typeof counterLogic>
+  LogicViewProps<typeof counterLogic> & MyProps
 
-const CounterView = ({ state, computed, intent }: LogicViewProps) => {
+const CounterView = ({ state, actions, emit }: LogicViewProps) => {
+  // actions and emit => same emit (update state)
   return (
     <div>
       <h2>Count: {state.count}</h2>
-      <p>Double: {computed.double}</p>
-      <p>Triple: {computed.triple}</p>
+      <p>Double: {state.double}</p>
+      <p>Triple: {state.triple}</p>
 
-      <button onClick={() => intent("inc")}>+</button>
-      <button onClick={() => intent("dec")}>-</button>
-      <button onClick={() => intent("asyncInc")}>
+      <button onClick={() => emit("inc")}>+</button>
+      <button onClick={() => emit("dec")}>-</button>
+      <button onClick={() => actions.add(10)}>+10 (action)</button>
+      <button onClick={() => emit("asyncInc")}>
         {state.loading ? "Loading..." : "Async +"}
       </button>
     </div>
@@ -188,17 +198,17 @@ import { useLogic } from "logic-runtime-react-z"
 import { counterLogic } from "./counter.logic"
 
 export function Counter() {
-  const { state, computed, intent } = useLogic(counterLogic)
+  const { state, actions, emit } = useLogic(counterLogic)
 
   return (
     <div>
       <h2>Count: {state.count}</h2>
-      <p>Double: {computed.double}</p>
-      <p>Triple: {computed.triple}</p>
+      <p>Double: {state.double}</p>
+      <p>Triple: {state.triple}</p>
 
-      <button onClick={() => intent("inc")}>+</button>
-      <button onClick={() => intent("dec")}>-</button>
-      <button onClick={() => intent("asyncInc")}>
+      <button onClick={() => emit("inc")}>+</button>
+      <button onClick={() => emit("dec")}>-</button>
+      <button onClick={() => emit("asyncInc")}>
         {state.loading ? "Loading..." : "Async +"}
       </button>
     </div>
@@ -271,7 +281,7 @@ async function run() {
   await runtime.emit("login")
   await runtime.emit("logout")
 
-  console.log(runtime.getSnapshot())
+  console.log(runtime.state)
 }
 
 run()
@@ -306,7 +316,7 @@ const logic = createLogic({
 const runtime = logic.create()
 
 await runtime.emit("set", 4)
-expect(runtime.computed.squared).toBe(16)
+expect(runtime.state.squared).toBe(16)
 ```
 
 ---

package/build/logic/createLogic.d.ts

@@ -17,7 +17,7 @@ export declare function createLogic<S extends object, C extends ComputedDef<S>,
 }) => (...args: any[]) => any>>(config: {
     name?: string;
     state: S;
-    computed: C;
+    computed?: C;
     intents?: (bus: {
         on: LogicRuntime<S, C, any>["onIntent"];
         effect: (type: string, eff: EffectDef) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "logic-runtime-react-z",
-  "version": "3.1.3",
+  "version": "3.1.5",
   "description": "Intent-first business logic runtime. Deterministic, headless, and framework-agnostic.",
   "license": "MIT",
   "author": "Delpi.Kye",