foss-design 0.4.2 → 0.5.0

package/dist/runtime/index.js

@@ -594,8 +594,9 @@ function useTheme() {
   );
 }
 function go(target) {
-  if (embedded) post({ type: "go", target });
-  else console.info(`[design] go("${target}") works inside the canvas viewer`);
+  const message = `go("${target}") is no longer supported: link to the screen instead (<a href="/\u2026">, or history.pushState in code) and give it a "route" in canvas.json`;
+  recordError(message);
+  throw new Error(message);
 }
 function useScreen() {
   return { canvas: config.canvas, id: config.id, props: config.props };
@@ -701,11 +702,13 @@ async function takeSnapshot() {
   }
 }
 function keepLinksInFrame() {
-  const report = (target, form) => post({
+  const report = (target, form, raw, pushed = false) => post({
     type: "link",
     href: target.href,
     path: target.origin === location.origin ? target.pathname + target.search + target.hash : null,
-    form
+    form,
+    raw,
+    pushed
   });
   const onClick = (event) => {
     if (event.defaultPrevented || event.button > 1) return;
@@ -716,7 +719,7 @@ function keepLinksInFrame() {
     const samePage = target.origin === location.origin && target.pathname === location.pathname && target.search === location.search;
     if (samePage && target.hash) return;
     event.preventDefault();
-    report(target, false);
+    report(target, false, link.getAttribute("href") ?? "");
   };
   window.addEventListener("click", onClick);
   window.addEventListener("auxclick", onClick);
@@ -724,8 +727,32 @@ function keepLinksInFrame() {
     const form = event.target;
     if (event.defaultPrevented || form.method === "dialog") return;
     event.preventDefault();
-    report(new URL(form.getAttribute("action") || location.href, location.href), true);
+    const action = form.getAttribute("action") ?? "";
+    report(new URL(action || location.href, location.href), true, action);
   });
+  const navigation = window.navigation;
+  navigation?.addEventListener("navigate", (event) => {
+    const nav = event;
+    if (!nav.cancelable || nav.destination.sameDocument || nav.downloadRequest !== null) return;
+    if (nav.navigationType === "reload") return;
+    const target = new URL(nav.destination.url);
+    if (target.pathname === location.pathname && target.search === location.search) return;
+    event.preventDefault();
+    report(
+      target,
+      false,
+      target.origin === location.origin ? target.pathname + target.search + target.hash : target.href
+    );
+  });
+  for (const name of ["pushState", "replaceState"]) {
+    const original = history[name].bind(history);
+    history[name] = (data, unused, url) => {
+      original(data, unused, url);
+      if (url === void 0 || url === null) return;
+      const raw = String(url);
+      report(new URL(raw, location.href), false, raw, true);
+    };
+  }
 }
 var booted = false;
 var hmrBound = false;