docs: docs

packages/ui/certd-client/public/iframe.js

@@ -0,0 +1,151 @@
+function embedChatbot() {
+  const chatBtnId = "fastgpt-chatbot-button";
+  const chatWindowId = "fastgpt-chatbot-window";
+  const script = document.getElementById("chatbot-iframe");
+  const botSrc = script?.getAttribute("data-bot-src");
+  const defaultOpen = script?.getAttribute("data-default-open") === "true";
+  const canDrag = script?.getAttribute("data-drag") === "true";
+  const MessageIcon =
+    script?.getAttribute("data-open-icon") ||
+    `data:image/svg+xml;base64,PHN2ZyB0PSIxNjkwNTMyNzg1NjY0IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjQxMzIiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48cGF0aCBkPSJNNTEyIDMyQzI0Ny4wNCAzMiAzMiAyMjQgMzIgNDY0QTQxMC4yNCA0MTAuMjQgMCAwIDAgMTcyLjQ4IDc2OEwxNjAgOTY1LjEyYTI1LjI4IDI1LjI4IDAgMCAwIDM5LjA0IDIyLjRsMTY4LTExMkE1MjguNjQgNTI4LjY0IDAgMCAwIDUxMiA4OTZjMjY0Ljk2IDAgNDgwLTE5MiA0ODAtNDMyUzc3Ni45NiAzMiA1MTIgMzJ6IG0yNDQuOCA0MTZsLTM2MS42IDMwMS43NmExMi40OCAxMi40OCAwIDAgMS0xOS44NC0xMi40OGw1OS4yLTIzMy45MmgtMTYwYTEyLjQ4IDEyLjQ4IDAgMCAxLTcuMzYtMjMuMzZsMzYxLjYtMzAxLjc2YTEyLjQ4IDEyLjQ4IDAgMCAxIDE5Ljg0IDEyLjQ4bC01OS4yIDIzMy45MmgxNjBhMTIuNDggMTIuNDggMCAwIDEgOCAyMi4wOHoiIGZpbGw9IiM0ZTgzZmQiIHAtaWQ9IjQxMzMiPjwvcGF0aD48L3N2Zz4=`;
+  const CloseIcon =
+    script?.getAttribute("data-close-icon") ||
+    "data:image/svg+xml;base64,PHN2ZyB0PSIxNjkwNTM1NDQxNTI2IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjYzNjciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48cGF0aCBkPSJNNTEyIDEwMjRBNTEyIDUxMiAwIDEgMSA1MTIgMGE1MTIgNTEyIDAgMCAxIDAgMTAyNHpNMzA1Ljk1NjU3MSAzNzAuMzk1NDI5TDQ0Ny40ODggNTEyIDMwNS45NTY1NzEgNjUzLjYwNDU3MWE0NS41NjggNDUuNTY4IDAgMSAwIDY0LjQzODg1OCA2NC40Mzg4NThMNTEyIDU3Ni41MTJsMTQxLjYwNDU3MSAxNDEuNTMxNDI5YTQ1LjU2OCA0NS41NjggMCAwIDAgNjQuNDM4ODU4LTY0LjQzODg1OEw1NzYuNTEyIDUxMmwxNDEuNTMxNDI5LTE0MS42MDQ1NzFhNDUuNTY4IDQ1LjU2OCAwIDEgMC02NC40Mzg4NTgtNjQuNDM4ODU4TDUxMiA0NDcuNDg4IDM3MC4zOTU0MjkgMzA1Ljk1NjU3MWE0NS41NjggNDUuNTY4IDAgMCAwLTY0LjQzODg1OCA2NC40Mzg4NTh6IiBmaWxsPSIjNGU4M2ZkIiBwLWlkPSI2MzY4Ij48L3BhdGg+PC9zdmc+";
+
+  if (!botSrc) {
+    console.error(`Can't find appid`);
+    return;
+  }
+  if (document.getElementById(chatBtnId)) {
+    return;
+  }
+
+  const ChatBtn = document.createElement("div");
+  ChatBtn.id = chatBtnId;
+  ChatBtn.style.cssText = "position: fixed; bottom: 30px; right: 60px; width: 40px; height: 40px; cursor: pointer; z-index: 2147483647; transition: 0;";
+
+  const ChatBtnDiv = document.createElement("img");
+  ChatBtnDiv.src = defaultOpen ? CloseIcon : MessageIcon;
+  ChatBtnDiv.setAttribute("width", "100%");
+  ChatBtnDiv.setAttribute("height", "100%");
+  ChatBtnDiv.draggable = false;
+
+  const parent = document.createElement("div");
+  const iframe = document.createElement("iframe");
+  iframe.allow = "*";
+  iframe.referrerPolicy = "no-referrer";
+  iframe.title = "FastGPT Chat Window";
+  parent.id = chatWindowId;
+  iframe.src = botSrc;
+  parent.style.cssText =
+    "border: none; position: fixed; flex-direction: column; justify-content: space-between; box-shadow: rgba(150, 150, 150, 0.2) 0px 10px 30px 0px, rgba(150, 150, 150, 0.2) 0px 0px 0px 1px; width: 375px; height: 667px; max-width: 90vw; max-height: 85vh; border-radius: 0.75rem; display: flex; z-index: 2147483647; overflow: hidden; left: unset; background-color: #F3F4F6;";
+  parent.style.visibility = defaultOpen ? "unset" : "hidden";
+  iframe.style.cssText = "border: none;width:100%;height:100%";
+
+  document.body.appendChild(parent);
+  parent.appendChild(iframe);
+
+  const tips = document.createElement("div");
+  tips.innerText = "内容由AI生成，仅供参考";
+  tips.style.cssText = "padding:5px;font-size:10px;display:flex; justify-content:center;border-top: 1px solid #ddd;";
+  parent.appendChild(tips);
+
+  const observer = new MutationObserver(mutations => {
+    mutations.forEach(mutation => {
+      if (mutation.type === "attributes" && mutation.attributeName === "data-bot-src") {
+        const newBotSrc = script.getAttribute("data-bot-src");
+        if (newBotSrc) {
+          iframe.src = newBotSrc;
+        }
+      }
+    });
+  });
+  observer.observe(script, {
+    attributes: true,
+    attributeFilter: ["data-bot-src"],
+  });
+
+  let chatBtnDragged = false;
+  let chatBtnDown = false;
+  let chatBtnMouseX;
+  let chatBtnMouseY;
+
+  const updateChatWindowPosition = () => {
+    const chatWindow = document.getElementById(chatWindowId);
+    const btn = ChatBtn.getBoundingClientRect();
+    const [vw, vh, ww, wh] = [window.innerWidth, window.innerHeight, chatWindow.offsetWidth, chatWindow.offsetHeight];
+
+    let right = 0;
+    if (btn.left >= ww) {
+      right = vw - btn.left + 10; // 左侧有空间则放在左侧，间距 10
+    } else if (vw - btn.right >= ww) {
+      right = vw - btn.right - ww - 10; // 右侧有空间则放在右侧
+    }
+
+    let bottom = Math.max(30, vh - btn.bottom); // 聊天窗口底部和按钮对齐，最少 30
+    if (btn.top < wh) {
+      bottom = Math.min(bottom, vh - wh - 30); // 确保聊天窗口不超出顶部
+    }
+
+    chatWindow.style.right = `${right}px`;
+    chatWindow.style.bottom = `${bottom}px`;
+  };
+
+  ChatBtn.addEventListener("click", function () {
+    if (chatBtnDragged) {
+      chatBtnDragged = false;
+      return;
+    }
+    const chatWindow = document.getElementById(chatWindowId);
+
+    if (!chatWindow) return;
+    const visibilityVal = chatWindow.style.visibility;
+    if (visibilityVal === "hidden") {
+      chatWindow.style.visibility = "unset";
+      ChatBtnDiv.src = CloseIcon;
+    } else {
+      chatWindow.style.visibility = "hidden";
+      ChatBtnDiv.src = MessageIcon;
+    }
+  });
+
+  ChatBtn.addEventListener("mousedown", e => {
+    e.stopPropagation();
+    chatBtnMouseX = e.clientX;
+    chatBtnMouseY = e.clientY;
+    chatBtnDown = true;
+
+    ChatBtn.initialRight = parseInt(ChatBtn.style.right) || 60;
+    ChatBtn.initialBottom = parseInt(ChatBtn.style.bottom) || 30;
+  });
+
+  window.addEventListener("mousemove", e => {
+    e.stopPropagation();
+    if (!canDrag || !chatBtnDown) return;
+
+    chatBtnDragged = true;
+
+    const deltaX = e.clientX - chatBtnMouseX;
+    const deltaY = e.clientY - chatBtnMouseY;
+
+    let newRight = ChatBtn.initialRight - deltaX;
+    let newBottom = ChatBtn.initialBottom - deltaY;
+
+    newRight = Math.max(20, Math.min(window.innerWidth - 60, newRight));
+    newBottom = Math.max(30, Math.min(window.innerHeight - 70, newBottom));
+
+    ChatBtn.style.right = `${newRight}px`;
+    ChatBtn.style.bottom = `${newBottom}px`;
+
+    updateChatWindowPosition();
+  });
+
+  window.addEventListener("mouseup", e => {
+    chatBtnDown = false;
+  });
+
+  ChatBtn.appendChild(ChatBtnDiv);
+  document.body.appendChild(ChatBtn);
+  updateChatWindowPosition();
+}
+window.addEventListener("load", embedChatbot);

packages/ui/certd-server/src/plugins/plugin-host/plugin/upload-to-host/index.ts

@@ -64,7 +64,7 @@ export class UploadCertToHostPlugin extends AbstractTaskPlugin {
   crtPath!: string;
   @TaskInput({
     title: '私钥保存路径',
-    helper: '需要有写入权限，路径要包含私钥文件名，例如：/tmp/cert.key',
+    helper: '原本的私钥保存路径，需要有写入权限，路径要包含私钥文件名，例如：/tmp/cert.key',
     component: {
       placeholder: '/root/deploy/nginx/cert.key',
     },
@@ -212,8 +212,9 @@ export class UploadCertToHostPlugin extends AbstractTaskPlugin {
       name: 'a-textarea',
       vModel: 'value',
       rows: 6,
+      placeholder: 'systemctl restart nginx ',
     },
-    helper: '上传后执行脚本命令，不填则不执行\n注意：如果目标主机是windows，且终端是cmd，系统会自动将多行命令通过“&&”连接成一行',
+    helper: '上传后执行脚本命令,让证书生效（比如重启nginx），不填则不执行\n注意：如果目标主机是windows，且终端是cmd，系统会自动将多行命令通过“&&”连接成一行',
     required: false,
   })
   script!: string;