@marimo-team/frontend 0.17.3 → 0.17.5

package/dist/index.html

@@ -66,7 +66,7 @@
     <marimo-server-token data-token="{{ server_token }}" hidden></marimo-server-token>
     <!-- /TODO -->
     <title>{{ title }}</title>
-    <script type="module" crossorigin src="./assets/index-BXJ0L2ZN.js"></script>
+    <script type="module" crossorigin src="./assets/index-DsdBxblV.js"></script>
     <link rel="modulepreload" crossorigin href="./assets/preload-helper-DImqtvgl.js">
     <link rel="modulepreload" crossorigin href="./assets/chunk-DZLz74EQ.js">
     <link rel="modulepreload" crossorigin href="./assets/react-BcIddLXZ.js">
@@ -138,12 +138,12 @@
     <link rel="modulepreload" crossorigin href="./assets/type-DVCC-93H.js">
     <link rel="modulepreload" crossorigin href="./assets/marked.esm-BB_RKOA5.js">
     <link rel="modulepreload" crossorigin href="./assets/main-CCaZmKLi.js">
-    <link rel="modulepreload" crossorigin href="./assets/cells-ChcCEAp9.js">
+    <link rel="modulepreload" crossorigin href="./assets/cells-CZmitpcp.js">
     <link rel="modulepreload" crossorigin href="./assets/kbd-BfBY_QKr.js">
     <link rel="modulepreload" crossorigin href="./assets/renderShortcut-a-3t8sis.js">
     <link rel="modulepreload" crossorigin href="./assets/useEvent-itkPNnCe.js">
-    <link rel="modulepreload" crossorigin href="./assets/useDeleteCell-BPNrZc-g.js">
-    <link rel="modulepreload" crossorigin href="./assets/lazy-tfeVHpGH.js">
+    <link rel="modulepreload" crossorigin href="./assets/useDeleteCell-Bg8Hgk6e.js">
+    <link rel="modulepreload" crossorigin href="./assets/lazy-ijSQmhmN.js">
     <link rel="modulepreload" crossorigin href="./assets/defaultLocale-DEWTIUVh.js">
     <link rel="modulepreload" crossorigin href="./assets/precisionRound-BLxyDkD7.js">
     <link rel="modulepreload" crossorigin href="./assets/defaultLocale-B9-NA0ur.js">
@@ -160,24 +160,24 @@
     <link rel="modulepreload" crossorigin href="./assets/usePress-C2JVmCUi.js">
     <link rel="modulepreload" crossorigin href="./assets/input-DuVApvWu.js">
     <link rel="modulepreload" crossorigin href="./assets/ImperativeModal-ExH1h9et.js">
-    <link rel="modulepreload" crossorigin href="./assets/cell-link-sTcnY1Ng.js">
+    <link rel="modulepreload" crossorigin href="./assets/cell-link-d9BMXpwm.js">
     <link rel="modulepreload" crossorigin href="./assets/alert-B5fh2kMN.js">
     <link rel="modulepreload" crossorigin href="./assets/links-90C38wV6.js">
-    <link rel="modulepreload" crossorigin href="./assets/state-Ds5BCDZt.js">
-    <link rel="modulepreload" crossorigin href="./assets/MarimoErrorOutput-BgZFHyAp.js">
+    <link rel="modulepreload" crossorigin href="./assets/state-7Nd5UYc6.js">
+    <link rel="modulepreload" crossorigin href="./assets/MarimoErrorOutput-DKtP9DfP.js">
     <link rel="modulepreload" crossorigin href="./assets/spinner-1oeuzoUk.js">
     <link rel="modulepreload" crossorigin href="./assets/_arrayReduce-DV4IVFuG.js">
     <link rel="modulepreload" crossorigin href="./assets/startCase-RfubwhHM.js">
     <link rel="modulepreload" crossorigin href="./assets/strings-DRRWXNT2.js">
     <link rel="modulepreload" crossorigin href="./assets/command-DhuV6_de.js">
     <link rel="modulepreload" crossorigin href="./assets/popover-BoRNi4dY.js">
