@marimo-team/islands 0.17.4 → 0.17.6

package/dist/{spec-rqRnkIf4.js → spec-9eipa51K.js}

@@ -6,7 +6,7 @@ import { A as upperFirst_default, N as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7
 import { d as cn, r as cva } from "./button-B8zS4Mtw.js";
 import { s as Logger } from "./hotkeys-DVxFjl2s.js";
 import { t as require_jsx_runtime } from "./jsx-runtime-CvL6gNI-.js";
-import { x as atom, y as useSetAtom } from "./useTheme-D7vlj42b.js";
+import { b as atom, v as useSetAtom } from "./useTheme-BzICL4qs.js";
 import { t as toString_default } from "./toString-CT4n1k2E.js";
 import { t as _arrayReduce_default } from "./_arrayReduce-CmsTTAw1.js";
 var AlignCenterVertical = createLucideIcon("align-center-vertical", [

package/dist/{types-Bt7p5SYB.js → types-O1gHduIo.js}

@@ -8,7 +8,7 @@ import { c as composeRefs, d as cn, f as clsx_default, l as useComposedRefs, o a
 import { s as Logger } from "./hotkeys-DVxFjl2s.js";
 import { t as require_jsx_runtime } from "./jsx-runtime-CvL6gNI-.js";
 import { t as require_react_dom } from "./react-dom-BTjywDxo.js";
-import { h as useEvent_default } from "./useTheme-D7vlj42b.js";
+import { m as useEvent_default } from "./useTheme-BzICL4qs.js";
 import { t as toString_default } from "./toString-CT4n1k2E.js";
 import { r as debounce_default, t as Constants } from "./constants-BlvmN57i.js";
 import { t as memoizeLastValue } from "./once-rI5AYku5.js";

package/dist/{useAsyncData-Dp2V69OV.js → useAsyncData-D8_fNj6a.js}

@@ -1,7 +1,7 @@
 import { s as __toESM } from "./chunk-DgPTj83v.js";
 import { t as require_react } from "./react-DHL_F5hS.js";
 import { t as require_compiler_runtime } from "./compiler-runtime-5MdCVm0X.js";
-import { h as useEvent_default } from "./useTheme-D7vlj42b.js";
+import { m as useEvent_default } from "./useTheme-BzICL4qs.js";
 import { t as invariant } from "./invariant-Cl2wkkjN.js";
 var import_compiler_runtime = /* @__PURE__ */ __toESM(require_compiler_runtime(), 1), import_react = /* @__PURE__ */ __toESM(require_react(), 1), Result = {
   error(e, s) {

package/dist/{useTheme-D7vlj42b.js → useTheme-BzICL4qs.js}

@@ -669,28 +669,27 @@ function useTheme() {
   return e[1] === j ? M = e[2] : (M = { theme: j }, e[1] = j, e[2] = M), M;
 }
 export {
-  INTERNAL_buildStoreRev1 as C,
-  createStore as S,
-  useAtom as _,
-  getResolvedMarimoConfig as a,
-  useStore as b,
-  AppConfigSchema as c,
-  useJotaiEffect as d,
-  waitFor as f,
-  Provider as g,
-  useEvent_default as h,
-  autoInstantiateAtom as i,
-  createDeepEqualAtom as l,
-  isEqual_default as m,
-  useTheme as n,
-  localeAtom as o,
-  isIslands as p,
-  aiEnabledAtom as r,
-  useResolvedMarimoConfig as s,
-  resolvedThemeAtom as t,
-  store as u,
-  useAtomValue as v,
-  INTERNAL_getBuildingBlocksRev1 as w,
-  atom as x,
-  useSetAtom as y
+  INTERNAL_getBuildingBlocksRev1 as C,
+  INTERNAL_buildStoreRev1 as S,
+  useAtomValue as _,
+  localeAtom as a,
+  atom as b,
+  createDeepEqualAtom as c,
+  waitFor as d,
+  isIslands as f,
+  useAtom as g,
+  Provider as h,
+  getResolvedMarimoConfig as i,
+  store as l,
+  useEvent_default as m,
+  aiEnabledAtom as n,
+  useResolvedMarimoConfig as o,
+  isEqual_default as p,
+  autoInstantiateAtom as r,
+  AppConfigSchema as s,
+  useTheme as t,
+  useJotaiEffect as u,
+  useSetAtom as v,
+  createStore as x,
+  useStore as y
 };

package/dist/{vega-component-C58Jk3ub.js → vega-component-B26vOtT-.js}

@@ -2,13 +2,13 @@ import { s as __toESM } from "./chunk-DgPTj83v.js";
 import { t as require_react } from "./react-DHL_F5hS.js";
 import { t as require_compiler_runtime } from "./compiler-runtime-5MdCVm0X.js";
 import "./Combination-DrSsMSEB.js";
-import { S as CircleQuestionMark, h as asRemoteURL, i as Alert, n as useDeepCompareMemoize, o as AlertTitle, s as isValid, t as arrow } from "./formats-kyFd0DPJ.js";
+import { S as CircleQuestionMark, h as asRemoteURL, i as Alert, n as useDeepCompareMemoize, o as AlertTitle, s as isValid, t as arrow } from "./formats-b5g0iERd.js";
 import { u as Events } from "./button-B8zS4Mtw.js";
 import { o as Objects, s as Logger } from "./hotkeys-DVxFjl2s.js";
 import { t as require_jsx_runtime } from "./jsx-runtime-CvL6gNI-.js";
 import "./react-dom-BTjywDxo.js";
 import { c as Tooltip, n as ErrorBanner } from "./error-banner-B7LmpmGT.js";
-import { h as useEvent_default, n as useTheme } from "./useTheme-D7vlj42b.js";
+import { m as useEvent_default, t as useTheme } from "./useTheme-BzICL4qs.js";
 import "./isArrayLikeObject-1qkWxZbL.js";
 import "./isSymbol-BnxbuvDK.js";
 import "./toNumber-CUG0Hyhp.js";
@@ -21,11 +21,11 @@ import { a as tooltipHandler, n as vegaLoadData } from "./loader-Dj9XWZTh.js";
 import { t as uniq_default } from "./uniq-DgSyegN3.js";
 import "./zod-0AbTN3Cg.js";
 import "./invariant-Cl2wkkjN.js";
-import { t as useAsyncData } from "./useAsyncData-Dp2V69OV.js";
+import { t as useAsyncData } from "./useAsyncData-D8_fNj6a.js";
 import { n as formats } from "./vega-loader.browser-BK7-IO9k.js";
 import "./precisionRound-DMLkFNYv.js";
 import "./linear-CgANSWNu.js";
-import { t as j } from "./react-vega-B9eMrRW1.js";
+import { t as j } from "./react-vega-C3G6aCB7.js";
 import "./ordinal-pQYxWJYN.js";
 import "./time-U9NHhrDC.js";
 import "./range-sX2tw-Jz.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marimo-team/islands",
-  "version": "0.17.4",
+  "version": "0.17.6",
   "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/components/app-config/data-form.tsx

@@ -2,7 +2,6 @@
 
 import type { ChangeEvent } from "react";
 import type { FieldPath, UseFormReturn } from "react-hook-form";
-import { Checkbox } from "@/components/ui/checkbox";
 import {
   FormControl,
   FormDescription,
@@ -213,7 +212,8 @@ export const DataForm = ({
           {renderDiscoveryForm("datasources.auto_discover_columns", "Columns")}
         </div>
 
-        <FormField
+        {/* TODO: Issue with frontend being stuck */}
+        {/* <FormField
           control={form.control}
           name="diagnostics.sql_linter"
           render={({ field }) => (
@@ -238,7 +238,7 @@ export const DataForm = ({
               </FormDescription>
             </div>
           )}
-        />
+        /> */}
 
         <FormField
           control={form.control}

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/core/codemirror/language/languages/sql/sql.ts

@@ -168,7 +168,8 @@ export class SQLLanguageAdapter
       }),
     ];
 
-    const sqlLinterEnabled = lspConfig?.diagnostics?.sql_linter ?? false;
+    // TODO: Issue with frontend being stuck
+    const sqlLinterEnabled = false;
 
     if (sqlLinterEnabled) {
       const theme = store.get(resolvedThemeAtom);

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/dist-B9JCXzyv.js

@@ -1,6 +0,0 @@
-import "./dist-CBu8cgzz.js";
-import { n as cppLanguage, t as cpp } from "./dist-owpR56zn.js";
-export {
-  cpp,
-  cppLanguage
-};

package/dist/dist-C6QrJGYr.js

@@ -1,10 +0,0 @@
-import "./dist-CBu8cgzz.js";
-import "./dist-D08oiinq.js";
-import "./dist-C5Ns3q-m.js";
-import "./dist-CxRajUZ6.js";
-import "./dist-B3CNaJau.js";
-import { n as phpLanguage, t as php } from "./dist-XkGsOiy0.js";
-export {
-  php,
-  phpLanguage
-};

package/dist/dist-CFZ32udY.js

@@ -1,6 +0,0 @@
-import "./dist-CBu8cgzz.js";
-import { n as javaLanguage, t as java } from "./dist-DvsjKDQ4.js";
-export {
-  java,
-  javaLanguage
-};

package/dist/dist-CmgxQNWN.js

@@ -1,10 +0,0 @@
-import "./dist-CBu8cgzz.js";
-import "./dist-D08oiinq.js";
-import "./dist-C5Ns3q-m.js";
-import "./dist-CxRajUZ6.js";
-import "./dist-B3CNaJau.js";
-import { n as vueLanguage, t as vue } from "./dist-DTNqkRGE.js";
-export {
-  vue,
-  vueLanguage
-};

package/dist/dist-Cr6Cu8sC.js

@@ -1,6 +0,0 @@
-import "./dist-CBu8cgzz.js";
-import { n as jsonLanguage, t as json } from "./dist-BgsDu-bU.js";
-export {
-  json,
-  jsonLanguage
-};

package/dist/dist-NxHLuq7w.js

@@ -1,6 +0,0 @@
-import "./dist-CBu8cgzz.js";
-import { n as yamlLanguage, t as yaml } from "./dist-8v4BI_h_.js";
-export {
-  yaml,
-  yamlLanguage
-};

package/dist/dist-S2JcqPPB.js

@@ -1,12 +0,0 @@
-import "./dist-CBu8cgzz.js";
-import "./dist-D08oiinq.js";
-import "./dist-C5Ns3q-m.js";
-import "./dist-CxRajUZ6.js";
-import "./dist-B3CNaJau.js";
-import { i as liquidLanguage, n as liquid, r as liquidCompletionSource, t as closePercentBrace } from "./dist-DSDOMDNR.js";
-export {
-  closePercentBrace,
-  liquid,
-  liquidCompletionSource,
-  liquidLanguage
-};

package/dist/dist-hcPlrsR9.js

@@ -1,6 +0,0 @@
-import "./dist-CBu8cgzz.js";
-import { n as rustLanguage, t as rust } from "./dist-DbHWFmjZ.js";
-export {
-  rust,
-  rustLanguage
-};

package/dist/dist-poXa8G8m.js

@@ -1,6 +0,0 @@
-import "./dist-CBu8cgzz.js";
-import { n as wastLanguage, t as wast } from "./dist-HKzG1oF6.js";
-export {
-  wast,
-  wastLanguage
-};