@floegence/floe-webapp-core 0.86.31 → 0.86.33

package/dist/components/html-preview/SandboxedHtmlFrame.js

@@ -0,0 +1,118 @@
+import { insert as y, createComponent as x, effect as T, className as F, setAttribute as p, style as M, template as E, use as L } from "solid-js/web";
+import { createSignal as C, createMemo as H, createEffect as I, onCleanup as w, onMount as O, Show as S } from "solid-js";
+import { sandboxedMarkdownHtml as U } from "../chat/markdown/media.js";
+import { secureRandomUUID as A } from "../../utils/secureRandom.js";
+var B = /* @__PURE__ */ E('<span role=alert class="max-h-24 shrink-0 overflow-auto break-words bg-background px-3 py-2 text-xs text-destructive">'), D = /* @__PURE__ */ E('<span class="flex h-full min-h-0 w-full flex-col"><iframe sandbox=allow-scripts referrerpolicy=no-referrer style="display:block;width:100%;min-height:0;flex:1 1 0%;border:0">');
+function N(n) {
+  return `<script>(()=>{
+    const channel=new MessageChannel();
+    const publish=channel.port1.postMessage.bind(channel.port1);
+    const stop=Function.call.bind(Event.prototype.stopImmediatePropagation);
+    const prevent=Function.call.bind(Event.prototype.preventDefault);
+    const eventTarget=Function.call.bind(Object.getOwnPropertyDescriptor(Event.prototype,'target').get);
+    const closest=Function.call.bind(Element.prototype.closest);
+    const attribute=Function.call.bind(Element.prototype.getAttribute);
+    const find=document.getElementById.bind(document);
+    const named=document.getElementsByName.bind(document);
+    const scroll=Function.call.bind(Element.prototype.scrollIntoView);
+    const focus=Function.call.bind(HTMLElement.prototype.focus);
+    const decode=decodeURIComponent;
+    const ElementType=Element,HtmlElementType=HTMLElement;
+    window.addEventListener('click',activate,true);
+    window.addEventListener('auxclick',activate,true);
+    function activate(event){
+      const target=eventTarget(event);
+      if(!(target instanceof ElementType))return;
+      const anchor=closest(target,'a[href],area[href]');
+      if(!anchor)return;
+      prevent(event);stop(event);
+      if(!event.isTrusted)return;
+      if(event.type==='auxclick'&&event.button!==1)return;
+      const href=attribute(anchor,'href');
+      if(typeof href!=='string'||href.length>8192)return;
+      if(href.startsWith('#')){
+        let fragment;try{fragment=decode(href.slice(1))}catch{publish({type:'anchor-missing'});return}
+        const target=fragment?(find(fragment)||named(fragment)[0]):document.documentElement;
+        if(!target){publish({type:'anchor-missing'});return}
+        scroll(target,{block:'start'});
+        if(target instanceof HtmlElementType)focus(target,{preventScroll:true});
+        publish({type:'anchor-opened'});
+        return;
+      }
+      publish({type:'open-link',href});
+    }
+    parent.postMessage({type:'floe-html-ready',token:${JSON.stringify(n)}},'*',[channel.port2]);
+  })()<\/script>`;
+}
+function q(n) {
+  let f, m;
+  const [g, l] = C(""), v = H(() => {
+    const r = A();
+    return {
+      token: r,
+      html: U(N(r) + n.html)
+    };
+  });
+  I(() => {
+    const {
+      token: r
+    } = v(), t = new AbortController();
+    let i, e = 0;
+    l(""), m = (o) => {
+      !o.isTrusted || o.source !== f.contentWindow || i || o.data?.type !== "floe-html-ready" || o.data?.token !== r || o.ports.length !== 1 || (i = o.ports[0], i.onmessage = (c) => {
+        if (t.signal.aborted || n.inert) return;
+        const a = c.data;
+        if (a?.type === "anchor-opened") {
+          l("");
+          return;
+        }
+        if (a?.type === "anchor-missing") {
+          l(n.labels?.anchorUnavailable ?? "The linked section was not found.");
+          return;
+        }
+        if (a?.type !== "open-link" || typeof a.href != "string" || a.href.length > 8192) return;
+        const d = a.href, s = n.onOpenLink, u = n.labels?.linkUnavailable, k = ++e;
+        l(""), Promise.resolve().then(() => {
+          if (!t.signal.aborted) {
+            if (!s) throw new Error(u ?? "Opening links is unavailable in this preview.");
+            return s(d, t.signal);
+          }
+        }).catch((h) => {
+          !t.signal.aborted && k === e && l(h instanceof Error && h.message ? h.message : u ?? "This link could not be opened.");
+        });
+      }, i.start());
+    }, w(() => {
+      t.abort(), i?.close(), m = void 0;
+    });
+  });
+  const b = (r) => m?.(r);
+  return O(() => {
+    window.addEventListener("message", b), w(() => window.removeEventListener("message", b));
+  }), (() => {
+    var r = D(), t = r.firstChild, i = f;
+    return typeof i == "function" ? L(i, t) : f = t, y(r, x(S, {
+      get when() {
+        return g();
+      },
+      get children() {
+        var e = B();
+        return y(e, g), e;
+      }
+    }), null), T((e) => {
+      var o = n.class, c = n.title, a = v().html, d = n.inert, s = n.tabIndex, u = {
+        ...n.style
+      };
+      return o !== e.e && F(t, e.e = o), c !== e.t && p(t, "title", e.t = c), a !== e.a && p(t, "srcdoc", e.a = a), d !== e.o && (t.inert = e.o = d), s !== e.i && p(t, "tabindex", e.i = s), e.n = M(t, u, e.n), e;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0,
+      o: void 0,
+      i: void 0,
+      n: void 0
+    }), r;
+  })();
+}
+export {
+  q as SandboxedHtmlFrame
+};

package/dist/html-preview.d.ts

@@ -0,0 +1 @@
+export { SandboxedHtmlFrame, type SandboxedHtmlFrameProps, type SandboxedHtmlFrameLabels } from './components/html-preview/SandboxedHtmlFrame';

package/dist/html-preview.js

@@ -0,0 +1,4 @@
+import { SandboxedHtmlFrame as o } from "./components/html-preview/SandboxedHtmlFrame.js";
+export {
+  o as SandboxedHtmlFrame
+};