@upstart.gg/vite-plugins 0.1.61 → 0.1.62

package/src/vite-plugin-upstart-editor/runtime/index.ts

@@ -62,6 +62,43 @@ export function waitForHydration(callback: () => void): void {
   }
 }
 
+/**
+ * Report the react-router id of the rendered route to the parent editor, so it can edit
+ * that route's `meta` export (page title, description…).
+ *
+ * The id is read from react-router's own data router rather than from `history.pushState`:
+ * the router pushes the new URL BEFORE it commits the new matches, so a route id read at
+ * pushState time would still be the previous page's. Subscribing gives us the id once the
+ * navigation is complete. The router global only appears during hydration, hence the retry.
+ */
+function initRouteReporter(): void {
+  let lastReported: string | undefined;
+
+  const report = () => {
+    // biome-ignore lint/suspicious/noExplicitAny: react-router does not type its window globals
+    const matches = (window as any).__reactRouterDataRouter?.state?.matches;
+    const routeId = Array.isArray(matches) ? matches[matches.length - 1]?.route?.id : undefined;
+    if (typeof routeId !== "string" || routeId === lastReported) return;
+    lastReported = routeId;
+    sendToParent({ type: "editor-route", routeId });
+  };
+
+  const attach = (): boolean => {
+    // biome-ignore lint/suspicious/noExplicitAny: react-router does not type its window globals
+    const router = (window as any).__reactRouterDataRouter;
+    if (typeof router?.subscribe !== "function") return false;
+    router.subscribe(() => report());
+    report();
+    return true;
+  };
+
+  if (attach()) return;
+  let attempts = 0;
+  const timer = setInterval(() => {
+    if (attach() || ++attempts > 25) clearInterval(timer);
+  }, 200);
+}
+
 /**
  * Initialize the Upstart editor runtime.
  */
@@ -115,6 +152,7 @@ export function initUpstartEditor(): void {
     initArrayControls();
     initFormGuard();
     initErrorHandler();
+    initRouteReporter();
 
     sendToParent({ type: "editor-ready", path: currentPath() });
   } catch (error) {

package/src/vite-plugin-upstart-editor/runtime/types.ts

@@ -92,6 +92,8 @@ export type EditorMessage =
     }
   | { type: "editor-ready"; path?: string }
   | { type: "editor-navigated"; path?: string }
+  /** React-router id of the route currently rendered (e.g. "routes/_layout._index"). */
+  | { type: "editor-route"; routeId: string }
   | { type: "scroll-position"; x: number; y: number }
   | { type: "editor-error"; error: string }
   | { type: "selection-changed"; selection: SelectionRef[] }