js editor collab

crates/weaver-editor-js/build.sh

···
 cd "$SCRIPT_DIR"
 
 PKG_NAME="@weaver.sh/editor"
-PKG_VERSION="0.1.0"
+PKG_VERSION="0.1.1"
 
 # Targets to build
 TARGETS=(bundler web nodejs deno)
···
         description="Weaver markdown editor (local editing, lightweight)"
     fi
 
+    # Worker export only for collab variant
+    local worker_export=""
+    local worker_files=""
+    if [[ "$variant" == "collab" ]]; then
+        worker_export=',
+    "./worker": {
+      "import": "./worker/editor_worker.js"
+    }'
+        worker_files=',
+    "worker/"'
+    fi
+
     cat > "${out_dir}/package.json" << EOF
 {
   "name": "${PKG_NAME}${pkg_suffix}",
···
       "import": "./deno/weaver_editor.js",
       "types": "./deno/weaver_editor.d.ts"
     },
-    "./weaver-editor.css": "./weaver-editor.css"
+    "./weaver-editor.css": "./weaver-editor.css"${worker_export}
   },
   "files": [
     "index.js",
···
     "web/",
     "nodejs/",
     "deno/",
-    "README.md"
+    "README.md"${worker_files}
   ]
 }
 EOF
···
 EOF
 }
 
