Giter VIP home page Giter VIP logo

ai-chat's Introduction

AI-chat 是一款 openai chatGpt api 驱动的划词聊天、划词翻译 chrome 插件,支持预设引导语,使用 stream 模式请求 openai,快速响应

比如:引导语设置为:翻译成中文:,这时候 AI-chat 就化身为划词翻译了!

使用方式:

由于暂时还没有上架 chrome 应用商店,只能通过下载当前项目(或者下载release dist.zip),chrome 地址栏输入 chrome://extensions/,打开开发者模式,选择加载已解压的扩展程序然后选择本项目的 dist目录。

功能简介:

1.划词翻译:

示例图片

2.预设引导语:

示例图片

3.继续聊天:

示例图片

4.内置markdown解析和语法高亮,支持渲染代码块

示例图片

5.暗夜模式以及全屏模式

示例图片

6.点击右上角插件图标快速聊天模式

示例图片

7.支持设置google/bing/baidu 搜索时,顺带问问gpt

示例图片

持续开发中的:

  • 使用 shodow dom 避免 css 污染
  • popup.html ui 优化一下
  • 翻译面板增加固钉、拖拽
  • 增加放大全屏
  • 面板位置 不要跑出屏幕
  • 切换到 stream 请求
  • 保留历史引导词条
  • dark mode
  • tool bar 增加 set 按钮
  • 右上角点击增加自助翻译
  • markdownit 和 highlight.js 渲染回答 并且实现 code 代码区明暗主题
  • 保留历史对话
  • 浏览器无激活 tab 使用 popup 聊天 ,反之,唤起嵌入到页面的插件
  • google/baidu/bing 搜索时,顺带问问 gpt (可设置开关)
  • 优化面板位置调整
  • 清除聊天
  • 支持 markdown 表格、列表渲染(使用markdown-it-katexmarkdown-it-multimd-table配合github-markdown.less)
  • 用 vercel 作在线演示
  • 页面打开情况下,右上角按钮直接打开页面上的聊天界面
  • 提供请求返回前结束请求(abort)
  • 交互优化

ai-chat's People

Contributors

facexl avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.