@marimo-team/islands 0.21.2-dev9 → 0.21.2-dev91

package/src/utils/createReducer.ts

@@ -7,12 +7,7 @@ import { Logger } from "@/utils/Logger";
 
 export type NoInfer<T> = [T][T extends any ? 0 : never];
 
-interface ReducerAction<T> {
-  type: string;
-  payload: T;
-}
-
-type Dispatch = (action: ReducerAction<any>) => void;
+type Dispatch<RH> = (action: ReducerActionOf<RH>) => void;
 type IfUnknown<T, Y, N> = unknown extends T ? Y : N;
 
 type ReducerHandler<State, Payload> = (state: State, payload: Payload) => State;
@@ -27,6 +22,19 @@ type ReducerActions<RH extends ReducerHandlers<any>> = {
     : never;
 };
 
+/** Helper for typing middleware that receives dispatched actions. */
+export type DispatchedActionOf<T> = {
+  [Key in keyof T]: T[Key] extends (payload: infer P) => any
+    ? { type: Key; payload: P }
+    : never;
+}[keyof T & string];
+
+type ReducerActionOf<RH> = {
+  [Type in keyof RH]: RH[Type] extends ReducerHandler<any, infer Payload>
+    ? { type: Type; payload: Payload }
+    : never;
+}[keyof RH & string];
+
 export interface ReducerCreatorResult<
   State,
   RH extends ReducerHandlers<State>,
@@ -38,7 +46,7 @@ export interface ReducerCreatorResult<
   /**
    * Given a dispatch function, returns an object containing all the actions.
    */