+build_worker() {
+    echo "Building editor worker WASM..."
+
+    # Build the worker binary from weaver-editor-crdt
+    # Must be in workspace root for cargo to find the crate
+    local workspace_root="$(cd ../.. && pwd)"
+
+    export RUSTFLAGS='--cfg getrandom_backend="wasm_js"'
+
+    (cd "$workspace_root" && cargo build \
+        -p weaver-editor-crdt \
+        --bin editor_worker \
+        --target wasm32-unknown-unknown \
+        --release \
+        --features collab)
+
+    # Create worker output directory
+    local worker_out="pkg/collab/worker"
+    mkdir -p "$worker_out"
+
+    # Run wasm-bindgen with no-modules target for web worker compatibility
+    wasm-bindgen \
+        "$workspace_root/target/wasm32-unknown-unknown/release/editor_worker.wasm" \
+        --out-dir "$worker_out" \
+        --target no-modules \
+        --no-typescript
+
+    # Report size
+    local wasm_file="${worker_out}/editor_worker_bg.wasm"
+    if [[ -f "$wasm_file" ]]; then
+        local size=$(ls -lh "$wasm_file" | awk '{print $5}')
+        echo "  → Worker WASM: ${size}"
+    fi
+}
+
 build_typescript() {
     echo "Building TypeScript wrapper..."
 
···
     fi
 
     # Link WASM output so TypeScript can find it during compilation
-    # Use core/bundler as the source (all variants have same API)
+    # Use collab/bundler as source - it has all exports (JsCollabEditor + JsEditor)
+    # Core variant users who import collab will get runtime error, which is expected
     rm -rf ts/bundler
-    ln -s ../pkg/core/bundler ts/bundler
+    ln -s ../pkg/collab/bundler ts/bundler
 
     # Compile TypeScript
     (cd ts && npm run build)
···
         find "pkg/${variant}" -name "package.json" -path "*/deno/*" -delete
     done
 
+    # Build worker WASM for collab variant
+    build_worker
+
     # Build TypeScript wrapper
     build_typescript
 
     echo ""
     echo "Build complete!"
     echo ""
+    echo "Editor WASM:"
     ls -lh pkg/core/web/*.wasm pkg/collab/web/*.wasm 2>/dev/null || true
+    echo ""
+    echo "Worker WASM (collab only):"
+    ls -lh pkg/collab/worker/*.wasm 2>/dev/null || true
     echo ""
     echo "Packages:"
     echo "  pkg/core/   - @weaver.sh/editor-core (local editing)"

crates/weaver-editor-js/src/collab.rs

···
-//! JsCollabEditor - collaborative editor with Loro CRDT.
+//! JsCollabEditor - collaborative editor with Loro CRDT and iroh P2P.
 //!
-//! Only available with the `collab` feature.
+//! This wraps the core editor with a Loro-backed buffer and manages
+//! the EditorReactor worker for off-main-thread collab networking.
+
+use std::collections::HashMap;
 
 use wasm_bindgen::prelude::*;
+use web_sys::HtmlElement;
 
-use weaver_editor_crdt::LoroTextBuffer;
+use weaver_editor_browser::{
+    BrowserClipboard, BrowserCursor, ParagraphRender, update_paragraph_dom,
+    update_syntax_visibility,
+};
+use weaver_editor_core::{
+    CursorPlatform, EditorDocument, EditorImageResolver, PlainEditor, RenderCache, TextBuffer,
+    apply_formatting, execute_action_with_clipboard, render_paragraphs_incremental,
+};
+use weaver_editor_crdt::{LoroTextBuffer, VersionVector};
 
-/// Collaborative editor with CRDT sync.
+use crate::actions::{ActionKind, parse_action};
+use crate::types::{
+    EntryEmbeds, EntryJson, FinalizedImage, JsParagraphRender, JsResolvedContent, PendingImage,
+};
+
+type InnerEditor = PlainEditor<LoroTextBuffer>;
+
+/// Collaborative editor with Loro CRDT backend and iroh P2P networking.
+///
+/// The host app is responsible for:
+/// - Creating/refreshing/deleting session records on PDS
+/// - Discovering peers via index or backlinks
+/// - Calling `addPeers` with discovered peer node IDs
 ///
-/// Wraps LoroTextBuffer for collaborative editing with iroh P2P transport.
+/// The editor handles:
+/// - Loro CRDT document sync
+/// - iroh gossip networking (via web worker)
+/// - Presence tracking
 #[wasm_bindgen]
 pub struct JsCollabEditor {
-    // TODO: Implement collab editor
-    // - LoroTextBuffer for CRDT-backed text
-    // - iroh node for P2P transport
-    // - Session management callbacks
-    _marker: std::marker::PhantomData<LoroTextBuffer>,
+    doc: InnerEditor,
+    cache: RenderCache,
+    resolved_content: weaver_common::ResolvedContent,
+    image_resolver: EditorImageResolver,
+    entry_index: weaver_common::EntryIndex,
+    paragraphs: Vec<ParagraphRender>,
+
+    // Mount state
+    editor_id: Option<String>,
+    on_change: Option<js_sys::Function>,
+
+    // Collab state
+    resource_uri: String,
+    collab_topic: Option<[u8; 32]>,
+
+    // Callbacks for host to handle PDS operations
+    on_session_needed: Option<js_sys::Function>,
+    on_session_refresh: Option<js_sys::Function>,
+    on_session_end: Option<js_sys::Function>,
+    on_peers_needed: Option<js_sys::Function>,
+    on_presence_changed: Option<js_sys::Function>,
+    on_remote_update: Option<js_sys::Function>,
+
+    // Metadata
+    title: String,
+    path: String,
+    tags: Vec<String>,
+    created_at: String,
+
+    // Image tracking
+    pending_images: HashMap<String, PendingImage>,
+    finalized_images: HashMap<String, FinalizedImage>,
 }
 
 #[wasm_bindgen]
 impl JsCollabEditor {
-    /// Create a new collaborative editor.
+    /// Create a new empty collab editor.
     #[wasm_bindgen(constructor)]
-    pub fn new() -> Result<JsCollabEditor, JsError> {
-        Err(JsError::new("CollabEditor not yet implemented"))
+    pub fn new(resource_uri: &str) -> Self {
+        let buffer = LoroTextBuffer::new();
+        let doc = PlainEditor::new(buffer);
+        let topic = weaver_editor_crdt::compute_collab_topic(resource_uri);
+
+        Self {
+            doc,
+            cache: RenderCache::default(),
+            resolved_content: weaver_common::ResolvedContent::new(),
+            image_resolver: EditorImageResolver::new(),
+            entry_index: weaver_common::EntryIndex::new(),
+            paragraphs: Vec::new(),
+            editor_id: None,
+            on_change: None,
+            resource_uri: resource_uri.to_string(),
+            collab_topic: Some(topic),
+            on_session_needed: None,
+            on_session_refresh: None,
+            on_session_end: None,
+            on_peers_needed: None,
+            on_presence_changed: None,
+            on_remote_update: None,
+            title: String::new(),
+            path: String::new(),
+            tags: Vec::new(),
+            created_at: now_iso(),
+            pending_images: HashMap::new(),
+            finalized_images: HashMap::new(),
+        }
+    }
+
+    /// Create from markdown content.
+    #[wasm_bindgen(js_name = fromMarkdown)]
+    pub fn from_markdown(resource_uri: &str, content: &str) -> Self {
+        let mut buffer = LoroTextBuffer::new();
+        buffer.push(content);
+        let doc = PlainEditor::new(buffer);
+        let topic = weaver_editor_crdt::compute_collab_topic(resource_uri);
+
+        Self {
+            doc,
+            cache: RenderCache::default(),
+            resolved_content: weaver_common::ResolvedContent::new(),
+            image_resolver: EditorImageResolver::new(),
+            entry_index: weaver_common::EntryIndex::new(),
+            paragraphs: Vec::new(),
+            editor_id: None,
+            on_change: None,
+            resource_uri: resource_uri.to_string(),
+            collab_topic: Some(topic),
+            on_session_needed: None,
+            on_session_refresh: None,
+            on_session_end: None,
+            on_peers_needed: None,
+            on_presence_changed: None,
+            on_remote_update: None,
+            title: String::new(),
+            path: String::new(),
+            tags: Vec::new(),
+            created_at: now_iso(),
+            pending_images: HashMap::new(),
+            finalized_images: HashMap::new(),
+        }
+    }
+
+    /// Create from a Loro snapshot.
+    #[wasm_bindgen(js_name = fromSnapshot)]
+    pub fn from_snapshot(resource_uri: &str, snapshot: &[u8]) -> Result<JsCollabEditor, JsError> {
+        let buffer = LoroTextBuffer::from_snapshot(snapshot)
+            .map_err(|e| JsError::new(&format!("Invalid snapshot: {}", e)))?;
+        let doc = PlainEditor::new(buffer);
+        let topic = weaver_editor_crdt::compute_collab_topic(resource_uri);
+
+        Ok(Self {
+            doc,
+            cache: RenderCache::default(),
+            resolved_content: weaver_common::ResolvedContent::new(),
+            image_resolver: EditorImageResolver::new(),
+            entry_index: weaver_common::EntryIndex::new(),
+            paragraphs: Vec::new(),
+            editor_id: None,
+            on_change: None,
+            resource_uri: resource_uri.to_string(),
+            collab_topic: Some(topic),
+            on_session_needed: None,
+            on_session_refresh: None,
+            on_session_end: None,
+            on_peers_needed: None,
+            on_presence_changed: None,
+            on_remote_update: None,
+            title: String::new(),
+            path: String::new(),
+            tags: Vec::new(),
+            created_at: now_iso(),
+            pending_images: HashMap::new(),
+            finalized_images: HashMap::new(),
+        })
+    }
+
+    // === Callbacks ===
+
+    /// Set callback for when a session record needs to be created.
+    ///
+    /// Called with: { nodeId: string, relayUrl: string | null }
+    /// Should return: Promise<string> (the session record URI)
+    #[wasm_bindgen(js_name = setOnSessionNeeded)]
+    pub fn set_on_session_needed(&mut self, callback: js_sys::Function) {
+        self.on_session_needed = Some(callback);
+    }
+
+    /// Set callback for periodic session refresh.
+    ///
+    /// Called with: { sessionUri: string }
+    /// Should return: Promise<void>
+    #[wasm_bindgen(js_name = setOnSessionRefresh)]
+    pub fn set_on_session_refresh(&mut self, callback: js_sys::Function) {
+        self.on_session_refresh = Some(callback);
+    }
+
+    /// Set callback for when the session ends.
+    ///
+    /// Called with: { sessionUri: string }
+    /// Should return: Promise<void>
+    #[wasm_bindgen(js_name = setOnSessionEnd)]
+    pub fn set_on_session_end(&mut self, callback: js_sys::Function) {
+        self.on_session_end = Some(callback);
+    }
+
+    /// Set callback for peer discovery.
+    ///
+    /// Called with: { resourceUri: string }
+    /// Should return: Promise<string[]> (array of node IDs)
+    #[wasm_bindgen(js_name = setOnPeersNeeded)]
+    pub fn set_on_peers_needed(&mut self, callback: js_sys::Function) {
+        self.on_peers_needed = Some(callback);
+    }
+
+    /// Set callback for presence changes.
+    ///
+    /// Called with: PresenceSnapshot
+    #[wasm_bindgen(js_name = setOnPresenceChanged)]
+    pub fn set_on_presence_changed(&mut self, callback: js_sys::Function) {
+        self.on_presence_changed = Some(callback);
+    }
+
+    /// Set callback for remote updates (for debugging/logging).
+    #[wasm_bindgen(js_name = setOnRemoteUpdate)]
+    pub fn set_on_remote_update(&mut self, callback: js_sys::Function) {
+        self.on_remote_update = Some(callback);
+    }
+
+    // === Loro sync methods ===
+
+    /// Export a full Loro snapshot.
+    #[wasm_bindgen(js_name = exportSnapshot)]
+    pub fn export_snapshot(&self) -> Vec<u8> {
+        self.doc.buffer().export_snapshot()
+    }
+
+    /// Export updates since a given version.
+    ///
+    /// Returns null if no changes since that version.
+    #[wasm_bindgen(js_name = exportUpdatesSince)]
+    pub fn export_updates_since(&self, version: &[u8]) -> Option<Vec<u8>> {
+        let vv = VersionVector::decode(version).ok()?;
+        self.doc.buffer().export_updates_since(&vv)
+    }
+
+    /// Import remote Loro updates.
+    #[wasm_bindgen(js_name = importUpdates)]
+    pub fn import_updates(&mut self, data: &[u8]) -> Result<(), JsError> {
+        self.doc
+            .buffer_mut()
+            .import(data)
+            .map_err(|e| JsError::new(&format!("Import failed: {}", e)))?;
+
+        // Re-render after importing remote changes
+        self.render_and_update_dom();
+        self.notify_change();
+
+        Ok(())
+    }
+
+    /// Get the current version vector as bytes.
+    #[wasm_bindgen(js_name = getVersion)]
+    pub fn get_version(&self) -> Vec<u8> {
+        self.doc.buffer().version().encode()
+    }
+
+    /// Get the collab topic (blake3 hash of resource URI).
+    #[wasm_bindgen(js_name = getCollabTopic)]
+    pub fn get_collab_topic(&self) -> Option<Vec<u8>> {
+        self.collab_topic.map(|t| t.to_vec())
+    }
+
+    /// Get the resource URI.
+    #[wasm_bindgen(js_name = getResourceUri)]
+    pub fn get_resource_uri(&self) -> String {
+        self.resource_uri.clone()
+    }
+
+    // === Content access (same as JsEditor) ===
+
+    #[wasm_bindgen(js_name = getMarkdown)]
+    pub fn get_markdown(&self) -> String {
+        self.doc.content_string()
+    }
+
+    #[wasm_bindgen(js_name = getSnapshot)]
+    pub fn get_entry_snapshot(&self) -> Result<JsValue, JsError> {
+        let entry = EntryJson {
+            title: self.title.clone(),
+            path: self.path.clone(),
+            content: self.doc.content_string(),
+            created_at: self.created_at.clone(),
+            updated_at: Some(now_iso()),
+            tags: if self.tags.is_empty() {
+                None
+            } else {
+                Some(self.tags.clone())
+            },
+            embeds: self.build_embeds(),
+            authors: None,
+            content_warnings: None,
+            rating: None,
+        };
+
+        serde_wasm_bindgen::to_value(&entry)
+            .map_err(|e| JsError::new(&format!("Serialization error: {}", e)))
+    }
+
+    #[wasm_bindgen(js_name = toEntry)]
+    pub fn to_entry(&self) -> Result<JsValue, JsError> {
+        if self.title.is_empty() {
+            return Err(JsError::new("Title is required"));
+        }
+        if self.path.is_empty() {
+            return Err(JsError::new("Path is required"));
+        }
+        if !self.pending_images.is_empty() {
+            return Err(JsError::new(
+                "Pending images must be finalized before publishing",
+            ));
+        }
+
+        self.get_entry_snapshot()
+    }
+
+    // === Metadata ===
+
+    #[wasm_bindgen(js_name = getTitle)]
+    pub fn get_title(&self) -> String {
+        self.title.clone()
+    }
+
+    #[wasm_bindgen(js_name = setTitle)]
+    pub fn set_title(&mut self, title: &str) {
+        self.title = title.to_string();
+    }
+
+    #[wasm_bindgen(js_name = getPath)]
+    pub fn get_path(&self) -> String {
+        self.path.clone()
+    }
+
+    #[wasm_bindgen(js_name = setPath)]
+    pub fn set_path(&mut self, path: &str) {
+        self.path = path.to_string();
+    }
+
+    #[wasm_bindgen(js_name = getTags)]
+    pub fn get_tags(&self) -> Vec<String> {
+        self.tags.clone()
+    }
+
+    #[wasm_bindgen(js_name = setTags)]
+    pub fn set_tags(&mut self, tags: Vec<String>) {
+        self.tags = tags;
+    }
+
+    // === Actions ===
+
+    #[wasm_bindgen(js_name = executeAction)]
+    pub fn execute_action(&mut self, action: JsValue) -> Result<(), JsError> {
+        let js_action = parse_action(action)?;
+        let kind = js_action.to_action_kind();
+
+        let clipboard = BrowserClipboard::empty();
+        match kind {
+            ActionKind::Editor(editor_action) => {
+                execute_action_with_clipboard(&mut self.doc, &editor_action, &clipboard);
+            }
+            ActionKind::Format(format_action) => {
+                apply_formatting(&mut self.doc, format_action);
+            }
+        }
+
+        self.render_and_update_dom();
+        self.notify_change();
+
+        Ok(())
+    }
+
+    // === Image handling ===
+
+    #[wasm_bindgen(js_name = addPendingImage)]
+    pub fn add_pending_image(&mut self, image: JsValue, data_url: &str) -> Result<(), JsError> {
+        let pending: PendingImage = serde_wasm_bindgen::from_value(image)
+            .map_err(|e| JsError::new(&format!("Invalid pending image: {}", e)))?;
+
+        self.image_resolver
+            .add_pending(&pending.local_id, data_url.to_string());
+
+        self.pending_images
+            .insert(pending.local_id.clone(), pending);
+        Ok(())
+    }
+
+    #[wasm_bindgen(js_name = finalizeImage)]
+    pub fn finalize_image(
+        &mut self,
+        local_id: &str,
+        finalized: JsValue,
+        blob_rkey: &str,
+        ident: &str,
+    ) -> Result<(), JsError> {
+        use weaver_common::jacquard::IntoStatic;
+        use weaver_common::jacquard::types::ident::AtIdentifier;
+        use weaver_common::jacquard::types::string::Rkey;
+
+        let finalized_data: FinalizedImage = serde_wasm_bindgen::from_value(finalized)
+            .map_err(|e| JsError::new(&format!("Invalid finalized image: {}", e)))?;
+
+        let rkey = Rkey::new(blob_rkey)
+            .map_err(|e| JsError::new(&format!("Invalid rkey: {}", e)))?
+            .into_static();
+        let identifier = AtIdentifier::new(ident)
+            .map_err(|e| JsError::new(&format!("Invalid identifier: {}", e)))?
+            .into_static();
+
+        self.image_resolver
+            .promote_to_uploaded(local_id, rkey, identifier);
+
+        self.pending_images.remove(local_id);
+        self.finalized_images
+            .insert(local_id.to_string(), finalized_data);
+        Ok(())
+    }
+
+    #[wasm_bindgen(js_name = removeImage)]
+    pub fn remove_image(&mut self, local_id: &str) {
+        self.pending_images.remove(local_id);
+        self.finalized_images.remove(local_id);
+    }
+
+    #[wasm_bindgen(js_name = getPendingImages)]
+    pub fn get_pending_images(&self) -> Result<JsValue, JsError> {
+        let pending: Vec<_> = self.pending_images.values().cloned().collect();
+        serde_wasm_bindgen::to_value(&pending)
+            .map_err(|e| JsError::new(&format!("Serialization error: {}", e)))
+    }
+
+    #[wasm_bindgen(js_name = getStagingUris)]
+    pub fn get_staging_uris(&self) -> Vec<String> {
+        self.finalized_images
+            .values()
+            .map(|f| f.staging_uri.clone())
+            .collect()
+    }
+
+    // === Entry index ===
+
+    #[wasm_bindgen(js_name = addEntryToIndex)]
+    pub fn add_entry_to_index(&mut self, title: &str, path: &str, canonical_url: &str) {
+        self.entry_index
+            .add_entry(title, path, canonical_url.to_string());
+    }
+
+    #[wasm_bindgen(js_name = clearEntryIndex)]
+    pub fn clear_entry_index(&mut self) {
+        self.entry_index = weaver_common::EntryIndex::new();
+    }
+
+    // === Cursor/selection ===
+
+    #[wasm_bindgen(js_name = getCursorOffset)]
+    pub fn get_cursor_offset(&self) -> usize {
+        self.doc.cursor_offset()
+    }
+
+    /// Get the current selection, or null if no selection.
+    #[wasm_bindgen(js_name = getSelection)]
+    pub fn get_selection(&self) -> JsValue {
+        match self.doc.selection() {
+            Some(s) => {
+                #[derive(serde::Serialize)]
+                struct JsSelection {
+                    anchor: usize,
+                    head: usize,
+                }
+                serde_wasm_bindgen::to_value(&JsSelection {
+                    anchor: s.anchor,
+                    head: s.head,
+                })
+                .unwrap_or(JsValue::NULL)
+            }
+            None => JsValue::NULL,
+        }
+    }
+
+    #[wasm_bindgen(js_name = setCursorOffset)]
+    pub fn set_cursor_offset(&mut self, offset: usize) {
+        self.doc.set_cursor_offset(offset);
+        // Sync Loro cursor for CRDT-aware tracking
+        self.doc.buffer().sync_cursor(offset);
+    }
+
+    #[wasm_bindgen(js_name = getLength)]
+    pub fn get_length(&self) -> usize {
+        self.doc.len_chars()
+    }
+
+    // === Undo/redo ===
+
+    #[wasm_bindgen(js_name = canUndo)]
+    pub fn can_undo(&self) -> bool {
+        self.doc.can_undo()
+    }
+
+    #[wasm_bindgen(js_name = canRedo)]
+    pub fn can_redo(&self) -> bool {
+        self.doc.can_redo()
+    }
+
+    // === Mounting ===
+
+    #[wasm_bindgen]
+    pub fn mount(
+        &mut self,
+        container: &HtmlElement,
+        on_change: Option<js_sys::Function>,
+    ) -> Result<(), JsError> {
+        let window = web_sys::window().ok_or_else(|| JsError::new("No window"))?;
+        let document = window
+            .document()
+            .ok_or_else(|| JsError::new("No document"))?;
+
+        let editor_id = format!("weaver-collab-editor-{}", js_sys::Math::random().to_bits());
+
+        let editor_el = document
+            .create_element("div")
+            .map_err(|e| JsError::new(&format!("Failed to create element: {:?}", e)))?;
+
+        editor_el
+            .set_attribute("id", &editor_id)
+            .map_err(|e| JsError::new(&format!("Failed to set id: {:?}", e)))?;
+        editor_el
+            .set_attribute("contenteditable", "true")
+            .map_err(|e| JsError::new(&format!("Failed to set contenteditable: {:?}", e)))?;
+        editor_el
+            .set_attribute("class", "weaver-editor-content")
+            .map_err(|e| JsError::new(&format!("Failed to set class: {:?}", e)))?;
+
+        container
+            .append_child(&editor_el)
+            .map_err(|e| JsError::new(&format!("Failed to append child: {:?}", e)))?;
+
+        self.editor_id = Some(editor_id);
+        self.on_change = on_change;
+
+        self.render_and_update_dom();
+
+        Ok(())
+    }
+
+    #[wasm_bindgen(js_name = isMounted)]
+    pub fn is_mounted(&self) -> bool {
+        self.editor_id.is_some()
+    }
+
+    #[wasm_bindgen]
+    pub fn unmount(&mut self) {
+        if let Some(ref editor_id) = self.editor_id {
+            if let Some(window) = web_sys::window() {
+                if let Some(document) = window.document() {
+                    if let Some(element) = document.get_element_by_id(editor_id) {
+                        let _ = element.remove();
+                    }
+                }
+            }
+        }
+        self.editor_id = None;
+        self.on_change = None;
+    }
+
+    #[wasm_bindgen]
+    pub fn focus(&self) {
+        use wasm_bindgen::JsCast;
+        if let Some(ref editor_id) = self.editor_id {
+            if let Some(window) = web_sys::window() {
+                if let Some(document) = window.document() {
+                    if let Some(element) = document.get_element_by_id(editor_id) {
+                        if let Ok(html_el) = element.dyn_into::<HtmlElement>() {
+                            let _ = html_el.focus();
+                        }
+                    }
+                }
+            }
+        }
+    }
+
+    #[wasm_bindgen]
+    pub fn blur(&self) {
+        use wasm_bindgen::JsCast;
+        if let Some(ref editor_id) = self.editor_id {
+            if let Some(window) = web_sys::window() {
+                if let Some(document) = window.document() {
+                    if let Some(element) = document.get_element_by_id(editor_id) {
+                        if let Ok(html_el) = element.dyn_into::<HtmlElement>() {
+                            let _ = html_el.blur();
+                        }
+                    }
+                }
+            }
+        }
+    }
+
+    // === Rendering ===
+
+    #[wasm_bindgen(js_name = getParagraphs)]
+    pub fn get_paragraphs(&self) -> Result<JsValue, JsError> {
+        let js_paras: Vec<JsParagraphRender> = self
+            .paragraphs
+            .iter()
+            .map(JsParagraphRender::from)
+            .collect();
+        serde_wasm_bindgen::to_value(&js_paras)
+            .map_err(|e| JsError::new(&format!("Serialization error: {}", e)))
+    }
+
+    #[wasm_bindgen(js_name = setResolvedContent)]
+    pub fn set_resolved_content(&mut self, content: JsResolvedContent) {
+        self.resolved_content = content.into_inner();
+    }
+
+    #[wasm_bindgen(js_name = renderAndUpdateDom)]
+    pub fn render_and_update_dom_js(&mut self) {
+        self.render_and_update_dom();
+    }
+
+    // === Remote cursor positioning ===
+
+    /// Get cursor rect relative to editor for a given character position.
+    ///
+    /// Returns { x, y, height } or null if position can't be mapped.
+    #[wasm_bindgen(js_name = getCursorRectRelative)]
+    pub fn get_cursor_rect_relative(&self, position: usize) -> JsValue {
+        let Some(ref editor_id) = self.editor_id else {
+            return JsValue::NULL;
+        };
+
+        // Flatten offset maps from all paragraphs.
+        let offset_map: Vec<_> = self
+            .paragraphs
+            .iter()
+            .flat_map(|p| p.offset_map.iter().cloned())
+            .collect();
+
+        let Some(rect) =
+            weaver_editor_browser::get_cursor_rect_relative(position, &offset_map, editor_id)
+        else {
+            return JsValue::NULL;
+        };
+
+        #[derive(serde::Serialize)]
+        struct JsCursorRect {
+            x: f64,
+            y: f64,
+            height: f64,
+        }
+
+        serde_wasm_bindgen::to_value(&JsCursorRect {
+            x: rect.x,
+            y: rect.y,
+            height: rect.height,
+        })
+        .unwrap_or(JsValue::NULL)
+    }
+
+    /// Get selection rects relative to editor for a given range.
+    ///
+    /// Returns array of { x, y, width, height } for each line of selection.
+    #[wasm_bindgen(js_name = getSelectionRectsRelative)]
+    pub fn get_selection_rects_relative(&self, start: usize, end: usize) -> JsValue {
+        let Some(ref editor_id) = self.editor_id else {
+            return JsValue::from(js_sys::Array::new());
+        };
+
+        // Flatten offset maps from all paragraphs.
+        let offset_map: Vec<_> = self
+            .paragraphs
+            .iter()
+            .flat_map(|p| p.offset_map.iter().cloned())
+            .collect();
+
+        let rects =
+            weaver_editor_browser::get_selection_rects_relative(start, end, &offset_map, editor_id);
+
+        #[derive(serde::Serialize)]
+        struct JsSelectionRect {
+            x: f64,
+            y: f64,
+            width: f64,
+            height: f64,
+        }
+
+        let js_rects: Vec<JsSelectionRect> = rects
+            .into_iter()
+            .map(|r| JsSelectionRect {
+                x: r.x,
+                y: r.y,
+                width: r.width,
+                height: r.height,
+            })
+            .collect();
+
+        serde_wasm_bindgen::to_value(&js_rects).unwrap_or(JsValue::from(js_sys::Array::new()))
+    }
+
+    /// Convert RGBA u32 color (0xRRGGBBAA) to CSS rgba() string.
+    #[wasm_bindgen(js_name = rgbaToCss)]
+    pub fn rgba_to_css(color: u32) -> String {
+        weaver_editor_browser::rgba_u32_to_css(color)
+    }
+
+    /// Convert RGBA u32 color to CSS rgba() string with custom alpha.
+    #[wasm_bindgen(js_name = rgbaToCssAlpha)]
+    pub fn rgba_to_css_alpha(color: u32, alpha: f32) -> String {
+        weaver_editor_browser::rgba_u32_to_css_alpha(color, alpha)
     }
 }
 
-impl Default for JsCollabEditor {
-    fn default() -> Self {
-        Self {
-            _marker: std::marker::PhantomData,
+impl JsCollabEditor {
+    pub(crate) fn render_and_update_dom(&mut self) {
+        let Some(ref editor_id) = self.editor_id else {
+            return;
+        };
+
+        let cursor_offset = self.doc.cursor_offset();
+        let last_edit = self.doc.last_edit();
+
+        let result = render_paragraphs_incremental(
+            self.doc.buffer(),
+            Some(&self.cache),
+            cursor_offset,
+            last_edit.as_ref(),
+            Some(&self.image_resolver),
+            Some(&self.entry_index),
+            &self.resolved_content,
+        );
+
+        let old_paragraphs = std::mem::replace(&mut self.paragraphs, result.paragraphs);
+        self.cache = result.cache;
+        self.doc.set_last_edit(None);
+
+        let cursor_para_updated = update_paragraph_dom(
+            editor_id,
+            &old_paragraphs,
+            &self.paragraphs,
+            cursor_offset,
+            false,
+        );
+
+        let syntax_spans: Vec<_> = self
+            .paragraphs
+            .iter()
+            .flat_map(|p| p.syntax_spans.iter().cloned())
+            .collect();
+        update_syntax_visibility(cursor_offset, None, &syntax_spans, &self.paragraphs);
+
+        if cursor_para_updated {
+            let cursor = BrowserCursor::new(editor_id);
+            let snap_direction = self.doc.pending_snap();
+            let _ = cursor.restore_cursor(cursor_offset, &self.paragraphs, snap_direction);
         }
     }
+
+    pub(crate) fn notify_change(&self) {
+        if let Some(ref callback) = self.on_change {
+            let this = JsValue::null();
+            let _ = callback.call0(&this);
+        }
+    }
+
+    fn build_embeds(&self) -> Option<EntryEmbeds> {
+        if self.finalized_images.is_empty() {
+            return None;
+        }
+
+        use crate::types::{ImageEmbed, ImagesEmbed};
+
+        let images: Vec<ImageEmbed> = self
+            .finalized_images
+            .values()
+            .map(|f| ImageEmbed {
+                image: f.blob_ref.clone(),
+                alt: String::new(),
+                aspect_ratio: None,
+            })
+            .collect();
+
+        Some(EntryEmbeds {
+            images: Some(ImagesEmbed { images }),
+            records: None,
+            externals: None,
+            videos: None,
+        })
+    }
 }
 
-// TODO: Implement these when ready:
-// - from_snapshot / from_loro_doc
-// - export_updates / import_updates
-// - get_version
-// - add_peer / remove_peer / get_connected_peers
-// - Session callbacks (onSessionNeeded, onSessionRefresh, onSessionEnd, onPeersNeeded)
+fn now_iso() -> String {
+    let date = js_sys::Date::new_0();
+    date.to_iso_string().into()
+}

crates/weaver-editor-js/ts/bundler

···
-../pkg/core/bundler
+../pkg/collab/bundler

crates/weaver-editor-js/ts/collab.ts

···
+/**
+ * Collaborative editor with Loro CRDT and iroh P2P.
+ *
+ * Usage:
+ * ```typescript
+ * import { createCollabEditor } from '@weaver.sh/editor-collab';
+ *
+ * const editor = await createCollabEditor({
+ *   container: document.getElementById('editor')!,
+ *   resourceUri: 'at://did:plc:abc/sh.weaver.notebook.entry/xyz',
+ *   onChange: () => console.log('changed'),
+ *   onSessionNeeded: async (session) => {
+ *     // Create session record on PDS, return URI
+ *     return 'at://did:plc:abc/sh.weaver.edit.session/123';
+ *   },
+ *   onPeersNeeded: async (resourceUri) => {
+ *     // Query index/backlinks for peer session records
+ *     return [{ nodeId: 'peer-node-id' }];
+ *   },
+ * });
+ *
+ * // Get Loro snapshot for saving
+ * const snapshot = editor.exportSnapshot();
+ *
+ * // Cleanup
+ * await editor.stopCollab();
+ * editor.destroy();
+ * ```
+ */
+
+import type {
+  CollabEditor,
+  CollabEditorConfig,
+  CursorRect,
+  EditorAction,
+  EntryJson,
+  EventResult,
+  FinalizedImage,
+  ParagraphRender,
+  PeerInfo,
+  PendingImage,
+  PresenceSnapshot,
+  Selection,
+  SelectionRect,
+  SessionInfo,
+  UserInfo,
+} from "./types";
+
+// ============================================================
+// Color utilities
+// ============================================================
+
+/** Convert RGBA u32 (0xRRGGBBAA) to CSS rgba() string. */
+function rgbaToCss(color: number): string {
+  const r = (color >>> 24) & 0xff;
+  const g = (color >>> 16) & 0xff;
+  const b = (color >>> 8) & 0xff;
+  const a = (color & 0xff) / 255;
+  return `rgba(${r}, ${g}, ${b}, ${a})`;
+}
+
+/** Convert RGBA u32 to CSS rgba() string with custom alpha. */
+function rgbaToCssAlpha(color: number, alpha: number): string {
+  const r = (color >>> 24) & 0xff;
+  const g = (color >>> 16) & 0xff;
+  const b = (color >>> 8) & 0xff;
+  return `rgba(${r}, ${g}, ${b}, ${alpha})`;
+}
+
+// ============================================================
+// Worker message types (must match Rust WorkerInput/WorkerOutput)
+// ============================================================
+
+type WorkerInput =
+  | { type: "Init"; snapshot: number[]; draft_key: string }
+  | { type: "ApplyUpdates"; updates: number[] }
+  | {
+      type: "ExportSnapshot";
+      cursor_offset: number;
+      editing_uri: string | null;
+      editing_cid: string | null;
+      notebook_uri: string | null;
+    }
+  | { type: "StartCollab"; topic: number[]; bootstrap_peers: string[] }
+  | { type: "BroadcastUpdate"; data: number[] }
+  | { type: "AddPeers"; peers: string[] }
+  | { type: "BroadcastJoin"; did: string; display_name: string }
+  | { type: "BroadcastCursor"; position: number; selection: [number, number] | null }
+  | { type: "StopCollab" };
+
+type WorkerOutput =
+  | { type: "Ready" }
+  | {
+      type: "Snapshot";
+      draft_key: string;
+      b64_snapshot: string;
+      content: string;
+      title: string;
+      cursor_offset: number;
+      editing_uri: string | null;
+      editing_cid: string | null;
+      notebook_uri: string | null;
+      export_ms: number;
+      encode_ms: number;
+    }
+  | { type: "Error"; message: string }
+  | { type: "CollabReady"; node_id: string; relay_url: string | null }
+  | { type: "CollabJoined" }
+  | { type: "RemoteUpdates"; data: number[] }
+  | { type: "PresenceUpdate"; collaborators: PresenceSnapshot["collaborators"]; peer_count: number }
+  | { type: "CollabStopped" }
+  | { type: "PeerConnected" };
+
+// ============================================================
+// Worker Bridge
+// ============================================================
+
+/**
+ * Bridge to communicate with the EditorReactor web worker.
+ *
+ * The worker handles:
+ * - CPU-intensive Loro operations off main thread
+ * - iroh P2P networking for real-time collaboration
+ */
+class WorkerBridge {
+  private worker: Worker | null = null;
+  private messageHandlers: ((msg: WorkerOutput) => void)[] = [];
+  private pendingReady: ((value: void) => void) | null = null;
+
+  /**
+   * Spawn the worker. Must be called before any other methods.
+   *
+   * @param workerUrl URL to the worker JS file (editor_worker.js)
+   */
+  async spawn(workerUrl: string): Promise<void> {
+    if (this.worker) {
+      throw new Error("Worker already spawned");
+    }
+
+    return new Promise((resolve, reject) => {
+      try {
+        this.worker = new Worker(workerUrl);
+
+        this.worker.onmessage = (e: MessageEvent) => {
+          const msg = e.data as WorkerOutput;
+          this.handleMessage(msg);
+        };
+
+        this.worker.onerror = (e: ErrorEvent) => {
+          console.error("Worker error:", e);
+          reject(new Error(`Worker error: ${e.message}`));
+        };
+
+        // Wait for Ready message
+        this.pendingReady = resolve;
+      } catch (err) {
+        reject(err);
+      }
+    });
+  }
+
+  /**
+   * Send a message to the worker.
+   */
+  send(msg: WorkerInput): void {
+    if (!this.worker) {
+      throw new Error("Worker not spawned");
+    }
+    this.worker.postMessage(msg);
+  }
+
+  /**
+   * Register a handler for worker messages.
+   */
+  onMessage(handler: (msg: WorkerOutput) => void): () => void {
+    this.messageHandlers.push(handler);
+    return () => {
+      const idx = this.messageHandlers.indexOf(handler);
+      if (idx >= 0) {
+        this.messageHandlers.splice(idx, 1);
+      }
+    };
+  }
+
+  /**
+   * Terminate the worker.
+   */
+  terminate(): void {
+    if (this.worker) {
+      this.worker.terminate();
+      this.worker = null;
+    }
+    this.messageHandlers = [];
+  }
+
+  private handleMessage(msg: WorkerOutput): void {
+    // Handle Ready specially to resolve spawn promise
+    if (msg.type === "Ready" && this.pendingReady) {
+      this.pendingReady();
+      this.pendingReady = null;
+    }
+
+    // Dispatch to all handlers
+    for (const handler of this.messageHandlers) {
+      try {
+        handler(msg);
+      } catch (err) {
+        console.error("Error in worker message handler:", err);
+      }
+    }
+  }
+}
+
+// Internal types for WASM module
+interface JsCollabEditor {
+  mount(container: HTMLElement, onChange?: () => void): void;
+  unmount(): void;
+  isMounted(): boolean;
+  focus(): void;
+  blur(): void;
+  getMarkdown(): string;
+  getSnapshot(): unknown;
+  toEntry(): unknown;
+  setResolvedContent(content: JsResolvedContent): void;
+  getTitle(): string;
+  setTitle(title: string): void;
+  getPath(): string;
+  setPath(path: string): void;
+  getTags(): string[];
+  setTags(tags: string[]): void;
+  executeAction(action: unknown): void;
+  addPendingImage(image: unknown, dataUrl: string): void;
+  finalizeImage(localId: string, finalized: unknown, blobRkey: string, ident: string): void;
+  removeImage(localId: string): void;
+  getPendingImages(): unknown;
+  getStagingUris(): string[];
+  addEntryToIndex(title: string, path: string, canonicalUrl: string): void;
+  clearEntryIndex(): void;
+  getCursorOffset(): number;
+  getSelection(): Selection | null;
+  setCursorOffset(offset: number): void;
+  getLength(): number;
+  canUndo(): boolean;
+  canRedo(): boolean;
+  getParagraphs(): unknown;
+  renderAndUpdateDom(): void;
+
+  // Remote cursor positioning
+  getCursorRectRelative(position: number): CursorRect | null;
+  getSelectionRectsRelative(start: number, end: number): SelectionRect[];
+  handleBeforeInput(
+    inputType: string,
+    data: string | null,
+    targetStart: number | null,
+    targetEnd: number | null,
+    isComposing: boolean,
+  ): EventResult;
+  handleKeydown(key: string, ctrl: boolean, alt: boolean, shift: boolean, meta: boolean): EventResult;
+  handleKeyup(key: string): void;
+  handlePaste(text: string): void;
+  handleCut(): string | null;
+  handleCopy(): string | null;
+  handleBlur(): void;
+  handleCompositionStart(data: string | null): void;
+  handleCompositionUpdate(data: string | null): void;
+  handleCompositionEnd(data: string | null): void;
+  handleAndroidEnter(): void;
+  syncCursor(): void;
+
+  // Loro sync methods
+  exportSnapshot(): Uint8Array;
+  exportUpdatesSince(version: Uint8Array): Uint8Array | null;
+  importUpdates(data: Uint8Array): void;
+  getVersion(): Uint8Array;
+  getCollabTopic(): Uint8Array | null;
+  getResourceUri(): string;
+
+  // Callbacks
+  setOnSessionNeeded(callback: (info: SessionInfo) => Promise<string>): void;
+  setOnSessionRefresh(callback: (uri: string) => Promise<void>): void;
+  setOnSessionEnd(callback: (uri: string) => Promise<void>): void;
+  setOnPeersNeeded(callback: (uri: string) => Promise<PeerInfo[]>): void;
+  setOnPresenceChanged(callback: (presence: PresenceSnapshot) => void): void;
+  setOnRemoteUpdate(callback: () => void): void;
+}
+
+interface JsCollabEditorConstructor {
+  new (resourceUri: string): JsCollabEditor;
+  fromMarkdown(resourceUri: string, content: string): JsCollabEditor;
+  fromSnapshot(resourceUri: string, snapshot: Uint8Array): JsCollabEditor;
+}
+
+interface JsResolvedContent {
+  addEmbed(atUri: string, html: string): void;
+}
+
+interface CollabWasmModule {
+  JsCollabEditor: JsCollabEditorConstructor;
+  create_resolved_content: () => JsResolvedContent;
+}
+
+let wasmModule: CollabWasmModule | null = null;
+
+/**
+ * Initialize the collab WASM module.
+ */
+export async function initCollabWasm(): Promise<CollabWasmModule> {
+  if (wasmModule) return wasmModule;
+
+  // The collab module is built separately with the collab feature
+  const mod = await import("./bundler/weaver_editor.js");
+  wasmModule = mod as unknown as CollabWasmModule;
+  return wasmModule;
+}
+
+/**
+ * Create a new collaborative editor instance.
+ *
+ * @param config Editor configuration
+ * @param workerUrl URL to the editor_worker.js file (default: "/worker/editor_worker.js")
+ */
+export async function createCollabEditor(
+  config: CollabEditorConfig,
+  workerUrl = "/worker/editor_worker.js",
+): Promise<CollabEditor> {
+  const wasm = await initCollabWasm();
+
+  // Create the inner WASM editor
+  let inner: JsCollabEditor;
+  if (config.initialLoroSnapshot) {
+    inner = wasm.JsCollabEditor.fromSnapshot(config.resourceUri, config.initialLoroSnapshot);
+  } else if (config.initialMarkdown) {
+    inner = wasm.JsCollabEditor.fromMarkdown(config.resourceUri, config.initialMarkdown);
+  } else {
+    inner = new wasm.JsCollabEditor(config.resourceUri);
+  }
+
+  // Set up resolved content if provided
+  if (config.resolvedContent) {
+    const resolved = wasm.create_resolved_content();
+    for (const [uri, html] of config.resolvedContent.embeds) {
+      resolved.addEmbed(uri, html);
+    }
+    inner.setResolvedContent(resolved);
+  }
+
+  // Create wrapper with worker URL
+  const editor = new CollabEditorImpl(inner, config, workerUrl);
+
+  // Mount to container
+  editor.mountToContainer(config.container);
+
+  return editor;
+}
+
+/**
+ * Internal collab editor implementation.
+ */
+class CollabEditorImpl implements CollabEditor {
+  private inner: JsCollabEditor;
+  private config: CollabEditorConfig;
+  private container: HTMLElement | null = null;
+  private editorElement: HTMLElement | null = null;
+  private destroyed = false;
+
+  // Worker bridge for P2P collab
+  private workerBridge: WorkerBridge | null = null;
+  private workerUrl: string;
+  private sessionUri: string | null = null;
+  private collabStarted = false;
+  private unsubscribeWorker: (() => void) | null = null;
+  private lastSyncedVersion: Uint8Array | null = null;
+  private lastBroadcastCursor: number = -1;
+
+  // Remote cursor overlay
+  private currentPresence: PresenceSnapshot | null = null;
+  private cursorOverlay: HTMLElement | null = null;
+
+  // Event handler refs for cleanup
+  private boundHandlers: {
+    beforeinput: (e: InputEvent) => void;
+    keydown: (e: KeyboardEvent) => void;
+    keyup: (e: KeyboardEvent) => void;
+    paste: (e: ClipboardEvent) => void;
+    cut: (e: ClipboardEvent) => void;
+    copy: (e: ClipboardEvent) => void;
+    blur: () => void;
+    compositionstart: (e: CompositionEvent) => void;
+    compositionupdate: (e: CompositionEvent) => void;
+    compositionend: (e: CompositionEvent) => void;
+    mouseup: () => void;
+    touchend: () => void;
+  };
+
+  constructor(inner: JsCollabEditor, config: CollabEditorConfig, workerUrl: string) {
+    this.inner = inner;
+    this.config = config;
+    this.workerUrl = workerUrl;
+
+    // Bind event handlers
+    this.boundHandlers = {
+      beforeinput: this.onBeforeInput.bind(this),
+      keydown: this.onKeydown.bind(this),
+      keyup: this.onKeyup.bind(this),
+      paste: this.onPaste.bind(this),
+      cut: this.onCut.bind(this),
+      copy: this.onCopy.bind(this),
+      blur: this.onBlur.bind(this),
+      compositionstart: this.onCompositionStart.bind(this),
+      compositionupdate: this.onCompositionUpdate.bind(this),
+      compositionend: this.onCompositionEnd.bind(this),
+      mouseup: this.onMouseUp.bind(this),
+      touchend: this.onTouchEnd.bind(this),
+    };
+  }
+
+  /** Mount to container and set up event listeners. */
+  mountToContainer(container: HTMLElement): void {
+    this.container = container;
+
+    // Wrap onChange to also sync updates to worker
+    const wrappedOnChange = () => {
+      this.syncToWorker();
+      this.config.onChange?.();
+      // Re-render remote cursors after content changes (positions may shift)
+      this.renderRemoteCursors();
+    };
+
+    this.inner.mount(container, wrappedOnChange);
+
+    const editorEl = container.querySelector(".weaver-editor-content") as HTMLElement;
+    if (!editorEl) {
+      throw new Error("Failed to find editor element after mount");
+    }
+    this.editorElement = editorEl;
+    this.attachEventListeners();
+
+    // Create remote cursors overlay
+    this.cursorOverlay = document.createElement("div");
+    this.cursorOverlay.className = "remote-cursors-overlay";
+    container.appendChild(this.cursorOverlay);
+
+    // Initialize synced version
+    this.lastSyncedVersion = this.inner.getVersion();
+  }
+
+  /**
+   * Sync local changes to the worker for broadcast.
+   */
+  private syncToWorker(): void {
+    if (!this.workerBridge || !this.collabStarted || !this.lastSyncedVersion) {
+      return;
+    }
+
+    // Export updates since last sync
+    const updates = this.inner.exportUpdatesSince(this.lastSyncedVersion);
+    if (updates) {
+      // Send to worker for broadcast
+      this.workerBridge.send({
+        type: "BroadcastUpdate",
+        data: Array.from(updates),
+      });
+
+      // Also send to worker to keep shadow doc in sync
+      this.workerBridge.send({
+        type: "ApplyUpdates",
+        updates: Array.from(updates),
+      });
+
+      // Update synced version
+      this.lastSyncedVersion = this.inner.getVersion();
+    }
+
+    // Also sync cursor
+    this.broadcastCursor();
+  }
+
+  /**
+   * Render remote collaborator cursors.
+   */
+  private renderRemoteCursors(): void {
+    if (!this.cursorOverlay || !this.currentPresence) {
+      return;
+    }
+
+    // Clear existing cursors
+    this.cursorOverlay.innerHTML = "";
+
+    for (const collab of this.currentPresence.collaborators) {
+      if (collab.cursorPosition === undefined) {
+        continue;
+      }
+
+      const rect = this.inner.getCursorRectRelative(collab.cursorPosition);
+      if (!rect) {
+        continue;
+      }
+
+      // Convert color to CSS
+      const colorCss = rgbaToCss(collab.color);
+      const selectionColorCss = rgbaToCssAlpha(collab.color, 0.25);
+
+      // Render selection highlights first (behind cursor)
+      if (collab.selection) {
+        const [start, end] = collab.selection;
+        const [selStart, selEnd] = start <= end ? [start, end] : [end, start];
+        const selRects = this.inner.getSelectionRectsRelative(selStart, selEnd);
+
+        for (const selRect of selRects) {
+          const selDiv = document.createElement("div");
+          selDiv.className = "remote-selection";
+          selDiv.style.cssText = `
+            left: ${selRect.x}px;
+            top: ${selRect.y}px;
+            width: ${selRect.width}px;
+            height: ${selRect.height}px;
+            background-color: ${selectionColorCss};
+          `;
+          this.cursorOverlay.appendChild(selDiv);
+        }
+      }
+
+      // Create cursor element
+      const cursorDiv = document.createElement("div");
+      cursorDiv.className = "remote-cursor";
+      cursorDiv.style.cssText = `
+        left: ${rect.x}px;
+        top: ${rect.y}px;
+        --cursor-height: ${rect.height}px;
+        --cursor-color: ${colorCss};
+      `;
+
+      // Caret line
+      const caretDiv = document.createElement("div");
+      caretDiv.className = "remote-cursor-caret";
+      cursorDiv.appendChild(caretDiv);
+
+      // Name label
+      const labelDiv = document.createElement("div");
+      labelDiv.className = "remote-cursor-label";
+      labelDiv.textContent = collab.displayName;
+      cursorDiv.appendChild(labelDiv);
+
+      this.cursorOverlay.appendChild(cursorDiv);
+    }
+  }
+
+  /**
+   * Broadcast cursor position to peers.
+   */
+  private broadcastCursor(): void {
+    if (!this.workerBridge || !this.collabStarted) {
+      return;
+    }
+
+    const cursor = this.inner.getCursorOffset();
+    const sel = this.inner.getSelection();
+
+    // Only broadcast if cursor changed
+    if (cursor === this.lastBroadcastCursor && !sel) {
+      return;
+    }
+
+    this.lastBroadcastCursor = cursor;
+
+    this.workerBridge.send({
+      type: "BroadcastCursor",
+      position: cursor,
+      selection: sel ? [sel.anchor, sel.head] : null,
+    });
+  }
+
+  private attachEventListeners(): void {
+    const el = this.editorElement;
+    if (!el) return;
+
+    el.addEventListener("beforeinput", this.boundHandlers.beforeinput);
+    el.addEventListener("keydown", this.boundHandlers.keydown);
+    el.addEventListener("keyup", this.boundHandlers.keyup);
+    el.addEventListener("paste", this.boundHandlers.paste);
+    el.addEventListener("cut", this.boundHandlers.cut);
+    el.addEventListener("copy", this.boundHandlers.copy);
+    el.addEventListener("blur", this.boundHandlers.blur);
+    el.addEventListener("compositionstart", this.boundHandlers.compositionstart);
+    el.addEventListener("compositionupdate", this.boundHandlers.compositionupdate);
+    el.addEventListener("compositionend", this.boundHandlers.compositionend);
+    el.addEventListener("mouseup", this.boundHandlers.mouseup);
+    el.addEventListener("touchend", this.boundHandlers.touchend);
+  }
+
+  private detachEventListeners(): void {
+    const el = this.editorElement;
+    if (!el) return;
+
+    el.removeEventListener("beforeinput", this.boundHandlers.beforeinput);
+    el.removeEventListener("keydown", this.boundHandlers.keydown);
+    el.removeEventListener("keyup", this.boundHandlers.keyup);
+    el.removeEventListener("paste", this.boundHandlers.paste);
+    el.removeEventListener("cut", this.boundHandlers.cut);
+    el.removeEventListener("copy", this.boundHandlers.copy);
+    el.removeEventListener("blur", this.boundHandlers.blur);
+    el.removeEventListener("compositionstart", this.boundHandlers.compositionstart);
+    el.removeEventListener("compositionupdate", this.boundHandlers.compositionupdate);
+    el.removeEventListener("compositionend", this.boundHandlers.compositionend);
+    el.removeEventListener("mouseup", this.boundHandlers.mouseup);
+    el.removeEventListener("touchend", this.boundHandlers.touchend);
+  }
+
+  // === Event handlers (same as EditorImpl) ===
+
+  private onBeforeInput(e: InputEvent): void {
+    const inputType = e.inputType;
+    const data = e.data ?? null;
+
+    let targetStart: number | null = null;
+    let targetEnd: number | null = null;
+    const ranges = e.getTargetRanges?.();
+    if (ranges && ranges.length > 0) {
+      const range = ranges[0];
+      targetStart = this.domOffsetToChar(range.startContainer, range.startOffset);
+      targetEnd = this.domOffsetToChar(range.endContainer, range.endOffset);
+    }
+
+    const isComposing = e.isComposing;
+    const result = this.inner.handleBeforeInput(inputType, data, targetStart, targetEnd, isComposing);
+
+    if (result === "Handled" || result === "HandledAsync") {
+      e.preventDefault();
+    }
+  }
+
+  private onKeydown(e: KeyboardEvent): void {
+    const result = this.inner.handleKeydown(e.key, e.ctrlKey, e.altKey, e.shiftKey, e.metaKey);
+
+    if (result === "Handled") {
+      e.preventDefault();
+    }
+  }
+
+  private onKeyup(e: KeyboardEvent): void {
+    this.inner.handleKeyup(e.key);
+  }
+
+  private onPaste(e: ClipboardEvent): void {
+    e.preventDefault();
+    const text = e.clipboardData?.getData("text/plain") ?? "";
+    this.inner.handlePaste(text);
+  }
+
+  private onCut(e: ClipboardEvent): void {
+    e.preventDefault();
+    const text = this.inner.handleCut();
+    if (text && e.clipboardData) {
+      e.clipboardData.setData("text/plain", text);
+    }
+  }
+
+  private onCopy(e: ClipboardEvent): void {
+    e.preventDefault();
+    const text = this.inner.handleCopy();
+    if (text && e.clipboardData) {
+      e.clipboardData.setData("text/plain", text);
+    }
+  }
+
+  private onBlur(): void {
+    this.inner.handleBlur();
+  }
+
+  private onCompositionStart(e: CompositionEvent): void {
+    this.inner.handleCompositionStart(e.data ?? null);
+  }
+
+  private onCompositionUpdate(e: CompositionEvent): void {
+    this.inner.handleCompositionUpdate(e.data ?? null);
+  }
+
+  private onCompositionEnd(e: CompositionEvent): void {
+    this.inner.handleCompositionEnd(e.data ?? null);
+  }
+
+  private onMouseUp(): void {
+    this.inner.syncCursor();
+    this.broadcastCursor();
+  }
+
+  private onTouchEnd(): void {
+    this.inner.syncCursor();
+    this.broadcastCursor();
+  }
+
+  private domOffsetToChar(node: Node, offset: number): number | null {
+    const editor = this.editorElement;
+    if (!editor) return null;
+
+    let charOffset = 0;
+    const walker = document.createTreeWalker(editor, NodeFilter.SHOW_TEXT);
+
+    let currentNode = walker.nextNode();
+    while (currentNode) {
+      if (currentNode === node) {
+        return charOffset + offset;
+      }
+      charOffset += currentNode.textContent?.length ?? 0;
+      currentNode = walker.nextNode();
+    }
+
+    if (node.nodeType === Node.ELEMENT_NODE) {
+      for (let i = 0; i < offset && i < node.childNodes.length; i++) {
+        charOffset += node.childNodes[i].textContent?.length ?? 0;
+      }
+      return charOffset;
+    }
+
+    return null;
+  }
+
+  // === Loro sync methods ===
+
+  exportSnapshot(): Uint8Array {
+    this.checkDestroyed();
+    return this.inner.exportSnapshot();
+  }
+
+  exportUpdatesSince(version: Uint8Array): Uint8Array | null {
+    this.checkDestroyed();
+    return this.inner.exportUpdatesSince(version);
+  }
+
+  importUpdates(data: Uint8Array): void {
+    this.checkDestroyed();
+    this.inner.importUpdates(data);
+  }
+
+  getVersion(): Uint8Array {
+    this.checkDestroyed();
+    return this.inner.getVersion();
+  }
+
+  getCollabTopic(): Uint8Array | null {
+    this.checkDestroyed();
+    return this.inner.getCollabTopic();
+  }
+
+  getResourceUri(): string {
+    this.checkDestroyed();
+    return this.inner.getResourceUri();
+  }
+
+  // === Collab lifecycle ===
+
+  async startCollab(bootstrapPeers?: string[]): Promise<void> {
+    this.checkDestroyed();
+
+    if (this.collabStarted) {
+      console.warn("Collab already started");
+      return;
+    }
+
+    // Spawn worker
+    this.workerBridge = new WorkerBridge();
+    await this.workerBridge.spawn(this.workerUrl);
+
+    // Set up message handler
+    this.unsubscribeWorker = this.workerBridge.onMessage((msg) => {
+      this.handleWorkerMessage(msg);
+    });
+
+    // Initialize worker with current Loro snapshot
+    const snapshot = this.inner.exportSnapshot();
+    this.workerBridge.send({
+      type: "Init",
+      snapshot: Array.from(snapshot),
+      draft_key: this.config.resourceUri,
+    });
+
+    // Start collab session
+    const topic = this.inner.getCollabTopic();
+    if (!topic) {
+      throw new Error("No collab topic available");
+    }
+
+    this.workerBridge.send({
+      type: "StartCollab",
+      topic: Array.from(topic),
+      bootstrap_peers: bootstrapPeers ?? [],
+    });
+
+    this.collabStarted = true;
+  }
+
+  async stopCollab(): Promise<void> {
+    this.checkDestroyed();
+
+    if (!this.collabStarted || !this.workerBridge) {
+      return;
+    }
+
+    // Send stop to worker
+    this.workerBridge.send({ type: "StopCollab" });
+
+    // Delete session record via callback
+    if (this.sessionUri && this.config.onSessionEnd) {
+      try {
+        await this.config.onSessionEnd(this.sessionUri);
+      } catch (err) {
+        console.error("Failed to delete session record:", err);
+      }
+    }
+
+    // Clean up
+    if (this.unsubscribeWorker) {
+      this.unsubscribeWorker();
+      this.unsubscribeWorker = null;
+    }
+    this.workerBridge.terminate();
+    this.workerBridge = null;
+    this.sessionUri = null;
+    this.collabStarted = false;
+  }
+
+  addPeers(nodeIds: string[]): void {
+    this.checkDestroyed();
+
+    if (!this.workerBridge || !this.collabStarted) {
+      console.warn("Cannot add peers - collab not started");
+      return;
+    }
+
+    this.workerBridge.send({
+      type: "AddPeers",
+      peers: nodeIds,
+    });
+  }
+
+  /**
+   * Handle messages from the worker.
+   */
+  private async handleWorkerMessage(msg: WorkerOutput): Promise<void> {
+    switch (msg.type) {
+      case "CollabReady": {
+        // Worker has node ID and relay URL, create session record
+        if (this.config.onSessionNeeded) {
+          try {
+            const sessionInfo: SessionInfo = {
+              nodeId: msg.node_id,
+              relayUrl: msg.relay_url,
+            };
+            this.sessionUri = await this.config.onSessionNeeded(sessionInfo);
+
+            // Discover peers now that we have a session
+            if (this.config.onPeersNeeded) {
+              const peers = await this.config.onPeersNeeded(this.config.resourceUri);
+              if (peers.length > 0) {
+                this.addPeers(peers.map((p) => p.nodeId));
+              }
+            }
+          } catch (err) {
+            console.error("Failed to create session record:", err);
+          }
+        }
+        break;
+      }
+
+      case "CollabJoined":
+        // Successfully joined the gossip session
+        break;
+
+      case "RemoteUpdates": {
+        // Apply remote Loro updates to main document
+        const data = new Uint8Array(msg.data);
+        this.inner.importUpdates(data);
+        break;
+      }
+
+      case "PresenceUpdate": {
+        // Store presence and render remote cursors
+        const presence: PresenceSnapshot = {
+          collaborators: msg.collaborators,
+          peerCount: msg.peer_count,
+        };
+        this.currentPresence = presence;
+        this.renderRemoteCursors();
+
+        // Forward to callback
+        this.config.onPresenceChanged?.(presence);
+        break;
+      }
+
+      case "PeerConnected": {
+        // A new peer connected, send our Join message with user info
+        if (this.config.onUserInfoNeeded && this.workerBridge) {
+          try {
+            const userInfo = await this.config.onUserInfoNeeded();
+            this.workerBridge.send({
+              type: "BroadcastJoin",
+              did: userInfo.did,
+              display_name: userInfo.displayName,
+            });
+          } catch (err) {
+            console.error("Failed to get user info for Join:", err);
+          }
+        }
+        break;
+      }
+
+      case "CollabStopped":
+        // Worker confirmed collab stopped
+        break;
+
+      case "Error":
+        console.error("Worker error:", msg.message);
+        break;
+
+      case "Ready":
+      case "Snapshot":
+        // Handled elsewhere or not needed for collab
+        break;
+    }
+  }
+
+  // === Public API (same as Editor) ===
+
+  getMarkdown(): string {
+    this.checkDestroyed();
+    return this.inner.getMarkdown();
+  }
+
+  getSnapshot(): EntryJson {
+    this.checkDestroyed();
+    return this.inner.getSnapshot() as EntryJson;
+  }
+
+  toEntry(): EntryJson {
+    this.checkDestroyed();
+    return this.inner.toEntry() as EntryJson;
+  }
+
+  getTitle(): string {
+    this.checkDestroyed();
+    return this.inner.getTitle();
+  }
+
+  setTitle(title: string): void {
+    this.checkDestroyed();
+    this.inner.setTitle(title);
+  }
+
+  getPath(): string {
+    this.checkDestroyed();
+    return this.inner.getPath();
+  }
+
+  setPath(path: string): void {
+    this.checkDestroyed();
+    this.inner.setPath(path);
+  }
+
+  getTags(): string[] {
+    this.checkDestroyed();
+    return this.inner.getTags();
+  }
+
+  setTags(tags: string[]): void {
+    this.checkDestroyed();
+    this.inner.setTags(tags);
+  }
+
+  executeAction(action: EditorAction): void {
+    this.checkDestroyed();
+    this.inner.executeAction(action);
+  }
+
+  addPendingImage(image: PendingImage, dataUrl: string): void {
+    this.checkDestroyed();
+    this.inner.addPendingImage(image, dataUrl);
+    this.config.onImageAdd?.(image);
+  }
+
+  finalizeImage(localId: string, finalized: FinalizedImage, blobRkey: string, identifier: string): void {
+    this.checkDestroyed();
+    this.inner.finalizeImage(localId, finalized, blobRkey, identifier);
+  }
+
+  removeImage(localId: string): void {
+    this.checkDestroyed();
+    this.inner.removeImage(localId);
+  }
+
+  getPendingImages(): PendingImage[] {
+    this.checkDestroyed();
+    return this.inner.getPendingImages() as PendingImage[];
+  }
+
+  getStagingUris(): string[] {
+    this.checkDestroyed();
+    return this.inner.getStagingUris();
+  }
+
+  addEntryToIndex(title: string, path: string, canonicalUrl: string): void {
+    this.checkDestroyed();
+    this.inner.addEntryToIndex(title, path, canonicalUrl);
+  }
+
+  clearEntryIndex(): void {
+    this.checkDestroyed();
+    this.inner.clearEntryIndex();
+  }
+
+  getCursorOffset(): number {
+    this.checkDestroyed();
+    return this.inner.getCursorOffset();
+  }
+
+  setCursorOffset(offset: number): void {
+    this.checkDestroyed();
+    this.inner.setCursorOffset(offset);
+  }
+
+  getLength(): number {
+    this.checkDestroyed();
+    return this.inner.getLength();
+  }
+
+  canUndo(): boolean {
+    this.checkDestroyed();
+    return this.inner.canUndo();
+  }
+
+  canRedo(): boolean {
+    this.checkDestroyed();
+    return this.inner.canRedo();
+  }
+
+  focus(): void {
+    this.checkDestroyed();
+    this.inner.focus();
+  }
+
+  blur(): void {
+    this.checkDestroyed();
+    this.inner.blur();
+  }
+
+  getParagraphs(): ParagraphRender[] {
+    this.checkDestroyed();
+    return this.inner.getParagraphs() as ParagraphRender[];
+  }
+
+  renderAndUpdateDom(): void {
+    this.checkDestroyed();
+    this.inner.renderAndUpdateDom();
+  }
+
+  // === Remote cursor positioning ===
+
+  getCursorRectRelative(position: number): CursorRect | null {
+    this.checkDestroyed();
+    return this.inner.getCursorRectRelative(position) as CursorRect | null;
+  }
+
+  getSelectionRectsRelative(start: number, end: number): SelectionRect[] {
+    this.checkDestroyed();
+    return this.inner.getSelectionRectsRelative(start, end) as SelectionRect[];
+  }
+
+  destroy(): void {
+    if (this.destroyed) return;
+    this.destroyed = true;
+
+    // Stop collab if active (fire and forget)
+    if (this.collabStarted && this.workerBridge) {
+      this.workerBridge.send({ type: "StopCollab" });
+      if (this.unsubscribeWorker) {
+        this.unsubscribeWorker();
+      }
+      this.workerBridge.terminate();
+    }
+
+    this.detachEventListeners();
+    this.inner.unmount();
+    this.container = null;
+    this.editorElement = null;
+    this.workerBridge = null;
+  }
+
+  private checkDestroyed(): void {
+    if (this.destroyed) {
+      throw new Error("CollabEditor has been destroyed");
+    }
+  }
+}

crates/weaver-editor-js/ts/dist/collab.d.ts

···
+/**
+ * Collaborative editor with Loro CRDT and iroh P2P.
+ *
+ * Usage:
+ * ```typescript
+ * import { createCollabEditor } from '@weaver.sh/editor-collab';
+ *
+ * const editor = await createCollabEditor({
+ *   container: document.getElementById('editor')!,
+ *   resourceUri: 'at://did:plc:abc/sh.weaver.notebook.entry/xyz',
+ *   onChange: () => console.log('changed'),
+ *   onSessionNeeded: async (session) => {
+ *     // Create session record on PDS, return URI
+ *     return 'at://did:plc:abc/sh.weaver.edit.session/123';
+ *   },
+ *   onPeersNeeded: async (resourceUri) => {
+ *     // Query index/backlinks for peer session records
+ *     return [{ nodeId: 'peer-node-id' }];
+ *   },
+ * });
+ *
+ * // Get Loro snapshot for saving
+ * const snapshot = editor.exportSnapshot();
+ *
+ * // Cleanup
+ * await editor.stopCollab();
+ * editor.destroy();
+ * ```
+ */
+import type { CollabEditor, CollabEditorConfig, CursorRect, EventResult, PeerInfo, PresenceSnapshot, Selection, SelectionRect, SessionInfo } from "./types";
+interface JsCollabEditor {
+    mount(container: HTMLElement, onChange?: () => void): void;
+    unmount(): void;
+    isMounted(): boolean;
+    focus(): void;
+    blur(): void;
+    getMarkdown(): string;
+    getSnapshot(): unknown;
+    toEntry(): unknown;
+    setResolvedContent(content: JsResolvedContent): void;
+    getTitle(): string;
+    setTitle(title: string): void;
+    getPath(): string;
+    setPath(path: string): void;
+    getTags(): string[];
+    setTags(tags: string[]): void;
+    executeAction(action: unknown): void;
+    addPendingImage(image: unknown, dataUrl: string): void;
+    finalizeImage(localId: string, finalized: unknown, blobRkey: string, ident: string): void;
+    removeImage(localId: string): void;
+    getPendingImages(): unknown;
+    getStagingUris(): string[];
+    addEntryToIndex(title: string, path: string, canonicalUrl: string): void;
+    clearEntryIndex(): void;
+    getCursorOffset(): number;
+    getSelection(): Selection | null;
+    setCursorOffset(offset: number): void;
+    getLength(): number;
+    canUndo(): boolean;
+    canRedo(): boolean;
+    getParagraphs(): unknown;
+    renderAndUpdateDom(): void;
+    getCursorRectRelative(position: number): CursorRect | null;
+    getSelectionRectsRelative(start: number, end: number): SelectionRect[];
+    handleBeforeInput(inputType: string, data: string | null, targetStart: number | null, targetEnd: number | null, isComposing: boolean): EventResult;
+    handleKeydown(key: string, ctrl: boolean, alt: boolean, shift: boolean, meta: boolean): EventResult;
+    handleKeyup(key: string): void;
+    handlePaste(text: string): void;
+    handleCut(): string | null;
+    handleCopy(): string | null;
+    handleBlur(): void;
+    handleCompositionStart(data: string | null): void;
+    handleCompositionUpdate(data: string | null): void;
+    handleCompositionEnd(data: string | null): void;
+    handleAndroidEnter(): void;
+    syncCursor(): void;
+    exportSnapshot(): Uint8Array;
+    exportUpdatesSince(version: Uint8Array): Uint8Array | null;
+    importUpdates(data: Uint8Array): void;
+    getVersion(): Uint8Array;
+    getCollabTopic(): Uint8Array | null;
+    getResourceUri(): string;
+    setOnSessionNeeded(callback: (info: SessionInfo) => Promise<string>): void;
+    setOnSessionRefresh(callback: (uri: string) => Promise<void>): void;
+    setOnSessionEnd(callback: (uri: string) => Promise<void>): void;
+    setOnPeersNeeded(callback: (uri: string) => Promise<PeerInfo[]>): void;
+    setOnPresenceChanged(callback: (presence: PresenceSnapshot) => void): void;
+    setOnRemoteUpdate(callback: () => void): void;
+}
+interface JsCollabEditorConstructor {
+    new (resourceUri: string): JsCollabEditor;
+    fromMarkdown(resourceUri: string, content: string): JsCollabEditor;
+    fromSnapshot(resourceUri: string, snapshot: Uint8Array): JsCollabEditor;
+}
+interface JsResolvedContent {
+    addEmbed(atUri: string, html: string): void;
+}
+interface CollabWasmModule {
+    JsCollabEditor: JsCollabEditorConstructor;
+    create_resolved_content: () => JsResolvedContent;
+}
+/**
+ * Initialize the collab WASM module.
+ */
+export declare function initCollabWasm(): Promise<CollabWasmModule>;
+/**
+ * Create a new collaborative editor instance.
+ *
+ * @param config Editor configuration
+ * @param workerUrl URL to the editor_worker.js file (default: "/worker/editor_worker.js")
+ */
+export declare function createCollabEditor(config: CollabEditorConfig, workerUrl?: string): Promise<CollabEditor>;
+export {};
+//# sourceMappingURL=collab.d.ts.map

crates/weaver-editor-js/ts/dist/collab.d.ts.map

···
+{"version":3,"file":"collab.d.ts","sourceRoot":"","sources":["../collab.ts"],"names":[],"mappings":"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"}

crates/weaver-editor-js/ts/dist/collab.js

···
+/**
+ * Collaborative editor with Loro CRDT and iroh P2P.
+ *
+ * Usage:
+ * ```typescript
+ * import { createCollabEditor } from '@weaver.sh/editor-collab';
+ *
+ * const editor = await createCollabEditor({
+ *   container: document.getElementById('editor')!,
+ *   resourceUri: 'at://did:plc:abc/sh.weaver.notebook.entry/xyz',
+ *   onChange: () => console.log('changed'),
+ *   onSessionNeeded: async (session) => {
+ *     // Create session record on PDS, return URI
+ *     return 'at://did:plc:abc/sh.weaver.edit.session/123';
+ *   },
+ *   onPeersNeeded: async (resourceUri) => {
+ *     // Query index/backlinks for peer session records
+ *     return [{ nodeId: 'peer-node-id' }];
+ *   },
+ * });
+ *
+ * // Get Loro snapshot for saving
+ * const snapshot = editor.exportSnapshot();
+ *
+ * // Cleanup
+ * await editor.stopCollab();
+ * editor.destroy();
+ * ```
+ */
+// ============================================================
+// Color utilities
+// ============================================================
+/** Convert RGBA u32 (0xRRGGBBAA) to CSS rgba() string. */
+function rgbaToCss(color) {
+    const r = (color >>> 24) & 0xff;
+    const g = (color >>> 16) & 0xff;
+    const b = (color >>> 8) & 0xff;
+    const a = (color & 0xff) / 255;
+    return `rgba(${r}, ${g}, ${b}, ${a})`;
+}
+/** Convert RGBA u32 to CSS rgba() string with custom alpha. */
+function rgbaToCssAlpha(color, alpha) {
+    const r = (color >>> 24) & 0xff;
+    const g = (color >>> 16) & 0xff;
+    const b = (color >>> 8) & 0xff;
+    return `rgba(${r}, ${g}, ${b}, ${alpha})`;
+}
+// ============================================================
+// Worker Bridge
+// ============================================================
+/**
+ * Bridge to communicate with the EditorReactor web worker.
+ *
+ * The worker handles:
+ * - CPU-intensive Loro operations off main thread
+ * - iroh P2P networking for real-time collaboration
+ */
+class WorkerBridge {
+    constructor() {
+        this.worker = null;
+        this.messageHandlers = [];
+        this.pendingReady = null;
+    }
+    /**
+     * Spawn the worker. Must be called before any other methods.
+     *
+     * @param workerUrl URL to the worker JS file (editor_worker.js)
+     */
+    async spawn(workerUrl) {
+        if (this.worker) {
+            throw new Error("Worker already spawned");
+        }
+        return new Promise((resolve, reject) => {
+            try {
+                this.worker = new Worker(workerUrl);
+                this.worker.onmessage = (e) => {
+                    const msg = e.data;
+                    this.handleMessage(msg);
+                };
+                this.worker.onerror = (e) => {
+                    console.error("Worker error:", e);
+                    reject(new Error(`Worker error: ${e.message}`));
+                };
+                // Wait for Ready message
+                this.pendingReady = resolve;
+            }
+            catch (err) {
+                reject(err);
+            }
+        });
+    }
+    /**
+     * Send a message to the worker.
+     */
+    send(msg) {
+        if (!this.worker) {
+            throw new Error("Worker not spawned");
+        }
+        this.worker.postMessage(msg);
+    }
+    /**
+     * Register a handler for worker messages.
+     */
+    onMessage(handler) {
+        this.messageHandlers.push(handler);
+        return () => {
+            const idx = this.messageHandlers.indexOf(handler);
+            if (idx >= 0) {
+                this.messageHandlers.splice(idx, 1);
+            }
+        };
+    }
+    /**
+     * Terminate the worker.
+     */
+    terminate() {
+        if (this.worker) {
+            this.worker.terminate();
+            this.worker = null;
+        }
+        this.messageHandlers = [];
+    }
+    handleMessage(msg) {
+        // Handle Ready specially to resolve spawn promise
+        if (msg.type === "Ready" && this.pendingReady) {
+            this.pendingReady();
+            this.pendingReady = null;
+        }
+        // Dispatch to all handlers
+        for (const handler of this.messageHandlers) {
+            try {
+                handler(msg);
+            }
+            catch (err) {
+                console.error("Error in worker message handler:", err);
+            }
+        }
+    }
+}
+let wasmModule = null;
+/**
+ * Initialize the collab WASM module.
+ */
+export async function initCollabWasm() {
+    if (wasmModule)
+        return wasmModule;
+    // The collab module is built separately with the collab feature
+    const mod = await import("./bundler/weaver_editor.js");
+    wasmModule = mod;
+    return wasmModule;
+}
+/**
+ * Create a new collaborative editor instance.
+ *
+ * @param config Editor configuration
+ * @param workerUrl URL to the editor_worker.js file (default: "/worker/editor_worker.js")
+ */
+export async function createCollabEditor(config, workerUrl = "/worker/editor_worker.js") {
+    const wasm = await initCollabWasm();
+    // Create the inner WASM editor
+    let inner;
+    if (config.initialLoroSnapshot) {
+        inner = wasm.JsCollabEditor.fromSnapshot(config.resourceUri, config.initialLoroSnapshot);
+    }
+    else if (config.initialMarkdown) {
+        inner = wasm.JsCollabEditor.fromMarkdown(config.resourceUri, config.initialMarkdown);
+    }
+    else {
+        inner = new wasm.JsCollabEditor(config.resourceUri);
+    }
+    // Set up resolved content if provided
+    if (config.resolvedContent) {
+        const resolved = wasm.create_resolved_content();
+        for (const [uri, html] of config.resolvedContent.embeds) {
+            resolved.addEmbed(uri, html);
+        }
+        inner.setResolvedContent(resolved);
+    }
+    // Create wrapper with worker URL
+    const editor = new CollabEditorImpl(inner, config, workerUrl);
+    // Mount to container
+    editor.mountToContainer(config.container);
+    return editor;
+}
+/**
+ * Internal collab editor implementation.
+ */
+class CollabEditorImpl {
+    constructor(inner, config, workerUrl) {
+        this.container = null;
+        this.editorElement = null;
+        this.destroyed = false;
+        // Worker bridge for P2P collab
+        this.workerBridge = null;
+        this.sessionUri = null;
+        this.collabStarted = false;
+        this.unsubscribeWorker = null;
+        this.lastSyncedVersion = null;
+        this.lastBroadcastCursor = -1;
+        // Remote cursor overlay
+        this.currentPresence = null;
+        this.cursorOverlay = null;
+        this.inner = inner;
+        this.config = config;
+        this.workerUrl = workerUrl;
+        // Bind event handlers
+        this.boundHandlers = {
+            beforeinput: this.onBeforeInput.bind(this),
+            keydown: this.onKeydown.bind(this),
+            keyup: this.onKeyup.bind(this),
+            paste: this.onPaste.bind(this),
+            cut: this.onCut.bind(this),
+            copy: this.onCopy.bind(this),
+            blur: this.onBlur.bind(this),
+            compositionstart: this.onCompositionStart.bind(this),
+            compositionupdate: this.onCompositionUpdate.bind(this),
+            compositionend: this.onCompositionEnd.bind(this),
+            mouseup: this.onMouseUp.bind(this),
+            touchend: this.onTouchEnd.bind(this),
+        };
+    }
+    /** Mount to container and set up event listeners. */
+    mountToContainer(container) {
+        this.container = container;
+        // Wrap onChange to also sync updates to worker
+        const wrappedOnChange = () => {
+            this.syncToWorker();
+            this.config.onChange?.();
+            // Re-render remote cursors after content changes (positions may shift)
+            this.renderRemoteCursors();
+        };
+        this.inner.mount(container, wrappedOnChange);
+        const editorEl = container.querySelector(".weaver-editor-content");
+        if (!editorEl) {
+            throw new Error("Failed to find editor element after mount");
+        }
+        this.editorElement = editorEl;
+        this.attachEventListeners();
+        // Create remote cursors overlay
+        this.cursorOverlay = document.createElement("div");
+        this.cursorOverlay.className = "remote-cursors-overlay";
+        container.appendChild(this.cursorOverlay);
+        // Initialize synced version
+        this.lastSyncedVersion = this.inner.getVersion();
+    }
+    /**
+     * Sync local changes to the worker for broadcast.
+     */
+    syncToWorker() {
+        if (!this.workerBridge || !this.collabStarted || !this.lastSyncedVersion) {
+            return;
+        }
+        // Export updates since last sync
+        const updates = this.inner.exportUpdatesSince(this.lastSyncedVersion);
+        if (updates) {
+            // Send to worker for broadcast
+            this.workerBridge.send({
+                type: "BroadcastUpdate",
+                data: Array.from(updates),
+            });
+            // Also send to worker to keep shadow doc in sync
+            this.workerBridge.send({
+                type: "ApplyUpdates",
+                updates: Array.from(updates),
+            });
+            // Update synced version
+            this.lastSyncedVersion = this.inner.getVersion();
+        }
+        // Also sync cursor
+        this.broadcastCursor();
+    }
+    /**
+     * Render remote collaborator cursors.
+     */
+    renderRemoteCursors() {
+        if (!this.cursorOverlay || !this.currentPresence) {
+            return;
+        }
+        // Clear existing cursors
+        this.cursorOverlay.innerHTML = "";
+        for (const collab of this.currentPresence.collaborators) {
+            if (collab.cursorPosition === undefined) {
+                continue;
+            }
+            const rect = this.inner.getCursorRectRelative(collab.cursorPosition);
+            if (!rect) {
+                continue;
+            }
+            // Convert color to CSS
+            const colorCss = rgbaToCss(collab.color);
+            const selectionColorCss = rgbaToCssAlpha(collab.color, 0.25);
+            // Render selection highlights first (behind cursor)
+            if (collab.selection) {
+                const [start, end] = collab.selection;
+                const [selStart, selEnd] = start <= end ? [start, end] : [end, start];
+                const selRects = this.inner.getSelectionRectsRelative(selStart, selEnd);
+                for (const selRect of selRects) {
+                    const selDiv = document.createElement("div");
+                    selDiv.className = "remote-selection";
+                    selDiv.style.cssText = `
+            left: ${selRect.x}px;
+            top: ${selRect.y}px;
+            width: ${selRect.width}px;
+            height: ${selRect.height}px;
+            background-color: ${selectionColorCss};
+          `;
+                    this.cursorOverlay.appendChild(selDiv);
+                }
+            }
+            // Create cursor element
+            const cursorDiv = document.createElement("div");
+            cursorDiv.className = "remote-cursor";
+            cursorDiv.style.cssText = `
+        left: ${rect.x}px;
+        top: ${rect.y}px;
+        --cursor-height: ${rect.height}px;
+        --cursor-color: ${colorCss};
+      `;
+            // Caret line
+            const caretDiv = document.createElement("div");
+            caretDiv.className = "remote-cursor-caret";
+            cursorDiv.appendChild(caretDiv);
+            // Name label
+            const labelDiv = document.createElement("div");
+            labelDiv.className = "remote-cursor-label";
+            labelDiv.textContent = collab.displayName;
+            cursorDiv.appendChild(labelDiv);
+            this.cursorOverlay.appendChild(cursorDiv);
+        }
+    }
+    /**
+     * Broadcast cursor position to peers.
+     */
+    broadcastCursor() {
+        if (!this.workerBridge || !this.collabStarted) {
+            return;
+        }
+        const cursor = this.inner.getCursorOffset();
+        const sel = this.inner.getSelection();
+        // Only broadcast if cursor changed
+        if (cursor === this.lastBroadcastCursor && !sel) {
+            return;
+        }
+        this.lastBroadcastCursor = cursor;
+        this.workerBridge.send({
+            type: "BroadcastCursor",
+            position: cursor,
+            selection: sel ? [sel.anchor, sel.head] : null,
+        });
+    }
+    attachEventListeners() {
+        const el = this.editorElement;
+        if (!el)
+            return;
+        el.addEventListener("beforeinput", this.boundHandlers.beforeinput);
+        el.addEventListener("keydown", this.boundHandlers.keydown);
+        el.addEventListener("keyup", this.boundHandlers.keyup);
+        el.addEventListener("paste", this.boundHandlers.paste);
+        el.addEventListener("cut", this.boundHandlers.cut);
+        el.addEventListener("copy", this.boundHandlers.copy);
+        el.addEventListener("blur", this.boundHandlers.blur);
+        el.addEventListener("compositionstart", this.boundHandlers.compositionstart);
+        el.addEventListener("compositionupdate", this.boundHandlers.compositionupdate);
+        el.addEventListener("compositionend", this.boundHandlers.compositionend);
+        el.addEventListener("mouseup", this.boundHandlers.mouseup);
+        el.addEventListener("touchend", this.boundHandlers.touchend);
+    }
+    detachEventListeners() {
+        const el = this.editorElement;
+        if (!el)
+            return;
+        el.removeEventListener("beforeinput", this.boundHandlers.beforeinput);
+        el.removeEventListener("keydown", this.boundHandlers.keydown);
+        el.removeEventListener("keyup", this.boundHandlers.keyup);
+        el.removeEventListener("paste", this.boundHandlers.paste);
+        el.removeEventListener("cut", this.boundHandlers.cut);
+        el.removeEventListener("copy", this.boundHandlers.copy);
+        el.removeEventListener("blur", this.boundHandlers.blur);
+        el.removeEventListener("compositionstart", this.boundHandlers.compositionstart);
+        el.removeEventListener("compositionupdate", this.boundHandlers.compositionupdate);
+        el.removeEventListener("compositionend", this.boundHandlers.compositionend);
+        el.removeEventListener("mouseup", this.boundHandlers.mouseup);
+        el.removeEventListener("touchend", this.boundHandlers.touchend);
+    }
+    // === Event handlers (same as EditorImpl) ===
+    onBeforeInput(e) {
+        const inputType = e.inputType;
+        const data = e.data ?? null;
+        let targetStart = null;
+        let targetEnd = null;
+        const ranges = e.getTargetRanges?.();
+        if (ranges && ranges.length > 0) {
+            const range = ranges[0];
+            targetStart = this.domOffsetToChar(range.startContainer, range.startOffset);
+            targetEnd = this.domOffsetToChar(range.endContainer, range.endOffset);
+        }
+        const isComposing = e.isComposing;
+        const result = this.inner.handleBeforeInput(inputType, data, targetStart, targetEnd, isComposing);
+        if (result === "Handled" || result === "HandledAsync") {
+            e.preventDefault();
+        }
+    }
+    onKeydown(e) {
+        const result = this.inner.handleKeydown(e.key, e.ctrlKey, e.altKey, e.shiftKey, e.metaKey);
+        if (result === "Handled") {
+            e.preventDefault();
+        }
+    }
+    onKeyup(e) {
+        this.inner.handleKeyup(e.key);
+    }
+    onPaste(e) {
+        e.preventDefault();
+        const text = e.clipboardData?.getData("text/plain") ?? "";
+        this.inner.handlePaste(text);
+    }
+    onCut(e) {
+        e.preventDefault();
+        const text = this.inner.handleCut();
+        if (text && e.clipboardData) {
+            e.clipboardData.setData("text/plain", text);
+        }
+    }
+    onCopy(e) {
+        e.preventDefault();
+        const text = this.inner.handleCopy();
+        if (text && e.clipboardData) {
+            e.clipboardData.setData("text/plain", text);
+        }
+    }
+    onBlur() {
+        this.inner.handleBlur();
+    }
+    onCompositionStart(e) {
+        this.inner.handleCompositionStart(e.data ?? null);
+    }
+    onCompositionUpdate(e) {
+        this.inner.handleCompositionUpdate(e.data ?? null);
+    }
+    onCompositionEnd(e) {
+        this.inner.handleCompositionEnd(e.data ?? null);
+    }
+    onMouseUp() {
+        this.inner.syncCursor();
+        this.broadcastCursor();
+    }
+    onTouchEnd() {
+        this.inner.syncCursor();
+        this.broadcastCursor();
+    }
+    domOffsetToChar(node, offset) {
+        const editor = this.editorElement;
+        if (!editor)
+            return null;
+        let charOffset = 0;
+        const walker = document.createTreeWalker(editor, NodeFilter.SHOW_TEXT);
+        let currentNode = walker.nextNode();
+        while (currentNode) {
+            if (currentNode === node) {
+                return charOffset + offset;
+            }
+            charOffset += currentNode.textContent?.length ?? 0;
+            currentNode = walker.nextNode();
+        }
+        if (node.nodeType === Node.ELEMENT_NODE) {
+            for (let i = 0; i < offset && i < node.childNodes.length; i++) {
+                charOffset += node.childNodes[i].textContent?.length ?? 0;
+            }
+            return charOffset;
+        }
+        return null;
+    }
+    // === Loro sync methods ===
+    exportSnapshot() {
+        this.checkDestroyed();
+        return this.inner.exportSnapshot();
+    }
+    exportUpdatesSince(version) {
+        this.checkDestroyed();
+        return this.inner.exportUpdatesSince(version);
+    }
+    importUpdates(data) {
+        this.checkDestroyed();
+        this.inner.importUpdates(data);
+    }
+    getVersion() {
+        this.checkDestroyed();
+        return this.inner.getVersion();
+    }
+    getCollabTopic() {
+        this.checkDestroyed();
+        return this.inner.getCollabTopic();
+    }
+    getResourceUri() {
+        this.checkDestroyed();
+        return this.inner.getResourceUri();
+    }
+    // === Collab lifecycle ===
+    async startCollab(bootstrapPeers) {
+        this.checkDestroyed();
+        if (this.collabStarted) {
+            console.warn("Collab already started");
+            return;
+        }
+        // Spawn worker
+        this.workerBridge = new WorkerBridge();
+        await this.workerBridge.spawn(this.workerUrl);
+        // Set up message handler
+        this.unsubscribeWorker = this.workerBridge.onMessage((msg) => {
+            this.handleWorkerMessage(msg);
+        });
+        // Initialize worker with current Loro snapshot
+        const snapshot = this.inner.exportSnapshot();
+        this.workerBridge.send({
+            type: "Init",
+            snapshot: Array.from(snapshot),
+            draft_key: this.config.resourceUri,
+        });
+        // Start collab session
+        const topic = this.inner.getCollabTopic();
+        if (!topic) {
+            throw new Error("No collab topic available");
+        }
+        this.workerBridge.send({
+            type: "StartCollab",
+            topic: Array.from(topic),
+            bootstrap_peers: bootstrapPeers ?? [],
+        });
+        this.collabStarted = true;
+    }
+    async stopCollab() {
+        this.checkDestroyed();
+        if (!this.collabStarted || !this.workerBridge) {
+            return;
+        }
+        // Send stop to worker
+        this.workerBridge.send({ type: "StopCollab" });
+        // Delete session record via callback
+        if (this.sessionUri && this.config.onSessionEnd) {
+            try {
+                await this.config.onSessionEnd(this.sessionUri);
+            }
+            catch (err) {
+                console.error("Failed to delete session record:", err);
+            }
+        }
+        // Clean up
+        if (this.unsubscribeWorker) {
+            this.unsubscribeWorker();
+            this.unsubscribeWorker = null;
+        }
+        this.workerBridge.terminate();
+        this.workerBridge = null;
+        this.sessionUri = null;
+        this.collabStarted = false;
+    }
+    addPeers(nodeIds) {
+        this.checkDestroyed();
+        if (!this.workerBridge || !this.collabStarted) {
+            console.warn("Cannot add peers - collab not started");
+            return;
+        }
+        this.workerBridge.send({
+            type: "AddPeers",
+            peers: nodeIds,
+        });
+    }
+    /**
+     * Handle messages from the worker.
+     */
+    async handleWorkerMessage(msg) {
+        switch (msg.type) {
+            case "CollabReady": {
+                // Worker has node ID and relay URL, create session record
+                if (this.config.onSessionNeeded) {
+                    try {
+                        const sessionInfo = {
+                            nodeId: msg.node_id,
+                            relayUrl: msg.relay_url,
+                        };
+                        this.sessionUri = await this.config.onSessionNeeded(sessionInfo);
+                        // Discover peers now that we have a session
+                        if (this.config.onPeersNeeded) {
+                            const peers = await this.config.onPeersNeeded(this.config.resourceUri);
+                            if (peers.length > 0) {
+                                this.addPeers(peers.map((p) => p.nodeId));
+                            }
+                        }
+                    }
+                    catch (err) {
+                        console.error("Failed to create session record:", err);
+                    }
+                }
+                break;
+            }
+            case "CollabJoined":
+                // Successfully joined the gossip session
+                break;
+            case "RemoteUpdates": {
+                // Apply remote Loro updates to main document
+                const data = new Uint8Array(msg.data);
+                this.inner.importUpdates(data);
+                break;
+            }
+            case "PresenceUpdate": {
+                // Store presence and render remote cursors
+                const presence = {
+                    collaborators: msg.collaborators,
+                    peerCount: msg.peer_count,
+                };
+                this.currentPresence = presence;
+                this.renderRemoteCursors();
+                // Forward to callback
+                this.config.onPresenceChanged?.(presence);
+                break;
+            }
+            case "PeerConnected": {
+                // A new peer connected, send our Join message with user info
+                if (this.config.onUserInfoNeeded && this.workerBridge) {
+                    try {
+                        const userInfo = await this.config.onUserInfoNeeded();
+                        this.workerBridge.send({
+                            type: "BroadcastJoin",
+                            did: userInfo.did,
+                            display_name: userInfo.displayName,
+                        });
+                    }
+                    catch (err) {
+                        console.error("Failed to get user info for Join:", err);
+                    }
+                }
+                break;
+            }
+            case "CollabStopped":
+                // Worker confirmed collab stopped
+                break;
+            case "Error":
+                console.error("Worker error:", msg.message);
+                break;
+            case "Ready":
+            case "Snapshot":
+                // Handled elsewhere or not needed for collab
+                break;
+        }
+    }
+    // === Public API (same as Editor) ===
+    getMarkdown() {
+        this.checkDestroyed();
+        return this.inner.getMarkdown();
+    }
+    getSnapshot() {
+        this.checkDestroyed();
+        return this.inner.getSnapshot();
+    }
+    toEntry() {
+        this.checkDestroyed();
+        return this.inner.toEntry();
+    }
+    getTitle() {
+        this.checkDestroyed();
+        return this.inner.getTitle();
+    }
+    setTitle(title) {
+        this.checkDestroyed();
+        this.inner.setTitle(title);
+    }
+    getPath() {
+        this.checkDestroyed();
+        return this.inner.getPath();
+    }
+    setPath(path) {
+        this.checkDestroyed();
+        this.inner.setPath(path);
+    }
+    getTags() {
+        this.checkDestroyed();
+        return this.inner.getTags();
+    }
+    setTags(tags) {
+        this.checkDestroyed();
+        this.inner.setTags(tags);
+    }
+    executeAction(action) {
+        this.checkDestroyed();
+        this.inner.executeAction(action);
+    }
+    addPendingImage(image, dataUrl) {
+        this.checkDestroyed();
+        this.inner.addPendingImage(image, dataUrl);
+        this.config.onImageAdd?.(image);
+    }
+    finalizeImage(localId, finalized, blobRkey, identifier) {
+        this.checkDestroyed();
+        this.inner.finalizeImage(localId, finalized, blobRkey, identifier);
+    }
+    removeImage(localId) {
+        this.checkDestroyed();
+        this.inner.removeImage(localId);
+    }
+    getPendingImages() {
+        this.checkDestroyed();
+        return this.inner.getPendingImages();
+    }
+    getStagingUris() {
+        this.checkDestroyed();
+        return this.inner.getStagingUris();
+    }
+    addEntryToIndex(title, path, canonicalUrl) {
+        this.checkDestroyed();
+        this.inner.addEntryToIndex(title, path, canonicalUrl);
+    }
+    clearEntryIndex() {
+        this.checkDestroyed();
+        this.inner.clearEntryIndex();
+    }
+    getCursorOffset() {
+        this.checkDestroyed();
+        return this.inner.getCursorOffset();
+    }
+    setCursorOffset(offset) {
+        this.checkDestroyed();
+        this.inner.setCursorOffset(offset);
+    }
+    getLength() {
+        this.checkDestroyed();
+        return this.inner.getLength();
+    }
+    canUndo() {
+        this.checkDestroyed();
+        return this.inner.canUndo();
+    }
+    canRedo() {
+        this.checkDestroyed();
+        return this.inner.canRedo();
+    }
+    focus() {
+        this.checkDestroyed();
+        this.inner.focus();
+    }
+    blur() {
+        this.checkDestroyed();
+        this.inner.blur();
+    }
+    getParagraphs() {
+        this.checkDestroyed();
+        return this.inner.getParagraphs();
+    }
+    renderAndUpdateDom() {
+        this.checkDestroyed();
+        this.inner.renderAndUpdateDom();
+    }
+    // === Remote cursor positioning ===
+    getCursorRectRelative(position) {
+        this.checkDestroyed();
+        return this.inner.getCursorRectRelative(position);
+    }
+    getSelectionRectsRelative(start, end) {
+        this.checkDestroyed();
+        return this.inner.getSelectionRectsRelative(start, end);
+    }
+    destroy() {
+        if (this.destroyed)
+            return;
+        this.destroyed = true;
+        // Stop collab if active (fire and forget)
+        if (this.collabStarted && this.workerBridge) {
+            this.workerBridge.send({ type: "StopCollab" });
+            if (this.unsubscribeWorker) {
+                this.unsubscribeWorker();
+            }
+            this.workerBridge.terminate();
+        }
+        this.detachEventListeners();
+        this.inner.unmount();
+        this.container = null;
+        this.editorElement = null;
+        this.workerBridge = null;
+    }
+    checkDestroyed() {
+        if (this.destroyed) {
+            throw new Error("CollabEditor has been destroyed");
+        }
+    }
+}

crates/weaver-editor-js/ts/dist/index.d.ts

···
  * Create a new editor instance.
  */
 export declare function createEditor(config: EditorConfig): Promise<Editor>;
+export { createCollabEditor, initCollabWasm } from "./collab";
 //# sourceMappingURL=index.d.ts.map

crates/weaver-editor-js/ts/dist/index.d.ts.map

···
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"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"}

