DN 流程,在笔记内让 ai 根据当前笔记内容进行回复,内部 ai 回复框

本贴最后更新于 246 天前,其中的信息可能已经时移世改

注意注意,别把这个语句放在有隐私的笔记里面!!!

原有功能与实现教程:
思源笔记页面内实现 ai 聊天与 ai 读取笔记内容进行回复(自动)! - 链滴

让 ai 根据当前笔记内容进行回复

代码功能:
在创建日记的时候进行回复

在每天写完日记以后,让 ai 根据日记内容进行回复

image.png


//!js

// Function to get context from recently updated documents (Keep as is)
async function getDocumentContext() {
    try {
        let currentDocId = Query.root_id(protyle);
        const sqlQuery = `
        select * from blocks
        where root_id = '${currentDocId}'
        order by sort ASC
        limit 9999
        `;
        let blocks = await Query.sql(sqlQuery);

        if (blocks && blocks.length > 0) {
            let contextEntries = blocks.map(block => {
                const content = block.markdown || block.content || '[No Content]';
                return `Document Path: ${block.hpath || 'N/A'}\nContent:\n---\n${content}\n---`;
            });
            return "以下是当前文档的内容,请参考:\n==========\n" + contextEntries.join('\n\n') + "\n==========\n";
        } else {
            return "当前文档没有内容可供参考。\n";
        }
    } catch (error) {
        console.error("查询文档时出错:", error);
        return "查询参考文档时出现错误。\n";
    }
}

// Function to create the UI elements (Keep as is)
const ui = () => {
    const textarea = document.createElement('textarea');
    textarea.className = "fn__block b3-text-field";
    textarea.rows = 3;
    textarea.placeholder = "继续提问...";

    const buttonContainer = document.createElement('div');
    buttonContainer.style.display = 'flex';
    buttonContainer.style.justifyContent = 'flex-end';
    buttonContainer.style.gap = '8px';
    buttonContainer.style.marginTop = '8px';

    const removeLastButton = document.createElement('button');
    removeLastButton.className = "b3-button";
    removeLastButton.textContent = "我不会和别人说的🌹";
    buttonContainer.appendChild(removeLastButton);

    const sendButton = document.createElement('button');
    sendButton.className = "b3-button";
    sendButton.textContent = "是这样的😄";
    buttonContainer.appendChild(sendButton);

    return { textarea, buttonContainer, sendButton, removeLastButton };
}