-  createActions: (dispatch: Dispatch) => ReducerActions<RH>;
+  createActions: (dispatch: Dispatch<RH>) => ReducerActions<RH>;
 }
 
 /**
@@ -49,7 +57,7 @@ export function createReducer<
   RH extends ReducerHandlers<NoInfer<State>>,
 >(initialState: () => State, reducers: RH): ReducerCreatorResult<State, RH> {
   return {
-    reducer: (state, action: ReducerAction<RH>) => {
+    reducer: (state, action: ReducerActionOf<RH>) => {
       state = state || initialState();
       if (action.type in reducers) {
         return reducers[action.type](state, action.payload);
@@ -58,11 +66,11 @@ export function createReducer<
       Logger.error(`Action type ${action.type} is not defined in reducers.`);
       return state;
     },
-    createActions: (dispatch: Dispatch) => {
+    createActions: (dispatch: Dispatch<RH>) => {
       const actions = {} as ReducerActions<RH>;
       for (const type in reducers) {
         (actions as any)[type] = (payload: any) => {
-          dispatch({ type, payload });
+          dispatch({ type, payload } as any);
         };
       }
       return actions;
@@ -70,31 +78,34 @@ export function createReducer<
   };
 }
 
-type Middleware<State> = (
+type Middleware<State, RH> = (
   prevState: State,
   newState: State,
-  action: ReducerAction<any>,
+  action: ReducerActionOf<RH>,
 ) => void;
 
 export function createReducerAndAtoms<
   State,
   RH extends ReducerHandlers<NoInfer<State>>,
->(initialState: () => State, reducers: RH, middleware?: Middleware<State>[]) {
+>(
+  initialState: () => State,
+  reducers: RH,
+  middleware?: Middleware<State, NoInfer<RH>>[],
+) {
+  const allMiddleware = [...(middleware ?? [])];
+  const addMiddleware = (mw: Middleware<State, RH>) => {
+    allMiddleware.push(mw);
+  };
   const { reducer, createActions } = createReducer(initialState, reducers);
 
-  const reducerWithMiddleware = (state: State, action: ReducerAction<any>) => {
+  const reducerWithMiddleware = (state: State, action: ReducerActionOf<RH>) => {
     try {
       const newState = reducer(state, action);
-      if (middleware) {
-        for (const mw of middleware) {
-          try {
-            mw(state, newState, action);
-          } catch (error) {
-            Logger.error(
-              `Error in middleware for action ${action.type}:`,
-              error,
-            );
-          }
+      for (const mw of allMiddleware) {
+        try {
+          mw(state, newState, action);
+        } catch (error) {
+          Logger.error(`Error in middleware for action ${action.type}:`, error);
         }
       }
       return newState;
@@ -108,13 +119,21 @@ export function createReducerAndAtoms<
   // map of SetAtom => Actions
   const actionsMap = new WeakMap();
 
-  function useActions(): ReducerActions<RH> {
+  function useActions(
+    options: { skipMiddleware?: boolean } = {},
+  ): ReducerActions<RH> {
     const setState = useSetAtom(valueAtom);
 
+    if (options.skipMiddleware === true) {
+      return createActions((action: ReducerActionOf<RH>) => {
+        setState((state: State) => reducer(state, action));
+      });
+    }
+
     if (!actionsMap.has(setState)) {
       actionsMap.set(
         setState,
-        createActions((action: ReducerAction<any>) => {
+        createActions((action: ReducerActionOf<RH>) => {
           setState((state: State) => reducerWithMiddleware(state, action));
         }),
       );
@@ -126,6 +145,7 @@ export function createReducerAndAtoms<
 
   return {
     reducer: reducerWithMiddleware,
+    addMiddleware,
     createActions,
     valueAtom,
     useActions,

package/src/utils/download.ts

@@ -156,10 +156,11 @@ export async function downloadHTMLAsImage(opts: {
     // Get screenshot
     const dataUrl = await toPng(element);
     downloadByURL(dataUrl, Filenames.toPNG(filename));
-  } catch {
+  } catch (error) {
+    Logger.error("Error downloading as PNG", error);
     toast({
-      title: "Error",
-      description: "Failed to download as PNG.",
+      title: "Failed to download as PNG",
+      description: prettyError(error),
       variant: "danger",
     });
   } finally {

package/src/utils/html-to-image.ts

@@ -140,6 +140,11 @@ export const necessaryStyleProperties = [
   "cursor",
 ];
 
+// 1x1 transparent PNG as a fallback for images that fail to embed (e.g., cross-origin).
+// Without this, failed embeds leave external URLs in the cloned DOM, which taints the canvas.
+const TRANSPARENT_PIXEL =
+  "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQI12NgAAIABQABNjN9GQAAAAlwSFlzAAAWJQAAFiUBSVIk8AAAAA0lEQVQI12P4z8BQDwAEgAF/QualIQAAAABJRU5ErkJggg==";
+
 /**
  * Default options for html-to-image conversions.
  * These handle common edge cases like filtering out toolbars and logging errors.
@@ -162,6 +167,7 @@ export const defaultHtmlToImageOptions: HtmlToImageOptions = {
       return true;
     }
   },
+  imagePlaceholder: TRANSPARENT_PIXEL,
   onImageErrorHandler: (event) => {
     Logger.error("Error loading image:", event);
   },

package/src/utils/json/base64.ts

@@ -1,5 +1,6 @@
 /* Copyright 2026 Marimo. All rights reserved. */
 
+import type { components } from "@marimo-team/marimo-api";
 import type { NotificationMessageData } from "@/core/kernel/messages";
 import type { TypedString } from "../typed";
 
@@ -11,9 +12,9 @@ export type JsonString<T = unknown> = TypedString<"Json"> & {
 };
 
 /**
- * A base64-encoded string.
+ * A base64-encoded string — derived from the generated OpenAPI schema.
  */