crates/weaver-editor-js/ts/dist/index.js

···
         }
     }
 }
+// Re-export collab module
+export { createCollabEditor, initCollabWasm } from "./collab";

crates/weaver-editor-js/ts/dist/types.d.ts

···
     contentWarnings?: string[];
     rating?: string;
 }
+/** Selection range in the editor. */
+export interface Selection {
+    anchor: number;
+    head: number;
+}
+/** Cursor rectangle for positioning. */
+export interface CursorRect {
+    x: number;
+    y: number;
+    height: number;
+}
+/** Selection rectangle for highlighting. */
+export interface SelectionRect {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
 /** Rendered paragraph data. */
 export interface ParagraphRender {
     id: string;
···
 export interface ResolvedContent {
     /** Map of AT URI -> rendered HTML. */
     embeds: Map<string, string>;
+}
+/** Session info for collab (from worker). */
+export interface SessionInfo {
+    nodeId: string;
+    relayUrl: string | null;
+}
+/** Peer info for collab. */
+export interface PeerInfo {
+    nodeId: string;
+    did?: string;
+    displayName?: string;
+}
+/** Collaborator presence info. */
+export interface CollaboratorInfo {
+    nodeId: string;
+    did: string;
+    displayName: string;
+    color: number;
+    cursorPosition?: number;
+    selection?: [number, number];
+}
+/** Presence state snapshot. */
+export interface PresenceSnapshot {
+    collaborators: CollaboratorInfo[];
+    peerCount: number;
+}
+/** User info for collab presence. */
+export interface UserInfo {
+    did: string;
+    displayName: string;
+}
+/** Configuration for creating a collab editor. */
+export interface CollabEditorConfig extends EditorConfig {
+    /** Resource URI (AT URI of entry/draft being edited). */
+    resourceUri: string;
+    /** Initial Loro snapshot bytes (optional). */
+    initialLoroSnapshot?: Uint8Array;
+    /** Called when a session record needs to be created on PDS. */
+    onSessionNeeded?: (session: SessionInfo) => Promise<string>;
+    /** Called to refresh session record periodically. */
+    onSessionRefresh?: (sessionUri: string) => Promise<void>;
+    /** Called when session ends (delete record). */
+    onSessionEnd?: (sessionUri: string) => Promise<void>;
+    /** Called to discover peers from PDS/index. */
+    onPeersNeeded?: (resourceUri: string) => Promise<PeerInfo[]>;
+    /** Called when presence state changes. */
+    onPresenceChanged?: (presence: PresenceSnapshot) => void;
+    /** Called to get current user info for presence announcements. */
+    onUserInfoNeeded?: () => Promise<UserInfo>;
+}
+/** Collab editor interface (extends Editor). */
+export interface CollabEditor extends Editor {
+    exportSnapshot(): Uint8Array;
+    exportUpdatesSince(version: Uint8Array): Uint8Array | null;
+    importUpdates(data: Uint8Array): void;
+    getVersion(): Uint8Array;
+    getCollabTopic(): Uint8Array | null;
+    getResourceUri(): string;
+    startCollab(bootstrapPeers?: string[]): Promise<void>;
+    stopCollab(): Promise<void>;
+    addPeers(nodeIds: string[]): void;
+    getCursorRectRelative(position: number): CursorRect | null;
+    getSelectionRectsRelative(start: number, end: number): SelectionRect[];
 }
 /** Editor interface. */
 export interface Editor {

crates/weaver-editor-js/ts/dist/types.d.ts.map

···
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../types.ts"],"names":[],"mappings":"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"}

crates/weaver-editor-js/ts/index.ts

···
     }
   }
 }