-    <link rel="modulepreload" crossorigin href="./assets/useRunCells-BmIxLPpn.js">
+    <link rel="modulepreload" crossorigin href="./assets/useRunCells-BiWuvMY1.js">
     <link rel="modulepreload" crossorigin href="./assets/copy-SPzF4B1M.js">
     <link rel="modulepreload" crossorigin href="./assets/copy-CDDalEhv.js">
     <link rel="modulepreload" crossorigin href="./assets/copy-icon-Ckew1l1_.js">
-    <link rel="modulepreload" crossorigin href="./assets/mode-47luhzpx.js">
+    <link rel="modulepreload" crossorigin href="./assets/mode-CtH3Xe58.js">
     <link rel="modulepreload" crossorigin href="./assets/purify.es-CmG1k0Cr.js">
-    <link rel="modulepreload" crossorigin href="./assets/RenderHTML-DockW4fh.js">
+    <link rel="modulepreload" crossorigin href="./assets/RenderHTML-B4Xlxz9Q.js">
     <link rel="modulepreload" crossorigin href="./assets/table-Bj1zHGNd.js">
     <link rel="modulepreload" crossorigin href="./assets/tabs-CGHt3Blh.js">
     <link rel="modulepreload" crossorigin href="./assets/useAsyncData-BPaRR7vx.js">
@@ -194,8 +194,8 @@
     <link rel="modulepreload" crossorigin href="./assets/useDateFormatter-CQ9jB95h.js">
     <link rel="modulepreload" crossorigin href="./assets/range-ZclXTdAh.js">
     <link rel="modulepreload" crossorigin href="./assets/table-CmDieCGZ.js">
-    <link rel="modulepreload" crossorigin href="./assets/Output-C8n2C1Pu.js">
-    <link rel="modulepreload" crossorigin href="./assets/name-cell-input-iv2D5yrk.js">
+    <link rel="modulepreload" crossorigin href="./assets/Output-x6LACtkd.js">
+    <link rel="modulepreload" crossorigin href="./assets/name-cell-input-DZWpmHYT.js">
     <link rel="modulepreload" crossorigin href="./assets/useHotkey-Ca6pS8sJ.js">
     <link rel="modulepreload" crossorigin href="./assets/objectWithoutPropertiesLoose-CNyONSoo.js">
     <link rel="modulepreload" crossorigin href="./assets/esm-D8ZMWeYP.js">
@@ -298,18 +298,18 @@
     <link rel="modulepreload" crossorigin href="./assets/z80-CJYC52xh.js">
     <link rel="modulepreload" crossorigin href="./assets/esm-DXHMyc8g.js">
     <link rel="modulepreload" crossorigin href="./assets/trash-DpmcvlCC.js">
-    <link rel="modulepreload" crossorigin href="./assets/ConsoleOutput-DWvKgTax.js">
+    <link rel="modulepreload" crossorigin href="./assets/ConsoleOutput-C4nRvbNL.js">
     <link rel="modulepreload" crossorigin href="./assets/icons-HGhpVPVr.js">
-    <link rel="modulepreload" crossorigin href="./assets/add-missing-import-qki9bte9.js">
+    <link rel="modulepreload" crossorigin href="./assets/add-missing-import-Cy6g_y6i.js">
     <link rel="modulepreload" crossorigin href="./assets/blob-B96v6VlX.js">
-    <link rel="modulepreload" crossorigin href="./assets/add-cell-with-ai-Bwg9bH8i.js">
+    <link rel="modulepreload" crossorigin href="./assets/add-cell-with-ai-D94Om7DS.js">
     <link rel="modulepreload" crossorigin href="./assets/chart-no-axes-column-C2nGNVra.js">
     <link rel="modulepreload" crossorigin href="./assets/square-function-DncO0xCM.js">
     <link rel="modulepreload" crossorigin href="./assets/spec-Cdxt7KQF.js">
-    <link rel="modulepreload" crossorigin href="./assets/focus-BrbV9nqw.js">
+    <link rel="modulepreload" crossorigin href="./assets/focus-CUS3ckCE.js">
     <link rel="modulepreload" crossorigin href="./assets/useInstallPackage-B1IBfLxp.js">
