@dsh-plugin/dsh-synapse 0.0.0-stage → 0.1.0-dev.41044228975

package/lib/host/memory.js

@@ -0,0 +1,155 @@
+import Database from "better-sqlite3";
+import * as vec from "sqlite-vec";
+import { createHash } from "node:crypto";
+const channelCheck = (c) => {
+    if (!["chat", "review"].includes(c))
+        throw new Error("记忆分类无效");
+    return c;
+};
+// Whitespace-separated Han characters let unicode61 index Chinese without an external tokenizer.
+export const tokenize = (text) => (text.toLowerCase().match(/[\p{Script=Han}]|[\p{L}\p{N}_]+/gu) || []).join(" ");
+export function parseHermes(markdown, channel = "chat") {
+    channelCheck(channel);
+    if (typeof markdown !== "string" || markdown.length > 2000000)
+        throw new Error("记忆文档无效或超过 2 MB");
+    const chunks = [];
+    let heading = "Hermes memory", lines = [];
+    const flush = () => {
+        const content = lines.join("\n").trim();
+        if (content)
+            for (let i = 0; i < content.length; i += 1200)
+                chunks.push({
+                    channel,
+                    source: "hermes",
+                    text: `${heading}\n${content.slice(i, i + 1200)}`,
+                });
+        lines = [];
+    };
+    const clean = markdown.replace(/^---\r?\n[\s\S]*?\r?\n---(?:\r?\n|$)/, "");
+    let fenced = false;
+    for (const line of clean.split(/\r?\n/)) {
+        if (/^\s*(```|~~~)/.test(line))
+            fenced = !fenced;
+        const match = !fenced && line.match(/^#{1,6}\s+(.+)/);
+        if (match) {
+            flush();
+            heading = match[1];
+        }
+        else
+            lines.push(line);
+    }
+    flush();
+    return chunks;
+}
+export class Memory {
+    inference;
+    config;
+    db;
+    constructor(file, inference, config) {
+        this.inference = inference;
+        this.config = config;
+        this.db = new Database(file);
+        this.db.pragma("journal_mode = WAL");
+        this.db.pragma("busy_timeout = 5000");
+        vec.load(this.db);
+        this.db
+            .exec(`CREATE TABLE IF NOT EXISTS memories(id INTEGER PRIMARY KEY, channel TEXT NOT NULL, source TEXT NOT NULL, text TEXT NOT NULL, hash TEXT NOT NULL UNIQUE, created TEXT NOT NULL DEFAULT CURRENT_TIMESTAMP);
+      CREATE VIRTUAL TABLE IF NOT EXISTS memory_fts USING fts5(tokens);
+      CREATE VIRTUAL TABLE IF NOT EXISTS memory_vec USING vec0(id INTEGER PRIMARY KEY, embedding float[512], channel TEXT partition key);
+      CREATE TABLE IF NOT EXISTS deliveries(id TEXT PRIMARY KEY, event TEXT NOT NULL, payload TEXT NOT NULL, state TEXT NOT NULL DEFAULT 'pending', attempts INTEGER NOT NULL DEFAULT 0, error TEXT, result TEXT, updated TEXT DEFAULT CURRENT_TIMESTAMP);`);
+    }
+    async addMany(items) {
+        const ready = [];
+        for (const item of items) {
+            channelCheck(item.channel);
+            if (!item.text?.trim())
+                continue;
+            const hash = createHash("sha256")
+                .update(item.channel + "\0" + item.text)
+                .digest("hex");
+            if (this.db.prepare("SELECT 1 FROM memories WHERE hash=?").get(hash))
+                continue;
+            const embedding = await this.inference.embed(item.text);
+            if (embedding.length !== 512 ||
+                embedding.some((n) => !Number.isFinite(n)))
+                throw new Error("嵌入维度或数值无效");
+            ready.push({ ...item, hash, embedding: Float32Array.from(embedding) });
+        }
+        return this.db.transaction(() => {
+            let count = 0;
+            for (const item of ready) {
+                const result = this.db
+                    .prepare("INSERT OR IGNORE INTO memories(channel,source,text,hash) VALUES(?,?,?,?)")
+                    .run(item.channel, item.source, item.text, item.hash);
+                if (!result.changes)
+                    continue;
+                const id = BigInt(result.lastInsertRowid);
+                this.db
+                    .prepare("INSERT INTO memory_fts(rowid,tokens) VALUES(?,?)")
+                    .run(id, tokenize(item.text));
+                this.db
+                    .prepare("INSERT INTO memory_vec(id,embedding,channel) VALUES(?,?,?)")
+                    .run(id, item.embedding, item.channel);
+                count++;
+            }
+            const old = this.db
+                .prepare("SELECT id FROM memories ORDER BY id DESC LIMIT -1 OFFSET ?")
+                .all(this.config().maxMemories);
+            for (const { id } of old)
+                this.remove(id);
+            return { inserted: count, duplicates: items.length - count };
+        })();
+    }
+    remove(id) {
+        this.db.prepare("DELETE FROM memory_vec WHERE id=?").run(BigInt(id));
+        this.db.prepare("DELETE FROM memory_fts WHERE rowid=?").run(id);
+        this.db.prepare("DELETE FROM memories WHERE id=?").run(id);
+    }
+    async search(query, channel) {
+        channelCheck(channel);
+        const c = this.config();
+        if (!c.ragEnabled)
+            return [];
+        const embedding = Float32Array.from(await this.inference.embed(query, true));
+        const vectors = this.db
+            .prepare("SELECT id,distance FROM memory_vec WHERE embedding MATCH ? AND k=? AND channel=? ORDER BY distance")
+            .all(embedding, c.recallK, channel);
+        const terms = [
+            ...new Set(tokenize(query).split(" ").filter(Boolean)),
+        ].slice(0, 64);
+        const lexical = terms.length
+            ? this.db
+                .prepare("SELECT f.rowid AS id FROM memory_fts f JOIN memories m ON m.id=f.rowid WHERE memory_fts MATCH ? AND m.channel=? ORDER BY rank LIMIT ?")
+                .all(terms.map((t) => '"' + t.replaceAll('"', '""') + '"').join(" OR "), channel, c.recallK)
+            : [];
+        const scores = new Map();
+        for (const rows of [vectors, lexical])
+            rows.forEach(({ id }, i) => scores.set(id, (scores.get(id) || 0) + 1 / (60 + i + 1)));
+        let results = [...scores]
+            .sort((a, b) => b[1] - a[1])
+            .slice(0, c.recallK)
+            .map(([id, score]) => ({
+            ...this.db
+                .prepare("SELECT * FROM memories WHERE id=?")
+                .get(id),
+            score,
+        }));
+        if (c.reranker && results.length) {
+            const ranks = await this.inference.rerank(query, results.map((x) => x.text));
+            results = results
+                .map((x, i) => ({ ...x, score: ranks[i] }))
+                .sort((a, b) => b.score - a.score);
+        }
+        return results.slice(0, c.memoryK);
+    }
+    list(channel, limit = 100) {
+        channelCheck(channel);
+        return this.db
+            .prepare("SELECT * FROM memories WHERE channel=? ORDER BY id DESC LIMIT ?")
+            .all(channel, limit);
+    }
+    close() {
+        this.db.close();
+    }
+}
+//# sourceMappingURL=memory.js.map

package/lib/host/memory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"memory.js","sourceRoot":"","sources":["../../src/memory.ts"],"names":[],"mappings":"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"}

package/lib/host/panel.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/host/panel.html

@@ -0,0 +1,174 @@
+<!doctype html>
+<html lang="zh-CN">
+  <meta charset="utf-8" /><meta
+    name="viewport"
+    content="width=device-width,initial-scale=1"
+  /><title>Synapse · 通道与记忆</title>
+  <style>
+    :root {
+      color-scheme: light dark;
+      font-family: system-ui, sans-serif;
+      background: Canvas;
+      color: CanvasText;
+    }
+    * {
+      box-sizing: border-box;
+    }
+    body {
+      margin: 0;
+    }
+    main {
+      max-width: 1100px;
+      margin: auto;
+      padding: 32px 24px;
+    }
+    header {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      gap: 20px;
+    }
+    h1 {
+      margin: 0;
+      font-size: 32px;
+    }
+    header p {
+      opacity: 0.65;
+    }
+    nav {
+      display: flex;
+      gap: 8px;
+      flex-wrap: wrap;
+      border-bottom: 1px solid #8885;
+      padding: 20px 0;
+    }
+    button,
+    input,
+    textarea,
+    select {
+      font: inherit;
+      color: inherit;
+      background: transparent;
+      border: 1px solid #8887;
+      border-radius: 7px;
+      padding: 9px;
+    }
+    button {
+      cursor: pointer;
+    }
+    button:hover,
+    button[aria-selected="true"] {
+      background: #34877825;
+      border-color: #348778;
+    }
+    button:disabled {
+      opacity: 0.5;
+      cursor: wait;
+    }
+    textarea {
+      width: 100%;
+      min-height: 180px;
+      resize: vertical;
+      font:
+        14px/1.6 ui-monospace,
+        monospace;
+    }
+    input:not([type="checkbox"]),
+    select {
+      width: 100%;
+    }
+    label {
+      display: block;
+      margin: 12px 0 5px;
+    }
+    fieldset {
+      border: 1px solid #8885;
+      border-radius: 10px;
+      padding: 18px;
+      margin: 18px 0;
+      min-width: 0;
+    }
+    legend {
+      padding: 0 8px;
+      font-weight: 600;
+    }
+    section {
+      padding: 18px 0;
+    }
+    pre {
+      white-space: pre-wrap;
+      overflow-wrap: anywhere;
+      max-height: 500px;
+      overflow: auto;
+      padding: 16px;
+      border: 1px solid #8885;
+      border-radius: 8px;
+    }
+    article {
+      border-bottom: 1px solid #8885;
+      padding: 12px 0;
+    }
+    .actions {
+      display: flex;
+      gap: 8px;
+      flex-wrap: wrap;
+      margin: 12px 0;
+    }
+    .muted {
+      font-size: 13px;
+      opacity: 0.7;
+    }
+    #notice {
+      min-height: 24px;
+      padding: 12px 0;
+    }
+    #notice.error {
+      color: #d85050;
+    }
+    .two {
+      display: grid;
+      grid-template-columns: 1fr 2fr;
+      gap: 24px;
+    }
+    .row {
+      padding: 12px;
+      border-left: 2px solid #348778;
+      margin: 10px 0;
+    }
+    details {
+      padding: 8px 0;
+    }
+    summary {
+      cursor: pointer;
+    }
+    @media (max-width: 650px) {
+      main {
+        padding: 20px 12px;
+      }
+      .two {
+        grid-template-columns: 1fr;
+      }
+      header {
+        display: block;
+      }
+    }
+  </style>
+  <main>
+    <header>
+      <div>
+        <h1>Synapse</h1>
+        <p>QQ · Discord · GitHub，共享知识，各司其职。</p>
+      </div>
+      <span id="status">正在连接 DSH…</span>
+    </header>
+    <nav aria-label="管理模块" id="tabs"></nav>
+    <div id="notice" role="status" aria-live="polite"></div>
+    <div id="content"></div>
+    <footer class="muted">
+      配置保存在当前 DSH
+      profile。模型首次使用时下载；聊天与审查记忆分开检索。<br />AGPL-3.0 ·
+      <a href="https://github.com/dsh-plugins/dsh-synapse">获取完整源码</a>
+    </footer>
+  </main>
+  <script type="module" src="/synapse-panel.js"></script>
+</html>