-export type Base64String = TypedString<"Base64">;
+export type Base64String = components["schemas"]["Base64String"];
 
 /**
  * A data URL string.
@@ -120,7 +121,6 @@ export function dataViewToBase64(dataView: DataView): Base64String {
 export function safeExtractSetUIElementMessageBuffers(
   notification: NotificationMessageData<"send-ui-element-message">,
 ): readonly DataView[] {
-  // @ts-expect-error - TypeScript doesn't know that these strings are actually base64 strings
   const strs: Base64String[] = notification.buffers ?? [];
   return strs.map(base64ToDataView);
 }

package/src/utils/traceback.ts

@@ -98,10 +98,12 @@ export function getTracebackInfo(domNode: DOMNode): TracebackInfo | null {
           10,
         );
         if (domNode.firstChild.nodeValue?.includes("__marimo__")) {
-          const cellId = /__marimo__cell_(\w+)_/.exec(
+          const maybeCellId = /__marimo__cell_(\w+)_/.exec(
             domNode.firstChild.nodeValue,
-          )?.[1] as CellId;
-          if (cellId && lineNumber) {
+          )?.[1];
+          if (maybeCellId && lineNumber) {
+            // @ts-expect-error - Custom parser above will return valid cell ids
+            const cellId: CellId = maybeCellId;
             return { kind: "cell", cellId, lineNumber };
           }
         } else {

package/dist/_basePickBy-pTDW2_2A.js

@@ -1,47 +0,0 @@
-import { O as _assignValue_default, j as _isIndex_default, z as isObject_default } from "./isArrayLikeObject-BrYl-ETg.js";
-import { t as toNumber_default } from "./toNumber-CbZ70FdN.js";
-import { a as _baseGet_default, o as _toKey_default, r as _baseFlatten_default, s as _castPath_default } from "./hasIn-B9AbGLj3.js";
-var INFINITY = Infinity, MAX_INTEGER = 17976931348623157e292;
-function toFinite(e) {
-  return e ? (e = toNumber_default(e), e === INFINITY || e === -INFINITY ? (e < 0 ? -1 : 1) * MAX_INTEGER : e === e ? e : 0) : e === 0 ? e : 0;
-}
-var toFinite_default = toFinite;
-function toInteger(e) {
-  var o = toFinite_default(e), s = o % 1;
-  return o === o ? s ? o - s : o : 0;
-}
-var toInteger_default = toInteger;
-function flatten(e) {
-  return e != null && e.length ? _baseFlatten_default(e, 1) : [];
-}
-var flatten_default = flatten;
-function baseSet(c, l, d, f) {
-  if (!isObject_default(c)) return c;
-  l = _castPath_default(l, c);
-  for (var p = -1, m = l.length, h = m - 1, g = c; g != null && ++p < m; ) {
-    var _ = _toKey_default(l[p]), v = d;
-    if (_ === "__proto__" || _ === "constructor" || _ === "prototype") return c;
-    if (p != h) {
-      var y = g[_];
-      v = f ? f(y, _, g) : void 0, v === void 0 && (v = isObject_default(y) ? y : _isIndex_default(l[p + 1]) ? [] : {});
-    }
-    _assignValue_default(g, _, v), g = g[_];
-  }
-  return c;
-}
-var _baseSet_default = baseSet;
-function basePickBy(e, o, s) {
-  for (var c = -1, u = o.length, d = {}; ++c < u; ) {
-    var f = o[c], p = _baseGet_default(e, f);
-    s(p, f) && _baseSet_default(d, _castPath_default(f, e), p);
-  }
-  return d;
-}
-var _basePickBy_default = basePickBy;
-export {
-  toFinite_default as a,
-  toInteger_default as i,
-  _baseSet_default as n,
-  flatten_default as r,
-  _basePickBy_default as t
-};

package/dist/apl-lHFVoxx7.js

@@ -1,4 +0,0 @@
-import { t as apl } from "./apl-DRxKiEot.js";
-export {
-  apl
-};

package/dist/architecture-7HQA4BMR-BmtmhGMc.js

@@ -1,6 +0,0 @@
-import "./chunk-TCCFYFTB-DqxhgXG0.js";
-import "./main-Tj_-QTyF.js";
-import { n as createArchitectureServices, t as ArchitectureModule } from "./chunk-UMXZTB3W-C4ypIY3V.js";
-export {
-  createArchitectureServices
-};

package/dist/asciiarmor-DqCdZUHI.js

@@ -1,4 +0,0 @@
-import { t as asciiArmor } from "./asciiarmor-C8HoXFIm.js";
-export {
-  asciiArmor
-};

package/dist/asn1-DEcwtw-q.js

@@ -1,4 +0,0 @@
-import { t as asn1 } from "./asn1-9Bo0DYT-.js";
-export {
-  asn1
-};

package/dist/brainfuck-Bro9Oz5x.js

@@ -1,4 +0,0 @@
-import { t as brainfuck } from "./brainfuck-Db8njC-p.js";
-export {
-  brainfuck
-};

package/dist/classDiagram-2ON5EDUG-DphiMW3Y.js

@@ -1,30 +0,0 @@
-import "./purify.es-DGenX2XH.js";
-import "./chunk-S3R3BYOJ-BRT9vd1R.js";
-import { r as __name } from "./src-CHUphWwL.js";
-import "./chunk-ABZYJK2D-7QYXAAhe.js";
-import "./chunk-HN2XXSSU-CzO5Phf0.js";
-import "./chunk-CVBHYZKI-D8iwHsLF.js";
-import "./chunk-ATLVNIR6-pmHPAPSd.js";
-import "./dist-Bymy0kEH.js";
-import "./chunk-JA3XYJ7Z-BkrY9SdL.js";
-import "./chunk-JZLCHNYA-Bk_Lil-q.js";
-import "./chunk-QXUST7PY-D7-26sj3.js";
-import "./chunk-N4CR4FBY-f5n6meOd.js";
-import "./chunk-FMBD7UC4-XTL4xAvH.js";
-import "./chunk-55IACEB6-Dj8CzJvE.js";
-import "./chunk-QN33PNHL-CXfJywHv.js";
-import { i as styles_default, n as classDiagram_default, r as classRenderer_v3_unified_default, t as ClassDB } from "./chunk-B4BG7PRW-Dbta9cTX.js";
-var diagram = {
-  parser: classDiagram_default,
-  get db() {
-    return new ClassDB();
-  },
-  renderer: classRenderer_v3_unified_default,
-  styles: styles_default,
-  init: /* @__PURE__ */ __name((e) => {
-    e.class || (e.class = {}), e.class.arrowMarkerAbsolute = e.arrowMarkerAbsolute;
-  }, "init")
-};
-export {
-  diagram
-};

