@marimo-team/islands 0.24.1-dev110 → 0.24.1-dev112

package/dist/{process-output-BZJZA9RC.js → process-output-BZs2qaau.js}

@@ -1,4 +1,4 @@
-import { O as e, nt as t, tt as n } from "./html-to-image-CR571yeU.js";
+import { O as e, nt as t, tt as n } from "./html-to-image-Cf3vfRXj.js";
 import { u as r } from "./dist-CSjGX93W.js";
 import { b as i } from "./select-foAi7oM_.js";
 import { n as a } from "./semaphore-89jsoHtS.js";

package/dist/{reveal-component-CW9RWIRA.js → reveal-component-XFY3UczF.js}

@@ -2,11 +2,11 @@ import { a as e } from "./rolldown-runtime-Cb76FRpK.js";
 import { c as t, g as n, h as r, m as i, t as a } from "./button-BeWeF5Z2.js";
 import { t as o } from "./react-DMWcHin-.js";
 import { t as s } from "./compiler-runtime-CAH9RLw2.js";
-import { Ot as c, ot as l } from "./html-to-image-CR571yeU.js";
+import { Ot as c, ot as l } from "./html-to-image-Cf3vfRXj.js";
 import { u } from "./dist-CSjGX93W.js";
-import { _n as d, c as f, ct as p, g as m, h, l as g, lt as _, n as v, o as y, r as b, t as x, u as S, ut as C, vn as w, xn as T } from "./common-DTE0vt-W.js";
+import { _n as d, c as f, ct as p, g as m, h, l as g, lt as _, n as v, o as y, r as b, t as x, u as S, ut as C, vn as w, xn as T } from "./common-Ct9wmabC.js";
 import { R as E } from "./select-foAi7oM_.js";
-import { Y as D } from "./dropdown-menu-Bu3uypnP.js";
+import { Y as D } from "./dropdown-menu-D-pePvPo.js";
 import { t as O } from "./jsx-runtime-CpoKNRgu.js";
 import { Tc as k } from "./schemas-CLB4UWgG.js";
 import { t as A } from "./tooltip-B1X8ECYn.js";

package/package.json

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

package/src/components/data-table/__tests__/column-explorer.test.tsx

@@ -25,6 +25,7 @@ const FIELD_TYPES: FieldTypesWithExternalType = [
 ];
 
 type Row = Record<string, unknown>;