// Main chat function (Modified to fix null querySelector error)
const chat = async () => {
    let dv = Query.DataView(protyle, item, top);
    const messages = dv.useState('messages', []);
    const msgIds = dv.useState('msgIds', []);

    // --- Initial Rendering Structure ---
    dv.addmd(`#### 向我分享你的一天吧!`);

    // 1. Render existing messages from state
    const initialMsgIds = [];
    messages().forEach(msg => {
        try {
            let el = dv.addmd(`**${msg.role === 'user' ? 'You' : 'GPT'}**: ${msg.content}`);
            if (el && el.dataset && el.dataset.id) {
                initialMsgIds.push(el.dataset.id);
            }
        } catch (e) {
            console.error("Error rendering message:", e);
        }
    });
  
    if (msgIds().length === 0 && initialMsgIds.length > 0) {
        msgIds(initialMsgIds);
    }

    // 2. Add Separator
    dv.addmd('---');

    // 3. Create UI Elements but don't store unnecessary references
    const { textarea, buttonContainer, sendButton, removeLastButton } = ui();
  
    // Just add them directly without storing the references
    dv.addele(textarea);
    dv.addele(buttonContainer);

    // --- Function to perform AI query (Modified with better error handling) ---
    const performAIQuery = async (prompt, isInitialQuery = false) => {
        try {
            sendButton.disabled = true;
            removeLastButton.disabled = true;

            // Add placeholder with better error handling
            let respondPlaceholder;
            let gptMsgId = null;
      
            try {
                respondPlaceholder = dv.addmd(`**GPT**: 正在检索参考资料并思考... 🤔`);
                if (respondPlaceholder && respondPlaceholder.dataset) {
                    gptMsgId = respondPlaceholder.dataset.id;
                    // Add placeholder ID to state only if it's valid
                    if (gptMsgId) {
                        msgIds([...msgIds(), gptMsgId]);
                    }
                }
            } catch (e) {
                console.error("Error adding placeholder:", e);
                // If we can't add a placeholder, we'll just add a new message later
            }

            // Safe function to replace or add content
            const updateContent = (id, content) => {
                try {
                    if (id) {
                        dv.replaceView(id, dv.md(`**GPT**: ${content}`));
                    } else {
                        // If no ID, add as new message
                        let newEl = dv.addmd(`**GPT**: ${content}`);
                        if (newEl && newEl.dataset && newEl.dataset.id) {
                            msgIds([...msgIds(), newEl.dataset.id]);
                        }
                    }
                } catch (e) {
                    console.error("Error updating content:", e);
                    // Last resort fallback - just add a new message
                    try {
                        dv.addmd(`**GPT**: ${content}`);
                    } catch (e) {
                        console.error("Failed to add fallback message:", e);
                    }
                }
            };

            const docReference = await getDocumentContext();
            const prefixText = `${docReference}\n这是我的提问背景信息:`;
            const suffixText = "\n请基于以上参考信息,回复我的问题。注意:多用表情,尽量简短且切中要点。";
            const fullPrompt = `${prefixText}\n${prompt}\n${suffixText}`;

            const response = await Query.gpt(fullPrompt, {
                stream: true,
                streamInterval: 3,
                streamMsg: (content) => {
                    // Safely update with streaming content
                    updateContent(gptMsgId, content);
                }
            });

            // Update state with final response
            const gptMessage = { role: 'assistant', content: response };
            const currentMessages = messages();
      
            if (isInitialQuery) {
                messages([gptMessage]); 
            } else {
                messages([...currentMessages, gptMessage]);
            }
      
            // Final update with safe function
            updateContent(gptMsgId, response);

        } catch (error) {
            console.error("GPT 调用或处理失败:", error);
            const errorMessageContent = `抱歉,处理时遇到问题: ${error.message}`;
      
            try {
                if (gptMsgId) {
                    dv.replaceView(gptMsgId, dv.md(`**GPT**: ${errorMessageContent}`));
                } else {
                    dv.addmd(`**GPT**: ${errorMessageContent}`);
                }
          
                const errorMessage = { role: 'assistant', content: errorMessageContent };
                const currentMessages = messages();
          
                if (isInitialQuery) {
                    messages([errorMessage]);
                } else {
                    messages([...currentMessages, errorMessage]);
                }
            } catch (e) {
                console.error("Error handling GPT failure:", e);
                // Try one more time with a simple message
                try {
                    dv.addmd(`**Error**: ${error.message}`);
                } catch (finalError) {
                    console.error("Failed all error handling attempts:", finalError);
                }
            }
        } finally {
            // Re-enable buttons regardless of outcome
            try {
                sendButton.disabled = false;
                removeLastButton.disabled = false;
                // Safely repaint
                dv.repaint();
            } catch (e) {
                console.error("Error in finally block:", e);
            }
        }
    };

    // --- Initial Query Logic ---
    if (messages().length === 0) {
        const predefinedPrompt = "今天真是美好的一天,请你基于参考内容,激励我度过美好的一天吧!请你用满满的正能量激励我,并且要加入很多的表情,让我的心情愉快!";
  
        try {
            await performAIQuery(predefinedPrompt, true);
        } catch (e) {
            console.error("Initial query failed:", e);
            // Try to add a fallback message
            dv.addmd("**System**: 初始查询失败,但你仍然可以开始对话。");
        }
    }

    // --- Button Handlers ---
    sendButton.onclick = async () => {
        const userInput = textarea.value.trim();
        if (!userInput) return;

        // 1. Add user message to state and UI with better error handling
        const userMessage = { role: 'user', content: userInput };
        messages([...messages(), userMessage]);
  
        let userEl;
        let userMsgId = null;
  
        try {
            userEl = dv.addmd(`**You**: ${userInput}`);
            if (userEl && userEl.dataset) {
                userMsgId = userEl.dataset.id;
                if (userMsgId) {
                    msgIds([...msgIds(), userMsgId]);
                }
            }
        } catch (e) {
            console.error("Error adding user message:", e);
        }
  
        textarea.value = '';

        // 2. Perform AI query with error handling
        try {
            await performAIQuery(userInput, false);
        } catch (e) {
            console.error("Query failed:", e);
            dv.addmd(`**System**: 查询失败,请重试。错误: ${e.message}`);
        }
    };

    // Remove last button click handler (with better error handling)
    removeLastButton.onclick = () => {
        try {
            const currentMessages = messages();
            let currentMsgIds = [...msgIds()];

            if (currentMessages.length < 2 || currentMsgIds.length < 2) return;

            // Update messages state first (in case view operations fail)
            messages(currentMessages.slice(0, -2));

            // Then try to remove the views
            try {
                const lastGptId = currentMsgIds.pop();
                const lastUserId = currentMsgIds.pop();

                if (lastGptId) dv.removeView(lastGptId);
                if (lastUserId) dv.removeView(lastUserId);
          
                // Update msgIds state only after successful removal
                msgIds(currentMsgIds);
            } catch (e) {
                console.error("Error removing views:", e);
            }
      
            // Always try to repaint
            dv.repaint();
        } catch (e) {
            console.error("Error in removeLastButton handler:", e);
        }
    };

    // --- Final Render ---
    try {
        dv.render();
    } catch (e) {
        console.error("Error rendering DataView:", e);
    }
}

