1 year ago · 7f55ea0c53
--- a/README.md
+++ b/README.md
@@ -122,6 +122,9 @@ For those who'd like to contribute code, see our [Contribution Guide](https://gi
 
																 At the same time, please consider supporting Dify by sharing it on social media and at events and conferences.
															
 
																+### Projects made by community
															
 
																+
															
 
																+- [Chatbot Chrome Extension by @charli117](https://github.com/langgenius/chatbot-chrome-extension)
															
 
																 ### Contributors
															
--- a/plug-in/README_CN.md
+++ b/plug-in/README_CN.md
@@ -1,33 +0,0 @@
 
																-## Chrome Dify ChatBot插件
															
 
																-
															
 
																-### 方式1：Chrome插件商店 * [点击访问](https://chrome.google.com/webstore/detail/dify-chatbot/ceehdapohffmjmkdcifjofadiaoeggaf/related?hl=zh-CN&authuser=0) *
															
 
																- 
															
 
																-### 方式2：本地开发者模式加载
															
 
																-
															
 
																-- 进入Chrome浏览器管理扩展程序，可直接访问 [chrome://extensions/](chrome://extensions/)
															
 
																-- 选择开启 “开发者模式”，并点击 “加载已解压的扩展程序”
															
 
																-
															
 
																-![img-1.png](images/img-1.png)
															
 
																-
															
 
																-- 然后打开插件源文件所在根目录
															
 
																-  - third-party
															
 
																-    - chrome plug-in
															
 
																-      - content.js          浮动按钮JS脚本
															
 
																-      - favicon.png         插件图标
															
 
																-      - manifest.json       插件描述文件
															
 
																-      - options.css         插件配置页面样式文件
															
 
																-      - options.html        插件配置静态HTML页面
															
 
																-      - options.js          插件配置JS脚本
															
 
																-
															
 
																-### 插件导入完成后，后续配置无差异
															
 
																-- 创建Dify应用配置，在应用概览中点击嵌入，切换到安装Chrome浏览器扩展视图，点击copy按钮获取ChatBot Url，如图：
															
 
																-
															
 
																-![img-2.png](images/img-2.png)
															
 
																-- 点击保存，确认提示配置成功即可
															
 
																-
															
 
																-![img-3.png](images/img-3.png)
															
 
																-
															
 
																-- 保险起见重启浏览器确保所有分页刷新成功
															
 
																-- Chrome打开任意页面均可正常加载DIfy机器人浮动栏，后续如需更换机器人只需要变更ChatBot Url即可
															
 
																-
															
 
																-![img-4.png](images/img-4.png)
															
--- a/plug-in/README_CN.txt
+++ b/plug-in/README_CN.txt
@@ -1,6 +0,0 @@
 
																-## Chrome Dify ChatBot插件
															
 
																-
															
 
																-1、初始化设置Dify 应用配置，分别输入Dify根域名和应用Token，Token可以在Dify应用嵌入中获取；
															
 
																-2、点击保存，确认提示配置成功即可；
															
 
																-3、保险起见重启浏览器确保所有分页刷新成功；
															
 
																-4、Chrome打开任意页面均可正常加载DIfy机器人浮动栏，后续如需更换机器人只需要变更Token即可；
															
--- a/plug-in/content.js
+++ b/plug-in/content.js
--- a/plug-in/favicon.png
+++ b/plug-in/favicon.png
--- a/plug-in/images/128.png
+++ b/plug-in/images/128.png
--- a/plug-in/images/16.png
+++ b/plug-in/images/16.png
--- a/plug-in/images/32.png
+++ b/plug-in/images/32.png
--- a/plug-in/images/48.png
+++ b/plug-in/images/48.png
--- a/plug-in/images/favicon.ico
+++ b/plug-in/images/favicon.ico
--- a/plug-in/images/img-1.png
+++ b/plug-in/images/img-1.png
--- a/plug-in/images/img-2.png
+++ b/plug-in/images/img-2.png
--- a/plug-in/images/img-3.png
+++ b/plug-in/images/img-3.png
--- a/plug-in/images/img-4.png
+++ b/plug-in/images/img-4.png
--- a/plug-in/manifest.json
+++ b/plug-in/manifest.json
@@ -1,29 +0,0 @@
 
																-{
															
 
																-  "manifest_version": 3,
															
 
																-  "name": "Dify Chatbot",
															
 
																-  "version": "1.5",
															
 
																-  "description": "This is a chrome extension to inject a dify chatbot on any pages",
															
 
																-  "content_scripts": [
															
 
																-    {
															
 
																-      "matches": ["<all_urls>"],
															
 
																-      "js": ["content.js"]
															
 
																-    }
															
 
																-  ],
															
 
																-  "permissions": ["webRequest", "storage"],
															
 
																-  "action": {
															
 
																-      "default_popup": "options.html",
															
 
																-      "default_icon": {
															
 
																-        "16": "images/16.png",
															
 
																-        "32": "images/32.png",
															
 
																-        "48": "images/48.png",
															
 
																-        "128": "images/128.png"
															
 
																-
															
 
																-      }
															
 
																-  },
															
 
																-  "icons": {
															
 
																-    "16": "images/16.png",
															
 
																-    "32": "images/32.png",
															
 
																-    "48": "images/48.png",
															
 
																-    "128": "images/128.png"
															
 
																-  }
															
 
																-}
															
--- a/plug-in/options.css
+++ b/plug-in/options.css
@@ -1,19 +0,0 @@
 
																-body {
															
 
																-  background-color: #f2f2f2;
															
 
																-  font-family: Arial, sans-serif;
															
 
																-}
															
 
																-
															
 
																-h2 {
															
 
																-  color: #333;
															
 
																-}
															
 
																-
															
 
																-label {
															
 
																-  display: block;
															
 
																-  margin-top: 10px;
															
 
																-  margin-bottom: 10px;
															
 
																-}
															
 
																-
															
 
																-input[type="text"] {
															
 
																-  width: 280px;
															
 
																-  padding: 6px;
															
 
																-}
															
--- a/plug-in/options.html
+++ b/plug-in/options.html
@@ -1,45 +0,0 @@
 
																-<!DOCTYPE html>
															
 
																-<html>
															
 
																-
															
 
																-<head>
															
 
																-  <title>Dify Chatbot Extension</title>
															
 
																-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
															
 
																-  <link href="./tailwind.css" rel="stylesheet">
															
 
																-</head>
															
 
																-
															
 
																-<body class="bg-gray-100 py-4 px-4 w-128">
															
 
																-  <div class="max-w-md mx-auto bg-white shadow-md rounded-lg p-4">
															
 
																-    <h2 class="text-2xl font-semibold mb-4">Dify Chatbot Extension</h2>
															
 
																-    <form>
															
 
																-      <div class="mb-4 flex items-center">
															
 
																-        <div class="w-1/4">
															
 
																-          <label for="chatbot-url" class="block font-semibold text-gray-700">ChatBot URL</label>
															
 
																-        </div>
															
 
																-        <div class="w-3/4">
															
 
																-          <input type="text" id="chatbot-url" name="base-url" value=""
															
 
																-            class="w-full border border-gray-300 rounded px-3 py-2 focus:outline-none focus:border-blue-400"
															
 
																-            placeholder="https://udify.app/chatbot/7CQBa5yyvYLSkZtx">
															
 
																-        </div>
															
 
																-      </div>
															
 
																-
															
 
																-      <div class="mb-4 flex items-center">
															
 
																-        <div class="w-1/4"></div>
															
 
																-        <div class="w-3/4">
															
 
																-          <span id="error-tip" class="text-red-600"></span>
															
 
																-        </div>
															
 
																-      </div>
															
 
																-
															
 
																-      <div class="mb-4 flex items-center">
															
 
																-        <div class="w-1/4"></div>
															
 
																-        <div class="w-3/4">
															
 
																-          <button id="save-button"
															
 
																-            class="bg-blue-500 text-white py-2 px-4 rounded hover:bg-blue-600 focus:outline-none focus:bg-blue-600">Save</button>
															
 
																-        </div>
															
 
																-      </div>
															
 
																-    </form>
															
 
																-  </div>
															
 
																-
															
 
																-  <script src="options.js"></script>
															
 
																-</body>
															
 
																-
															
 
																-</html>
															
--- a/plug-in/options.js
+++ b/plug-in/options.js
@@ -1,28 +0,0 @@
 
																-
															
 
																-document.getElementById('save-button').addEventListener('click', function (e) {
															
 
																-  e.preventDefault();
															
 
																-  const chatbotUrl = document.getElementById('chatbot-url').value;
															
 
																-  const errorTip = document.getElementById('error-tip');
															
 
																-
															
 
																-  if (chatbotUrl.trim() === "") {
															
 
																-      errorTip.textContent = "Dify ChatBot URL cannot be empty.";
															
 
																-  } else {
															
 
																-    errorTip.textContent = "";
															
 
																-
															
 
																-    chrome.storage.sync.set({
															
 
																-      'chatbotUrl': chatbotUrl,
															
 
																-    }, function () {
															
 
																-      alert('Save Success!');
															
 
																-    });
															
 
																-  }
															
 
																-});
															
 
																-
															
 
																-// Load parameters from chrome.storage when the page loads
															
 
																-chrome.storage.sync.get(['chatbotUrl'], function (result) {
															
 
																-  const chatbotUrlInput = document.getElementById('chatbot-url');
															
 
																-
															
 
																-  if (result.chatbotUrl) {
															
 
																-    chatbotUrlInput.value = result.chatbotUrl;
															
 
																-  }
															
 
																-
															
 
																-});
															
--- a/plug-in/tailwind.css
+++ b/plug-in/tailwind.css