package/dist/classDiagram-v2-WZHVMYZB-BH1x5h4a.js

@@ -1,30 +0,0 @@
-import "./purify.es-DGenX2XH.js";
-import "./chunk-S3R3BYOJ-BRT9vd1R.js";
-import { r as __name } from "./src-CHUphWwL.js";
-import "./chunk-ABZYJK2D-7QYXAAhe.js";
-import "./chunk-HN2XXSSU-CzO5Phf0.js";
-import "./chunk-CVBHYZKI-D8iwHsLF.js";
-import "./chunk-ATLVNIR6-pmHPAPSd.js";
-import "./dist-Bymy0kEH.js";
-import "./chunk-JA3XYJ7Z-BkrY9SdL.js";
-import "./chunk-JZLCHNYA-Bk_Lil-q.js";
-import "./chunk-QXUST7PY-D7-26sj3.js";
-import "./chunk-N4CR4FBY-f5n6meOd.js";
-import "./chunk-FMBD7UC4-XTL4xAvH.js";
-import "./chunk-55IACEB6-Dj8CzJvE.js";
-import "./chunk-QN33PNHL-CXfJywHv.js";
-import { i as styles_default, n as classDiagram_default, r as classRenderer_v3_unified_default, t as ClassDB } from "./chunk-B4BG7PRW-Dbta9cTX.js";
-var diagram = {
-  parser: classDiagram_default,
-  get db() {
-    return new ClassDB();
-  },
-  renderer: classRenderer_v3_unified_default,
-  styles: styles_default,
-  init: /* @__PURE__ */ __name((e) => {
-    e.class || (e.class = {}), e.class.arrowMarkerAbsolute = e.arrowMarkerAbsolute;
-  }, "init")
-};
-export {
-  diagram
-};

