@shaper.org/vite-react-plugin 1.0.11 → 1.0.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shaper.org/vite-react-plugin",
-  "version": "1.0.11",
+  "version": "1.0.13",
   "description": "",
   "type": "module",
   "private": false,

package/templates/main.ts

@@ -108,7 +108,11 @@ export class ReactRouteMonitor {
         this.iframeClient.onMessage((event) => {
             const messageData = event.data;
             if (messageData.type == "push-route") {
-                window.location.href = messageData.message.path;
+                history.pushState(
+                    { type: "from-iframe-parent" },
+                    "",
+                    messageData.message.path,
+                );
             }
         });
     }
@@ -129,8 +133,13 @@ export class ReactRouteMonitor {
 
     patchHistory() {
         history.pushState = (...args) => {
+            let shouldTrigger = true;
+            if (args[0] && args[0].type === "from-iframe-parent") {
+                args[0] = {};
+                shouldTrigger = false;
+            }
             this.origPush.apply(history, args);
-            this.triggerRouteChange();
+            if (shouldTrigger) this.triggerRouteChange();
         };
 
         history.replaceState = (...args) => {
@@ -245,3 +254,17 @@ const monitor = new ReactRouteMonitor({
 
 monitor.start();
 monitor.triggerRoutes();
+
+// // simulate parent message
+// setTimeout(() => {
+//     console.log("Simulating parent message");
+//     window.dispatchEvent(
+//         new MessageEvent("message", {
+//             data: {
+//                 type: "push-route",
+//                 message: { path: "/test" },
+//             },
+//             origin: "http://localhost:5173",
+//         }),
+//     );
+// }, 1000);