@koordinates/xstate-tree 1.0.0-beta.4 → 1.1.0-beta.1

package/lib/utils.js

@@ -20,3 +20,11 @@ export function assert(value, msg) {
         throw new Error("assertion failed");
     }
 }
+export function isLikelyPageLoad() {
+    // without performance API, we can't tell if this is a page load
+    if (typeof performance === "undefined") {
+        return false;
+    }
+    // if it's been < 5 seconds since the page was loaded, it's probably a page load
+    return performance.now() < 5000;
+}

package/lib/xstate-tree.d.ts

@@ -515,6 +515,10 @@ export declare type SharedMeta = {
      * If true, use history.replace instead history.push
      */
     replace?: boolean;
+    /**
+     * true if the event was triggered by the initial match of the URL on load
+     */
+    onloadEvent?: boolean;
 };
 
 /**

package/lib/xstateTree.js

@@ -7,6 +7,7 @@ import { handleLocationChange, RoutingContext, } from "./routing";
 import { useActiveRouteEvents } from "./routing/providers";
 import { useConstant } from "./useConstant";
 import { useService } from "./useService";
+import { isLikelyPageLoad } from "./utils";
 export const emitter = new TinyEmitter();
 /**
  * @public
@@ -163,7 +164,7 @@ export function buildRootComponent(machine, routing) {
             if (routing) {
                 const { getPathName = () => window.location.pathname, getQueryString = () => window.location.search, } = routing;
                 const queryString = getQueryString();
-                handleLocationChange(routing.routes, routing.basePath, getPathName(), getQueryString(), setActiveRouteEvents);
+                handleLocationChange(routing.routes, routing.basePath, getPathName(), getQueryString(), setActiveRouteEvents, { onloadEvent: isLikelyPageLoad() });
                 // Hack to ensure the initial location doesn't have undefined state
                 // It's not supposed to, but it does for some reason
                 // And the history library ignores popstate events with undefined state

package/package.json

@@ -2,7 +2,7 @@
   "name": "@koordinates/xstate-tree",
   "main": "lib/index.js",
   "types": "lib/xstate-tree.d.ts",
-  "version": "1.0.0-beta.4",
+  "version": "1.1.0-beta.1",
   "dependencies": {
     "@xstate/react": "3.0.0",
     "fast-memoize": "2.5.2",
@@ -15,7 +15,6 @@
     "rxjs": "6.6.2",
     "tiny-emitter": "2.1.0",
     "typescript": "4.7.3",
-    "xstate": "4.32.0",
     "zod": "3.17.3"
   },
   "devDependencies": {
@@ -43,7 +42,11 @@
     "jest-environment-jsdom": "28.0.1",
     "rimraf": "3.0.2",
     "semantic-release": "19.0.3",
-    "ts-jest": "28.0.5"
+    "ts-jest": "28.0.5",
+    "xstate": "4.32.0"
+  },
+  "peerDependencies": {
+    "xstate": ">= 4.20 < 5.0.0"
   },
   "scripts": {
     "lint": "eslint 'src/**/*'",