@koordinates/xstate-tree 4.1.0-beta.4 → 4.1.0-beta.5

package/lib/builders.js

@@ -122,7 +122,7 @@ export function createXStateTreeMachine(machine, options) {
     const xstateTreeMeta = {
         selectors,
         actions,
-        view: options.view,
+        View: options.View,
         slots: (_c = options.slots) !== null && _c !== void 0 ? _c : [],
     };
     machine.meta = {

package/lib/xstate-tree.d.ts

@@ -731,7 +731,7 @@ export declare type V2BuilderMeta<TMachine extends AnyStateMachine, TSelectorsOu
     selectors?: Selectors<TMachine, TSelectorsOutput>;
     actions?: Actions<TMachine, TSelectorsOutput, TActionsOutput>;
     slots?: TSlots;
-    view: View<TActionsOutput, TSelectorsOutput, TSlots>;
+    View: View<TActionsOutput, TSelectorsOutput, TSlots>;
 };
 
 /**

package/lib/xstateTree.js

@@ -165,7 +165,7 @@ export function XstateTreeView({ interpreter }) {
             const ViewV1 = interpreter.machine.meta.view;
             return (React.createElement(ViewV1, { selectors: selectorsRef.current, actions: actions, slots: slots, inState: inState }));
         case 2:
-            const ViewV2 = interpreter.machine.meta.view;
+            const ViewV2 = interpreter.machine.meta.View;
             return (React.createElement(ViewV2, { selectors: selectorsRef.current, actions: actions, slots: slots }));
         default:
             throw new Error("builderVersion not set");
@@ -199,8 +199,17 @@ export function buildRootComponent(machine, routing) {
     if (!machine.meta) {
         throw new Error("Root machine has no meta");
     }
-    if (!machine.meta.view) {
-        throw new Error("Root machine has no associated view");
+    switch (machine.meta.builderVersion) {
+        case 1:
+            if (!machine.meta.view) {
+                throw new Error("Root machine has no associated view");
+            }
+            break;
+        case 2:
+            if (!machine.meta.View) {
+                throw new Error("Root machine has no associated view");
+            }
+            break;
     }
     const RootComponent = function XstateTreeRootComponent() {
         const [_, __, interpreter] = useMachine(machine, { devTools: true });

package/package.json

@@ -2,7 +2,7 @@
   "name": "@koordinates/xstate-tree",
   "main": "lib/index.js",
   "types": "lib/xstate-tree.d.ts",
-  "version": "4.1.0-beta.4",
+  "version": "4.1.0-beta.5",
   "license": "MIT",
   "description": "Build UIs with Actors using xstate and React",
   "keywords": [