solid-panes 5.1.0-0 → 5.1.0-2

package/dist/humanReadablePane2.esm.js

@@ -1,18 +1,391 @@
-(function(){try{if(typeof document<`u`){var e=document.createElement(`style`);e.appendChild(document.createTextNode(`.human-readable-pane{box-sizing:border-box;width:100%;min-width:0;max-width:100%;display:block}.human-readable-pane__container{box-sizing:border-box;width:100%;min-width:0;max-width:100%;display:block;overflow-x:hidden}.human-readable-pane__frame{border:1px solid var(--solid-ui-color-gray-200,#cbd5e1);height:var(--human-readable-pane-height,30rem);box-sizing:border-box;resize:both;width:100%;min-width:0;max-width:100%;padding:1rem;display:block;overflow:auto}.human-readable-pane__frame--iframe{background:var(--color-background,white);width:100%;max-width:100%;min-height:18rem;padding:0;overflow:hidden}.human-readable-pane__frame--markdown{overflow-wrap:anywhere;word-break:break-word}.human-readable-pane__frame--plain-text{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;margin:0;font-family:monospace}.human-readable-pane__frame--markdown>*{box-sizing:border-box;max-width:100%}.human-readable-pane__frame--markdown img,.human-readable-pane__frame--markdown video,.human-readable-pane__frame--markdown canvas,.human-readable-pane__frame--markdown iframe{max-width:100%;height:auto}.human-readable-pane__frame--markdown pre,.human-readable-pane__frame--markdown code{overflow-wrap:anywhere;word-break:break-word;max-width:100%}.human-readable-pane__frame--markdown pre{white-space:pre-wrap}.human-readable-pane__frame--markdown table{box-sizing:border-box;width:100%;max-width:100%;display:block;overflow-x:auto}.human-readable-pane__frame--markdown th,.human-readable-pane__frame--markdown td{white-space:normal;overflow-wrap:anywhere;word-break:break-word}.human-readable-pane[data-layout=mobile] .human-readable-pane__frame{resize:none;min-width:0;padding:.75rem}.human-readable-pane[data-layout=mobile] .human-readable-pane__frame--markdown,.human-readable-pane[data-layout=mobile] .human-readable-pane__frame--plain-text{overflow-wrap:anywhere;word-break:break-word}.human-readable-pane[data-layout=mobile] .human-readable-pane__frame--iframe{width:100%;max-width:100%;min-height:16rem;height:min(var(--human-readable-pane-height,30rem), 75vh)}@media (width<=576px){.human-readable-pane__frame{resize:none;min-width:0;padding:.75rem}.human-readable-pane__frame--markdown,.human-readable-pane__frame--plain-text{overflow-wrap:anywhere;word-break:break-word}.human-readable-pane__frame--iframe{width:100%;max-width:100%;min-height:16rem;height:min(var(--human-readable-pane-height,30rem), 75vh)}}`)),document.head.appendChild(e)}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();
+(function(){try{if(typeof document<`u`){var e=document.createElement(`style`);e.appendChild(document.createTextNode(`.human-readable-pane{box-sizing:border-box;flex-direction:column;width:100%;min-width:0;max-width:100%;margin:0;padding:0 40px;display:flex;overflow:hidden}.human-readable-pane__container{box-sizing:border-box;width:100%;min-width:0;max-width:100%;margin:0;padding:0;display:block;overflow-x:hidden}.human-readable-pane__frame{border:1px solid var(--solid-ui-color-slate-200,#e2e8f0);height:var(--human-readable-pane-height,30rem);box-sizing:border-box;resize:both;width:100%;min-width:0;max-width:100%;padding:1rem;display:block;overflow:auto}.human-readable-pane__frame--iframe{box-sizing:border-box;background:var(--color-background,white);width:100%;max-width:100%;min-height:18rem;padding:0;display:block;overflow:auto}.human-readable-pane--iframe,solid-ui-file-explorer-provider>.paneDiv.human-readable-pane--iframe{flex:1;height:100%;min-height:0;display:flex;overflow:hidden}.human-readable-pane__container--iframe{flex-direction:column;flex:auto;min-height:0;display:flex}.human-readable-pane__container--iframe>.human-readable-pane__frame--iframe{resize:none;flex:1;height:auto;min-height:0}.human-readable-pane__frame--markdown{overflow-wrap:anywhere;word-break:break-word}.human-readable-pane__frame--plain-text{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;margin:0;font-family:monospace}.human-readable-pane__frame--markdown>*{box-sizing:border-box;max-width:100%}.human-readable-pane__frame--markdown img,.human-readable-pane__frame--markdown video,.human-readable-pane__frame--markdown canvas,.human-readable-pane__frame--markdown iframe{max-width:100%;height:auto}.human-readable-pane__frame--markdown pre,.human-readable-pane__frame--markdown code{overflow-wrap:anywhere;word-break:break-word;max-width:100%}.human-readable-pane__frame--markdown pre{white-space:pre-wrap}.human-readable-pane__frame--markdown table{box-sizing:border-box;width:100%;max-width:100%;display:block;overflow-x:auto}.human-readable-pane__frame--markdown th,.human-readable-pane__frame--markdown td{white-space:normal;overflow-wrap:anywhere;word-break:break-word}.human-readable-pane[data-layout=mobile] .human-readable-pane__frame{resize:none;min-width:0;padding:.75rem}.human-readable-pane[data-layout=mobile]{padding:0}.human-readable-pane[data-layout=mobile] .human-readable-pane__frame--markdown,.human-readable-pane[data-layout=mobile] .human-readable-pane__frame--plain-text{overflow-wrap:anywhere;word-break:break-word}.human-readable-pane[data-layout=mobile] .human-readable-pane__frame--iframe{width:100%;max-width:100%;min-height:0;height:max(16rem, min(var(--human-readable-pane-height,30rem), 75vh))}@media (width<=576px){.human-readable-pane{padding:0}.human-readable-pane__frame{resize:none;min-width:0;padding:.75rem}.human-readable-pane__frame--markdown,.human-readable-pane__frame--plain-text{overflow-wrap:anywhere;word-break:break-word}.human-readable-pane__frame--iframe{width:100%;max-width:100%;min-height:0;height:max(16rem, min(var(--human-readable-pane-height,30rem), 75vh))}}`)),document.head.appendChild(e)}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();
 import { icons as e, ns as t } from "solid-ui";
 import { Util as n } from "rdflib";
 import { marked as r } from "marked";
 import i from "dompurify";
-//#region src/humanReadablePane.ts
+// src/humanReadablePane.ts
 var a = (e) => {
 	if (!e) return !1;
 	let t = e.split("?")[0].split("#")[0];
 	return /\.(md|markdown|mdown|mkd|mkdn)$/i.test(t);
 }, o = /* @__PURE__ */ new Map();
 function s(e, t, n) {
-	e.className = "", e.classList.add("human-readable-pane__frame"), e.classList.add(`human-readable-pane__frame--${t}`), e.style.setProperty("--human-readable-pane-height", `${n}em`);
+	e.className = "", e.classList.add("human-readable-pane__frame"), e.classList.add(`human-readable-pane__frame--${t}`), n !== void 0 && e.style.setProperty("--human-readable-pane-height", `${n}em`);
 }
-var c = {
+var c = "solidos-human-readable-preview", l = "allow-scripts allow-forms allow-popups allow-popups-to-escape-sandbox allow-modals", u = (e) => e.includes("<script src=\"https://dokie.li/scripts/dokieli.js\">") || e.includes("dokieli.css");
+function d(e) {
+	return e.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+}
+function f(e, t) {
+	let n = e.match(/<base(\s[^>]*)?>/i);
+	if (n && n.index !== void 0) {
+		let r = n[0].match(/\bhref\s*=\s*(?:"([^"]*)"|'([^']*)'|([^\s>]+))/i), i = r?.[1] ?? r?.[2] ?? r?.[3];
+		if (!r || i === void 0 || /^[a-z][a-z\d+.-]*:/i.test(i) || i.startsWith("//")) return e;
+		let a;
+		try {
+			a = new URL(i, t).href;
+		} catch {
+			return e;
+		}
+		let o = n[0].replace(r[0], `href="${d(a)}"`);
+		return e.slice(0, n.index) + o + e.slice(n.index + n[0].length);
+	}
+	let r = `<base href="${d(t)}">`, i = e.match(/<head(\s[^>]*)?>/i);
+	if (i && i.index !== void 0) {
+		let t = i.index + i[0].length;
+		return e.slice(0, t) + r + e.slice(t);
+	}
+	return r + e;
+}
+function p(e) {
+	let t = e.split("/").pop() || e;
+	try {
+		return decodeURIComponent(t);
+	} catch {
+		return t;
+	}
+}
+function m(e, t) {
+	let n = p(t);
+	try {
+		return new DOMParser().parseFromString(e, "text/html").querySelector("title")?.textContent?.trim() || n;
+	} catch {
+		return n;
+	}
+}
+var h = "solidos-preview-request", g = "solidos-preview-response", _ = /* @__PURE__ */ new Set([
+	"GET",
+	"PUT",
+	"PATCH",
+	"DELETE"
+]);
+function v(e) {
+	return e === "about:srcdoc" || /^file:\/\/srcdoc\/?(?:[?#].*)?$/i.test(e);
+}
+function y(e, t) {
+	let n = new URL(e, t).href;
+	return v(n) ? t : n;
+}
+function b(e, t, n) {
+	let r = `<script>
+(() => {
+  const documentUri = ${JSON.stringify(t)}
+  const nonce = ${JSON.stringify(n)}
+  const pending = new Map()
+  let requestId = 0
+  try {
+    history.replaceState(null, '', documentUri)
+  } catch {
+    // Sandboxed documents may reject cross-origin history URLs.
+  }
+  // Opaque sandbox origins cannot use IndexedDB. Dokieli uses it for local
+  // preferences and history, so provide an in-memory implementation without
+  // granting the preview a persistent storage capability.
+  try {
+    window.indexedDB.open('__solidos_probe__')
+  } catch {
+    const databases = new Map()
+    const request = (result) => ({ result, error: null, onsuccess: null, onerror: null, onupgradeneeded: null })
+    const isolatedIndexedDB = {
+      open (name) {
+        const stores = databases.get(name) || new Map()
+        databases.set(name, stores)
+        const database = {
+          objectStoreNames: { contains: storeName => stores.has(storeName) },
+          createObjectStore (storeName) {
+            if (!stores.has(storeName)) stores.set(storeName, new Map())
+            return database.transaction(storeName, 'readwrite').objectStore(storeName)
+          },
+          transaction (storeName, mode = 'readonly') {
+            const store = stores.get(storeName) || new Map()
+            stores.set(storeName, store)
+            let pending = 0
+            let completed = false
+            const transaction = {
+              oncomplete: null,
+              onerror: null,
+              onabort: null,
+              objectStore: () => {
+                const run = (result, change) => {
+                  const operation = request(result)
+                  pending++
+                  queueMicrotask(() => {
+                    try {
+                      change?.()
+                      operation.onsuccess?.({ target: operation })
+                    } catch (error) {
+                      operation.error = error
+                      operation.onerror?.({ target: operation })
+                    } finally {
+                      pending--
+                      if (!pending && !completed) {
+                        completed = true
+                        transaction.oncomplete?.({ target: transaction })
+                      }
+                    }
+                  })
+                  return operation
+                }
+                return {
+                get: key => run(store.get(key)),
+                getAll: () => run(Array.from(store.values())),
+                getAllKeys: () => run(Array.from(store.keys())),
+                count: () => run(store.size),
+                openKeyCursor () {
+                  const keys = Array.from(store.keys())
+                  const operation = request(null)
+                  pending++
+                  let index = 0
+                  const emit = () => {
+                    operation.result = index < keys.length
+                      ? { key: keys[index], continue: () => { index++; queueMicrotask(emit) } }
+                      : null
+                    operation.onsuccess?.({ target: operation })
+                    if (!operation.result) {
+                      pending--
+                      if (!pending && !completed) {
+                        completed = true
+                        transaction.oncomplete?.({ target: transaction })
+                      }
+                    }
+                  }
+                  queueMicrotask(emit)
+                  return operation
+                },
+                put: (value, key) => run(undefined, () => store.set(key, value)),
+                add: (value, key) => run(undefined, () => store.set(key, value)),
+                delete: key => run(undefined, () => store.delete(key)),
+                clear: () => run(undefined, () => store.clear())
+                }
+              }
+            }
+            return transaction
+          },
+          close () {}
+        }
+        const operation = request(database)
+        queueMicrotask(() => {
+          operation.onupgradeneeded?.({ target: operation })
+          operation.onsuccess?.({ target: operation })
+        })
+        return operation
+      },
+      deleteDatabase (name) {
+        databases.delete(name)
+        const operation = request(undefined)
+        queueMicrotask(() => operation.onsuccess?.({ target: operation }))
+        return operation
+      }
+    }
+    Object.defineProperty(window, 'indexedDB', { configurable: true, value: isolatedIndexedDB })
+  }
+  const nativeFetch = window.fetch.bind(window)
+
+  function isSrcdocUrl (url) {
+    return url === 'about:srcdoc' || /^file:\\/\\/srcdoc\\/?(?:[?#].*)?$/i.test(url)
+  }
+
+  function documentRequestUrl (url) {
+    const resolvedUrl = new URL(url, documentUri).href
+    // srcdoc keeps this URL even when history.replaceState is unavailable in
+    // an opaque sandbox. Dokieli saves via document.location.href.
+    return isSrcdocUrl(resolvedUrl) ? documentUri : resolvedUrl
+  }
+
+  function requestParent (url, init) {
+    const id = String(++requestId)
+    return new Promise((resolve, reject) => {
+      pending.set(id, { resolve, reject })
+      window.parent.postMessage({
+        type: ${JSON.stringify(h)},
+        nonce,
+        id,
+        url,
+        method: init.method,
+        headers: init.headers,
+        body: init.body
+      }, '*')
+    })
+  }
+
+  window.addEventListener('message', event => {
+    const message = event.data
+    if (!message || message.type !== ${JSON.stringify(g)} || message.nonce !== nonce) return
+    const entry = pending.get(message.id)
+    if (!entry) return
+    pending.delete(message.id)
+    if (!message.ok) {
+      entry.reject(new Error(message.error || 'Preview request failed'))
+      return
+    }
+    const responseBody = [204, 205, 304].includes(message.status) ? null : message.body
+    entry.resolve(new Response(responseBody, {
+      status: message.status,
+      headers: message.headers
+    }))
+  })
+
+  window.fetch = async (input, init = {}) => {
+    const request = input instanceof Request ? input : null
+    const url = documentRequestUrl(request ? request.url : input)
+    const method = (init.method || (request && request.method) || 'GET').toUpperCase()
+    if (url !== documentUri || !${JSON.stringify(Array.from(_))}.includes(method)) {
+      return nativeFetch(input, init)
+    }
+    const headers = new Headers(request ? request.headers : undefined)
+    for (const [key, value] of new Headers(init.headers || {}).entries()) headers.set(key, value)
+    const body = method === 'GET' || method === 'HEAD'
+      ? undefined
+      : (init.body || (request ? await request.clone().text() : undefined))
+    return requestParent(url, {
+      method,
+      headers: Object.fromEntries(headers.entries()),
+      body
+    })
+  }
+
+  const NativeXMLHttpRequest = window.XMLHttpRequest
+  window.XMLHttpRequest = class PreviewXMLHttpRequest {
+    constructor () {
+      this._native = new NativeXMLHttpRequest()
+      this._headers = {}
+      this._listeners = {}
+      this._intercepted = false
+      this.readyState = 0
+      this.status = 0
+      this.statusText = ''
+      this.response = null
+      this.responseText = ''
+    }
+
+    addEventListener (type, listener) {
+      this._listeners[type] = this._listeners[type] || []
+      this._listeners[type].push(listener)
+    }
+
+    _emit (type) {
+      const event = { target: this, currentTarget: this, type }
+      if (typeof this['on' + type] === 'function') this['on' + type](event)
+      for (const listener of this._listeners[type] || []) listener.call(this, event)
+    }
+
+    open (method, url, async = true, user, password) {
+      const resolvedUrl = documentRequestUrl(url)
+      this._method = String(method || 'GET').toUpperCase()
+      this._url = resolvedUrl
+      this._intercepted = resolvedUrl === documentUri &&
+        ${JSON.stringify(Array.from(_))}.includes(this._method)
+      if (!this._intercepted) {
+        this._native.open(method, url, async, user, password)
+        for (const type of ['abort', 'error', 'load', 'loadend', 'progress', 'readystatechange', 'timeout']) {
+          this._native.addEventListener(type, event => this._emitNative(type, event))
+        }
+      }
+      this.readyState = 1
+      this._emit('readystatechange')
+    }
+
+    _emitNative (type, event) {
+      this.readyState = this._native.readyState
+      this.status = this._native.status
+      this.statusText = this._native.statusText
+      this.response = this._native.response
+      this.responseText = this._native.responseText
+      this._emit(type)
+    }
+
+    setRequestHeader (name, value) {
+      if (this._intercepted) this._headers[name] = value
+      else this._native.setRequestHeader(name, value)
+    }
+
+    send (body) {
+      if (!this._intercepted) {
+        this._native.send(body)
+        return
+      }
+      requestParent(this._url, {
+        method: this._method,
+        headers: this._headers,
+        body: this._method === 'GET' || this._method === 'HEAD' ? undefined : body
+      }).then(async response => {
+        this.status = response.status
+        this.statusText = response.statusText
+        this._responseHeaders = response.headers
+        this.responseText = await response.text()
+        this.response = this.responseText
+        this.readyState = 4
+        this._emit('readystatechange')
+        this._emit(response.ok ? 'load' : 'error')
+        this._emit('loadend')
+      }).catch(() => {
+        this.readyState = 4
+        this._emit('readystatechange')
+        this._emit('error')
+        this._emit('loadend')
+      })
+    }
+
+    abort () {
+      if (!this._intercepted) this._native.abort()
+      this._emit('abort')
+    }
+
+    getResponseHeader (name) {
+      return this._responseHeaders?.get(name) || null
+    }
+
+    getAllResponseHeaders () {
+      return this._responseHeaders
+        ? Array.from(this._responseHeaders.entries()).map(([key, value]) => key + ': ' + value).join('\\r\\n')
+        : ''
+    }
+  }
+})()
+<\/script>`;
+	return f(e, t).replace(/<head(\s[^>]*)?>/i, (e) => `${e}${r}`);
+}
+function x(e, t, n, r) {
+	let i = e.ownerDocument.defaultView;
+	if (!i) return;
+	let a = /* @__PURE__ */ new Uint32Array(4);
+	i.crypto.getRandomValues(a);
+	let o = Array.from(a, (e) => e.toString(16)).join("-"), s = new URL(t).href;
+	i.addEventListener("message", (t) => {
+		let n = t.data;
+		if (t.source !== e.contentWindow || !n || n.type !== h || n.nonce !== o || y(n.url, s) !== s || !_.has(n.method)) return;
+		let i = (t) => {
+			e.contentWindow?.postMessage(t, "*");
+		};
+		r(s, {
+			method: n.method,
+			headers: n.headers,
+			body: n.method === "GET" ? void 0 : n.body
+		}).then(async (e) => {
+			i({
+				type: g,
+				nonce: o,
+				id: n.id,
+				ok: e.ok,
+				status: e.status,
+				headers: Array.from(e.headers.entries()),
+				body: await e.text()
+			});
+		}).catch((e) => {
+			i({
+				type: g,
+				nonce: o,
+				id: n.id,
+				ok: !1,
+				status: 0,
+				headers: [],
+				body: "",
+				error: e instanceof Error ? e.message : String(e)
+			});
+		});
+	}), e.setAttribute("sandbox", l), e.srcdoc = b(n, s, o);
+}
+var S = {
 	icon: function(t, n) {
 		if (t && a(t.uri)) return e.iconBase + "markdown.svg";
 		if (t) {
@@ -39,8 +412,6 @@ var c = {
 			"text/html",
 			"text/markdown",
 			"application/xhtml+xml",
-			"image/png",
-			"image/jpeg",
 			"application/pdf",
 			"video/mp4"
 		], c = function(e, t, n) {
@@ -69,55 +440,81 @@ var c = {
 		return null;
 	},
 	render: function(e, t) {
-		let n = t.dom, c = n.createElement("div"), l = t.session.store;
-		function u(e) {
+		let n = t.dom, h = n.createElement("div"), g = t.session.store;
+		function _(e) {
 			let n = t.environment ?? {};
 			e.dataset.layout = n.layout ?? "desktop";
 		}
-		let d = l.fetcher.getHeader(e.doc(), "content-type"), f = d ? d[0].split(";", 1)[0].trim() : null, p = f === "text/markdown" || a(e.uri), m = f === "text/plain";
-		f || console.log("humanReadablePane: unknown content-type?"), c.classList.add("human-readable-pane"), u(c);
-		let h = function(t) {
-			l.fetcher.webOperation("GET", e.uri).then((e) => {
+		let v = g.fetcher.getHeader(e.doc(), "content-type"), y = v ? v[0].split(";", 1)[0].trim() : null, b = y === "text/markdown" || a(e.uri), S = y === "text/plain";
+		y || console.log("humanReadablePane: unknown content-type?"), h.classList.add("human-readable-pane"), _(h);
+		let C = function(t) {
+			g.fetcher.webOperation("GET", e.uri).then((e) => {
 				let n = e.responseText ?? "", a = Math.min(30, n.split(/\n/).length + 5), o = r.parse(n, { async: !1 });
 				t.innerHTML = i.sanitize(o), s(t, "markdown", a);
 			}).catch((e) => {
 				console.error("Error fetching markdown content:", e), t.innerHTML = "<p>Error loading content</p>";
 			});
-		}, g = function(t) {
-			l.fetcher.webOperation("GET", e.uri).then((e) => {
+		}, w = function(t) {
+			g.fetcher.webOperation("GET", e.uri).then((e) => {
 				let n = e.responseText ?? "", r = Math.min(30, n.split(/\n/).length + 5);
 				t.textContent = n, s(t, "plain-text", r);
 			}).catch((e) => {
 				console.error("Error fetching plain text content:", e), t.textContent = "Error loading content";
 			});
-		}, _ = (t, n) => {
-			t.setAttribute("src", e.uri), s(t, "iframe", n);
 		};
-		if (p) {
+		if (b) {
 			let e = n.createElement("div");
-			h(e);
+			C(e);
 			let t = n.createElement("div");
-			t.classList.add("human-readable-pane__container"), t.appendChild(e), c.appendChild(t);
-		} else if (m) {
+			t.classList.add("human-readable-pane__container"), t.appendChild(e), h.appendChild(t);
+		} else if (S) {
 			let e = n.createElement("pre");
-			g(e);
+			w(e);
 			let t = n.createElement("div");
-			t.classList.add("human-readable-pane__container"), t.appendChild(e), c.appendChild(t);
+			t.classList.add("human-readable-pane__container"), t.appendChild(e), h.appendChild(t);
 		} else {
 			let t = n.createElement("iframe");
-			(f === "text/html" || f === "application/xhtml+xml") && t.setAttribute("sandbox", "allow-scripts allow-same-origin allow-forms"), l.fetcher.webOperation("GET", e.uri).then((n) => {
-				let r = n.responseText ?? "", i = r.includes("<script src=\"https://dokie.li/scripts/dokieli.js\">") ? -10 : 5, a = Math.min(30, r.split(/\n/).length + i), s = r.includes("<script src=\"https://dokie.li/scripts/dokieli.js\">") || r.includes("dokieli.css");
-				o.set(e.uri, s ? "dokieli" : "html"), _(t, a);
+			t.name = c, t.title = p(e.uri), s(t, "iframe");
+			let r = y === "text/html" || y === "application/xhtml+xml", i = null, a = !1, _ = !1, v = typeof MutationObserver > "u" ? null : new MutationObserver((e) => {
+				let t = e.some((e) => Array.from(e.addedNodes).some((e) => e === h || e.nodeType === Node.ELEMENT_NODE && e.contains(h)));
+				h.isConnected ? _ = !0 : (_ || t) && (a = !0, i &&= (URL.revokeObjectURL(i), null), v?.disconnect());
+			});
+			v?.observe(n, {
+				childList: !0,
+				subtree: !0
+			});
+			let b = (e) => {
+				t.removeAttribute("src"), t.setAttribute("sandbox", ""), t.srcdoc = `<p style="font-family: sans-serif">${d(e)}</p>`;
+			};
+			r ? g.fetcher.webOperation("GET", e.uri).then((n) => {
+				let r = n.responseText ?? "";
+				t.title = m(r, e.uri);
+				let i = u(r);
+				o.set(e.uri, i ? "dokieli" : "html"), i ? x(t, e.uri, r, (e, t) => g.fetcher._fetch(e, t)) : (t.setAttribute("sandbox", l), t.srcdoc = f(r, e.uri));
+			}).catch((e) => {
+				console.error("Error fetching HTML content:", e), b("Error loading content");
+			}) : g.fetcher._fetch(e.uri).then(async (n) => {
+				if (!n.ok) throw Error(`HTTP ${n.status}`);
+				let r = n.headers.get("content-type")?.split(";", 1)[0].trim().toLowerCase();
+				if (r === "text/html" || r === "application/xhtml+xml") {
+					let r = await n.text();
+					t.title = m(r, e.uri);
+					let i = u(r);
+					o.set(e.uri, i ? "dokieli" : "html"), i ? x(t, e.uri, r, (e, t) => g.fetcher._fetch(e, t)) : (t.setAttribute("sandbox", l), t.srcdoc = f(r, e.uri));
+					return;
+				}
+				t.setAttribute("sandbox", l);
+				let s = URL.createObjectURL(await n.blob());
+				a ? URL.revokeObjectURL(s) : (i = s, t.src = s);
 			}).catch((e) => {
-				console.error("Error fetching content for line calculation:", e), _(t, 30);
+				console.error("Error fetching content:", e), b("Error loading content");
 			});
-			let r = n.createElement("div");
-			r.classList.add("human-readable-pane__container"), r.appendChild(t), c.appendChild(r);
+			let S = n.createElement("div");
+			S.classList.add("human-readable-pane__container"), S.classList.add("human-readable-pane__container--iframe"), S.appendChild(t), h.appendChild(S), h.classList.add("human-readable-pane--iframe");
 		}
-		return c;
+		return h;
 	}
 };
-//#endregion
-export { c as default };
+export { c as HUMAN_READABLE_PREVIEW_FRAME_NAME, S as default, y as previewRequestUrl, f as withBaseHref };
 
 //# sourceMappingURL=humanReadablePane2.esm.js.map