+
+// Re-export collab module
+export { createCollabEditor, initCollabWasm } from "./collab";

crates/weaver-editor-js/ts/types.ts

···
   rating?: string;
 }
 
+/** Selection range in the editor. */
+export interface Selection {
+  anchor: number;
+  head: number;
+}
+
+/** Cursor rectangle for positioning. */
+export interface CursorRect {
+  x: number;
+  y: number;
+  height: number;
+}
+
+/** Selection rectangle for highlighting. */
+export interface SelectionRect {
+  x: number;
+  y: number;
+  width: number;
+  height: number;
+}
+
 /** Rendered paragraph data. */
 export interface ParagraphRender {
   id: string;
···
 export interface ResolvedContent {
   /** Map of AT URI -> rendered HTML. */
   embeds: Map<string, string>;
+}
+
+/** Session info for collab (from worker). */
+export interface SessionInfo {
+  nodeId: string;
+  relayUrl: string | null;
+}
+
+/** Peer info for collab. */
+export interface PeerInfo {
+  nodeId: string;
+  did?: string;
+  displayName?: string;
+}
+
+/** Collaborator presence info. */
+export interface CollaboratorInfo {
+  nodeId: string;
+  did: string;
+  displayName: string;
+  color: number;
+  cursorPosition?: number;
+  selection?: [number, number];
+}
+
+/** Presence state snapshot. */
+export interface PresenceSnapshot {
+  collaborators: CollaboratorInfo[];
+  peerCount: number;
+}
+
+/** User info for collab presence. */
+export interface UserInfo {
+  did: string;
+  displayName: string;
+}
+
+/** Configuration for creating a collab editor. */
+export interface CollabEditorConfig extends EditorConfig {
+  /** Resource URI (AT URI of entry/draft being edited). */
+  resourceUri: string;
+
+  /** Initial Loro snapshot bytes (optional). */
+  initialLoroSnapshot?: Uint8Array;
+
+  /** Called when a session record needs to be created on PDS. */
+  onSessionNeeded?: (session: SessionInfo) => Promise<string>;
+
+  /** Called to refresh session record periodically. */
+  onSessionRefresh?: (sessionUri: string) => Promise<void>;
+
+  /** Called when session ends (delete record). */
+  onSessionEnd?: (sessionUri: string) => Promise<void>;
+
+  /** Called to discover peers from PDS/index. */
+  onPeersNeeded?: (resourceUri: string) => Promise<PeerInfo[]>;
+
+  /** Called when presence state changes. */
+  onPresenceChanged?: (presence: PresenceSnapshot) => void;
+
+  /** Called to get current user info for presence announcements. */
+  onUserInfoNeeded?: () => Promise<UserInfo>;
+}
+
+/** Collab editor interface (extends Editor). */
+export interface CollabEditor extends Editor {
+  // Loro sync
+  exportSnapshot(): Uint8Array;
+  exportUpdatesSince(version: Uint8Array): Uint8Array | null;
+  importUpdates(data: Uint8Array): void;
+  getVersion(): Uint8Array;
+
+  // Collab info
+  getCollabTopic(): Uint8Array | null;
+  getResourceUri(): string;
+
+  // Collab lifecycle
+  startCollab(bootstrapPeers?: string[]): Promise<void>;
+  stopCollab(): Promise<void>;
+  addPeers(nodeIds: string[]): void;
+
+  // Remote cursor positioning
+  getCursorRectRelative(position: number): CursorRect | null;
+  getSelectionRectsRelative(start: number, end: number): SelectionRect[];
 }
 
 /** Editor interface. */

crates/weaver-editor-js/ts/weaver-editor.css

···
     margin: 0;
     display: inline;
 }