// Execute the chat function with error handling
try {
    return chat();
} catch (e) {
    console.error("Fatal error in chat function:", e);
    return "Error initializing chat. Please check console for details.";
}

  • 思源笔记

    思源笔记是一款隐私优先的个人知识管理系统,支持完全离线使用,同时也支持端到端加密同步。

    融合块、大纲和双向链接,重构你的思维。

    28448 引用 • 119792 回帖
1 操作
TangQi 在 2025-04-20 21:14:41 更新了该帖

相关帖子

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...

推荐标签 标签

  • C++

    C++ 是在 C 语言的基础上开发的一种通用编程语言,应用广泛。C++ 支持多种编程范式,面向对象编程、泛型编程和过程化编程。

    110 引用 • 153 回帖
  • HBase

    HBase 是一个分布式的、面向列的开源数据库,该技术来源于 Fay Chang 所撰写的 Google 论文 “Bigtable:一个结构化数据的分布式存储系统”。就像 Bigtable 利用了 Google 文件系统所提供的分布式数据存储一样,HBase 在 Hadoop 之上提供了类似于 Bigtable 的能力。

    17 引用 • 6 回帖 • 72 关注
  • wolai

    我来 wolai:不仅仅是未来的云端笔记!

    2 引用 • 14 回帖 • 7 关注
  • JWT

    JWT(JSON Web Token)是一种用于双方之间传递信息的简洁的、安全的表述性声明规范。JWT 作为一个开放的标准(RFC 7519),定义了一种简洁的,自包含的方法用于通信双方之间以 JSON 的形式安全的传递信息。

    20 引用 • 15 回帖 • 28 关注
  • Telegram

    Telegram 是一个非盈利性、基于云端的即时消息服务。它提供了支持各大操作系统平台的开源的客户端,也提供了很多强大的 APIs 给开发者创建自己的客户端和机器人。

    5 引用 • 35 回帖 • 1 关注
  • Spring

    Spring 是一个开源框架,是于 2003 年兴起的一个轻量级的 Java 开发框架,由 Rod Johnson 在其著作《Expert One-On-One J2EE Development and Design》中阐述的部分理念和原型衍生而来。它是为了解决企业应用开发的复杂性而创建的。框架的主要优势之一就是其分层架构,分层架构允许使用者选择使用哪一个组件,同时为 JavaEE 应用程序开发提供集成的框架。

    950 引用 • 1460 回帖 • 2 关注
  • 阿里云

    阿里云是阿里巴巴集团旗下公司,是全球领先的云计算及人工智能科技公司。提供云服务器、云数据库、云安全等云计算服务,以及大数据、人工智能服务、精准定制基于场景的行业解决方案。

    85 引用 • 324 回帖
  • 电影

    这是一个不能说的秘密。

    125 引用 • 610 回帖
  • InfluxDB

    InfluxDB 是一个开源的没有外部依赖的时间序列数据库。适用于记录度量,事件及实时分析。

    2 引用 • 123 关注
  • V2EX

    V2EX 是创意工作者们的社区。这里目前汇聚了超过 400,000 名主要来自互联网行业、游戏行业和媒体行业的创意工作者。V2EX 希望能够成为创意工作者们的生活和事业的一部分。

    16 引用 • 236 回帖 • 224 关注
  • Java

    Java 是一种可以撰写跨平台应用软件的面向对象的程序设计语言,是由 Sun Microsystems 公司于 1995 年 5 月推出的。Java 技术具有卓越的通用性、高效性、平台移植性和安全性。

    3206 引用 • 8217 回帖
  • Vditor

    Vditor 是一款浏览器端的 Markdown 编辑器,支持所见即所得、即时渲染(类似 Typora)和分屏预览模式。它使用 TypeScript 实现,支持原生 JavaScript、Vue、React 和 Angular。

    386 引用 • 1892 回帖
  • MongoDB

    MongoDB(来自于英文单词“Humongous”,中文含义为“庞大”)是一个基于分布式文件存储的数据库,由 C++ 语言编写。旨在为应用提供可扩展的高性能数据存储解决方案。MongoDB 是一个介于关系数据库和非关系数据库之间的产品,是非关系数据库当中功能最丰富,最像关系数据库的。它支持的数据结构非常松散,是类似 JSON 的 BSON 格式,因此可以存储比较复杂的数据类型。

    91 引用 • 59 回帖 • 1 关注
  • 单点登录

    单点登录(Single Sign On)是目前比较流行的企业业务整合的解决方案之一。SSO 的定义是在多个应用系统中,用户只需要登录一次就可以访问所有相互信任的应用系统。

    9 引用 • 25 回帖 • 8 关注
  • Sublime

    Sublime Text 是一款可以用来写代码、写文章的文本编辑器。支持代码高亮、自动完成,还支持通过插件进行扩展。

    10 引用 • 5 回帖 • 1 关注
  • 禅道

    禅道是一款国产的开源项目管理软件,她的核心管理思想基于敏捷方法 scrum,内置了产品管理和项目管理,同时又根据国内研发现状补充了测试管理、计划管理、发布管理、文档管理、事务管理等功能,在一个软件中就可以将软件研发中的需求、任务、bug、用例、计划、发布等要素有序的跟踪管理起来,完整地覆盖了项目管理的核心流程。

    11 引用 • 15 回帖
  • 服务

    提供一个服务绝不仅仅是简单的把硬件和软件累加在一起,它包括了服务的可靠性、服务的标准化、以及对服务的监控、维护、技术支持等。

    41 引用 • 24 回帖 • 2 关注
  • 小说

    小说是以刻画人物形象为中心,通过完整的故事情节和环境描写来反映社会生活的文学体裁。

    33 引用 • 108 回帖
  • SSL

    SSL(Secure Sockets Layer 安全套接层),及其继任者传输层安全(Transport Layer Security,TLS)是为网络通信提供安全及数据完整性的一种安全协议。TLS 与 SSL 在传输层对网络连接进行加密。

    70 引用 • 193 回帖 • 405 关注
  • webpack

    webpack 是一个用于前端开发的模块加载器和打包工具,它能把各种资源,例如 JS、CSS(less/sass)、图片等都作为模块来使用和处理。

    43 引用 • 130 回帖 • 259 关注
  • WebComponents

    Web Components 是 W3C 定义的标准,它给了前端开发者扩展浏览器标签的能力,可以方便地定制可复用组件,更好的进行模块化开发,解放了前端开发者的生产力。

    1 引用 • 17 关注
  • 导航

    各种网址链接、内容导航。

    45 引用 • 177 回帖
  • Pipe

    Pipe 是一款小而美的开源博客平台。Pipe 有着非常活跃的社区,可将文章作为帖子推送到社区,来自社区的回帖将作为博客评论进行联动(具体细节请浏览 B3log 构思 - 分布式社区网络)。

    这是一种全新的网络社区体验,让热爱记录和分享的你不再感到孤单!

    134 引用 • 1128 回帖 • 93 关注
  • Jenkins

    Jenkins 是一套开源的持续集成工具。它提供了非常丰富的插件,让构建、部署、自动化集成项目变得简单易用。

    54 引用 • 37 回帖
  • 工具

    子曰:“工欲善其事,必先利其器。”

    308 引用 • 773 回帖
  • 前端

    前端技术一般分为前端设计和前端开发,前端设计可以理解为网站的视觉设计,前端开发则是网站的前台代码实现,包括 HTML、CSS 以及 JavaScript 等。

    248 引用 • 1342 回帖
  • V2Ray
    1 引用 • 15 回帖 • 4 关注