@scrider/formatter 1.6.2 → 1.7.0

package/dist/index.cjs

@@ -2001,7 +2001,7 @@ var EMBED_RENDERERS = {
     const float = floatVal != null && typeof floatVal === "string" && floatVal !== "none" ? ` data-float="${escapeHtml(floatVal)}"` : "";
     return `<img src="${escapeHtml(src)}"${alt}${width}${height}${float}>`;
   },
-  video: (value, attrs) => {
+  video: (value, attrs, context) => {
     const src = typeof value === "string" ? value : "";
     const floatVal = attrs?.float;
     const widthVal = attrs?.width;
@@ -2019,11 +2019,11 @@ var EMBED_RENDERERS = {
     const style = styles.length > 0 ? ` style="${styles.join("; ")}"` : "";
     const embedSrc = toVideoEmbedUrl(src);
     if (embedSrc) {
-      return `<iframe src="${escapeHtml(embedSrc)}" frameborder="0" allowfullscreen credentialless${float}${style}></iframe>`;
+      return `<iframe src="${escapeHtml(embedSrc)}" frameborder="0" allowfullscreen${renderEmbedIframeIsolationAttrs(context, "video")}${float}${style}></iframe>`;
     }
     return `<video src="${escapeHtml(src)}" controls${float}${style}></video>`;
   },
-  codeWidget: (value, attrs) => {
+  codeWidget: (value, attrs, context) => {
     const src = typeof value === "string" ? value : "";
     const floatVal = attrs?.float;
     const widthVal = attrs?.width;
@@ -2040,7 +2040,7 @@ var EMBED_RENDERERS = {
     }
     const style = styles.length > 0 ? ` style="${styles.join("; ")}"` : "";
     const embedSrc = toCodeWidgetEmbedUrl(src);
-    return `<iframe data-code-widget src="${escapeHtml(embedSrc)}" frameborder="0" allowfullscreen allow="${CODE_WIDGET_IFRAME_ALLOW}" credentialless${float}${style}></iframe>`;
+    return `<iframe data-code-widget src="${escapeHtml(embedSrc)}" frameborder="0" allowfullscreen${renderEmbedIframeIsolationAttrs(context, "codeWidget")}${float}${style}></iframe>`;
   },
   formula: (value) => {
     const latex = typeof value === "string" ? value : "";
@@ -2161,6 +2161,17 @@ function appendQueryParam(url, key, value) {
   return `${base}${next}${hash}`;
 }
 var CODE_WIDGET_IFRAME_ALLOW = "accelerometer; camera; encrypted-media; geolocation; gyroscope; microphone; midi; payment; usb; vr; xr-spatial-tracking; cross-origin-isolated";
+function renderEmbedIframeIsolationAttrs(context, kind) {
+  const opts = context?.embed;
+  const parts = [];
+  if (kind === "codeWidget" && opts?.crossOriginIsolated) {
+    parts.push(`allow="${CODE_WIDGET_IFRAME_ALLOW}"`);
+  }
+  if (opts?.credentialless) {
+    parts.push("credentialless");
+  }
+  return parts.length ? ` ${parts.join(" ")}` : "";
+}
 function toCodeWidgetEmbedUrl(url) {
   const u = typeof url === "string" ? url.trim() : "";
   if (!u) return "";
@@ -2212,7 +2223,7 @@ var codeWidgetFormat = {
       return false;
     }
   },
-  render(value, attributes) {
+  render(value, attributes, context) {
     const src = typeof value === "string" ? value : "";
     const floatVal = attributes?.float;
     const widthVal = attributes?.width;
@@ -2229,7 +2240,7 @@ var codeWidgetFormat = {
     }
     const style = styles.length > 0 ? ` style="${styles.join("; ")}"` : "";
     const embedSrc = toCodeWidgetEmbedUrl(src);
-    return `<iframe data-code-widget src="${escapeHtml(embedSrc)}" frameborder="0" allowfullscreen allow="${CODE_WIDGET_IFRAME_ALLOW}" credentialless${float}${style}></iframe>`;
+    return `<iframe data-code-widget src="${escapeHtml(embedSrc)}" frameborder="0" allowfullscreen${renderEmbedIframeIsolationAttrs(context, "codeWidget")}${float}${style}></iframe>`;
   },
   match(element) {
     if (element.tagName.toLowerCase() !== "iframe") return null;
@@ -2475,7 +2486,7 @@ var videoFormat = {
       return false;
     }
   },
-  render(value, attributes) {
+  render(value, attributes, context) {
     const src = typeof value === "string" ? value : "";
     const floatVal = attributes?.float;
     const widthVal = attributes?.width;
@@ -2493,7 +2504,7 @@ var videoFormat = {
     const style = styles.length > 0 ? ` style="${styles.join("; ")}"` : "";
     const embedSrc = toVideoEmbedUrl(src);
     if (embedSrc) {
-      return `<iframe src="${escapeHtml(embedSrc)}" frameborder="0" allowfullscreen credentialless${float}${style}></iframe>`;
+      return `<iframe src="${escapeHtml(embedSrc)}" frameborder="0" allowfullscreen${renderEmbedIframeIsolationAttrs(context, "video")}${float}${style}></iframe>`;
     }
     return `<video src="${escapeHtml(src)}" controls${float}${style}></video>`;
   },
@@ -3498,16 +3509,17 @@ function renderEmbed(value, attributes, renderers, blockHandlers, options) {
     return "";
   }
   const embedValue = value[embedType];
+  const embedContext = options?.embed != null ? { embed: options.embed } : {};
   const registry = options?.registry;
   if (registry) {
     const format = registry.get(embedType);
     if (format?.render) {
-      return format.render(embedValue, attributes);
+      return format.render(embedValue, attributes, embedContext);
     }
   }
   const renderer = renderers[embedType];
   if (renderer) {
-    return renderer(embedValue, attributes);
+    return renderer(embedValue, attributes, embedContext);
   }
   return `<span data-embed="${escapeHtml(embedType)}" data-value="${escapeHtml(String(embedValue))}"></span>`;
 }