package/dist/clojure-B2uhdQPa.js

@@ -1,4 +0,0 @@
-import { t as clojure } from "./clojure-CX7oovsp.js";
-export {
-  clojure
-};

package/dist/cmake-B9WXyQcc.js

@@ -1,4 +0,0 @@
-import { t as cmake } from "./cmake-C29AR2kk.js";
-export {
-  cmake
-};

package/dist/cobol-CPD3EJfO.js

@@ -1,4 +0,0 @@
-import { t as cobol } from "./cobol-CNkuRW9i.js";
-export {
-  cobol
-};

package/dist/coffeescript-KD9TnEnS.js

@@ -1,4 +0,0 @@
-import { t as coffeeScript } from "./coffeescript-BJAbfGam.js";
-export {
-  coffeeScript
-};

package/dist/commonlisp-DNEULz_Q.js

@@ -1,4 +0,0 @@
-import { t as commonLisp } from "./commonlisp-BTNhj2l9.js";
-export {
-  commonLisp
-};

package/dist/crystal-DVPNgAPQ.js

@@ -1,4 +0,0 @@
-import { t as crystal } from "./crystal-CZc0nIm9.js";
-export {
-  crystal
-};

package/dist/css-fq3a1AH1.js

@@ -1,4 +0,0 @@
-import { n as mkCSS, t as gss } from "./css-L2-0OTXc.js";
-export {
-  gss
-};

package/dist/cypher-Dtzq0BP7.js

@@ -1,4 +0,0 @@
-import { t as cypher } from "./cypher-Dnc6MXl0.js";
-export {
-  cypher
-};

package/dist/d-DcZudIhJ.js

@@ -1,4 +0,0 @@
-import { t as d } from "./d-C6X9iIga.js";
-export {
-  d
-};

package/dist/diff-D9BPDC3o.js

@@ -1,4 +0,0 @@
-import { t as diff } from "./diff-ZzKinYqY.js";
-export {
-  diff
-};

package/dist/dist-B4MxkKHf.js

@@ -1,8 +0,0 @@
-import "./dist-DOoqn-VL.js";
-import "./dist-BpMlUdNO.js";
-import "./dist-Ux6dL_VB.js";
-import "./dist-D4gcY469.js";
-import { n as vueLanguage, t as vue } from "./dist-Cl5iM8xL.js";
-export {
-  vue
-};

package/dist/dist-BYghZv6b.js

@@ -1,5 +0,0 @@
-import "./dist-DOoqn-VL.js";
-import { n as javaLanguage, t as java } from "./dist-B9EjSb9T.js";
-export {
-  java
-};

package/dist/dist-Be-uQhz5.js

@@ -1,6 +0,0 @@
-import "./dist-DOoqn-VL.js";
-import "./dist-Ux6dL_VB.js";
-import { n as lessCompletionSource, r as lessLanguage, t as less } from "./dist-D_-CGmlh.js";
-export {
-  less
-};

package/dist/dist-CB_xf0ju.js

@@ -1,5 +0,0 @@
-import "./dist-DOoqn-VL.js";
-import { n as yamlLanguage, t as yaml } from "./dist-DodLQWPg.js";
-export {
-  yaml
-};

package/dist/dist-CK0qFAbF.js

@@ -1,8 +0,0 @@
-import "./dist-DOoqn-VL.js";
-import "./dist-BpMlUdNO.js";
-import "./dist-Ux6dL_VB.js";
-import "./dist-D4gcY469.js";
-import { n as phpLanguage, t as php } from "./dist-DEj2X26M.js";
-export {
-  php
-};

package/dist/dist-CYEk-qrr.js

