之前这篇是纯AI写的，估计没有几个门友能正常读完。

前言

本站使用的软件也运行了好多天了，目前各种小bug不断，但是好在没有什么致命的问题。
为了帮助用户更好地理解本软件的开发情况，所以写一篇文章，介绍有哪些功能，数据是怎么迁移的。

设计理念

简单，好用
侧重点：易用 > 易开发维护 > 拥有各种功能

实现的功能

本软件的设计，高度受Discourse启发。但不谋求实现Discourse的全部功能。

Murmur: Modern Discussion Forum

murmur is a high-performance, features-rich, Discourse/NimForum-style discussion forum. It is engineered with a hybrid SSR-First (Server-Side Rendering) architecture, delivering instant page loads and optimal SEO crawlers accessibility, while layering on real-time interactive widgets as progressive client-side enhancements.

🛠️ The Tech Stack

Murmur's architecture is divided into a high-performance web core, a relational database, and a specialized asset caching layer:

Web Core: SvelteKit 2 utilizing Svelte 5 Runes for robust state management.
Database & ORM: Drizzle ORM managing SQLite (better-sqlite3 driver) for synchronous operations.
Asset Performance: A custom caching proxy written in Rust using Axum (uploads-proxy).
Search Subsystem: SQLite FTS5 index combined with the sqlite-vec extension for vector operations, and @node-rs/jieba CJK tokenizer.
Real-time Features: Server-Sent Events (SSE) for pub/sub notifications, and Yjs text structures for wiki collaboration.
Styling: TailwindCSS v4 with Flowbite Svelte.

🏛️ System Architecture Preview

Murmur is designed to maximize speed by avoiding clientside rendering overhead during initial page loads.

graph TD
    Client[Browser Client]
    SvelteKit[SvelteKit Node.js Server]
    SQLite[(SQLite DB / local.db)]
    Proxy[Rust Uploads-Proxy]
    Upstream[Upstream Assets Server]
    LLM[LLM API / Ollama / Gemini / OpenAI / Anthropic]

    Client -->|1. HTTP Page Request / SSE Stream| SvelteKit
    Client -->|2. HTTP Uploaded Files| Proxy
    Proxy -->|3. Cache Miss Fetch| Upstream
    Proxy -->|4. Save locally| Disk[(Local Uploads)]
    SvelteKit -->|5. Synchronous DB Queries| SQLite
    SvelteKit -->|6. Vectors & Generation| LLM

Server-Side Rendering: SvelteKit processes the request, queries the SQLite database synchronously through the repository layer, compiles the page into static HTML, and responds.
Client Hydration: The browser displays the HTML, downloads the JavaScript bundles, and hydrates components (e.g. Composer, Likes, Chat).
Live Updates: An SSE connection is established to stream live updates (new posts, edits) to active tabs.
Asset Offloading: The Rust uploads-proxy handles asset queries. If a file is cached locally on disk, it is served; otherwise, the proxy downloads it from the upstream server with retry logic, saves it locally, and serves it.

📚 Documentation Index

Below is the directory map of the Murmur system documentation. Click on any link to view detailed guides:

