@marimo-team/islands 0.19.5-dev4 → 0.19.5-dev7

package/dist/main.js

@@ -96521,7 +96521,8 @@ Defaulting to \`null\`.`;
     });
   }
   var TexComponent = (e) => {
-    let r = (0, import_compiler_runtime$12.c)(7), { host: c, tex: d } = e, f = (0, import_react.useRef)(null), [h, _] = (0, import_react.useState)(d), v, y;
+    var _a2;
+    let r = (0, import_compiler_runtime$12.c)(8), { host: c, tex: d } = e, f = (0, import_react.useRef)(null), [h, _] = (0, import_react.useState)(d), v, y;
     r[0] === c ? (v = r[1], y = r[2]) : (v = () => {
       let e2 = new MutationObserver(() => {
         _(c.textContent || c.innerHTML);
@@ -96536,16 +96537,17 @@ Defaulting to \`null\`.`;
     }, y = [
       c
     ], r[0] = c, r[1] = v, r[2] = y), (0, import_react.useLayoutEffect)(v, y);
-    let S, w;
-    r[3] === h ? (S = r[4], w = r[5]) : (S = () => {
-      f.current && renderLatex(f.current, h);
-    }, w = [
-      h
-    ], r[3] = h, r[4] = S, r[5] = w), (0, import_react.useLayoutEffect)(S, w);
-    let E;
-    return r[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (E = (0, import_jsx_runtime.jsx)("span", {
+    let S = ((_a2 = c.parentElement) == null ? void 0 : _a2.tagName.toLowerCase()) === "marimo-tex", w, E;
+    r[3] !== h || r[4] !== S ? (w = () => {
+      f.current && !S && renderLatex(f.current, h);
+    }, E = [
+      h,
+      S
+    ], r[3] = h, r[4] = S, r[5] = w, r[6] = E) : (w = r[5], E = r[6]), (0, import_react.useLayoutEffect)(w, E);
+    let O;
+    return r[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (O = (0, import_jsx_runtime.jsx)("span", {
       ref: f
-    }), r[6] = E) : E = r[6], E;
+    }), r[7] = O) : O = r[7], O;
   };
   const UI_PLUGINS = [
     new ButtonPlugin(),
@@ -101061,7 +101063,7 @@ Defaulting to \`null\`.`;
       return Logger.warn("Failed to get version from mount config"), null;
     }
   }
-  const marimoVersionAtom = atom(getVersionFromMountConfig() || "0.19.5-dev4"), showCodeInRunModeAtom = atom(true);
+  const marimoVersionAtom = atom(getVersionFromMountConfig() || "0.19.5-dev7"), showCodeInRunModeAtom = atom(true);
   atom(null);
   var VIRTUAL_FILE_REGEX = /\/@file\/([^\s"&'/]+)\.([\dA-Za-z]+)/g, VirtualFileTracker = class e {
     constructor() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marimo-team/islands",
-  "version": "0.19.5-dev4",
+  "version": "0.19.5-dev7",
   "main": "dist/main.js",
   "types": "dist/index.d.ts",
   "type": "module",

package/src/css/app/Cell.css

@@ -249,7 +249,6 @@
   }
 
   /* Borderless styles for Cell */
-
   &.borderless {
     border-color: transparent;
 
@@ -258,7 +257,6 @@
     }
 
     /* Apply the original styles */
-    &:hover,
     &:focus {
       border: 1px solid var(--gray-4);
     }

package/src/plugins/layout/TexPlugin.tsx

@@ -115,16 +115,18 @@ const TexComponent = ({
   // isn't a simple way to do that in Python without bringing in a new
   // dependency.
   //
-  // The number of children is always 1 (the LaTeX) or 3 redundant ||(, ||)
-  // delimiters as the first and third child, another marimo-tex tag as the
-  // second. Only try to render latex in the former case.
+  // When nested, the inner marimo-tex should not render because the outer
+  // marimo-tex's textContent includes the nested delimiters (||(||(x||)||))
+  // and will render correctly with displayMode: true. We detect this by
+  // checking if the parent element is also a marimo-tex.
+  const isNested = host.parentElement?.tagName.toLowerCase() === "marimo-tex";
 
   // Re-render when the text content changes.
   useLayoutEffect(() => {
-    if (ref.current) {
+    if (ref.current && !isNested) {
       renderLatex(ref.current, currentTex);
     }
-  }, [currentTex]);
+  }, [currentTex, isNested]);
 
   return <span ref={ref} />;
 };