@marimo-team/islands 0.25.3-dev206 → 0.25.3-dev208

package/src/core/config/config-schema.ts

@@ -204,7 +204,6 @@ export const UserConfigSchema = z
     experimental: z
       .looseObject({
         markdown: z.boolean().optional(),
-        rtc: z.boolean().optional(),
         // Add new experimental features here
       })
       // Pass through so that we don't remove any extra keys that the user has added.

package/src/core/config/feature-flag.tsx

@@ -8,7 +8,6 @@ import { getResolvedMarimoConfig } from "./config";
 export interface ExperimentalFeatures {
   markdown: boolean; // Used in playground (community cloud)
   wasm_layouts: boolean; // Used in playground (community cloud)
-  rtc_v2: boolean;
   cache_panel: boolean;
   external_agents: boolean;
   debugger: boolean; // Live frame-watching debugger (gutter breakpoints + pdb)
@@ -19,7 +18,6 @@ export interface ExperimentalFeatures {
 const defaultValues: ExperimentalFeatures = {
   markdown: true,
   wasm_layouts: false,
-  rtc_v2: false,
   cache_panel: import.meta.env.DEV,
   external_agents: import.meta.env.DEV,
   debugger: false,

package/src/core/runtime/__tests__/runtime.test.ts

@@ -143,13 +143,9 @@ describe("RuntimeManager", () => {
       );
 
       const wsUrl = runtime.getWsURL("s_123" as SessionId);
-      const wsSyncUrl = runtime.getWsSyncURL("s_123" as SessionId);
       const terminalUrl = runtime.getTerminalWsURL();
 
       expect(wsUrl.searchParams.get("access_token")).toBe("my-secret-token");
-      expect(wsSyncUrl.searchParams.get("access_token")).toBe(
-        "my-secret-token",
-      );
       expect(terminalUrl.searchParams.get("access_token")).toBe(
         "my-secret-token",
       );
@@ -274,18 +270,6 @@ describe("RuntimeManager", () => {
     });
   });
 
-  describe("getWsSyncURL", () => {
-    it("should return WebSocket Sync URL", () => {
-      const runtime = new RuntimeManager(mockConfig);
-      const sessionId = "1234" as SessionId;
-      const url = runtime.getWsSyncURL(sessionId);
-
-      expect(url.protocol).toBe("wss:");
-      expect(url.pathname).toBe("/ws_sync");
-      expect(url.searchParams.get("session_id")).toBe(sessionId);
-    });
-  });
-
   describe("getTerminalWsURL", () => {
     it("should include dimensions in the terminal handshake", () => {
       const runtime = new RuntimeManager(mockConfig);

package/src/core/runtime/runtime.ts

@@ -184,14 +184,6 @@ export class RuntimeManager {
     return url;
   }
 
-  /**
-   * The WebSocket Sync URL of the runtime, for real-time updates.
-   */
-  public getWsSyncURL(sessionId: SessionId): URL {
-    const url = this.getSessionURL("/ws_sync", sessionId);
-    return asWsUrl(this.appendCrossOriginAuth(url).toString());
-  }
-
   /**
    * The WebSocket URL of the terminal.
    */

package/src/css/app/codemirror.css

@@ -34,7 +34,7 @@
 }
 
 .marimo-cell .cm-scroller {
-  /* this needs to be visible to show RTC cursors and inline AI edit buttons */
+  /* this needs to be visible to show inline AI edit buttons */
   overflow: visible;
 }
 

package/dist/assets/__vite-browser-external-BCJsx8QS.js

@@ -1 +0,0 @@
-import{t as e}from"./worker-DodjWT_Z.js";var t=e(((e,t)=>{t.exports={}}));export default t();

package/src/components/editor/cell/code/__tests__/rtc-editor-config.test.ts

@@ -1,50 +0,0 @@
-/* Copyright 2026 Marimo. All rights reserved. */
-
-import { EditorState } from "@codemirror/state";
-import { describe, expect, it } from "vitest";
-import { composeRtcEditorConfig } from "../cell-editor";
-
-describe("composeRtcEditorConfig", () => {
-  it("does not accumulate RTC extensions across reconfigurations", () => {
-    const baseExtension = EditorState.readOnly.of(false);
-    const baseExtensions = [baseExtension];
-    const firstRtc = {
-      code: "first RTC code",
-      extension: EditorState.tabSize.of(2),
-    };
-    const secondRtc = {
-      code: "second RTC code",
-      extension: EditorState.tabSize.of(4),
-    };
-
-    const firstConfig = composeRtcEditorConfig(
-      "local code",
-      baseExtensions,
-      firstRtc,
-    );
-    const secondConfig = composeRtcEditorConfig(
-      "local code",
-      baseExtensions,
-      secondRtc,
-    );
-
-    expect(baseExtensions).toEqual([baseExtension]);
-    expect(firstConfig).toEqual({
-      code: firstRtc.code,
-      extensions: [baseExtension, firstRtc.extension],
-    });
-    expect(secondConfig).toEqual({
-      code: secondRtc.code,
-      extensions: [baseExtension, secondRtc.extension],
-    });
-  });
-
-  it("reuses the base configuration when RTC is disabled", () => {
-    const extensions = [EditorState.readOnly.of(false)];
-
-    const config = composeRtcEditorConfig("local code", extensions, undefined);
-
-    expect(config).toEqual({ code: "local code", extensions });
-    expect(config.extensions).toBe(extensions);
-  });
-});

package/src/components/editor/chrome/wrapper/footer-items/rtc-status.tsx

@@ -1,65 +0,0 @@
-/* Copyright 2026 Marimo. All rights reserved. */
-
-import { useAtom, useAtomValue } from "jotai";
-import { UsersIcon } from "lucide-react";
-import type React from "react";
-import { useState } from "react";
-import { Input } from "@/components/ui/input";
-import {
-  Popover,
-  PopoverContent,
-  PopoverTrigger,
-} from "@/components/ui/popover";
-import { connectedDocAtom } from "@/core/codemirror/rtc/extension";
-import { isRtcEnabled, usernameAtom } from "@/core/rtc/state";
-import { FooterItem } from "../footer-item";
-
-export const RTCStatus: React.FC = () => {
-  const connectedDoc = useAtomValue(connectedDocAtom);
-  const [username, setUsername] = useAtom(usernameAtom);
-  const [open, setOpen] = useState(false);
-
-  if (!isRtcEnabled()) {
-    return null;
-  }
-
-  if (connectedDoc === "disabled") {
-    return null;
-  }
-
-  const tooltip = connectedDoc
-    ? "Real-time collaboration active"
-    : "Connecting to real-time collaboration";
-
-  return (
-    <Popover open={open} onOpenChange={setOpen}>
-      <PopoverTrigger asChild={true}>
-        <FooterItem
-          tooltip={tooltip}
-          selected={false}
-          data-testid="footer-rtc-status"
-        >
-          <UsersIcon className="w-4 h-4" />
-        </FooterItem>
-      </PopoverTrigger>
-      <PopoverContent className="w-80">
-        <div className="space-y-4">
-          <div className="space-y-2">
-            <h4 className="font-medium leading-none">Username</h4>
-            <p className="text-sm text-muted-foreground">
-              Set your username for real-time collaboration
-            </p>
-          </div>
-          <Input
-            value={username}
-            autoCapitalize="off"
-            autoComplete="off"
-            autoCorrect="off"
-            onChange={(e) => setUsername(e.target.value)}
-            placeholder="Enter your username"
-          />
-        </div>
-      </PopoverContent>
-    </Popover>
-  );
-};

package/src/core/codemirror/rtc/extension.ts

@@ -1,464 +0,0 @@
-/* Copyright 2026 Marimo. All rights reserved. */
-
-import type { Extension } from "@codemirror/state";
-import { EditorView, ViewPlugin } from "@codemirror/view";
-import { dequal as isEqual } from "dequal";
-import { atom } from "jotai";
-import { Awareness, LoroDoc, LoroMap, LoroText } from "loro-crdt";
-import ReconnectingWebSocket from "partysocket/ws";
-import type { CellId } from "@/core/cells/ids";
-import { getSessionId } from "@/core/kernel/session";
-import { getInitialAppMode } from "@/core/mode";
-import { waitForConnectionOpen } from "@/core/network/connection";
-import { isRtcEnabled, usernameAtom } from "@/core/rtc/state";
-import { getRuntimeManager } from "@/core/runtime/config";
-import { store } from "@/core/state/jotai";
-import { isWasm } from "@/core/wasm/utils";
-import { invariant } from "@/utils/invariant";
-import { Logger } from "@/utils/Logger";
-import { once } from "@/utils/once";
-import {
-  getInitialLanguageAdapter,
-  languageAdapterState,
-  setLanguageAdapter,
-  switchLanguage,
-} from "../language/extension";
-import {
-  languageMetadataField,
-  setLanguageMetadata,
-  updateLanguageMetadata,
-} from "../language/metadata";
-import type { LanguageAdapterType } from "../language/types";
-import type { AwarenessState, ScopeId, Uid, UserState } from "./loro/awareness";
-import {
-  AwarenessPlugin,
-  createCursorLayer,
-  createSelectionLayer,
-  loroCursorTheme,
-  RemoteAwarenessPlugin,
-  remoteAwarenessStateField,
-} from "./loro/awareness";
-import { getColor } from "./loro/colors";
-import { loroSyncAnnotation, loroSyncPlugin } from "./loro/sync";
-
-const logger = Logger.get("rtc");
-const awarenessLogger = logger.get("awareness").disabled();
-
-const AWARENESS_PREFIX = "awareness:";
-
-// Utility functions for message handling
-function prefixMessage(
-  token: string,
-  message: Uint8Array,
-): Uint8Array<ArrayBuffer> {
-  const tokenBytes = new TextEncoder().encode(token);
-  return new Uint8Array([...tokenBytes, ...message]);
-}
-
-function hasPrefix(data: Uint8Array, prefix: string): boolean {
-  const decoder = new TextDecoder();
-  const dataPrefix = decoder.decode(data.slice(0, prefix.length));
-  return dataPrefix === prefix;
-}
-
-function removePrefix(data: Uint8Array, prefix: string): Uint8Array {
-  return data.slice(prefix.length);
-}
-
-export const connectedDocAtom = atom<LoroDoc | "disabled" | undefined>(
-  undefined,
-);
-
-// Create a Loro document
-const doc = new LoroDoc();
-const awareness = new Awareness<AwarenessState>(doc.peerIdStr);
-// const undoManager = new UndoManager(doc, {});
-
-// Create a websocket connection to the server
-const getWs = once(() => {
-  logger.debug("creating websocket");
-
-  const runtimeManager = getRuntimeManager();
-  const url = runtimeManager.getWsSyncURL(getSessionId()).toString();
-
-  // Create the websocket, but don't connect it yet
-  const ws = new ReconnectingWebSocket(url, undefined, {
-    // We don't want Infinity retries
-    maxRetries: 10,
-    debug: false,
-    startClosed: true,
-    connectionTimeout: 10_000,
-  });
-
-  // Start the connection
-  Promise.resolve().then(async () => {
-    // First wait the main /ws connection to be open
-    // This is to ensure the LoroDoc is created on the server
-    await waitForConnectionOpen();
-
-    // Don't open the websocket if not in edit mode
-    if (getInitialAppMode() !== "edit") {
-      return;
-    }
-
-    // Now open the websocket
-    ws.reconnect();
-  });
-
-  // Receive updates from the server
-  ws.addEventListener("message", async (event) => {
-    const blob: Blob = event.data;
-    const bytes = await blob.arrayBuffer();
-    const data = new Uint8Array(bytes);
-
-    // Handle awareness update
-    if (hasPrefix(data, AWARENESS_PREFIX)) {
-      const awarenessData = removePrefix(data, AWARENESS_PREFIX);
-      awareness.apply(awarenessData);
-      awarenessLogger.debug("applied awareness update");
-      return;
-    }
-
-    // Handle doc update
-    doc.import(data);
-    logger.debug("imported doc change. new doc:", doc.toJSON());
-
-    // Set the active doc only once the first message is received
-    // This is to ensure the LoroDoc is created on the server, and not the client.
-    if (store.get(connectedDocAtom) !== doc) {
-      store.set(connectedDocAtom, doc);
-    }
-  });
-
-  // Handle open event
-  ws.addEventListener("open", () => {
-    logger.debug("websocket open");
-  });
-
-  // Handle close event
-  ws.addEventListener("close", (e) => {
-    logger.warn("websocket close", e);
-
-    // Remove the active doc
-    if (store.get(connectedDocAtom) === doc) {
-      store.set(connectedDocAtom, undefined);
-    }
-  });
-
-  return ws;
-});
-
-// Kickoff the WS connection for edit mode
-if (isRtcEnabled()) {
-  getWs();
-}
-
-// Send local updates to the server
-doc.subscribeLocalUpdates((update) => {
-  logger.debug("local update, sending to server");
-  const ws = getWs();
-  ws.send(new Uint8Array(update));
-});
-
-// Handle awareness changes
-awareness.addListener((updates, origin) => {
-  const changes = [...updates.added, ...updates.removed, ...updates.updated];
-  if (origin === "local") {
-    awarenessLogger.debug("awareness changes", changes);
-    const ws = getWs();
-    ws.send(prefixMessage(AWARENESS_PREFIX, awareness.encode(changes)));
-  }
-});
-
-export function realTimeCollaboration(
-  cellId: CellId,
-  initialCode = "",
-): { extension: Extension; code: string } {
-  if (isWasm()) {
-    return {
-      extension: [],
-      code: initialCode,
-    };
-  }
-
-  // Get or create the code container
-  const hasPath = doc.getByPath(`codes/${cellId}`) !== undefined;
-  const loroText = doc
-    .getMap("codes")
-    .getOrCreateContainer(cellId, new LoroText());
-  if (!hasPath) {
-    logger.log("initializing code for new cell", initialCode);
-    loroText.insert(0, initialCode);
-  }
-
-  const userState: UserState = {
-    // We use getters to ensure the user name is up-to-date
-    get name() {
-      return store.get(usernameAtom) || "Anonymous";
-    },
-    get colorClassName() {
-      return getColor(this.name);
-    },
-  };
-
-  return {
-    code: initialCode.toString(),
-    extension: [
-      languageObserverExtension(cellId),
-      languageListenerExtension(cellId),
-      loroAwarenessPlugin({
-        doc,
-        awareness,
-        user: userState,
-        getTextFromDoc: () => loroText,
-        cellId,
-      }),
-      loroSyncPlugin(doc, ["codes", cellId], () => {
-        return loroText;
-      }),
-    ],
-  };
-}
-
-/**
- * Create a view plugin to observe language changes
- * When the language changes, we need to update our local language
- * Server -> Local
- * @param cellId - The cell id
- * @returns Extension
- */
-function languageObserverExtension(cellId: CellId) {
-  const syncLanguage = (view: EditorView, language: LoroText) => {
-    const currentLang = view.state.field(languageAdapterState).type;
-    const newLang = language.toString() as LanguageAdapterType;
-    if (!newLang) {
-      return;
-    }
-
-    if (newLang !== currentLang) {
-      logger.debug(
-        `[incoming] setting language type: ${currentLang} -> ${newLang}`,
-      );
-      switchLanguage(view, { language: newLang, keepCodeAsIs: true });
-    }
-  };
-
-  const syncLanguageMetadata = (
-    view: EditorView,
-    languageMetadata: LoroMap,
-  ) => {
-    const previousLanguageMetadata = view.state.field(languageMetadataField);
-    const newLanguageMetadata = languageMetadata.toJSON();
-    if (isEqual(previousLanguageMetadata, newLanguageMetadata)) {
-      return;
-    }
-
-    view.dispatch({
-      effects: [updateLanguageMetadata.of(newLanguageMetadata)],
-      annotations: [loroSyncAnnotation.of(true)],
-    });
-  };
-
-  return ViewPlugin.define((view) => {
-    let unsubscribeDoc: () => void;
-
-    // Initialize after a single tick
-    Promise.resolve().then(() => {
-      // Language type
-      const langType = doc.getByPath(`languages/${cellId}`);
-      if (!langType) {
-        logger.error("no language container found for cell", cellId);
-        return;
-      }
-      invariant(
-        langType instanceof LoroText,
-        "language type is not a LoroText",
-      );
-
-      // Language metadata
-      const langMeta = doc.getByPath(`language_metadata/${cellId}`);
-      if (!langMeta) {
-        logger.error("no language metadata container found for cell", cellId);
-        return;
-      }
-      invariant(
-        langMeta instanceof LoroMap,
-        "language metadata is not a LoroMap",
-      );
-
-      // Run once
-      syncLanguage(view, langType);
-      syncLanguageMetadata(view, langMeta);
-
-      // Subscribe to language and metadata changes
-      unsubscribeDoc = doc.subscribe((event) => {
-        if (event.origin === "local") {
-          // Skip if the change is local
-          return;
-        }
-
-        const hasAnyLanguageTypeChanges = event.events.some(
-          (e) => e.target === langType.id,
-        );
-        const hasAnyLanguageMetadataChanges = event.events.some(
-          (e) => e.target === langMeta.id,
-        );
-
-        if (hasAnyLanguageTypeChanges) {
-          syncLanguage(view, langType);
-        }
-        if (hasAnyLanguageMetadataChanges) {
-          syncLanguageMetadata(view, langMeta);
-        }
-      });
-    });
-
-    return {
-      destroy() {
-        unsubscribeDoc();
-      },
-    };
-  });
-}
-
-/**
- * Listen for local language changes
- * This is used to sync the language with the server
- * Local -> Server
- * @returns Extension
- */
-function languageListenerExtension(cellId: CellId) {
-  // Get or create the language type container
-  const currentLang = doc
-    .getMap("languages")
-    .getOrCreateContainer(cellId, new LoroText());
-
-  // Get or create the language metadata container
-  const currentLanguageMetadata = doc
-    .getMap("language_metadata")
-    .getOrCreateContainer(cellId, new LoroMap());
-
-  return EditorView.updateListener.of((update) => {
-    const isInitialized = currentLang.toString() !== "";
-
-    // Skip if the doc hasn't changed and the language is already set
-    if (!update.docChanged && isInitialized) {
-      return;
-    }
-
-    // If the language is not set, set it to the current language
-    // and update the LoroDoc
-    if (!isInitialized) {
-      const language = getInitialLanguageAdapter(update.state).type;
-      switchLanguage(update.view, { language });
-      logger.debug("no initial language, setting default to", language);
-
-      // Sync the language to the LoroDoc
-      currentLang.delete(0, currentLang.length);
-      currentLang.insert(0, language);
-
-      // Sync the language metadata to the LoroDoc
-      logger.debug(
-        "no initial language metadata, setting default to",
-        update.state.field(languageMetadataField),
-      );
-      const metadata = update.state.field(languageMetadataField);
-      for (const key of Object.keys(metadata)) {
-        currentLanguageMetadata.set(key, metadata[key]);
-      }
-
-      // Commit the changes
-      doc.commit();
-
-      return;
-    }
-
-    let hasChanges = false;
-
-    for (const tr of update.transactions) {
-      const isSyncOperation = tr.annotation(loroSyncAnnotation);
-      if (isSyncOperation) {
-        continue;
-      }
-
-      for (const e of tr.effects) {
-        // Language type
-        if (
-          e.is(setLanguageAdapter) &&
-          currentLang.toString() !== e.value.type
-        ) {
-          logger.debug(
-            `[outgoing] language change: ${currentLang} -> ${e.value.type}`,
-          );
-          currentLang.delete(0, currentLang.length);
-          currentLang.insert(0, e.value.type);
-          hasChanges = true;
-        }
-
-        // Language metadata
-        if (e.is(updateLanguageMetadata) || e.is(setLanguageMetadata)) {
-          const metadata = e.value;
-
-          // If it is set, we should clear the metadata first
-          if (e.is(setLanguageMetadata)) {
-            logger.debug("[outgoing] setting language metadata: ", metadata);
-            currentLanguageMetadata.clear();
-          } else {
-            logger.debug("[outgoing] updating language metadata: ", metadata);
-          }
-
-          for (const key of Object.keys(metadata)) {
-            currentLanguageMetadata.set(key, metadata[key]);
-          }
-          hasChanges = true;
-        }
-      }
-    }
-
-    if (hasChanges) {
-      doc.commit();
-    }
-  });
-}
-
-/**
- * Create a plugin to observe awareness changes
- */
-function loroAwarenessPlugin({
-  doc,
-  awareness,
-  user,
-  getTextFromDoc,
-  cellId,
-  getUserId,
-}: {
-  doc: LoroDoc;
-  awareness: Awareness<AwarenessState>;
-  user: UserState;
-  getTextFromDoc: (doc: LoroDoc) => LoroText;
-  cellId: CellId;
-  getUserId?: () => Uid;
-}): Extension[] {
-  const scopeId = `loro:cell:${cellId}` as ScopeId;
-
-  return [
-    remoteAwarenessStateField,
-    createCursorLayer(),
-    createSelectionLayer(),
-    ViewPlugin.define(
-      (view) =>
-        new AwarenessPlugin(view, {
-          doc,
-          user,
-          awareness,
-          getTextFromDoc,
-          scopeId,
-          getUserId,
-        }),
-    ),
-    ViewPlugin.define(
-      (view) => new RemoteAwarenessPlugin(view, doc, awareness, scopeId),
-    ),
-    loroCursorTheme,
-  ];
-}