⚙️ [System Architecture & Scaling](file:///f/murmur/doc/architecture.md)

Detailed breakdown of the request-response lifecycle and hydration.
Rust uploads-proxy microservice design (thundering herd protection, atomic writes).
Horizontal scaling recommendations (reconciliation, moving from memory SSE to Redis pub/sub, object storage).

Murmur: System Architecture

This document describes the high-level architecture of Murmur, including the frontend framework, backend data flow, integration with external services, and horizontal scaling patterns.

Technical Stack

Murmur is built using a modern, lightweight JavaScript stack, layered with a high-performance Rust microservice:

Frontend / Meta-framework: SvelteKit 2 using Svelte 5 (Runes mode).
Styling: TailwindCSS v4 (CSS-first, no tailwind.config.js) & Flowbite Svelte components.
Database: SQLite (better-sqlite3 driver) wrapped with Drizzle ORM.
Search Vector calculations: SQLite extension sqlite-vec.
Search tokenization: @node-rs/jieba for CJK languages.
Real-Time Communication: Server-Sent Events (SSE).
Collaboration: Yjs text types synced stateless-ly over HTTP.
Assets Proxy: Custom Axum-based Rust microservice (uploads-proxy).

Component Layout & Data Flow

Murmur leverages Server-Side Rendering (SSR) by default to deliver HTML instantly to crawlers and users. Clientside Svelte components progressively hydrate the page to enable real-time messaging, infinite scroll, and rich editing.

graph TD
    Client[Browser Client]
    SvelteKit[SvelteKit Node.js Server]
    SQLite[(SQLite DB / local.db)]
    Proxy[Rust Uploads-Proxy]
    Upstream[Upstream Assets Server]
    LLM[LLM API / Ollama / Gemini / OpenAI / Anthropic]

    Client -->|1. HTTP / SSE| SvelteKit
    Client -->|2. HTTP Static Assets| Proxy
    Proxy -->|3. Fetch cache miss| Upstream
    Proxy -->|4. Save locally| Disk[(Local Uploads)]
    SvelteKit -->|5. Synchronous Queries| SQLite
    SvelteKit -->|6. Vectors & Generation| LLM

1. Request Lifecycle

The browser requests a page (e.g., /t/slug/id).
SvelteKit's routing resolves the path and calls the server-side load function (+page.server.ts), which queries the database synchronously via the repository layer (src/lib/server/repo.ts).
SvelteKit renders the page as static HTML (SSR-first) and returns it.
The client browser parses the HTML, displays it immediately, and fetches Svelte bundles to hydrate active widgets (e.g., the composer, emoji picker, likes).
The client initiates a Server-Sent Events (SSE) connection to listen to live updates.

Node.js & Rust uploads-proxy Integration

User-uploaded attachments and legacy images are cached locally on disk. To prevent heavy Node.js threads from blocking on large file IO operations:

Node.js Server: Serves core HTML/JS payloads and handles API mutations.
Rust uploads-proxy: Serves files located under /uploads/. It listens on 127.0.0.1:4119 and handles file lookups.
- Cache Hit: Serves the local file immediately using high-speed async file streaming via tokio-util.
- Cache Miss: Downloads the asset from the configured upstream server (attempts up to 3 times, with a 2-second sleep duration between attempts), saves it locally, and serves it to the user.
- Thundering Herd Coalesce: Employs a mutex and tokio::sync::Notify to block duplicate concurrent requests for the same missing asset, ensuring only one download request hits the upstream server.

Real-Time Engine (SSE Pub/Sub)

Murmur uses a single-process in-memory pub/sub pattern implemented in [events.ts](file:///f/murmur/src/lib/server/events.ts):

Route handlers or repository mutations call publish(topicId, event).
The Server-Sent Events endpoint [events/+server.ts](file:///f/murmur/src/routes/t/[slug]/[id]/events/+server.ts) subscribes to updates for a specific topic.
It streams JSON-LD chunk lines to the browser's EventSource instance.
The UI handles the event reactively to append new posts, update counts, or delete posts without page reloads.

Horizontal Scaling Strategy

Because SQLite and the SSE pub/sub system operate within a single process, horizontal scaling (running multiple instances of the Node.js process) requires:

Database Layer: Replace the local better-sqlite3 instance with a replicated SQLite setup (such as LiteFS) or migrate Drizzle configuration to PostgreSQL.
Pub/Sub Layer: Replace the in-memory singleton in [events.ts](file:///f/murmur/src/lib/server/events.ts) with a Redis or RabbitMQ pub/sub server. Route connections to the pub/sub interface so that messages publish across all Node server processes.
Uploads caching: Ensure the uploads-proxy instances point to a shared directory (e.g., NFS, GlusterFS) or replace the local filesystem storage with an Object Store (like AWS S3) by modifying the SvelteKit file upload API.

🗄️ [Data Model & Database Schema](file:///f/murmur/doc/data-model.md)

Relational schema definitions for SQLite.
Data design conventions (auto-increments, ISO-8601 timestamps, soft-deletions).
Database tables, relationships, and indices optimization.

Murmur: Data Model & Database Schema

This document details the database schema, SQLite conventions, and tables managed by Drizzle ORM in Murmur. The database schema is located in [schema.ts](file:///f/murmur/src/lib/server/db/schema.ts).

Data Layer Conventions

To simplify imports, backups, and exports from active Discourse installations, Murmur maintains the following database patterns:

Integer Auto-increment Primary Keys: All tables use auto-increment integers. The system user is seeded with ID -1 (matching Discourse conventions).
ISO-8601 Timestamps: Timestamps are stored as text (e.g. 2026-07-15T22:00:00.000Z) rather than SQLite Unix integers. They default to the current time via $defaultFn(() => new Date().toISOString()). This allows lexicographical sorting and matches Discourse CSV files.
Booleans: Stored as integers (0 or 1) using Drizzle's integer(..., { mode: 'boolean' }).
Post Rendering: Posts store both the raw Markdown text (raw) and the cooked sanitized HTML (cooked). Rendering is done via {@html cooked} without dynamic clientside compilation.
Soft Deletions: Deleting topics or posts updates a deletedAt ISO timestamp column instead of deleting database rows.

Database Tables

Below is an overview of the Drizzle tables:

1. `users`

Represents forum members, administrators, and moderators.

id: Integer primary key (Auto-increment).
username: Unique username (Text).
name: Full display name (Text, nullable).
avatarUrl: URL of the user's avatar.
email: User email address.
githubId: Bound GitHub ID for SSO.
admin / moderator: Role toggles (Booleans).
trustLevel: Trust system ranking (0 to 4).
silencedUntil: ISO timestamp until which the user is banned from posting.
signatureRaw / signatureCooked: Markdown/HTML for post signatures.
chatGlobalMuted: Toggle to silence all chat badge notifications (Boolean).

2. `sessions` & `ssoSyncTickets`

Authentication sessions matching Oslo specifications.

sessions.id: SHA-256 hash of the session token.
sessions.userId: References users.id (on cascade delete).
sessions.expiresAt: Expiration timestamp.

3. `categories` & `categoryGroups`

Discussion categories which support nesting.

categories.id: Integer primary key.
categories.slug: Unique URL slug.
categories.parentCategoryId: Self-referential FK targeting the parent category.
categories.readRestricted: If true, restricts read permissions.
categoryGroups: Maps categoryId to groupId and defines permissionType (Read, Create, Reply).

4. `topics` & `posts`

Forum threads and post items.

topics.userId: Thread creator.
topics.bumpedAt: ISO timestamp updated on every reply to drive sorting.
topics.closed / topics.pinned: State flags.
posts.topicId: Parent thread.
posts.postNumber: 1-based sequential position within the topic (OP is 1).
posts.raw / posts.cooked: Markdown/cooked text.
posts.replyToPostNumber: Identifies the post being replied to.
posts.wiki: Toggle indicating if the post is editable by non-creators.

5. `postRevisions`

History of edits made outside the grace period.

postId: References posts.id.
userId: Author of the edit.
modifications: JSON string of modified properties (e.g. raw, cooked, title).
number: Version sequence number.
hidden: If true, hides modifications from normal users.

6. `postEmbeddings` & `topicRecommendations`

Vector semantic search embeddings and precomputed suggestions.

postEmbeddings.postId: References posts.id.
postEmbeddings.embedding: Raw vector float buffer (Float32Array).
topicRecommendations.topicId: References topics.id.
topicRecommendations.recommendations: JSON string list of recommended topic IDs.

7. `chatChannels`, `chatChannelMembers` & `chatMessages`

Real-time messaging channels.

chatMessages.channelId: Parent channel.
chatMessages.message / chatMessages.cooked: Raw/cooked text.
chatChannelMembers.muted: Individual channel muting preference.

Schema DDL & Indices

Drizzle automatically creates indices to optimize query performance and prevent database locks:

posts_topic_number_idx on (posts.topicId, posts.postNumber).
topics_category_bumped_idx on (topics.categoryId, topics.bumpedAt).
likes_post_user_unq unique index on (likes.postId, likes.userId).
topic_recommendations and post_embeddings map primary keys to their parent components to enable swift joins.

✍️ [Reply Composer, Drafts & Uploads](file:///f/murmur/doc/features/composer.md)

Composer UI controls (height adjustments, split ratios, fullscreen mode).
Local storage autosave and server-side syncing database logic.
Formatting toolbar helpers, emoji picker, and attachments uploads.
Kate-style whole-line keyboard shortcuts (Ctrl+X / Ctrl+C).

Composer UI, Attachments & Draft Syncing

This document describes the reply composer UI, clientside formatting shortcuts, the draft autosave engine, and the multi-file attachment pipeline.

Composer Layout & Controls

The composer component [Composer.svelte](file:///f/murmur/src/lib/components/Composer.svelte) is modeled after the Discourse editor. It resides in a sticky drawer at the bottom of the screen.

+-------------------------------------------------------------------+
|  [v] Drag Handle (Height)                                         |
+-------------------------------------------------------------------+
|  Title / Action Summary                      [ ] Full [ _ ] Min  |
+-------------------------------------------------------------------+
|  [ B ] [ I ] [ Link ] [ Quote ] [ Tt v ] [ + v ] [ Undo ] [ Redo ]|
+-------------------------------------------------------------------+
|  Textarea Input (Markdown)         |  Live HTML Preview           |
|                                    |                              |
|                                    |                              |
|                                    |<---> Vertical Split Resizer  |
+-------------------------------------------------------------------+

Resizing Features

Height Resizing: Users can click and drag the top border handle. The chosen height is written to localStorage.
Split ratio Resizing: A vertical split bar sits between the editor and preview panels. Dragging it updates the split percentage dynamically.
Fullscreen mode: Toggles the composer to fill the viewport.
Minimization drawer: Minimizes the composer into a small, floating status bar at the bottom right.

Rich Formatting Toolbar & Emojis

1. Heading Selector (`Tt`)

Inserts heading markdown (# to ####) at the cursor selection.

2. Actions Selector (`+`)

Hide Details: Inserts a folding BBCode detail block:

<details><summary>Summary</summary>


content

``` - **Footnote**: Inserts inline footnote syntax (`^[footnote]`). - **LaTeX Math**: Inserts standard math symbols wrapper (`$x^2## 前言本站使用的软件也运行了好多天了，目前各种小bug不断，但是好在没有什么致命的问题。为了帮助用户更好地理解本软件的开发情况，所以写一篇文章，介绍有哪些功能，数据是怎么迁移的。

设计理念

简单，好用
侧重点：易用 > 易开发维护 > 拥有各种功能

实现的功能

本软件的设计，高度受Discourse启发。但不谋求实现Discourse的全部功能。

Murmur: Modern Discussion Forum

🛠️ The Tech Stack

Murmur's architecture is divided into a high-performance web core, a relational database, and a specialized asset caching layer:

Web Core: SvelteKit 2 utilizing Svelte 5 Runes for robust state management.
Database & ORM: Drizzle ORM managing SQLite (better-sqlite3 driver) for synchronous operations.
Asset Performance: A custom caching proxy written in Rust using Axum (uploads-proxy).
Search Subsystem: SQLite FTS5 index combined with the sqlite-vec extension for vector operations, and @node-rs/jieba CJK tokenizer.
Real-time Features: Server-Sent Events (SSE) for pub/sub notifications, and Yjs text structures for wiki collaboration.
Styling: TailwindCSS v4 with Flowbite Svelte.

🏛️ System Architecture Preview

Murmur is designed to maximize speed by avoiding clientside rendering overhead during initial page loads.

graph TD
    Client[Browser Client]
    SvelteKit[SvelteKit Node.js Server]
    SQLite[(SQLite DB / local.db)]
    Proxy[Rust Uploads-Proxy]
    Upstream[Upstream Assets Server]
    LLM[LLM API / Ollama / Gemini / OpenAI / Anthropic]

    Client -->|1. HTTP Page Request / SSE Stream| SvelteKit
    Client -->|2. HTTP Uploaded Files| Proxy
    Proxy -->|3. Cache Miss Fetch| Upstream
    Proxy -->|4. Save locally| Disk[(Local Uploads)]
    SvelteKit -->|5. Synchronous DB Queries| SQLite
    SvelteKit -->|6. Vectors & Generation| LLM

Server-Side Rendering: SvelteKit processes the request, queries the SQLite database synchronously through the repository layer, compiles the page into static HTML, and responds.
Client Hydration: The browser displays the HTML, downloads the JavaScript bundles, and hydrates components (e.g. Composer, Likes, Chat).
Live Updates: An SSE connection is established to stream live updates (new posts, edits) to active tabs.
Asset Offloading: The Rust uploads-proxy handles asset queries. If a file is cached locally on disk, it is served; otherwise, the proxy downloads it from the upstream server with retry logic, saves it locally, and serves it.

📚 Documentation Index

Below is the directory map of the Murmur system documentation. Click on any link to view detailed guides:

⚙️ [System Architecture & Scaling](file:///f/murmur/doc/architecture.md)

Detailed breakdown of the request-response lifecycle and hydration.
Rust uploads-proxy microservice design (thundering herd protection, atomic writes).
Horizontal scaling recommendations (reconciliation, moving from memory SSE to Redis pub/sub, object storage).

Murmur: System Architecture

This document describes the high-level architecture of Murmur, including the frontend framework, backend data flow, integration with external services, and horizontal scaling patterns.

Technical Stack

Murmur is built using a modern, lightweight JavaScript stack, layered with a high-performance Rust microservice:

Frontend / Meta-framework: SvelteKit 2 using Svelte 5 (Runes mode).
Styling: TailwindCSS v4 (CSS-first, no tailwind.config.js) & Flowbite Svelte components.
Database: SQLite (better-sqlite3 driver) wrapped with Drizzle ORM.
Search Vector calculations: SQLite extension sqlite-vec.
Search tokenization: @node-rs/jieba for CJK languages.
Real-Time Communication: Server-Sent Events (SSE).
Collaboration: Yjs text types synced stateless-ly over HTTP.
Assets Proxy: Custom Axum-based Rust microservice (uploads-proxy).

Component Layout & Data Flow

graph TD
    Client[Browser Client]
    SvelteKit[SvelteKit Node.js Server]
    SQLite[(SQLite DB / local.db)]
    Proxy[Rust Uploads-Proxy]
    Upstream[Upstream Assets Server]
    LLM[LLM API / Ollama / Gemini / OpenAI / Anthropic]

    Client -->|1. HTTP / SSE| SvelteKit
    Client -->|2. HTTP Static Assets| Proxy
    Proxy -->|3. Fetch cache miss| Upstream
    Proxy -->|4. Save locally| Disk[(Local Uploads)]
    SvelteKit -->|5. Synchronous Queries| SQLite
    SvelteKit -->|6. Vectors & Generation| LLM

1. Request Lifecycle

The browser requests a page (e.g., /t/slug/id).
SvelteKit's routing resolves the path and calls the server-side load function (+page.server.ts), which queries the database synchronously via the repository layer (src/lib/server/repo.ts).
SvelteKit renders the page as static HTML (SSR-first) and returns it.
The client browser parses the HTML, displays it immediately, and fetches Svelte bundles to hydrate active widgets (e.g., the composer, emoji picker, likes).
The client initiates a Server-Sent Events (SSE) connection to listen to live updates.

Node.js & Rust uploads-proxy Integration

User-uploaded attachments and legacy images are cached locally on disk. To prevent heavy Node.js threads from blocking on large file IO operations:

Node.js Server: Serves core HTML/JS payloads and handles API mutations.
Rust uploads-proxy: Serves files located under /uploads/. It listens on 127.0.0.1:4119 and handles file lookups.
- Cache Hit: Serves the local file immediately using high-speed async file streaming via tokio-util.
- Cache Miss: Downloads the asset from the configured upstream server (attempts up to 3 times, with a 2-second sleep duration between attempts), saves it locally, and serves it to the user.
- Thundering Herd Coalesce: Employs a mutex and tokio::sync::Notify to block duplicate concurrent requests for the same missing asset, ensuring only one download request hits the upstream server.

Real-Time Engine (SSE Pub/Sub)

Murmur uses a single-process in-memory pub/sub pattern implemented in [events.ts](file:///f/murmur/src/lib/server/events.ts):

Route handlers or repository mutations call publish(topicId, event).
The Server-Sent Events endpoint [events/+server.ts](file:///f/murmur/src/routes/t/[slug]/[id]/events/+server.ts) subscribes to updates for a specific topic.
It streams JSON-LD chunk lines to the browser's EventSource instance.
The UI handles the event reactively to append new posts, update counts, or delete posts without page reloads.

Horizontal Scaling Strategy

Because SQLite and the SSE pub/sub system operate within a single process, horizontal scaling (running multiple instances of the Node.js process) requires:

Database Layer: Replace the local better-sqlite3 instance with a replicated SQLite setup (such as LiteFS) or migrate Drizzle configuration to PostgreSQL.
Pub/Sub Layer: Replace the in-memory singleton in [events.ts](file:///f/murmur/src/lib/server/events.ts) with a Redis or RabbitMQ pub/sub server. Route connections to the pub/sub interface so that messages publish across all Node server processes.
Uploads caching: Ensure the uploads-proxy instances point to a shared directory (e.g., NFS, GlusterFS) or replace the local filesystem storage with an Object Store (like AWS S3) by modifying the SvelteKit file upload API.

🗄️ [Data Model & Database Schema](file:///f/murmur/doc/data-model.md)

Relational schema definitions for SQLite.
Data design conventions (auto-increments, ISO-8601 timestamps, soft-deletions).
Database tables, relationships, and indices optimization.

Murmur: Data Model & Database Schema

Data Layer Conventions

To simplify imports, backups, and exports from active Discourse installations, Murmur maintains the following database patterns:

Integer Auto-increment Primary Keys: All tables use auto-increment integers. The system user is seeded with ID -1 (matching Discourse conventions).
ISO-8601 Timestamps: Timestamps are stored as text (e.g. 2026-07-15T22:00:00.000Z) rather than SQLite Unix integers. They default to the current time via $defaultFn(() => new Date().toISOString()). This allows lexicographical sorting and matches Discourse CSV files.
Booleans: Stored as integers (0 or 1) using Drizzle's integer(..., { mode: 'boolean' }).
Post Rendering: Posts store both the raw Markdown text (raw) and the cooked sanitized HTML (cooked). Rendering is done via {@html cooked} without dynamic clientside compilation.
Soft Deletions: Deleting topics or posts updates a deletedAt ISO timestamp column instead of deleting database rows.

Database Tables

Below is an overview of the Drizzle tables:

1. `users`

Represents forum members, administrators, and moderators.

id: Integer primary key (Auto-increment).
username: Unique username (Text).
name: Full display name (Text, nullable).
avatarUrl: URL of the user's avatar.
email: User email address.
githubId: Bound GitHub ID for SSO.
admin / moderator: Role toggles (Booleans).
trustLevel: Trust system ranking (0 to 4).
silencedUntil: ISO timestamp until which the user is banned from posting.
signatureRaw / signatureCooked: Markdown/HTML for post signatures.
chatGlobalMuted: Toggle to silence all chat badge notifications (Boolean).

2. `sessions` & `ssoSyncTickets`

Authentication sessions matching Oslo specifications.

sessions.id: SHA-256 hash of the session token.
sessions.userId: References users.id (on cascade delete).
sessions.expiresAt: Expiration timestamp.

3. `categories` & `categoryGroups`

Discussion categories which support nesting.

categories.id: Integer primary key.
categories.slug: Unique URL slug.
categories.parentCategoryId: Self-referential FK targeting the parent category.
categories.readRestricted: If true, restricts read permissions.
categoryGroups: Maps categoryId to groupId and defines permissionType (Read, Create, Reply).

4. `topics` & `posts`

Forum threads and post items.

topics.userId: Thread creator.
topics.bumpedAt: ISO timestamp updated on every reply to drive sorting.
topics.closed / topics.pinned: State flags.
posts.topicId: Parent thread.
posts.postNumber: 1-based sequential position within the topic (OP is 1).
posts.raw / posts.cooked: Markdown/cooked text.
posts.replyToPostNumber: Identifies the post being replied to.
posts.wiki: Toggle indicating if the post is editable by non-creators.

5. `postRevisions`

History of edits made outside the grace period.

postId: References posts.id.
userId: Author of the edit.
modifications: JSON string of modified properties (e.g. raw, cooked, title).
number: Version sequence number.
hidden: If true, hides modifications from normal users.

6. `postEmbeddings` & `topicRecommendations`

Vector semantic search embeddings and precomputed suggestions.

postEmbeddings.postId: References posts.id.
postEmbeddings.embedding: Raw vector float buffer (Float32Array).
topicRecommendations.topicId: References topics.id.
topicRecommendations.recommendations: JSON string list of recommended topic IDs.

7. `chatChannels`, `chatChannelMembers` & `chatMessages`

Real-time messaging channels.

chatMessages.channelId: Parent channel.
chatMessages.message / chatMessages.cooked: Raw/cooked text.
chatChannelMembers.muted: Individual channel muting preference.

Schema DDL & Indices

Drizzle automatically creates indices to optimize query performance and prevent database locks:

posts_topic_number_idx on (posts.topicId, posts.postNumber).
topics_category_bumped_idx on (topics.categoryId, topics.bumpedAt).
likes_post_user_unq unique index on (likes.postId, likes.userId).
topic_recommendations and post_embeddings map primary keys to their parent components to enable swift joins.

✍️ [Reply Composer, Drafts & Uploads](file:///f/murmur/doc/features/composer.md)

Composer UI controls (height adjustments, split ratios, fullscreen mode).
Local storage autosave and server-side syncing database logic.
Formatting toolbar helpers, emoji picker, and attachments uploads.
Kate-style whole-line keyboard shortcuts (Ctrl+X / Ctrl+C).

Composer UI, Attachments & Draft Syncing

This document describes the reply composer UI, clientside formatting shortcuts, the draft autosave engine, and the multi-file attachment pipeline.

Composer Layout & Controls

The composer component [Composer.svelte](file:///f/murmur/src/lib/components/Composer.svelte) is modeled after the Discourse editor. It resides in a sticky drawer at the bottom of the screen.

+-------------------------------------------------------------------+
|  [v] Drag Handle (Height)                                         |
+-------------------------------------------------------------------+
|  Title / Action Summary                      [ ] Full [ _ ] Min  |
+-------------------------------------------------------------------+
|  [ B ] [ I ] [ Link ] [ Quote ] [ Tt v ] [ + v ] [ Undo ] [ Redo ]|
+-------------------------------------------------------------------+
|  Textarea Input (Markdown)         |  Live HTML Preview           |
|                                    |                              |
|                                    |                              |
|                                    |<---> Vertical Split Resizer  |
+-------------------------------------------------------------------+

Resizing Features

Height Resizing: Users can click and drag the top border handle. The chosen height is written to localStorage.
Split ratio Resizing: A vertical split bar sits between the editor and preview panels. Dragging it updates the split percentage dynamically.
Fullscreen mode: Toggles the composer to fill the viewport.
Minimization drawer: Minimizes the composer into a small, floating status bar at the bottom right.

Rich Formatting Toolbar & Emojis

1. Heading Selector (`Tt`)

Inserts heading markdown (# to ####) at the cursor selection.

2. Actions Selector (`+`)

Hide Details: Inserts a folding BBCode detail block:

<details><summary>Summary</summary>


content

``` - **Footnote**: Inserts inline footnote syntax (`^[footnote]`). - **LaTeX Math**: Inserts standard math symbols wrapper (). - **Mermaid Flowchart**: Inserts standard Mermaid graphs template. - **Table / Date**: Generates formatted markdown tables or inserts local timestamps.

3. Emoji Picker

A custom Svelte 5 component [EmojiPicker.svelte](file:///f/murmur/src/lib/components/EmojiPicker.svelte) displays emoji categories. It supports text-based query filtering and inserts the selected emoji at the cursor.

Kate-Like Whole Line Editing

When typing inside the editor, Murmur supports KDE Kate-style shortcuts:

Ctrl+C (Copy): If no characters are selected (collapsed selection), copies the entire line containing the cursor (including the newline character).
Ctrl+X (Cut): If no selection is active, cuts the entire line and moves lines below it up.
Cursor Repositioning: After cutting, the cursor automatically snaps to the start of the next line, saving keystrokes.

This logic is bound to the handleKeyDown function in the composer. It interacts directly with the browser's clipboard API and forces a tick update on Svelte's reactive states to maintain history.

Draft Autosave & Database Synchronization

To prevent data loss, the composer synchronizes drafts using a hybrid approach:

sequenceDiagram
    participant Client as Browser Textarea
    participant Local as localStorage Cache
    participant API as /api/drafts/sync
    participant DB as SQLite drafts Table

    Client->>Local: Save drafts instantly on keystroke (Keydown)
    Client->>API: Periodic debounced save (Every 5 seconds)
    API->>DB: Write draft using compound key (userId + key)
    Note over API, DB: Last-write-wins merging by timestamp

LocalStorage: Serves as the primary cache to save text instantaneously.
Database Synchronization: Every 5 seconds (debounced), the client makes an HTTP POST request to /api/drafts/sync. It pushes drafts to the SQLite database, ensuring edits are preserved across devices.
Draft Disposal: Submitting a post deletes both the local storage key and the database row.

Clipboard Paste & Attachment Pipeline

The upload interface is triggered by clicking the paperclip icon or pasting an image directly from the clipboard into the editor:

Upload Initiation: An async file reader creates a unique placeholder: [Uploading image.png...] at the current cursor position.
Chromium List safeguard: Before beginning async processing, the file list is cloned into a static array. This prevents Chromium browsers from resetting the active input files when the input element value is cleared.
API Upload: The file is sent via multipart POST to /api/upload. The endpoint validates files against allowed formats (e.g. jpg, png, gif, svg).
Link Replacement: Once the API returns the permanent URL, the placeholder is replaced with the correct Markdown markup: ![filename|widthxheight](url).

Codeblocks

auto-detection of codeblocks based on the first line of the codeblock.
mermaid flowcharts.
toggle line numbers
copy and full-screen buttons

🔍 [Full-Text & Semantic Search (RAG)](file:///f/murmur/doc/features/search-and-rag.md)

SQLite FTS5 full-text indexing with Porter stemming.
CJK search query segmentation using Jieba tokenizer.
sqlite-vec semantic vector distance search pipeline.
RAG AI chatbot integration and context permission safeguards.

Full-Text & Semantic Search (RAG)

This document describes the search subsystem in Murmur, including full-text indexing, CJK segmentation, vector semantic calculations, and the RAG (Retrieval-Augmented Generation) chatbot.

1. Full-Text Search Index (FTS5)

Full-text search is powered by SQLite's FTS5 extension. During database initialization in [index.ts](file:///f/murmur/src/lib/server/db/index.ts), Murmur configures the virtual table search_index with Porter stemming to enable English word matching (e.g. "runs" matches "running"):

CREATE VIRTUAL TABLE IF NOT EXISTS search_index USING fts5(
    title,
    content,
    topic_id UNINDEXED,
    post_id UNINDEXED,
    post_number UNINDEXED,
    user_id UNINDEXED,
    category_id UNINDEXED,
    created_at UNINDEXED,
    tokenize = 'porter unicode61'
);

CJK Query Segmentation (Jieba)

Standard FTS5 tokenizers do not split Chinese, Japanese, or Korean (CJK) characters into individual words because they lack space boundaries.

To solve this, Murmur intercepts search requests in [repo.ts](file:///f/murmur/src/lib/server/repo.ts) and parses queries using Jieba (@node-rs/jieba):

RegEx Splitting: The query is split into CJK and non-CJK blocks.
Segmentation: CJK blocks are parsed using jieba.cutAll() to extract words.
FTS5 Wrapping: Extracted tokens are wrapped in double quotes and separated by spaces, converting the search into an implicit AND condition (e.g. 学习 Svelte becomes "学习" "Svelte").

2. Semantic Search (sqlite-vec)

Semantic search finds matches based on conceptual similarity rather than exact keyword matches. It uses the sqlite-vec extension to run vector operations inside SQLite.

Storage: Embeddings are stored as raw binary BLOBs (Float32Array) in the post_embeddings table to prevent thread blocking (converting JSON strings to arrays in JavaScript is CPU intensive).
Startup Migration: On startup, Murmur checks the database. If it finds legacy JSON string representations in the embeddings table, it converts them to binary buffers in batches of 500 rows.

Query Resolution: Employs a cosine similarity calculation in SQLite:

SELECT post_id, vec_distance_cosine(embedding, ?) AS distance
FROM post_embeddings
ORDER BY distance ASC
LIMIT 20;

3. RAG Chatbot Integration

When a user runs a search query, Murmur displays a RAG chatbot assistant panel next to the search results:

+-----------------------------------------------------------------+
| Search Results                     |  🤖 Chatbot Reply          |
|------------------------------------|----------------------------|
| 1. Topic: How to run Murmur        |  To run Murmur, execute:   |
|    By user1 - "Run pnpm dev..."    |  `pnpm dev`. Refer to      |
|                                    |  /t/murmur/1 for details.  |
| 2. Topic: Production Setup         |                            |
|    By user2 - "Compile build..."   |  [ AI thinking indicator ] |
+-----------------------------------------------------------------+

LLM Streaming client

The server client in [chatLlm.ts](file:///f/murmur/src/lib/server/chatLlm.ts) streams responses from different providers:

Ollama: Parses line-by-line NDJSON chunks.
Gemini / OpenAI / Anthropic: Parses Server-Sent Events (SSE) data streams.

SSE Stream Synthesis

When a search is requested, the search API endpoint [stream/+server.ts](file:///f/murmur/src/routes/api/search/stream/+server.ts) initiates an SSE stream:

It queries FTS5 and semantic databases for matches.
Results are formatted as Markdown context blocks.
It asks the LLM to summarize the findings and include links to the matched topics (e.g. /t/slug/id/post_number).
It streams response tokens to the client browser via ai_answer_chunk events, which are compiled and rendered in the UI using markdown-it.

4. Privacy & Permission Filtering

To prevent information leaks (e.g., exposing private messages or restricted categories in search results or AI summaries):

Permission Checking: The search service retrieves category permission rules via getPermittedCategoryIds(user).
Pre-filtering: Topics and posts belonging to restricted categories are filtered out of the results before the data is cached or sent to the LLM.
RAG Security: The LLM context contains only the results the user has permission to read.

✍️ [Revisions & Wiki Editing](file:///f/murmur/doc/features/revisions-and-wiki.md)

Post edit revisions, grace period overrides, and modifications storage.
Myers split-diff comparison modal and revision rollbacks.
Wiki post permissions and stateless Yjs collaborative sync protocol.

Revisions, Wiki Posts & Yjs Collaborative Editing

This document explains the version control system for post edits, wiki post privileges, and the collaborative Yjs document synchronization engine.

1. Post Revisions System

Murmur tracks the history of changes made to posts and topic details (titles and categories) over time.

Grace Period & Versioning

Editing Grace Period: Managed by the editing_grace_period site setting. If a user edits a post within this threshold (e.g. 5 minutes) after creation, modifications are overwritten without creating a new revision.
Revision Capture: Edits made after the grace period increment the post's version (and publicVersion) and save the differences to post_revisions.
Modifications Storage: Differences are stored as JSON-serialized change objects containing the previous values of modified fields:
```
{
	"raw": ["Old post raw markdown", "New post raw markdown"],
	"title": ["Old topic title", "New topic title"]
}
```

2. Visual Diff Comparison Modal

When a post contains revisions, a clickable edit counter (e.g., ✍️ 2) is displayed next to the post's timestamp. Clicking it opens the [PostRevisionsModal.svelte](file:///f/murmur/src/lib/components/PostRevisionsModal.svelte) component:

Myers Diff Algorithm: Compares line-by-line differences in raw markdown or HTML tags.
Cooked HTML Preview: Toggles to render the formatted HTML output.
Reversion: Users with edit permissions can click the "Revert" button to roll back the post to a chosen revision.
Visibility controls: Staff members (administrators and moderators) can toggle the visibility of individual revisions to hide sensitive information.

3. Wiki Posts

Wiki posts allow collaborative editing by members of the community rather than just the author.

Wiki Toggle: Staff members can convert any post into a wiki post.
Permissions: Admins can configure the minimum user group or trust level required to edit wiki posts (defaults to staff and trust_level_2 users).
Indicators: Displays a wiki badge next to the post to show users they have permission to edit it.

4. Stateless Yjs HTTP Sync Protocol

To enable concurrent collaborative editing without keeping persistent WebSocket connections open, Murmur uses a stateless HTTP synchronization protocol:

sequenceDiagram
    participant Client as Browser Editor
    participant Server as /api/posts/[id]/wiki-sync
    participant DB as SQLite DB

    Client->>Server: Send stateVector (base64) & update (base64)
    Server->>DB: Fetch post yjsState BLOB
    Server->>Server: Apply client update to Y.Doc
    Server->>Server: Compute diff using client stateVector
    Server->>DB: Save updated Y.Doc buffer to yjs_state
    Server->>Client: Return update (base64) & merged text

Protocol Steps

Initiation: The editor initializes a Yjs document (Y.Doc) and extracts the text content.
Synchronization Request: The client sends an HTTP POST request to /api/posts/[id]/wiki-sync containing its local Yjs state vector and updates, encoded in base64.
Server Merge:
- The server loads the post's current yjsState from SQLite.
- It instantiates a server-side Y.Doc and applies the database state.
- It applies the base64 update received from the client.
Calculations: The server computes the missing updates for the client using the client's state vector.
DB Update: If the merged text differs from the post's current content, the server runs editPost() to update raw/cooked columns and saves the new Yjs state buffer.
Response: The server returns the missing updates and the updated text to the client.

💬 [Real-Time Chat & Badges](file:///f/murmur/doc/features/chat.md)

Public channels, direct message groups, and message management.
Svelte 5 runes unread badge calculation and global/channel muting.

Real-Time Chat & Unread Badge system

This document describes the real-time chat subsystem in Murmur, including channels, user privileges, message edits, and the Svelte 5 runes unread badge system.

1. Chat Channels & DM Rooms

Murmur includes a built-in real-time chat workspace. It supports two channel types:

Public Channels: General channels accessible by all registered members.
Direct Messages (DMs): Private chat rooms created between two or more users.

2. Real-Time Message Flow

The chat interface streams updates in real time using Server-Sent Events (SSE):

sequenceDiagram
    participant ClientA as Sender Browser
    participant API as /api/chat/messages
    participant DB as SQLite DB
    participant SSE as SSE Stream Channel
    participant ClientB as Receiver Browser

    ClientA->>API: POST send message
    API->>DB: Write message to chat_messages
    API->>SSE: Publish message event
    SSE->>ClientB: Stream JSON event
    Note over ClientB: Append message to UI

Message Modifications

Users can edit or delete their own messages after they are sent. Moderators and administrators can edit or delete any message. Modifying a message updates the database and publishes an update event over SSE to sync all active clients.

3. Svelte 5 Runes Unread Badge System

To manage notification badges dynamically across the app, Murmur uses a client-side global state store powered by Svelte 5 runes:

State Store: Defined in a client-safe state module. It tracks active channels, members, read states, and global mute preferences.

Dynamic Badge calculations: Unread counts are computed using $derived values:

// Simplified logic
const unreadCount = $derived(() => {
	if (globalMuted) return 0;
	return channels
		.filter((c) => !c.muted)
		.reduce((sum, c) => sum + (c.messagesCount - c.lastReadMessageId), 0);
});

Real-Time Updates: When a new message event is received via the SSE connection, the client-side store increments the channel's message count. The UI updates the unread badge automatically.
Read State Sync: Reading a channel updates the client-side state and sends an API call to save the lastReadMessageId in the database, syncing the read state across devices.

4. Muting Preferences

To prevent notification fatigue, users can configure their alert preferences:

Channel Muting: Users can mute individual channels. Muted channels do not trigger badge alerts or red dot indicators.
Global Muting: Users can enable global muting in their profile settings. This silences all chat notifications across the site.

💻 [Developer Guide & Conventions](file:///f/murmur/doc/developer-guide.md)

Coding standards (runes, TailwindCSS v4, synchronous queries, types).
File-based routing structure.
ESLint and Prettier code formatting standards.

Developer Guide & Conventions

This document outlines the coding standards, repository layout, and development guidelines for developers working on the Murmur project.

1. Project Conventions

Svelte 5 Runes Mode

Murmur uses Svelte 5 runes. Use $props(), $state(), $derived(), and $effect() for state management.
Do not use legacy Svelte APIs (such as export let, $:, or store.subscribe).
The compiler options are inlined in the vite.config.ts file under the Svelte plugin configurations.

Database Layer

SQLite database operations run synchronously.
Do not await database queries: Drizzle queries use .all(), .get(), and .run() synchronously.
Implement database mutations in [repo.ts](file:///f/murmur/src/lib/server/repo.ts). Do not write inline database queries in routes or page endpoints.

Code Separation

Server-Only Code: Any logic placed under src/lib/server/** is excluded from browser bundles.
Shared Types: Clientside modules cannot import server code. Shared structures must be defined in [types.ts](file:///f/murmur/src/lib/types.ts).

Styling & CSS (TailwindCSS v4)

TailwindCSS v4 is integrated as a CSS-first design tool. There is no tailwind.config.js.
Configurations, theme overrides, and custom fonts are managed in [layout.css](file:///f/murmur/src/routes/layout.css) using CSS variables.

2. Directory Routing Structure

The routing layer uses standard SvelteKit file-based routing under src/routes/:

/ : Landing page displaying latest topics.
/c/[slug]/[id] : Topics filtered by category.
/t/[slug]/[id] : Topic thread displaying posts and reply forms. Includes SSE streaming listeners.
/new : Full-page composer workspace.
/login : Authentication page (GitHub SSO & dev login).
/admin/settings : Dashboard for administrators to configure site settings.
/sitemap.xml : Dynamic sitemap generation for web crawlers.

3. Formatting Standards

Code styling is enforced using Prettier and ESLint:

Indent: Tabs.
Quotes: Single quotes (').
Trailing Commas: None.
Line Width: 100 characters.

Verify formatting using the formatting scripts before submitting changes:

pnpm lint      # Checks linting and formatting compliance
pnpm format    # Automatically formats files

🛠️ [Operations & Maintenance Scripts](file:///f/murmur/doc/scripts.md)

Standalone operational scripts under scripts/ (import tools, reindexing, post rebaking, and embedding calculations).

Data Migrations & Operations Scripts

This document details the standalone command-line scripts located in the /scripts/ folder. These scripts are run using tsx (e.g. pnpm tsx scripts/rebake-posts.ts).

1. Data Imports & Exports

[import_discourse_csv.ts](file:///f/murmur/scripts/import_discourse_csv.ts)

Imports forum databases from a Discourse CSV export.

Workflow: Parses user profiles, categories, topics, and posts.
Parsing: Translates Discourse emojis, system formatting, and image layouts into Murmur equivalents.
Rebaking: Automatically runs the HTML cooking function on all imported posts to populate the cooked column.

[import_post_revisions.ts](file:///f/murmur/scripts/import_post_revisions.ts)

Reads historical edit logs from a Discourse CSV export and populates the postRevisions table.

Workflow: Converts Discourse YAML modifications into JSON and links them to their respective post IDs.
Recalculation: Adjusts version and publicVersion sequences on affected posts.

2. Topic recommendations & Embeddings

[embed-posts.ts](file:///f/murmur/scripts/embed-posts.ts)

Generates vector float embeddings for search calculations.

Workflow: Identifies posts that do not have embeddings in the post_embeddings table.
Generation: Calls the configured LLM API (e.g. Ollama, OpenAI) to generate vector embeddings.
Persistence: Writes vector embeddings to the database as binary buffers.

[generate-related-topics.ts](file:///f/murmur/scripts/generate-related-topics.ts)

Computes topic similarity recommendations.

Workflow: Calculates vector distances between topic posts.
Storage: Saves the top 50 matches for each topic as a JSON list in topic_recommendations.

3. Maintenance & Optimizations

[rebake-posts.ts](file:///f/murmur/scripts/rebake-posts.ts)

Re-processes post content using the Markdown compiler.

Usage: Run this script after modifying markdown parser rules, BBCode preprocessors, or HTML sanitization options to update all compiled posts.

[rehash-compress-replace.ts](file:///f/murmur/scripts/rehash-compress-replace.ts)

Compresses and optimizes uploaded assets.

Workflow: Compresses images on disk, updates their URLs, and updates file paths in raw and cooked post content.

[reindex.ts](file:///f/murmur/scripts/reindex.ts)

Rebuilds the virtual FTS5 search index.

Workflow: Wipes search_index and indexes all posts in the database.
CJK splitting: Uses Jieba to segment Chinese, Japanese, and Korean content.

⚡ Quick Start

1. Prerequisite Installations

Ensure you have Node.js 26+ and pnpm 11+ installed. If you plan to run the uploads proxy or semantic search, make sure cargo (Rust toolchain) and SQLite are available.

2. Development Setup

Clone the repository and install dependencies:

pnpm install

Configure your environment variables:

cp .env.example .env

Modify .env to define:

DATABASE_URL: Path to your database file (defaults to local.db).
ORIGIN: The server domain (e.g. http://localhost:5173).
GITHUB_CLIENT_ID / GITHUB_CLIENT_SECRET: OAuth credentials.

Initialize and seed the database with mock categories, users, and topics:

pnpm db:push
pnpm db:seed

Start the Vite development server:

pnpm dev

Open /login and use the Dev Login button to authenticate as any user without configuring GitHub OAuth.

📁 Repository Layout

src/routes/ - SvelteKit routing layer (pages, endpoints, SSE streams).
src/lib/ - Shared code, UI components, and state modules.
src/lib/server/ - Server-side modules (database pools, auth Oslo, markdown cooker, search caches).
scripts/ - Standalone tools (data imports, re-indexing, embedding pre-calculations).
uploads-proxy/ - Rust Axum asset cache proxy server.
doc/ - System documentation markdown files.

考虑到新软件的功能众多，这里侧重写一些特色功能。100%由真人撰写。

右上角的noti-menu将通知面板和菜单创造性地合而为一，当没有unread notifications时，点击avatar将直接展示菜单。

菜单项众多，多到已经占满了行动装置屏幕的高度。

菜单中的功能：

layout切换功能：支持在传统Discourse式平铺、Old Reddit式嵌套、BIDU.O Tieba式楼层UI布局间无缝切换。
使用系统字体：本软件学习Sveltekit文档，使用Serif字体。该开关可以退回原行为：使用系统字体
关闭系统通知：系统通知开关，前提是浏览器支持。
Logout + Build Info：显示当前部署运行软件的Git Revision和Build Time

编辑器快捷键：

Ctrl+Shift+.
insert datetime
Ctrl+C/X
copy/cut whole line when nothing is selected，这个和KDE用户常用的Kate编辑器或Jetbrains IDE的行为保持一致。
详情可以打开快捷键帮助查看：

行动装置上的按钮

创造性地复用底部导航栏中心的Topics按钮，在 post number>1 的topic中自动变成atlas按钮，从避免了在底部增加第6个按钮。点击atlas将弹出post导航菜单。

用户Profile Page

访问/my即可查看自己的Profile Page，自动导航到/u/< username>.
在这里，你可以（以Blog的UI查看）该用户的全部发布的全部话题（original posts）、查看全部回复（posts），全部图片（Gallery），喜欢（Likes），Bookmarks（default to private），Badges.

特色功能

自动将所有上传的图片转换成AVIF，自动将所有上传的视频用libsvtav1编码器转换为AV1编码格式的Video，以节省空间和带宽。
无需登录的发帖/回复
Fast Dev+Deploy Cycle：不同于Discourse的缓慢的容器生成和缓慢的unicorn server重启时间，新软件使用pnpm build生成用于部署的build文件夹的时间约为20s，node server重启时间约为3s.
查看最新posts：不同于Discourse默认的首页展示Topics，我们的/posts Route展示最新的posts，避免了一个个点进去看最新回复，节约了用户的宝贵时间。
朋友圈UI：我们的/moments Route提供了用户熟悉的界面和样貌。How Déjà vu
快速emoji加载：不同于Discourse每个emoji都是一个图片：

我们的emoji除了非标/自定义emoji是AVIF图片，其他的都是unicode

这大大加快了打开emoji picker时emoji的加载速度。
自动grid：编辑器中上传的多长图片连在一起时，将自动再两端分别包裹[ grid],[ /grid]
这是一种BBCode格式，支持用mode="tile","slide","off"来选择默认的展示效果为：砖块型,胶片型,关。