-    <link rel="modulepreload" crossorigin href="./assets/column-preview-CXzpLY8T.js">
-    <link rel="modulepreload" crossorigin href="./assets/useAddCell-CG6KWlO3.js">
+    <link rel="modulepreload" crossorigin href="./assets/column-preview-BsCKvnq_.js">
+    <link rel="modulepreload" crossorigin href="./assets/useAddCell-CWXmrhes.js">
     <link rel="modulepreload" crossorigin href="./assets/toggle-CPnmDQd7.js">
     <link rel="modulepreload" crossorigin href="./assets/api-qc-D7yz9.js">
     <link rel="modulepreload" crossorigin href="./assets/globals-Bcw0dX52.js">
@@ -318,22 +318,22 @@
     <link rel="modulepreload" crossorigin href="./assets/memoize-DhF8x4Aa.js">
     <link rel="modulepreload" crossorigin href="./assets/_toKey-16owuO_q.js">
     <link rel="modulepreload" crossorigin href="./assets/_baseSet-L2qemYhz.js">
-    <link rel="modulepreload" crossorigin href="./assets/utilities.esm-B_umFSka.js">
-    <link rel="modulepreload" crossorigin href="./assets/floating-outline-BjOLeg9Q.js">
+    <link rel="modulepreload" crossorigin href="./assets/utilities.esm-CCw2KKJk.js">
+    <link rel="modulepreload" crossorigin href="./assets/floating-outline-BXSB3SQ6.js">
     <link rel="modulepreload" crossorigin href="./assets/eye-off-BIDUS-iw.js">
     <link rel="modulepreload" crossorigin href="./assets/plus-DWAWtOBJ.js">
-    <link rel="modulepreload" crossorigin href="./assets/readonly-python-code-DOMir81o.js">
+    <link rel="modulepreload" crossorigin href="./assets/readonly-python-code-Ba_IF_mK.js">
     <link rel="modulepreload" crossorigin href="./assets/file-video-camera-gcIrLbdD.js">
     <link rel="modulepreload" crossorigin href="./assets/file-text-Z92DzmMA.js">
     <link rel="modulepreload" crossorigin href="./assets/file-Cesos4Qp.js">
-    <link rel="modulepreload" crossorigin href="./assets/types-XAhA2qP3.js">
+    <link rel="modulepreload" crossorigin href="./assets/types-h5wz3HYN.js">
     <link rel="modulepreload" crossorigin href="./assets/label-FIGQlkj5.js">
-    <link rel="modulepreload" crossorigin href="./assets/form-wmMKGeHm.js">
+    <link rel="modulepreload" crossorigin href="./assets/form-nAUuUhu3.js">
     <link rel="modulepreload" crossorigin href="./assets/textarea-DA_SbCD5.js">
     <link rel="modulepreload" crossorigin href="./assets/circle-x-Bb-EcEyG.js">
     <link rel="modulepreload" crossorigin href="./assets/refresh-ccw-ETV_gv20.js">
     <link rel="modulepreload" crossorigin href="./assets/trash-2-D1jEfGpj.js">
-    <link rel="modulepreload" crossorigin href="./assets/form-BogImzlM.js">
+    <link rel="modulepreload" crossorigin href="./assets/form-BlnK1x-p.js">
     <link rel="modulepreload" crossorigin href="./assets/field-mNGJv_67.js">
     <link rel="modulepreload" crossorigin href="./assets/switch-p-zRh0zu.js">
     <link rel="modulepreload" crossorigin href="./assets/useBoolean-CG31RE8p.js">
@@ -358,7 +358,7 @@
     <link rel="stylesheet" crossorigin href="./assets/cells-BvrC6Bsv.css">
     <link rel="stylesheet" crossorigin href="./assets/Output-j3zW187k.css">
     <link rel="stylesheet" crossorigin href="./assets/ConsoleOutput-BFFTcC5Y.css">
-    <link rel="stylesheet" crossorigin href="./assets/index-B6c28rYm.css">
+    <link rel="stylesheet" crossorigin href="./assets/index-BmcO-QYJ.css">
   </head>
   <body>
     <div id="root"></div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marimo-team/frontend",