@@ -1,8 +0,0 @@
-import "./dist-DOoqn-VL.js";
-import "./dist-BpMlUdNO.js";
-import "./dist-Ux6dL_VB.js";
-import "./dist-D4gcY469.js";
-import { i as liquidLanguage, n as liquid, r as liquidCompletionSource, t as closePercentBrace } from "./dist-DUretbKK.js";
-export {
-  liquid
-};

package/dist/dist-CmKoWpMk.js

@@ -1,5 +0,0 @@
-import "./dist-DOoqn-VL.js";
-import { n as wastLanguage, t as wast } from "./dist-RNGn_-uD.js";
-export {
-  wast
-};

package/dist/dist-D1nf4IQl.js

@@ -1,5 +0,0 @@
-import "./dist-DOoqn-VL.js";
-import { n as rustLanguage, t as rust } from "./dist-i-ud9aCA.js";
-export {
-  rust
-};

package/dist/dist-Df3AcKpt.js

@@ -1,6 +0,0 @@
-import "./dist-DOoqn-VL.js";
-import "./dist-Ux6dL_VB.js";
-import { n as sassCompletionSource, r as sassLanguage, t as sass } from "./dist-CAKwXCWI.js";
-export {
-  sass
-};

package/dist/dist-DgaFHt_I.js

@@ -1,5 +0,0 @@
-import "./dist-DOoqn-VL.js";
-import { i as defineCSSCompletionSource, n as cssCompletionSource, r as cssLanguage, t as css } from "./dist-Ux6dL_VB.js";
-export {
-  css
-};

package/dist/dist-Dk10C3ui.js

@@ -1,5 +0,0 @@
-import "./dist-DOoqn-VL.js";
-import { i as pythonLanguage, n as localCompletionSource, r as python, t as globalCompletion } from "./dist-C4K7pumm.js";
-export {
-  python
-};

package/dist/dist-DtyPVMHR.js

@@ -1,5 +0,0 @@
-import "./dist-DOoqn-VL.js";
-import { n as jsonLanguage, t as json } from "./dist-gc9KgJuA.js";
-export {
-  json
-};

package/dist/dist-ko7WnHAO.js

@@ -1,5 +0,0 @@
-import "./dist-DOoqn-VL.js";
-import { n as cppLanguage, t as cpp } from "./dist-lNe4i1Nm.js";
-export {
-  cpp
-};

package/dist/dist-of7gLRFK.js

@@ -1,8 +0,0 @@
-import "./dist-DOoqn-VL.js";
-import "./dist-BpMlUdNO.js";
-import "./dist-Ux6dL_VB.js";
-import "./dist-D4gcY469.js";
-import { i as jinjaLanguage, n as jinja, r as jinjaCompletionSource, t as closePercentBrace } from "./dist-CseYuPtL.js";
-export {
-  jinja
-};

package/dist/dtd-FhG-tVom.js

@@ -1,4 +0,0 @@
-import { t as dtd } from "./dtd-CytEpkAo.js";
-export {
-  dtd
-};

package/dist/dylan-HWpZOBPw.js

@@ -1,4 +0,0 @@
-import { t as dylan } from "./dylan-CZByFBEQ.js";
-export {
-  dylan
-};

package/dist/ecl-B_rcje1I.js

@@ -1,4 +0,0 @@
-import { t as ecl } from "./ecl-Cp7L1F5B.js";
-export {
-  ecl
-};

package/dist/eiffel-oqHyHs6f.js

@@ -1,4 +0,0 @@
-import { t as eiffel } from "./eiffel-C66yjnFL.js";
-export {
-  eiffel
-};

package/dist/elm-B62RQEds.js

@@ -1,4 +0,0 @@
-import { t as elm } from "./elm-DtHo-73e.js";
-export {
-  elm
-};

package/dist/erlang-CjRjjA-B.js

@@ -1,4 +0,0 @@
-import { t as erlang } from "./erlang-C_sj44mF.js";
-export {
-  erlang
-};