+
+/* ==========================================================================
+   Remote Cursors (Collaborative Editing)
+   ========================================================================== */
+
+.remote-cursors-overlay {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    pointer-events: none;
+    z-index: 10;
+}
+
+.remote-cursor {
+    position: absolute;
+    pointer-events: none;
+}
+
+.remote-cursor-caret {
+    width: 2px;
+    height: var(--cursor-height, 1.2em);
+    background-color: var(--cursor-color, #907aa9);
+    border-radius: 1px;
+}
+
+.remote-cursor-label {
+    position: absolute;
+    top: -1.4em;
+    left: 0;
+    background-color: var(--cursor-color, #907aa9);
+    color: white;
+    font-size: 0.7rem;
+    font-family: var(--font-heading, system-ui, sans-serif);
+    padding: 1px 4px;
+    border-radius: 3px 3px 3px 0;
+    white-space: nowrap;
+    max-width: 120px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.remote-selection {
+    position: absolute;
+    pointer-events: none;
+    border-radius: 2px;
+}

docs/graph-data.json

···
       "node_type": "goal",
       "title": "Extract editor for external embedding",
       "description": null,
-      "status": "pending",
+      "status": "completed",
       "created_at": "2026-01-06T09:31:48.503441901-05:00",
-      "updated_at": "2026-01-06T09:31:48.503441901-05:00",
+      "updated_at": "2026-01-07T23:38:42.714996004-05:00",
       "metadata_json": "{\"confidence\":90,\"prompt\":\"Extract the weaver markdown editor into a standalone, embeddable package. Target consumers: external apps (MTG deckbuilder, etc.) via JS/WASM, weaver-app itself (dogfooding, potential framework migration), future native apps via Rust crate. Host app controls auth, blob uploads, collab transport, publishing. Clean crate boundary: core (pure Rust, no web_sys/dioxus/loro), crdt (optional Loro), browser (web_sys DOM layer), js (thin wrapper).\"}"
     },
     {
···
       "created_at": "2026-01-07T21:16:07.366725128-05:00",
       "updated_at": "2026-01-07T21:16:07.366725128-05:00",
       "metadata_json": "{\"confidence\":20}"
+    },
+    {
+      "id": 215,
+      "change_id": "272d70eb-369a-472a-ab0c-428307af6fdb",
+      "node_type": "goal",
+      "title": "weaver-editor-js: JS wrapper crate for embeddable markdown editor",
+      "description": null,
+      "status": "pending",
+      "created_at": "2026-01-07T21:33:34.663844477-05:00",
+      "updated_at": "2026-01-07T21:33:34.663844477-05:00",
+      "metadata_json": "{\"confidence\":80,\"prompt\":\"User: wrap weaver-editor-core and weaver-editor-browser to produce viable js markdown editor that someone can embed in their app. option to produce actual weaver entry records. doesn't have to have draft sync/crdt features initially, but good to add later.\"}"
+    },
+    {
+      "id": 216,
+      "change_id": "ff9e4eb6-8e48-4100-9347-d56f43fc2f2c",
+      "node_type": "action",
+      "title": "Scaffold weaver-editor-js crate with WASM bindings and build infrastructure",
+      "description": null,
+      "status": "pending",
+      "created_at": "2026-01-07T21:38:46.201816829-05:00",
+      "updated_at": "2026-01-07T21:38:46.201816829-05:00",
+      "metadata_json": "{\"confidence\":85}"
+    },
+    {
+      "id": 217,
+      "change_id": "9fe541b0-6ef1-45ed-b7ec-899cfff592fa",
+      "node_type": "action",
+      "title": "Implementing weaver-editor-js collab bindings",
+      "description": null,
+      "status": "pending",
+      "created_at": "2026-01-07T23:00:57.453624229-05:00",
+      "updated_at": "2026-01-07T23:00:57.453624229-05:00",
+      "metadata_json": "{\"confidence\":85,\"prompt\":\"User requested: add collab feature to weaver-editor-js package\"}"
+    },
+    {
+      "id": 218,
+      "change_id": "3a37d12b-515d-489b-bada-5b68031d06ab",
+      "node_type": "outcome",
+      "title": "Collab feature implemented: JsCollabEditor with LoroTextBuffer, TypeScript wrapper, build.sh updated",
+      "description": null,
+      "status": "pending",
+      "created_at": "2026-01-07T23:13:44.341644498-05:00",
+      "updated_at": "2026-01-07T23:13:44.341644498-05:00",
+      "metadata_json": "{\"confidence\":95}"
+    },
+    {
+      "id": 219,
+      "change_id": "0d728b4f-f6d0-4d9b-bef7-f25efde4ba3c",
+      "node_type": "outcome",
+      "title": "weaver-editor-js complete - WASM + TypeScript bindings with collab support",
+      "description": null,
+      "status": "completed",
+      "created_at": "2026-01-07T23:38:17.410248547-05:00",
+      "updated_at": "2026-01-07T23:38:47.052805556-05:00",
+      "metadata_json": "{\"confidence\":95}"
+    },
+    {
+      "id": 220,
+      "change_id": "c644aef5-81e5-425e-8c68-ded06421a00c",
+      "node_type": "action",
+      "title": "Implemented WorkerBridge for EditorReactor P2P communication",
+      "description": null,
+      "status": "completed",
+      "created_at": "2026-01-07T23:38:17.429184305-05:00",
+      "updated_at": "2026-01-07T23:38:47.069726089-05:00",
+      "metadata_json": "{\"confidence\":95}"
+    },
+    {
+      "id": 221,
+      "change_id": "7d545b61-3931-424a-843d-de9a94a02c76",
+      "node_type": "action",
+      "title": "Implemented remote cursor overlay with presence rendering",
+      "description": null,
+      "status": "completed",
+      "created_at": "2026-01-07T23:38:17.572928071-05:00",
+      "updated_at": "2026-01-07T23:38:47.085561079-05:00",
+      "metadata_json": "{\"confidence\":95}"
+    },
+    {
+      "id": 222,
+      "change_id": "4f9d8d6e-7314-4469-9335-ce45cabaef3a",
+      "node_type": "observation",
+      "title": "Next step: atcute integration for ergonomic API (callbacks → automatic session/peer discovery)",
+      "description": null,
+      "status": "pending",
+      "created_at": "2026-01-07T23:38:17.591489488-05:00",
+      "updated_at": "2026-01-07T23:38:17.591489488-05:00",
+      "metadata_json": "{\"confidence\":80}"
     }
   ],
   "edges": [
···
       "weight": 1.0,
       "rationale": "Fixed overflow",
       "created_at": "2026-01-07T21:16:32.861314215-05:00"
+    },
+    {
+      "id": 211,
+      "from_node_id": 18,
+      "to_node_id": 215,
+      "from_change_id": "fa554b5d-8af7-42e4-b03f-e5bec837e31a",
+      "to_change_id": "272d70eb-369a-472a-ab0c-428307af6fdb",
+      "edge_type": "leads_to",
+      "weight": 1.0,
+      "rationale": "JS wrapper is how we extract editor for external embedding",
+      "created_at": "2026-01-07T21:33:39.411164620-05:00"
+    },
+    {
+      "id": 212,
+      "from_node_id": 18,
+      "to_node_id": 217,
+      "from_change_id": "fa554b5d-8af7-42e4-b03f-e5bec837e31a",
+      "to_change_id": "9fe541b0-6ef1-45ed-b7ec-899cfff592fa",
+      "edge_type": "leads_to",
+      "weight": 1.0,
+      "rationale": "Collab feature for JS editor package",
+      "created_at": "2026-01-07T23:01:02.947287990-05:00"
+    },
+    {
+      "id": 213,
+      "from_node_id": 217,
+      "to_node_id": 218,
+      "from_change_id": "9fe541b0-6ef1-45ed-b7ec-899cfff592fa",
+      "to_change_id": "3a37d12b-515d-489b-bada-5b68031d06ab",
+      "edge_type": "leads_to",
+      "weight": 1.0,
+      "rationale": "Implementation completed successfully",
+      "created_at": "2026-01-07T23:13:47.972988882-05:00"
+    },
+    {
+      "id": 214,
+      "from_node_id": 18,
+      "to_node_id": 219,
+      "from_change_id": "fa554b5d-8af7-42e4-b03f-e5bec837e31a",
+      "to_change_id": "0d728b4f-f6d0-4d9b-bef7-f25efde4ba3c",
+      "edge_type": "leads_to",
+      "weight": 1.0,
+      "rationale": "Goal achieved - editor now embeddable via npm package",
+      "created_at": "2026-01-07T23:38:25.139758976-05:00"
+    },
+    {
+      "id": 215,
+      "from_node_id": 55,
+      "to_node_id": 220,
+      "from_change_id": "77a50102-1dc0-4009-9715-5c8644745be1",
+      "to_change_id": "c644aef5-81e5-425e-8c68-ded06421a00c",
+      "edge_type": "leads_to",
+      "weight": 1.0,
+      "rationale": "Worker design realized in TypeScript WorkerBridge",
+      "created_at": "2026-01-07T23:38:25.157249447-05:00"
+    },
+    {
+      "id": 216,
+      "from_node_id": 77,
+      "to_node_id": 221,
+      "from_change_id": "ef6e7454-2d97-4fe9-97a8-76c2486cf076",
+      "to_change_id": "7d545b61-3931-424a-843d-de9a94a02c76",
+      "edge_type": "leads_to",
+      "weight": 1.0,
+      "rationale": "P2P collab now includes cursor/presence rendering",
+      "created_at": "2026-01-07T23:38:25.191178058-05:00"
+    },
+    {
+      "id": 217,
+      "from_node_id": 219,
+      "to_node_id": 222,
+      "from_change_id": "0d728b4f-f6d0-4d9b-bef7-f25efde4ba3c",
+      "to_change_id": "4f9d8d6e-7314-4469-9335-ce45cabaef3a",
+      "edge_type": "leads_to",
+      "weight": 1.0,
+      "rationale": "Identifies next enhancement for editor-js",
+      "created_at": "2026-01-07T23:38:25.207053545-05:00"
     }
   ]
 }