-  "version": "0.17.3",
+  "version": "0.17.5",
   "main": "dist/main.js",
   "types": "dist/index.d.ts",
   "type": "module",
@@ -168,7 +168,7 @@
     "typescript-memoize": "^1.1.1",
     "use-acp": "0.2.5",
     "use-resize-observer": "^9.1.0",
-    "vega-lite": "^6.4.1",
+    "vega-lite": "6.2.0",
     "vega-loader": "^5.1.0",
     "vega-parser": "^7.1.0",
     "vega-tooltip": "^1.1.0",

package/src/core/codemirror/language/__tests__/markdown.test.ts

@@ -27,8 +27,10 @@ describe("MarkdownLanguageAdapter", () => {
       const out = adapter.transformOut(innerCode, metadata);
       expect(out).toMatchInlineSnapshot(`
         [
-          "mo.md(r""" """)",
-          10,
+          "mo.md(r"""
+         
+        """)",
+          12,
         ]
       `);
     });
@@ -227,8 +229,10 @@ describe("MarkdownLanguageAdapter", () => {
     it("empty string", () => {
       const code = "";
       const [wrappedCode, offset] = adapter.transformOut(code, metadata);
-      expect(wrappedCode).toBe(`mo.md(""" """)`);
-      expect(offset).toBe(9);
+      expect(wrappedCode).toBe(`mo.md("""
+ 
+""")`);
+      expect(offset).toBe(11);
     });
 
     it("defaults to r-string when there is no last quote prefix", () => {
@@ -236,15 +240,19 @@ describe("MarkdownLanguageAdapter", () => {
       const code = "Hello world";
       metadata.quotePrefix = "r";
       const [wrappedCode, offset] = adapter.transformOut(code, metadata);
-      expect(wrappedCode).toBe(`mo.md(r"""Hello world""")`);
-      expect(offset).toBe(10);
+      expect(wrappedCode).toBe(`mo.md(r"""
+Hello world
+""")`);
+      expect(offset).toBe(12);
     });
 
     it("single line", () => {
       const code = "Hello world";
       const [wrappedCode, offset] = adapter.transformOut(code, metadata);
-      expect(wrappedCode).toBe(`mo.md("""Hello world""")`);
-      expect(offset).toBe(9);
+      expect(wrappedCode).toBe(`mo.md("""
+Hello world
+""")`);
+      expect(offset).toBe(11);
     });
 
     it("starts with quote", () => {
@@ -283,21 +291,36 @@ describe("MarkdownLanguageAdapter", () => {
     });
 
     it("should escape triple quotes in the Markdown code", () => {
-      const code = 'Markdown with an escaped """quote"""!!';
+      const code = 'Markdown with an escaped """quote""""!!';
       const [wrappedCode, offset] = adapter.transformOut(code, metadata);
       expect(wrappedCode).toBe(
-        `mo.md("""Markdown with an escaped \\"""quote\\"""!!""")`,
+        `mo.md("""
+Markdown with an escaped "\\""quote"\\""\\"!!
+""")`,
       );
-      expect(offset).toBe(9);
+      expect(offset).toBe(11);
+    });
+
+    it("should escape triple quotes in the Markdown code with backslash", () => {
+      const code = 'Markdown with an escaped \\"""quote\\""""!!';
+      const [wrappedCode, offset] = adapter.transformOut(code, metadata);
+      expect(wrappedCode).toBe(
+        `mo.md("""
+Markdown with an escaped \\"\\""quote\\"\\""\\"!!
+""")`,
+      );
+      expect(offset).toBe(11);
     });
 
     it("should preserve r strings", () => {
       const code = String.raw`$\nu = \mathllap{}\cdot\mathllap{\alpha}$`;
       metadata.quotePrefix = "r";
       const [wrappedCode, offset] = adapter.transformOut(code, metadata);
-      const pythonCode = `mo.md(r"""$\\nu = \\mathllap{}\\cdot\\mathllap{\\alpha}$""")`;
+      const pythonCode = `mo.md(r"""
+$\\nu = \\mathllap{}\\cdot\\mathllap{\\alpha}$
+""")`;
       expect(wrappedCode).toBe(pythonCode);
-      expect(offset).toBe(10);
+      expect(offset).toBe(12);
     });
 
     it("should handle f-strings in transformOut", () => {

package/src/core/codemirror/language/__tests__/utils.test.ts

@@ -146,8 +146,12 @@ describe("splitEditor", () => {
       selection: { anchor: "Hello,".length },
     });
     const result = splitEditor(mockEditor);
-    expect(result.beforeCursorCode).toEqual('mo.md("""Hello,""")');
-    expect(result.afterCursorCode).toEqual('mo.md(""" World!""")');
+    expect(result.beforeCursorCode).toEqual(`mo.md("""
+Hello,
+""")`);
+    expect(result.afterCursorCode).toEqual(`mo.md("""
+ World!
+""")`);
   });
 
   // f-strings not currently supported

package/src/css/md.css

@@ -78,8 +78,14 @@ a .markdown iconify-icon:first-child {
   margin-inline-end: 0.4em;
 }
 
+iconify-icon {
+  display: inline-flex;
+  align-items: center;
+}
+
 /* align icons with buttons better */
 button .markdown .paragraph {
+  display: inline-flex;
   align-items: baseline;
   gap: 0.4em;
 

package/src/plugins/core/__test__/sanitize.test.ts

@@ -462,4 +462,31 @@ describe("sanitizeHtml", () => {
       `"<details><summary>Click me</summary><p>Hidden content</p></details>"`,
     );
   });
+
+  test("preserves iconify-icon custom element", () => {
+    const html = '<iconify-icon icon="lucide:leaf"></iconify-icon>';
+    expect(sanitizeHtml(html)).toMatchInlineSnapshot(
+      `"<iconify-icon icon="lucide:leaf"></iconify-icon>"`,
+    );
+  });
+
+  test("preserves iconify-icon with all attributes", () => {
+    const html =
+      '<iconify-icon icon="lucide:rocket" width="24px" height="24px" inline="" flip="horizontal" rotate="90deg" style="color: blue;"></iconify-icon>';
+    expect(sanitizeHtml(html)).toMatchInlineSnapshot(
+      `"<iconify-icon icon="lucide:rocket" width="24px" height="24px" inline="" flip="horizontal" rotate="90deg" style="color: blue;"></iconify-icon>"`,
+    );
+  });
+
+  test("preserves self-closing iconify-icon", () => {
+    const html = '<iconify-icon icon="lucide:star" />';
+    expect(sanitizeHtml(html)).toMatchInlineSnapshot(
+      `"<iconify-icon icon="lucide:star"></iconify-icon>"`,
+    );
+  });
+
+  test("still removes other non-marimo/non-iconify custom elements", () => {
+    const html = "<some-custom-element>Content</some-custom-element>";
+    expect(sanitizeHtml(html)).toMatchInlineSnapshot(`"Content"`);
+  });
 });

package/src/plugins/core/sanitize.ts

@@ -75,7 +75,7 @@ export function sanitizeHtml(html: string) {
     // glue elements like style, script or others to document.body and prevent unintuitive browser behavior in several edge-cases
     FORCE_BODY: true,
     CUSTOM_ELEMENT_HANDLING: {
-      tagNameCheck: /^marimo-[A-Za-z][\w-]*$/,
+      tagNameCheck: /^(marimo-[A-Za-z][\w-]*|iconify-icon)$/,
       attributeNameCheck: /^[A-Za-z][\w-]*$/,
     },
   };

package/src/plugins/layout/TexPlugin.tsx

@@ -1,5 +1,5 @@
 /* Copyright 2024 Marimo. All rights reserved. */
-import { type JSX, useLayoutEffect, useRef } from "react";
+import { type JSX, useLayoutEffect, useRef, useState } from "react";
 
 import { z } from "zod";
 import { once } from "@/utils/once";
@@ -21,7 +21,10 @@ export class TexPlugin implements IStatelessPlugin<{}> {
 
   render(props: IStatelessPluginProps<{}>): JSX.Element {
     return (
-      <TexComponent tex={props.host.textContent || props.host.innerHTML} />
+      <TexComponent
+        host={props.host}
+        tex={props.host.textContent || props.host.innerHTML}
+      />
     );
   }
 }
@@ -67,8 +70,33 @@ async function renderLatex(mount: HTMLElement, tex: string): Promise<void> {
   }
 }
 
-const TexComponent = ({ tex }: { tex: string }): JSX.Element => {
+const TexComponent = ({
+  host,
+  tex,
+}: {
+  host: HTMLElement;
+  tex: string;
+}): JSX.Element => {
   const ref = useRef<HTMLSpanElement>(null);
+  const [currentTex, setCurrentTex] = useState(tex);
+
+  // Watch for changes to the host element's direct children
+  useLayoutEffect(() => {
+    const observer = new MutationObserver(() => {
+      const newTex = host.textContent || host.innerHTML;
+      setCurrentTex(newTex);
+    });
+
+    observer.observe(host, {
+      childList: true,
+      characterData: true,
+      subtree: true,
+    });
+
+    return () => {
+      observer.disconnect();
+    };
+  }, [host]);
 
   // The arithmatex markdown extension we use in Python produces nested
   // marimo-tex tags when $$...$$ math is used in a paragraph, with dummy
@@ -94,9 +122,9 @@ const TexComponent = ({ tex }: { tex: string }): JSX.Element => {
   // Re-render when the text content changes.
   useLayoutEffect(() => {
     if (ref.current) {
-      renderLatex(ref.current, tex);
+      renderLatex(ref.current, currentTex);
     }
-  }, [tex]);
+  }, [currentTex]);
 
   return <span ref={ref} />;
 };

package/dist/assets/RenderHTML-DockW4fh.js

@@ -1 +0,0 @@
-import{s as p}from"./chunk-DZLz74EQ.js";import{c as S,d as j}from"./jotai-BTnrNcC1.js";import{t as _}from"./react-BcIddLXZ.js";import{br as u,yr as w}from"./cells-ChcCEAp9.js";import{t as y}from"./compiler-runtime-Cr9loedd.js";import{t as N}from"./jsx-runtime-mwDPpfh_.js";import{t as R}from"./mode-47luhzpx.js";import{t as z}from"./usePress-C2JVmCUi.js";import{t as k}from"./copy-icon-Ckew1l1_.js";import{t as A}from"./purify.es-CmG1k0Cr.js";import{t as C}from"./useRunCells-BmIxLPpn.js";var H=p(y(),1),m=p(_(),1),s=p(N(),1);const M=e=>{let t=(0,H.c)(16),r,a,i;t[0]===e?(r=t[1],a=t[2],i=t[3]):({href:a,children:r,...i}=e,t[0]=e,t[1]=r,t[2]=a,t[3]=i);let o=(0,m.useRef)(null),l;t[4]===a?l=t[5]:(l=()=>{let h=new URL(globalThis.location.href);h.hash=a,globalThis.history.pushState({},"",h.toString());let x=a.slice(1),v=document.getElementById(x);v&&v.scrollIntoView({behavior:"smooth",block:"start"})},t[4]=a,t[5]=l);let n=l,c;t[6]===n?c=t[7]:(c={onPress:()=>{n()}},t[6]=n,t[7]=c);let{pressProps:g}=z(c),f;t[8]===n?f=t[9]:(f=h=>{h.preventDefault(),n()},t[8]=n,t[9]=f);let E=f,d;return t[10]!==r||t[11]!==E||t[12]!==a||t[13]!==g||t[14]!==i?(d=(0,s.jsx)("a",{ref:o,href:a,...g,onClick:E,...i,children:r}),t[10]=r,t[11]=E,t[12]=a,t[13]=g,t[14]=i,t[15]=d):d=t[15],d};var T=j(e=>{if(e(C))return!1;let t=!0;try{t=R()==="read"}catch{return!0}return!t});function F(){return S(T)}var b="data-temp-href-target";A.addHook("beforeSanitizeAttributes",e=>{e.tagName==="A"&&(e.hasAttribute("target")||e.setAttribute("target","_self"),e.hasAttribute("target")&&e.setAttribute(b,e.getAttribute("target")||""))}),A.addHook("afterSanitizeAttributes",e=>{e.tagName==="A"&&e.hasAttribute(b)&&(e.setAttribute("target",e.getAttribute(b)||""),e.removeAttribute(b),e.getAttribute("target")==="_blank"&&e.setAttribute("rel","noopener"))});function L(e){return A.sanitize(e,{USE_PROFILES:{html:!0,svg:!0,mathMl:!0},FORCE_BODY:!0,CUSTOM_ELEMENT_HANDLING:{tagNameCheck:/^marimo-[A-Za-z][\w-]*$/,attributeNameCheck:/^[A-Za-z][\w-]*$/}})}var O=p(y(),1),I=e=>{if(e instanceof u.Element&&!/^[A-Za-z][\w-]*$/.test(e.name))return m.createElement(m.Fragment)},D=(e,t)=>{if(t instanceof u.Element&&t.name==="body"){if((0,m.isValidElement)(e)&&"props"in e){let r=e.props.children;return(0,s.jsx)(s.Fragment,{children:r})}return}},V=(e,t)=>{if(t instanceof u.Element&&t.name==="html"){if((0,m.isValidElement)(e)&&"props"in e){let r=e.props.children;return(0,s.jsx)(s.Fragment,{children:r})}return}},W=e=>{if(e instanceof u.Element&&e.attribs&&e.name==="iframe"){let t=document.createElement("iframe");return Object.entries(e.attribs).forEach(([r,a])=>{r.startsWith('"')&&r.endsWith('"')&&(r=r.slice(1,-1)),t.setAttribute(r,a)}),(0,s.jsx)("div",{dangerouslySetInnerHTML:{__html:t.outerHTML}})}},$=e=>{if(e instanceof u.Element&&e.name==="script"){let t=e.attribs.src;if(!t)return;if(!document.querySelector(`script[src="${t}"]`)){let r=document.createElement("script");r.src=t,document.head.append(r)}return(0,s.jsx)(s.Fragment,{})}},P=(e,t)=>{if(t instanceof u.Element&&t.name==="a"){let r=t.attribs.href;if(r!=null&&r.startsWith("#")&&!r.startsWith("#code/")){let a=null;return(0,m.isValidElement)(e)&&"props"in e&&(a=e.props.children),(0,s.jsx)(M,{href:r,...t.attribs,children:a})}}},U=(e,t,r)=>{var a,i;if(t instanceof u.Element&&t.name==="div"&&((i=(a=t.attribs)==null?void 0:a.class)!=null&&i.includes("codehilite")))return(0,s.jsx)(Z,{children:e},r)},Z=e=>{let t=(0,O.c)(3),{children:r}=e,a=(0,m.useRef)(null),i;t[0]===Symbol.for("react.memo_cache_sentinel")?(i=(0,s.jsx)("div",{className:"absolute top-2 right-2 opacity-0 group-hover:opacity-100 transition-opacity",children:(0,s.jsx)(k,{tooltip:!1,className:"p-1",value:()=>{var n;let l=(n=a.current)==null?void 0:n.firstChild;return l&&l.textContent||""}})}),t[0]=i):i=t[0];let o;return t[1]===r?o=t[2]:(o=(0,s.jsxs)("div",{className:"relative group codehilite-wrapper",ref:a,children:[r,i]}),t[1]=r,t[2]=o),o};const B=({html:e,additionalReplacements:t=[],alwaysSanitizeHtml:r=!0})=>(0,s.jsx)(q,{html:e,alwaysSanitizeHtml:r,additionalReplacements:t});var q=({html:e,additionalReplacements:t=[],alwaysSanitizeHtml:r})=>{let a=F();return G({html:(0,m.useMemo)(()=>r||a?L(e):e,[e,r,a]),additionalReplacements:t})};function G({html:e,additionalReplacements:t=[]}){let r=[I,W,$,...t],a=[U,P,D,V];return w(e,{replace:(i,o)=>{for(let l of r){let n=l(i,o);if(n)return n}return i},transform:(i,o,l)=>{for(let n of a){let c=n(i,o,l);if(c)return c}return i}})}export{B as t};