@matterfact/embed 0.17.0 → 0.18.0

package/dist/react.cjs

@@ -25,10 +25,70 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/deeplink.ts
 var deeplink_exports = {};
 __export(deeplink_exports, {
+  compileDeeplink: () => compileDeeplink,
   compileDeeplinkFormat: () => compileDeeplinkFormat,
   installDeeplinkWatch: () => installDeeplinkWatch
 });
 function compileDeeplinkFormat(format) {
+  return compileDeeplink(format)?.match ?? null;
+}
+function compileDeeplink(format) {
+  if (format.includes(PATH_TOKEN)) return compileDynamic(format);
+  const match = compileStatic(format);
+  return match ? { match, mintFormat: () => format, dynamic: false } : null;
+}
+function compileDynamic(format) {
+  const pi = format.indexOf(PATH_TOKEN);
+  if (format.indexOf(PATH_TOKEN, pi + 1) >= 0) return null;
+  let prefix = format.slice(0, pi);
+  if (prefix.endsWith("/")) prefix = prefix.slice(0, -1);
+  const suffix = format.slice(pi + PATH_TOKEN.length);
+  let po;
+  try {
+    po = new URL(prefix);
+  } catch {
+    return null;
+  }
+  if (po.protocol !== "https:" && po.protocol !== "http:") return null;
+  if (po.origin !== prefix) return null;
+  if (!suffix.startsWith("?")) return null;
+  const c1 = suffix.indexOf(PLACEHOLDER);
+  if (c1 < 0 || suffix.indexOf(PLACEHOLDER, c1 + 1) >= 0) return null;
+  let probe;
+  try {
+    probe = new URL(prefix + "/__mfp__" + suffix.replace(PLACEHOLDER, SENTINEL));
+  } catch {
+    return null;
+  }
+  const keys = [...probe.searchParams.keys()];
+  if (new Set(keys).size !== keys.length) return null;
+  let queryKey = null;
+  for (const [k, v] of probe.searchParams) {
+    if (v === SENTINEL) queryKey = k;
+  }
+  if (!queryKey) return null;
+  const match = (href) => {
+    let u;
+    try {
+      u = new URL(href);
+    } catch {
+      return null;
+    }
+    if (u.origin !== prefix) return null;
+    for (const [k, v] of probe.searchParams) {
+      if (v === SENTINEL) continue;
+      if (u.searchParams.get(k) !== v) return null;
+    }
+    const token = u.searchParams.get(queryKey);
+    return token && TOKEN_RE.test(token) ? token : null;
+  };
+  return {
+    match,
+    mintFormat: (pathname) => prefix + pathname + suffix,
+    dynamic: true
+  };
+}
+function compileStatic(format) {
   const first = format.indexOf(PLACEHOLDER);
   if (first < 0 || format.indexOf(PLACEHOLDER, first + 1) >= 0) return null;
   let f;
@@ -79,18 +139,33 @@ function compileDeeplinkFormat(format) {
     return token && TOKEN_RE.test(token) ? token : null;
   };
 }
-function installDeeplinkWatch(format, onChange2) {
-  const match = compileDeeplinkFormat(format);
-  if (!match) return () => {
+function installDeeplinkWatch(format, onChange2, onFormat) {
+  const c = compileDeeplink(format);
+  if (!c) return () => {
   };
   let last = null;
+  let lastTokenPath = null;
+  let lastMintPath = null;
   let stopped = false;
+  const emitFormat = () => {
+    if (!onFormat) return;
+    const p = location.pathname;
+    if (lastMintPath === null || c.dynamic && p !== lastMintPath) {
+      lastMintPath = p;
+      onFormat(c.mintFormat(p));
+    }
+  };
   const fire = () => {
     if (stopped) return;
     try {
-      const token = match(location.href);
+      emitFormat();
+      const token = c.match(location.href);
+      if (token === null && last !== null && trimSlash(location.pathname) === lastTokenPath) {
+        return;
+      }
       if (token !== last) {
         last = token;
+        if (token !== null) lastTokenPath = trimSlash(location.pathname);
         onChange2(token);
       }
     } catch (err) {
@@ -120,11 +195,12 @@ function installDeeplinkWatch(format, onChange2) {
     if (history.replaceState === ourReplace) history.replaceState = origReplace;
   };
 }
-var PLACEHOLDER, SENTINEL, TOKEN_RE, trimSlash;
+var PLACEHOLDER, PATH_TOKEN, SENTINEL, TOKEN_RE, trimSlash;
 var init_deeplink = __esm({
   "src/deeplink.ts"() {
     "use strict";
     PLACEHOLDER = "{share_token}";
+    PATH_TOKEN = "{path}";
     SENTINEL = "mf-share-token-sentinel";
     TOKEN_RE = /^[A-Za-z0-9._~-]{4,256}$/;
     trimSlash = (path) => path.length > 1 && path.endsWith("/") ? path.slice(0, -1) : path;
@@ -1949,7 +2025,7 @@ function dockBox(g, vw, _vh) {
 }
 
 // src/loader.ts
-var EMBED_VERSION = "0.17.0";
+var EMBED_VERSION = "0.18.0";
 function devRequested() {
   try {
     if (new URLSearchParams(location.search).get("mfdev") === "1") return true;
@@ -2097,12 +2173,13 @@ var EmbedHost = class {
     }
     const fmt = this.config.shareDeeplinkFormat;
     if (fmt) {
-      this.send({ type: "host.deeplinkFormat", format: fmt });
       void Promise.resolve().then(() => (init_deeplink(), deeplink_exports)).then((m) => {
         if (this.destroyed) return;
-        this.deeplinkStop = m.installDeeplinkWatch(fmt, (token) => {
-          this.send({ type: "host.openShare", token });
-        });
+        this.deeplinkStop = m.installDeeplinkWatch(
+          fmt,
+          (token) => this.send({ type: "host.openShare", token }),
+          (format) => this.send({ type: "host.deeplinkFormat", format })
+        );
       }).catch(() => {
       });
     }
@@ -2644,6 +2721,27 @@ function toolDescriptorKey(artifacts, resolve, tools) {
     }))
   });
 }
+var KNOWN_AGENT_PROPS = [
+  "publishableKey",
+  "widgetOrigin",
+  "surface",
+  "shareDeeplinkFormat",
+  "theme",
+  "getAuthToken",
+  "getPageContext",
+  "inline",
+  "className",
+  "style",
+  "pageContext",
+  "dev",
+  "actions",
+  "sitemap",
+  "artifacts",
+  "resolve",
+  "tools",
+  "onToolEvent",
+  "onEvent"
+];
 function MatterfactAgent({
   publishableKey: publishableKeyProp,
   widgetOrigin: widgetOriginProp,
@@ -2663,8 +2761,20 @@ function MatterfactAgent({
   resolve,
   tools,
   onToolEvent,
-  onEvent
+  onEvent,
+  ...unknownProps
 }) {
+  (0, import_react2.useEffect)(() => {
+    if (process.env.NODE_ENV === "production") return;
+    for (const key of Object.keys(unknownProps)) {
+      const meant = KNOWN_AGENT_PROPS.find(
+        (k) => k.toLowerCase() === key.toLowerCase()
+      );
+      console.warn(
+        `[mf-embed] unknown prop "${key}" on <MatterfactAgent>` + (meant ? ` \u2014 did you mean "${meant}"?` : "")
+      );
+    }
+  }, []);
   const ctx = useMatterfactConfig();
   const publishableKey = publishableKeyProp ?? ctx?.publishableKey;
   if (!publishableKey) {