npm - @agent-native/core - Versions diffs - 0.90.11 → 0.91.1 - Mend

@agent-native/core 0.90.11 → 0.91.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (322) hide show

package/dist/cli/design-connect.js CHANGED Viewed

@@ -563,8 +563,31 @@ function addLiveEditBaseHref(html, href) {
     }
     return `<!DOCTYPE html><html><head>${baseTag}<meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"></head><body>${html}</body></html>`;
 }
-function injectLiveEditBridge(html, targetUrl, script) {
-    const withBase = addLiveEditBaseHref(html, targetUrl);
+/**
+ * Rewrite the iframe path to the real target route before the proxied app's
+ * bundle runs. The bridge serves snapshots from its own `/live-edit` path, so a
+ * client-side-routed SPA would otherwise boot at "/live-edit", match no route,
+ * and render its 404. A synchronous inline script in `<head>` runs during parse
+ * (before deferred module bundles), so `history.replaceState` lands the SPA on
+ * the intended route. Assets still resolve via the injected `<base href>`.
+ */
+function injectPreBootLocationShim(html, targetPath) {
+    const path = targetPath.trim();
+    if (!path || path === "/live-edit")
+        return html;
+    const shim = `<script data-agent-native-live-edit-location>
+(function(){try{var p=${JSON.stringify(path)};if(p&&(location.pathname+location.search)!==p){history.replaceState(null,"",p);}}catch(e){}})();
+</script>`;
+    if (/<head\b[^>]*>/i.test(html)) {
+        return html.replace(/<head\b[^>]*>/i, (match) => `${match}${shim}`);
+    }
+    if (/<html\b[^>]*>/i.test(html)) {
+        return html.replace(/<html\b[^>]*>/i, (match) => `${match}<head>${shim}</head>`);
+    }
+    return `${shim}${html}`;
+}
+function injectLiveEditBridge(html, baseHref, script, targetPath) {
+    const withBase = injectPreBootLocationShim(addLiveEditBaseHref(html, baseHref), targetPath);
     if (!script)
         return withBase;
     if (withBase.includes("</body>")) {
@@ -1073,7 +1096,12 @@ export async function startDesignConnectBridge(manifest) {
                         requestUrl.searchParams.get("path"));
                     const snapshot = await fetchPreviewSnapshot(manifest.devServerUrl, targetUrl);
                     const includeEditorBridge = requestUrl.searchParams.get("bridge") !== "0";
-                    const html = injectLiveEditBridge(snapshot.html, new URL("/", manifest.bridgeUrl).toString(), includeEditorBridge ? liveEditBridgeScript : "");
+                    // The dev server route the SPA must boot on (e.g. "/todo"), taken
+                    // from the resolved snapshot target rather than the bridge's own
+                    // "/live-edit" request path.
+                    const targetParsed = new URL(targetUrl);
+                    const targetPath = `${targetParsed.pathname}${targetParsed.search}` || "/";
+                    const html = injectLiveEditBridge(snapshot.html, new URL("/", manifest.bridgeUrl).toString(), includeEditorBridge ? liveEditBridgeScript : "", targetPath);
                     sendText(res, snapshot.status >= 400 ? snapshot.status : 200, html, snapshot.contentType.includes("html")
                         ? snapshot.contentType
                         : "text/html; charset=utf-8");
@@ -1577,15 +1605,17 @@ export async function runDesign(argv) {
     console.error(`Manifest: ${manifest.bridgeUrl}/manifest.json`);
     console.error(`Routes:   ${manifest.routeCount}`);
     console.error(`Dev URL:  ${manifest.devServerUrl}`);
-    // Self-register with the design app server (best-effort).  When an app URL
-    // is available (via --app-url or env var) the CLI POSTs the bridge token to
-    // connect-localhost so the server row stores the real token.  Without this
-    // step grant-localhost-write-consent would mint a different token, causing
-    // every bridge write to return 401.
+    // Self-register with the design app server (best-effort): POST the bridge
+    // token to connect-localhost so the server row stores the real token. Without
+    // it, the bridge and server tokens diverge and every write returns 401.
     const appUrl = resolveAppUrl(parsed.appUrl);
     if (appUrl) {
-        const authToken = resolveAuthToken();
-        void registerConnectionWithServer(appUrl, bridge, authToken);
+        void registerConnectionWithServer(appUrl, bridge, resolveAuthToken());
+    }
+    else {
+        // No app URL means the token never reaches the DB — surface it instead of
+        // silently skipping, since live-edit will then 401.
+        console.error("[design connect] No app URL resolved (pass --app-url or set AGENT_NATIVE_URL); skipping self-registration — live-edit will fail to authorize.");
     }
     return await new Promise((resolve) => {
         const stop = () => {