+const EMPTY_HIDDEN_COLUMNS: readonly string[] = [];
 
 const TEST_COLUMNS: ColumnDef<Row>[] = [
   { id: "customer_name", accessorKey: "customer_name" },
@@ -34,12 +35,12 @@ const TEST_COLUMNS: ColumnDef<Row>[] = [
 
 interface HarnessProps {
   totalColumns?: number;
-  initiallyHidden?: string[];
+  initiallyHidden?: readonly string[];
 }
 
 function PanelHarness({
   totalColumns = 3,
-  initiallyHidden = [],
+  initiallyHidden = EMPTY_HIDDEN_COLUMNS,
 }: HarnessProps) {
   const table = useReactTable<Row>({
     data: [],

package/src/components/data-table/__tests__/column-visibility-dropdown.test.tsx

@@ -21,6 +21,7 @@ beforeAll(() => {
 });
 
 type Row = Record<string, unknown>;
+const EMPTY_COLUMN_IDS: readonly string[] = [];
 
 // Select, index, and nameless columns are non-hideable in production
 // (see columns.tsx), so the harness mirrors that to keep visibility counts
@@ -47,11 +48,14 @@ const TEST_COLUMNS: ColumnDef<Row>[] = [
 ];
 
 interface HarnessProps {
-  initiallyHidden?: string[];
-  nonHideable?: string[];
+  initiallyHidden?: readonly string[];
+  nonHideable?: readonly string[];
 }
 
-function Harness({ initiallyHidden = [], nonHideable = [] }: HarnessProps) {
+function Harness({
+  initiallyHidden = EMPTY_COLUMN_IDS,
+  nonHideable = EMPTY_COLUMN_IDS,
+}: HarnessProps) {
   const table = useReactTable<Row>({
     data: [],
     columns: TEST_COLUMNS.map((column) =>

package/src/components/editor/connections/secret-combobox.tsx

@@ -68,6 +68,8 @@ interface SecretComboboxProps {
   allowCreateSecret?: (search: string) => boolean;
 }
 
+const defaultCustomValueLabel = (custom: string) => `Use "${custom}"`;
+
 /**
  * Searchable combobox for connection fields that may reference secrets.
  *
@@ -84,7 +86,7 @@ export const SecretCombobox: React.FC<SecretComboboxProps> = ({
   onCreateSecret,
   className,
   searchPlaceholder,
-  formatCustomValueLabel = (custom) => `Use "${custom}"`,
+  formatCustomValueLabel = defaultCustomValueLabel,
   createSecretLabel = "Create a new secret",
   allowCustomValue,
   allowCreateSecret,

package/src/components/editor/file-tree/renderers.tsx

@@ -189,6 +189,8 @@ export const MediaRenderer: React.FC<MediaSource & { mimeType: string }> = ({
  * based on MIME type. Used by both the local file viewer and the
  * storage file viewer.
  */
+const EMPTY_EXTENSIONS: readonly Extension[] = [];
+
 export const FileContentRenderer: React.FC<{
   mimeType: string;
   filename?: string;
@@ -199,7 +201,7 @@ export const FileContentRenderer: React.FC<{
   readOnly?: boolean;
   onChange?: (value: string) => void;
   /** Additional CodeMirror extensions (e.g. save hotkey). */
-  extensions?: Extension[];
+  extensions?: readonly Extension[];
 }> = ({
   mimeType,
   filename,
@@ -207,7 +209,7 @@ export const FileContentRenderer: React.FC<{
   mediaSource,
   readOnly = true,
   onChange,
-  extensions = [],
+  extensions = EMPTY_EXTENSIONS,
 }) => {
   const { theme } = useTheme();
 

package/src/components/forms/form.tsx

@@ -60,15 +60,17 @@ interface Props<T extends FieldValues> {
   form: UseFormReturn<T>;
   schema: z.ZodType;
   path?: Path<T>;
-  renderers: FormRenderer<T>[] | undefined;
+  renderers: readonly FormRenderer<T>[] | undefined;
   children?: React.ReactNode;
 }
 
+const EMPTY_RENDERERS: readonly never[] = [];
+
 export const ZodForm = <T extends FieldValues>({
   schema,
   form,
   path = "" as Path<T>,
-  renderers = [],
+  renderers = EMPTY_RENDERERS,
   children,
 }: Props<T>) => {
   return (
@@ -83,7 +85,7 @@ export interface RenderZodSchemaOptions<T extends FieldValues, S> {
   schema: z.ZodType<S>;
   form: UseFormReturn<T>;
   path: Path<T>;
-  renderers: FormRenderer<T>[];
+  renderers: readonly FormRenderer<T>[];
 }
 
 export function renderZodSchema<T extends FieldValues, S>({
@@ -516,7 +518,7 @@ const FormArray = ({
   schema: z.ZodType;
   form: UseFormReturn<any>;
   path: Path<any>;
-  renderers: FormRenderer[];
+  renderers: readonly FormRenderer[];
   minLength?: number;
 }) => {
   const { label, description } = FieldOptions.parse(schema.description || "");

package/src/components/ui/input.tsx

@@ -17,6 +17,10 @@ export type InputProps = React.InputHTMLAttributes<HTMLInputElement> & {
   endAdornment?: React.ReactNode;
 };
 
+const DEFAULT_SEARCH_ICON = (
+  <SearchIcon className="mr-2 h-4 w-4 shrink-0 opacity-50" />
+);
+
 const Input = React.forwardRef<HTMLInputElement, InputProps>(
   ({ className, type, endAdornment, ...props }, ref) => {
     const icon = props.icon;
@@ -120,7 +124,7 @@ export const SearchInput = React.forwardRef<
     {
       className,
       rootClassName,
-      icon = <SearchIcon className="mr-2 h-4 w-4 shrink-0 opacity-50" />,
+      icon = DEFAULT_SEARCH_ICON,
       clearable = true,
       ...props
     },

package/src/plugins/core/RenderHTML.tsx

@@ -24,6 +24,8 @@ import { sanitizeHtml, useSanitizeHtml } from "./sanitize";
 type ReplacementFn = NonNullable<HTMLReactParserOptions["replace"]>;
 type TransformFn = NonNullable<HTMLReactParserOptions["transform"]>;
 
+const EMPTY_REPLACEMENTS: readonly ReplacementFn[] = [];
+
 interface Options {
   html: string;
   /**
@@ -31,7 +33,7 @@ interface Options {
    * @default true
    */
   alwaysSanitizeHtml?: boolean;
-  additionalReplacements?: ReplacementFn[];
+  additionalReplacements?: readonly ReplacementFn[];
 }
 
 const replaceValidTags = (domNode: DOMNode) => {
@@ -299,7 +301,7 @@ const CopyableCode = ({ children }: { children: ReactNode }) => {
  */
 export const renderHTML = ({
   html,
-  additionalReplacements = [],
+  additionalReplacements = EMPTY_REPLACEMENTS,
   alwaysSanitizeHtml = true,
 }: Options) => {
   return (
@@ -313,7 +315,7 @@ export const renderHTML = ({
 
 const RenderHTML = ({
   html,
-  additionalReplacements = [],
+  additionalReplacements = EMPTY_REPLACEMENTS,
   alwaysSanitizeHtml,
 }: Options) => {
   const shouldSanitizeHtml = useSanitizeHtml();
@@ -333,7 +335,7 @@ const RenderHTML = ({
 
 function parseHtml({
   html,
-  additionalReplacements = [],
+  additionalReplacements = EMPTY_REPLACEMENTS,
 }: Pick<Options, "html" | "additionalReplacements">) {
   const renderFunctions: ReplacementFn[] = [
     replaceValidTags,

package/src/plugins/impl/code/any-language-editor.tsx

@@ -27,6 +27,8 @@ export const LANGUAGE_MAP: Record<string, LanguageName | undefined> = {
   undefined: "text",
 };
 
+const EMPTY_EXTENSIONS: readonly Extension[] = [];
+
 function isSupportedLanguage(
   language: string | undefined,
 ): language is LanguageName {
@@ -43,17 +45,18 @@ function isSupportedLanguage(
  * language support.
  */
 const AnyLanguageCodeMirror: React.FC<
-  ReactCodeMirrorProps & {
+  Omit<ReactCodeMirrorProps, "extensions"> & {
     language: string | undefined;
     hideUnsupportedLanguageErrors?: boolean;
     theme: ResolvedTheme;
     showCopyButton?: boolean;
+    extensions?: readonly Extension[];
   }
 > = ({
   language,
   hideUnsupportedLanguageErrors,
   showCopyButton,
-  extensions = [],
+  extensions = EMPTY_EXTENSIONS,
   ...props
 }) => {
   // Maybe normalize the language to the extension
@@ -64,7 +67,7 @@ const AnyLanguageCodeMirror: React.FC<
     Logger.warn(`Language ${language} not found in CodeMirror.`);
   }
 
-  const finalExtensions = useMemo((): Extension[] => {
+  const finalExtensions = useMemo((): readonly Extension[] => {
     if (!isSupportedLanguage(language)) {
       return extensions;
     }
@@ -90,7 +93,7 @@ const AnyLanguageCodeMirror: React.FC<
           toastTitle="Copied to clipboard"
         />
       )}
-      <ReactCodeMirror {...props} extensions={finalExtensions} />
+      <ReactCodeMirror {...props} extensions={[...finalExtensions]} />
     </div>
   );
 };

package/src/stories/cell.stories.tsx

@@ -22,18 +22,22 @@ import { TooltipProvider } from "../components/ui/tooltip";
 
 type Story = StoryObj<typeof Cell>;
 
+interface CellOverrides {
+  runElapsedTimeMs?: Milliseconds;
+  output?: CellRuntimeState["output"];
+  edited?: boolean;
+  interrupted?: boolean;
+  errored?: boolean;
+  status?: CellRuntimeState["status"];
+  staleInputs?: boolean;
+  config?: CellConfig;
+}
+
+const EMPTY_OVERRIDES: Readonly<CellOverrides> = {};
+
 const Cell: React.FC<{
-  overrides?: {
-    runElapsedTimeMs?: Milliseconds;
-    output?: CellRuntimeState["output"];
-    edited?: boolean;
-    interrupted?: boolean;
-    errored?: boolean;
-    status?: CellRuntimeState["status"];
-    staleInputs?: boolean;
-    config?: CellConfig;
-  };
-}> = ({ overrides = {} }) => {
+  overrides?: CellOverrides;
+}> = ({ overrides = EMPTY_OVERRIDES }) => {
   const cid = cellId("1");
   const notebook: NotebookState = {
     cellData: {

package/dist/any-language-editor-CjhlJ7aP.js

@@ -1,76 +0,0 @@
-import "./rolldown-runtime-Cb76FRpK.js";
-import { g as e } from "./button-BeWeF5Z2.js";
-import { t } from "./react-DMWcHin-.js";
-import { t as n } from "./compiler-runtime-CAH9RLw2.js";
-import { t as r } from "./jsx-runtime-CpoKNRgu.js";
-import { n as i } from "./error-banner-C0gx40vn.js";
-import { f as a } from "./extends-G2pVMdwU.js";
-import { t as o } from "./esm-aqYR5Dl6.js";
-import { n as s, t as c } from "./esm-CR1nhb1c.js";
-//#region src/plugins/impl/code/any-language-editor.tsx
-var l = n();
-t();
-var u = r(), d = {
-	python: "py",
-	python3: "py",
-	javascript: "js",
-	typescript: "ts",
-	shell: "sh",
-	bash: "sh",
-	unknown: "text",
-	undefined: "text"
-};
-function f(e) {
-	return e ? e in c : !1;
-}
-var p = (t) => {
-	let n = (0, l.c)(29), r, p, m, h, g, _;
-	if (n[0] !== t) {
-		let { language: e, hideUnsupportedLanguageErrors: i, showCopyButton: a, extensions: o, ...s } = t;
-		p = i, g = a, h = s, m = e;
-		let c;
-		n[7] === o ? c = n[8] : (c = o === void 0 ? [] : o, n[7] = o, n[8] = c), r = c, m = d[m || ""] || m, _ = f(m), n[0] = t, n[1] = r, n[2] = p, n[3] = m, n[4] = h, n[5] = g, n[6] = _;
-	} else r = n[1], p = n[2], m = n[3], h = n[4], g = n[5], _ = n[6];
-	let v = _;
-	v || e.warn(`Language ${m} not found in CodeMirror.`);
-	let y;
-	bb0: {
-		if (!f(m)) {
-			y = r;
-			break bb0;
-		}
-		let e;
-		n[9] === m ? e = n[10] : (e = s(m), n[9] = m, n[10] = e);
-		let t;
-		n[11] !== r || n[12] !== e ? (t = [e, ...r].filter(Boolean), n[11] = r, n[12] = e, n[13] = t) : t = n[13], y = t;
-	}
-	let b = y, x;
-	n[14] !== p || n[15] !== v || n[16] !== m ? (x = !v && !p && /* @__PURE__ */ (0, u.jsx)(i, {
-		className: "mb-1 rounded-sm",
-		error: `Language ${m} not supported. Supported languages are: ${Object.keys(c).join(", ")}`
-	}), n[14] = p, n[15] = v, n[16] = m, n[17] = x) : x = n[17];
-	let S;
-	n[18] !== v || n[19] !== h || n[20] !== g ? (S = g && v && /* @__PURE__ */ (0, u.jsx)(a, {
-		tooltip: !1,
-		buttonClassName: "absolute top-2 right-2 z-10 hover-action",
-		className: "h-4 w-4 text-muted-foreground",
-		value: h.value || "",
-		toastTitle: "Copied to clipboard"
-	}), n[18] = v, n[19] = h, n[20] = g, n[21] = S) : S = n[21];
-	let C;
-	n[22] !== b || n[23] !== h ? (C = /* @__PURE__ */ (0, u.jsx)(o, {
-		...h,
-		extensions: b
-	}), n[22] = b, n[23] = h, n[24] = C) : C = n[24];
-	let w;
-	return n[25] !== x || n[26] !== S || n[27] !== C ? (w = /* @__PURE__ */ (0, u.jsxs)("div", {
-		className: "relative w-full group hover-actions-parent",
-		children: [
-			x,
-			S,
-			C
-		]
-	}), n[25] = x, n[26] = S, n[27] = C, n[28] = w) : w = n[28], w;
-};
-//#endregion
-export { d as LANGUAGE_MAP, p as default };