mirror of
https://github.com/klxf/eda-copilot.git
synced 2025-12-07 20:34:14 +08:00
首次提交
This commit is contained in:
342
iframe/css/style.css
Normal file
342
iframe/css/style.css
Normal file
@@ -0,0 +1,342 @@
|
||||
:focus-visible {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
height: 0.25rem;
|
||||
width: 0.25rem;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
background: rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: sans-serif;
|
||||
margin: 0;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
min-height: 100vh;
|
||||
background-color: #f0f0f0;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
p img {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.chat-container {
|
||||
width: 400px;
|
||||
background-color: white;
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.chat-header {
|
||||
padding: 16px;
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
|
||||
.chat-title {
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.chat-subtitle {
|
||||
font-size: 14px;
|
||||
color: #888;
|
||||
}
|
||||
|
||||
.chat-body {
|
||||
padding: 16px;
|
||||
height: 400px; /* Adjust as needed */
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.message-bubble {
|
||||
background-color: #e5f3ff;
|
||||
border-radius: 8px;
|
||||
padding: 8px 12px;
|
||||
margin-bottom: 8px;
|
||||
max-width: 80%;
|
||||
align-self: flex-start; /* Align bot messages to the left */
|
||||
word-wrap: break-word;
|
||||
}
|
||||
.message-bubble.user {
|
||||
align-self: flex-end; /* Align user messages to the right */
|
||||
margin-left: 20%;
|
||||
background-color: #d9f7be; /* Different color for user messages */
|
||||
}
|
||||
|
||||
.message-meta {
|
||||
font-size: 12px;
|
||||
color: #888;
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
.chat-footer {
|
||||
padding: 8px 16px;
|
||||
border-top: 1px solid #eee;
|
||||
align-items: center;
|
||||
}
|
||||
.chat-footer .icon-group {
|
||||
display: flex;
|
||||
margin-right: auto; /* Push icons to the left */
|
||||
}
|
||||
|
||||
.chat-footer .icon-group button {
|
||||
border: none;
|
||||
background: none;
|
||||
padding: 8px;
|
||||
margin-right: 8px;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
color: #888; /* Default icon color */
|
||||
line-height: 8px;
|
||||
}
|
||||
.chat-footer .icon-group button:hover {
|
||||
background-color: #f0f0f0; /* Hover effect */
|
||||
}
|
||||
|
||||
.chat-footer .icon-group button img {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
.chat-footer .icon-group button .button-tip {
|
||||
display: none;
|
||||
position: absolute;
|
||||
background-color: rgba(0, 0, 0, 0.7);
|
||||
color: white;
|
||||
padding: 7px;
|
||||
border-radius: 4px;
|
||||
font-size: 12px;
|
||||
margin-top: -32px;
|
||||
margin-left: 8px;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
.chat-footer .icon-group button:hover span {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.chat-footer .input-group {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
.chat-input {
|
||||
flex: 1;
|
||||
padding: 8px 12px;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 4px;
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
.send-button {
|
||||
background-color: #007bff;
|
||||
color: white;
|
||||
padding: 8px 16px;
|
||||
border: none;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.settings-container {
|
||||
position: fixed; /* Fixed position for floating */
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%); /* Center the container */
|
||||
width: 300px;
|
||||
background-color: white;
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
||||
padding: 16px;
|
||||
z-index: 10; /* Ensure it's on top */
|
||||
display: none; /* Initially hidden */
|
||||
}
|
||||
|
||||
.settings-title {
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.settings-item {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.settings-label {
|
||||
display: block;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
.settings-input {
|
||||
width: 80%;
|
||||
padding: 8px;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.settings-buttons {
|
||||
margin-top: 16px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.settings-button {
|
||||
padding: 8px 16px;
|
||||
border: none;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.settings-button.save {
|
||||
background-color: #007bff;
|
||||
color: white;
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
.file-bubble {
|
||||
background-color: #d9f7be; /* Light blue */
|
||||
border-radius: 8px;
|
||||
padding: 8px 12px;
|
||||
margin-bottom: 8px;
|
||||
margin-left: 20%; /* Indent file bubbles */
|
||||
max-width: 80%;
|
||||
align-self: flex-end; /* Align to the right (assuming user sent) */
|
||||
display: flex;
|
||||
align-items: center; /* Vertically center content */
|
||||
}
|
||||
|
||||
.file-icon {
|
||||
margin-right: 8px;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.file-info {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.file-name {
|
||||
font-weight: bold;
|
||||
max-width: 30vh;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.file-size {
|
||||
font-size: 12px;
|
||||
color: #777;
|
||||
}
|
||||
|
||||
.clear-chat {
|
||||
margin: 20px 0;
|
||||
padding: 4px 0;
|
||||
border-top: 1px solid #dedede;
|
||||
border-bottom: 1px solid #dedede;
|
||||
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .05) inset;
|
||||
display: flex ;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
font-size: 12px;
|
||||
mask-image: linear-gradient(90deg, transparent, #000, transparent);
|
||||
}
|
||||
|
||||
.paste-image-group {
|
||||
display: none;
|
||||
position: absolute;
|
||||
transform: translate(400%, -120%);
|
||||
border: 1px solid hsla(0, 0%, 53%, .2);
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
div#paste-image {
|
||||
width: 72px;
|
||||
height: 72px;
|
||||
background-size: cover;
|
||||
background-position: 50%;
|
||||
}
|
||||
|
||||
div#paste-image-delete-btn {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
cursor: pointer;
|
||||
filter: invert(50%) sepia(55%) saturate(1000%) hue-rotate(310deg) brightness(100%) contrast(100%);
|
||||
background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnIGlkPSLlm77lsYJfMSI+Cgk8bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMiIgeTE9IjIiIHgyPSIxNCIgeTI9IjE0Ii8+Cgk8bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMTQiIHkxPSIyIiB4Mj0iMiIgeTI9IjE0Ii8+CjwvZz4KPGcgaWQ9IuWbvuWxgl8yIj4KPC9nPgo8L3N2Zz4K");
|
||||
}
|
||||
|
||||
.loading {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
border: 1px solid #007bff;
|
||||
overflow: hidden;
|
||||
animation: spin 3s ease infinite;
|
||||
}
|
||||
|
||||
.loading::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: -3px;
|
||||
left: -3px;
|
||||
width: 2em;
|
||||
height: 2em;
|
||||
background-color: hsla(211, 100%, 50%, 0.85);
|
||||
transform-origin: center bottom;
|
||||
transform: scaleY(1);
|
||||
animation: fill 3s linear infinite;
|
||||
}
|
||||
|
||||
@keyframes spin {
|
||||
50%,
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fill {
|
||||
25%,
|
||||
50% {
|
||||
transform: scaleY(0);
|
||||
}
|
||||
100% {
|
||||
transform: scaleY(1);
|
||||
}
|
||||
}
|
||||
|
||||
.settings-alert {
|
||||
color: #ff0000;
|
||||
font-size: 12px;
|
||||
margin-bottom: 10px;
|
||||
padding-left: 6px;
|
||||
border-left: 3px solid #ff0000;
|
||||
}
|
||||
|
||||
.think {
|
||||
color: gray;
|
||||
border-left: 2px gray solid;
|
||||
padding-left: 10px;
|
||||
font-size: 12px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.think:before {
|
||||
content: '思考...';
|
||||
display: block;
|
||||
}
|
||||
301
iframe/index.html
Normal file
301
iframe/index.html
Normal file
File diff suppressed because one or more lines are too long
389
iframe/js/AI.js
Normal file
389
iframe/js/AI.js
Normal file
@@ -0,0 +1,389 @@
|
||||
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
||||
async function getAIResponse(contents) {
|
||||
let response;
|
||||
let thinking = document.createElement('div');
|
||||
thinking.className = 'message-bubble model';
|
||||
thinking.id = 'thinking';
|
||||
thinking.innerHTML = '<div><div class="loading"></div> 思考中...</div>';
|
||||
document.querySelector('.chat-body').appendChild(thinking);
|
||||
document.querySelector('.chat-body').scrollTop = document.querySelector('.chat-body').scrollHeight;
|
||||
|
||||
if (MODEL_GROUP === "Gemini") {
|
||||
response = await getGeminiResponse(contents);
|
||||
} else if (MODEL_GROUP === "DeepSeek") {
|
||||
response = await getDeepSeekResponse(contents);
|
||||
} else if (MODEL_GROUP === "QWen") {
|
||||
response = await getQWenResponse(contents);
|
||||
} else if (MODEL_GROUP === "Custom") {
|
||||
response = await getCustomResponse(contents);
|
||||
} else {
|
||||
response = { err_code: 1, error: "模型不被支持" };
|
||||
}
|
||||
|
||||
console.log(response);
|
||||
|
||||
if (response.err_code === 0) {
|
||||
document.getElementById('thinking').remove();
|
||||
let content = response.response;
|
||||
content = content.replace(/\u003cthink\u003e/, '<div class="think">').replace(/\u003c\/think\u003e/, '</div>');
|
||||
createBubble('model', content, undefined);
|
||||
|
||||
if (MODEL_GROUP === "Gemini") {
|
||||
chatHistory.push({ role: 'model', parts: [{ text: content }] });
|
||||
} else if (MODEL_GROUP === "DeepSeek" || MODEL_GROUP === "Qwen" || MODEL_GROUP === "Custom") {
|
||||
chatHistory.push({ role: 'assistant', content: content });
|
||||
}
|
||||
|
||||
if (CHAT_TITLE === "新的对话") {
|
||||
let temp = chatHistory.slice();
|
||||
if (MODEL_GROUP === "Gemini") {
|
||||
temp.push({ role: 'user', parts: [{ text: "用几个字总结这个对话，将其作为对话的标题" }] });
|
||||
|
||||
getGeminiResponse(temp).then(response => {
|
||||
if (response.err_code === 0) {
|
||||
const summary = response.response;
|
||||
CHAT_TITLE = summary.replace('*', '');
|
||||
document.getElementById('title').innerText = summary;
|
||||
}
|
||||
});
|
||||
} else if (MODEL_GROUP === "DeepSeek") {
|
||||
temp.push({ role: 'user', content: "用几个字总结这个对话，将其作为对话的标题，除此以外不要有任何其他文字" });
|
||||
|
||||
getDeepSeekResponse(temp).then(response => {
|
||||
if (response.err_code === 0) {
|
||||
const summary = response.response;
|
||||
CHAT_TITLE = summary.replace(/\u003cthink\u003e.*\u003c\/think\u003e/ms, '').replace('*', '');
|
||||
document.getElementById('title').innerText = CHAT_TITLE;
|
||||
}
|
||||
});
|
||||
} else if (MODEL_GROUP === "QWen") {
|
||||
temp.push({ role: 'user', content: "用几个字总结这个对话，将其作为对话的标题，除此以外不要有任何其他文字" });
|
||||
|
||||
getQWenResponse(temp).then(response => {
|
||||
if (response.err_code === 0) {
|
||||
const summary = response.response;
|
||||
CHAT_TITLE = summary.replace(/\u003cthink\u003e.*\u003c\/think\u003e/ms, '').replace('*', '');
|
||||
document.getElementById('title').innerText = CHAT_TITLE;
|
||||
}
|
||||
});
|
||||
} else if (MODEL_GROUP === "Custom") {
|
||||
temp.push({ role: 'user', content: "用几个字总结这个对话，将其作为对话的标题，除此以外不要有任何其他文字" });
|
||||
|
||||
getCustomResponse(temp).then((response) => {
|
||||
if (response.err_code === 0) {
|
||||
const summary = response.response;
|
||||
CHAT_TITLE = summary.replace(/<think>.*<\/think>/ms, '').replaceAll('*', '').replaceAll('\n', '');
|
||||
document.getElementById('title').innerText = CHAT_TITLE;
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
} else {
|
||||
document.getElementById('thinking').remove();
|
||||
createBubble('model', response.error, "异常");
|
||||
}
|
||||
}
|
||||
|
||||
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
||||
async function setAICache(cache) {
|
||||
if (MODEL_GROUP === "Gemini" && MODEL_NAME !== "gemini-2.0-flash-001") {
|
||||
return await setGeminiCache(cache);
|
||||
} else if (MODEL_GROUP === "QWen" || MODEL_GROUP === "DeepSeek" || MODEL_GROUP === "Custom") {
|
||||
return await setOtherCache(decodeURIComponent(atob(cache)));
|
||||
} else if (MODEL_GROUP === "Gemini" && MODEL_NAME === "gemini-2.0-flash-001") {
|
||||
return await setOtherCache(decodeURIComponent(atob(cache)));
|
||||
} else {
|
||||
createBubble('model', "抱歉，该模型不支持缓存长上下文", "异常");
|
||||
}
|
||||
}
|
||||
|
||||
async function getGeminiResponse(contents) {
|
||||
const API = GOOGLE_SETTINGS.HOST + "/v1beta/models/" + MODEL_NAME + ":generateContent?key=" + GOOGLE_SETTINGS.API_KEY;
|
||||
console.log(chatHistory);
|
||||
const data = {
|
||||
contents: [
|
||||
contents
|
||||
],
|
||||
safetySettings: [
|
||||
[
|
||||
{
|
||||
"category": "HARM_CATEGORY_HARASSMENT",
|
||||
"threshold": "BLOCK_ONLY_HIGH"
|
||||
},
|
||||
{
|
||||
"category": "HARM_CATEGORY_HATE_SPEECH",
|
||||
"threshold": "BLOCK_ONLY_HIGH"
|
||||
},
|
||||
{
|
||||
"category": "HARM_CATEGORY_SEXUALLY_EXPLICIT",
|
||||
"threshold": "BLOCK_ONLY_HIGH"
|
||||
},
|
||||
{
|
||||
"category": "HARM_CATEGORY_DANGEROUS_CONTENT",
|
||||
"threshold": "BLOCK_ONLY_HIGH"
|
||||
}
|
||||
]
|
||||
]
|
||||
};
|
||||
|
||||
if (CACHE_NAME !== null) {
|
||||
data.cachedContent = CACHE_NAME;
|
||||
} else {
|
||||
data.systemInstruction = { parts: [{ "text": "You are an electronic engineer. Use Chinese to answer." }] }
|
||||
}
|
||||
|
||||
try {
|
||||
const response = await eda.sys_ClientUrl.request(API, "POST", JSON.stringify(data), { headers: GOOGLE_SETTINGS.HEADER });
|
||||
if (response.status !== 200) {
|
||||
throw new Error(response.statusText);
|
||||
}
|
||||
const result = await response.json();
|
||||
return {
|
||||
response: result.candidates[0].content.parts[0].text,
|
||||
err_code: 0
|
||||
};
|
||||
} catch (error) {
|
||||
return {
|
||||
error: error.message || "请求失败",
|
||||
err_code: 1
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
async function getDeepSeekResponse(contents) {
|
||||
const API = DS_SETTINGS.HOST + "/chat/completions";
|
||||
let HEADERS = DS_SETTINGS.HEADER;
|
||||
|
||||
HEADERS['Authorization'] = 'Bearer ' + DS_SETTINGS.API_KEY;
|
||||
|
||||
const data = {
|
||||
model: MODEL_NAME,
|
||||
messages: contents,
|
||||
stream: false
|
||||
}
|
||||
|
||||
try {
|
||||
const response = await eda.sys_ClientUrl.request(API, "POST", JSON.stringify(data), { headers: HEADERS });
|
||||
if (response.status !== 200) {
|
||||
throw new Error(response.statusText);
|
||||
}
|
||||
const result = await response.json();
|
||||
return {
|
||||
response: result.choices[0].message.content,
|
||||
err_code: 0
|
||||
};
|
||||
} catch (error) {
|
||||
return {
|
||||
error: error.message || "请求失败",
|
||||
err_code: 1
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
async function getQWenResponse(contents) {
|
||||
const API = QWEN_SETTINGS.HOST + "/compatible-mode/v1/chat/completions";
|
||||
let HEADERS = QWEN_SETTINGS.HEADER;
|
||||
|
||||
HEADERS['Authorization'] = 'Bearer ' + QWEN_SETTINGS.API_KEY;
|
||||
|
||||
const data = {
|
||||
model: MODEL_NAME,
|
||||
messages: contents,
|
||||
}
|
||||
|
||||
try {
|
||||
const response = await eda.sys_ClientUrl.request(API, "POST", JSON.stringify(data), { headers: HEADERS });
|
||||
if (response.status !== 200) {
|
||||
throw new Error(response.statusText);
|
||||
}
|
||||
const result = await response.json();
|
||||
return {
|
||||
response: result.choices[0].message.content,
|
||||
err_code: 0
|
||||
};
|
||||
} catch (error) {
|
||||
return {
|
||||
error: error.message || "请求失败",
|
||||
err_code: 1
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
async function getCustomResponse(contents) {
|
||||
const API = CUSTOM_SETTINGS.HOST + CUSTOM_SETTINGS.ENDPOINT;
|
||||
|
||||
const data = {
|
||||
model: CUSTOM_SETTINGS.MODEL,
|
||||
messages: contents,
|
||||
stream: false
|
||||
}
|
||||
|
||||
try {
|
||||
const response = await eda.sys_ClientUrl.request(API, "POST", JSON.stringify(data), { headers: CUSTOM_SETTINGS.HEADER });
|
||||
if (response.status !== 200) {
|
||||
throw new Error(response.statusText);
|
||||
}
|
||||
const result = await response.json();
|
||||
return {
|
||||
response: result.choices[0].message.content,
|
||||
err_code: 0
|
||||
};
|
||||
} catch (error) {
|
||||
return {
|
||||
error: error.message || "请求失败",
|
||||
err_code: 1
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
async function setGeminiCache(cache) {
|
||||
let API = GOOGLE_SETTINGS.HOST + "/v1beta/cachedContents?key=" + GOOGLE_SETTINGS.API_KEY;
|
||||
|
||||
const data = {
|
||||
model: "models/" + MODEL_NAME,
|
||||
contents: [
|
||||
{ role: 'user', parts: [{ inline_data: { mime_type: "text/plain", data: cache} }, {text: "Here's a netlist file describing the circuit diagram, and I'm going to ask you questions about it."}] }
|
||||
],
|
||||
systemInstruction: {
|
||||
parts: [
|
||||
{
|
||||
"text": "You are an electronic engineer. The text describes a netlist of circuit diagrams. When asked a question about a component, it is displayed if there is a URL in the netlist, otherwise it is not. Use Chinese to answer."
|
||||
}
|
||||
]
|
||||
},
|
||||
}
|
||||
|
||||
let thinking = document.createElement('div');
|
||||
thinking.className = 'message-bubble model';
|
||||
thinking.id = 'thinking';
|
||||
thinking.innerHTML = '<div><div class="loading"></div> 解读中...</div>';
|
||||
document.querySelector('.chat-body').appendChild(thinking);
|
||||
document.querySelector('.chat-body').scrollTop = document.querySelector('.chat-body').scrollHeight;
|
||||
|
||||
eda.sys_ClientUrl.request(API, "POST", JSON.stringify(data), { headers: GOOGLE_SETTINGS.HEADER }).then(response => {
|
||||
if (response.status !== 200) {
|
||||
throw new Error(response.statusText);
|
||||
}
|
||||
return response.json();
|
||||
}).then(result => {
|
||||
document.getElementById('thinking').remove();
|
||||
createBubble('model', "好的，接下来你可以围绕这张原理图向我提问", undefined);
|
||||
CACHE_NAME = result.name;
|
||||
}).catch(error => {
|
||||
document.getElementById('thinking').remove();
|
||||
createBubble('model', error.toString(), "异常");
|
||||
});
|
||||
}
|
||||
|
||||
async function setOtherCache(cache) {
|
||||
chatHistory.push({ role: 'user', content: '这是一个电路图的网表，后续回答依照这个网表回答：' + cache });
|
||||
chatHistory.push({ role: 'assistant', content: '好的，我了解了'});
|
||||
}
|
||||
|
||||
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
||||
function getNetlist() {
|
||||
let netlist = '';
|
||||
eda.sch_Netlist.getNetlist().then(data => {
|
||||
netlist = data[0].toString();
|
||||
const cache = btoa(encodeURIComponent(netlist));
|
||||
// 获取 cache 的字节数
|
||||
let size = cache.length;
|
||||
let unit = 'B';
|
||||
if (size > 1024) {
|
||||
size /= 1024;
|
||||
unit = 'KB';
|
||||
}
|
||||
if (size > 1024) {
|
||||
size /= 1024;
|
||||
unit = 'MB';
|
||||
}
|
||||
let fileBubble = document.createElement('div');
|
||||
fileBubble.classList.add('file-bubble');
|
||||
fileBubble.innerHTML = `<img src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMjMuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iJiN4NTZGRTsmI3g1QzQyO18xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiCgkgeT0iMHB4IiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE2IDE2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxyZWN0IHN0eWxlPSJmaWxsOm5vbmU7IiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiLz4KPHJlY3Qgc3R5bGU9ImZpbGw6bm9uZTsiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIvPgo8cGF0aCBkPSJNMTUsNGgtMVYyYzAtMC41NS0wLjQ1LTEtMS0xSDRDMy40NSwxLDMsMS40NSwzLDJ2NEgxLjVDMS4yMiw2LDEsNi4yMiwxLDYuNUMxLDYuNzgsMS4yMiw3LDEuNSw3SDNoMWgxLjUKCUM1Ljc4LDcsNiw2Ljc4LDYsNi41QzYsNi4yMiw1Ljc4LDYsNS41LDZINFYyaDl2MmgtMWMtMC41NSwwLTEsMC40NS0xLDF2N2MwLDAuNTUsMC40NSwxLDEsMWgxdjJINHYtNGgxLjVDNS43OCwxMSw2LDEwLjc4LDYsMTAuNQoJQzYsMTAuMjIsNS43OCwxMCw1LjUsMTBINEgzSDEuNUMxLjIyLDEwLDEsMTAuMjIsMSwxMC41QzEsMTAuNzgsMS4yMiwxMSwxLjUsMTFIM3Y0YzAsMC41NSwwLjQ1LDEsMSwxaDljMC41NSwwLDEtMC40NSwxLTF2LTJoMQoJYzAuNTUsMCwxLTAuNDUsMS0xVjVDMTYsNC40NSwxNS41NSw0LDE1LDR6IE0xNSwxMmgtMWgtMWgtMVY1aDFoMWgxVjEyeiIvPgo8L3N2Zz4K" alt="File Icon" class="file-icon">
|
||||
<div class="file-info">
|
||||
<div class="file-name">网表文件</div>
|
||||
<div class="file-size">${size} ${unit}</div>
|
||||
</div>`;
|
||||
document.querySelector('.chat-body').appendChild(fileBubble);
|
||||
setAICache(cache);
|
||||
})
|
||||
|
||||
}
|
||||
|
||||
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
||||
async function setAIFile() {
|
||||
if (MODEL_GROUP !== "Gemini") {
|
||||
eda.sys_Message.showToastMessage('当前模型尚未支持该功能', 'warn');
|
||||
return;
|
||||
}
|
||||
const file = await eda.sys_FileSystem.openReadFileDialog("pdf");
|
||||
const reader = new FileReader();
|
||||
reader.onload = function (event) {
|
||||
const base64 = event.target.result;
|
||||
const title = file.name;
|
||||
// 判断是不是 pdf 文件
|
||||
if (file.type !== 'application/pdf') {
|
||||
eda.sys_Message.showToastMessage('仅可上传 PDF 格式的数据手册', 'warn');
|
||||
return;
|
||||
}
|
||||
FILE_BASE64 = base64.replaceAll('data:application/pdf;base64,', '');
|
||||
// 如果 chat-body 中最后一个元素是 file-bubble，替换之
|
||||
const chatBody = document.querySelector('.chat-body');
|
||||
const lastElement = chatBody.lastElementChild;
|
||||
if (lastElement && lastElement.classList.contains('file-bubble')) {
|
||||
lastElement.remove();
|
||||
}
|
||||
// 创建 file bubble
|
||||
let size = FILE_BASE64.length;
|
||||
let unit = 'B';
|
||||
if (size > 1024) {
|
||||
size /= 1024;
|
||||
unit = 'KB';
|
||||
}
|
||||
if (size > 1024) {
|
||||
size /= 1024;
|
||||
unit = 'MB';
|
||||
}
|
||||
let fileBubble = document.createElement('div');
|
||||
fileBubble.classList.add('file-bubble');
|
||||
fileBubble.innerHTML = `<img src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMjMuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iJiN4NTZGRTsmI3g1QzQyO18xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiCgkgeT0iMHB4IiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE2IDE2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGQ9Ik04LjI5NiwxSDNDMi40NDgsMSwyLDEuNDQ4LDIsMnYxM2MwLDAuNTUyLDAuNDQ4LDEsMSwxaDEwYzAuNTUyLDAsMS0wLjQ0OCwxLTFWNS43MDRjMC0wLjI2NS0wLjEwNS0wLjUyLTAuMjkzLTAuNzA3CgljLTAuMzYyLTAuMjg1LTAuNzI1LTAuNTcxLTEuMDg3LTAuODU2Yy0wLjcwNi0wLjU1Ni0xLjQxMi0xLjExMi0yLjExOC0xLjY2OGMtMC4zNjgtMC4yOS0wLjc0NC0wLjU3MS0xLjExLTAuODY0CglDOS4wNTcsMS4zNDIsOC43NTcsMSw4LjI5NiwxeiBNMTIuMjksNUg5VjIuNzFMMTIuMjksNXogTTMsMTVWMmg1djNjMCwwLjU1MiwwLjQ0OCwxLDEsMWg0djlIM3oiLz4KPHJlY3Qgc3R5bGU9ImZpbGw6bm9uZTsiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIvPgo8cmVjdCBzdHlsZT0iZmlsbDpub25lOyIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ii8+Cjwvc3ZnPgo=" alt="File Icon" class="file-icon">
|
||||
<div class="file-info">
|
||||
<div class="file-name">${title}</div>
|
||||
<div class="file-size">${size} ${unit}</div>
|
||||
</div>`;
|
||||
document.querySelector('.chat-body').appendChild(fileBubble);
|
||||
};
|
||||
reader.readAsDataURL(file);
|
||||
}
|
||||
|
||||
/* 废弃 */
|
||||
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
||||
async function getDatasheetUrl() {
|
||||
try {
|
||||
const selectedPrimitives = await eda.sch_SelectControl.getAllSelectedPrimitives_PrimitiveId();
|
||||
const primitive = await eda.sch_PrimitiveComponent.get(selectedPrimitives[0]);
|
||||
let url = primitive[0].otherProperty.Datasheet;
|
||||
// atta.szlcsc.com -> atta-szlcsc.mirror.soraharu.com
|
||||
url = url.replace('atta.szlcsc.com', 'atta-szlcsc.mirror.soraharu.com');
|
||||
console.log(url);
|
||||
return url;
|
||||
} catch (error) {
|
||||
console.error(error);
|
||||
return null;
|
||||
}
|
||||
}
|
||||
|
||||
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
||||
async function getDatasheetData(url) {
|
||||
console.log(url);
|
||||
try {
|
||||
const response = await eda.sys_ClientUrl.request(url);
|
||||
const data = await response.text();
|
||||
console.log(data);
|
||||
return data;
|
||||
} catch (error) {
|
||||
console.error(error);
|
||||
return null;
|
||||
}
|
||||
}
|
||||
|
||||
213
iframe/js/main.js
Normal file
213
iframe/js/main.js
Normal file
@@ -0,0 +1,213 @@
|
||||
let CACHE_NAME = null;
|
||||
let chatHistory = [];
|
||||
let CUSTOM_SETTINGS = {
|
||||
HOST: "http://localhost:11434",
|
||||
ENDPOINT: "/v1/chat/completions",
|
||||
MODEL: "",
|
||||
HEADER: {
|
||||
"Content-Type": "application/json"
|
||||
}
|
||||
};
|
||||
let GOOGLE_SETTINGS = {
|
||||
HOST: "https://generativelanguage.googleapis.com",
|
||||
API_KEY: "",
|
||||
HEADER: {
|
||||
"Content-Type": "application/json"
|
||||
}
|
||||
};
|
||||
let DS_SETTINGS = {
|
||||
HOST: "https://api.deepseek.com",
|
||||
API_KEY: "",
|
||||
HEADER: {
|
||||
"Content-Type": "application/json"
|
||||
}
|
||||
};
|
||||
let QWEN_SETTINGS = {
|
||||
HOST: "https://dashscope.aliyuncs.com",
|
||||
API_KEY: "",
|
||||
HEADER: {
|
||||
"Content-Type": "application/json"
|
||||
}
|
||||
};
|
||||
let MODEL_NAME = "gemini-1.5-flash-002";
|
||||
let MODEL_GROUP = "Gemini";
|
||||
let CHAT_TITLE = "新的对话";
|
||||
let FILE_BASE64 = null;
|
||||
|
||||
console.log(eda.sys_Storage.getExtensionAllUserConfigs());
|
||||
|
||||
if(eda.sys_Storage.getExtensionUserConfig("GOOGLE-SETTINGS") !== undefined) {
|
||||
GOOGLE_SETTINGS = eda.sys_Storage.getExtensionUserConfig("GOOGLE-SETTINGS");
|
||||
}
|
||||
|
||||
if (eda.sys_Storage.getExtensionUserConfig("DS-SETTINGS") !== undefined) {
|
||||
DS_SETTINGS = eda.sys_Storage.getExtensionUserConfig("DS-SETTINGS");
|
||||
}
|
||||
|
||||
if (eda.sys_Storage.getExtensionUserConfig("QWEN-SETTINGS") !== undefined) {
|
||||
QWEN_SETTINGS = eda.sys_Storage.getExtensionUserConfig("QWEN-SETTINGS");
|
||||
}
|
||||
|
||||
if (eda.sys_Storage.getExtensionUserConfig("CUSTOM-SETTINGS") !== undefined) {
|
||||
CUSTOM_SETTINGS = eda.sys_Storage.getExtensionUserConfig("CUSTOM-SETTINGS");
|
||||
}
|
||||
|
||||
if(GOOGLE_SETTINGS.HOST !== null && GOOGLE_SETTINGS.HOST !== "" && GOOGLE_SETTINGS.HOST !== undefined) {
|
||||
document.getElementById("custom-google-host").value = GOOGLE_SETTINGS.HOST;
|
||||
}
|
||||
|
||||
if (GOOGLE_SETTINGS.API_KEY !== null && GOOGLE_SETTINGS.API_KEY !== "" && GOOGLE_SETTINGS.API_KEY !== undefined) {
|
||||
document.getElementById("google-api-key").value = GOOGLE_SETTINGS.API_KEY;
|
||||
}
|
||||
|
||||
if (GOOGLE_SETTINGS.HEADER !== null && GOOGLE_SETTINGS.HEADER !== "" && GOOGLE_SETTINGS.HEADER !== undefined) {
|
||||
document.getElementById("custom-google-header").value = JSON.stringify(GOOGLE_SETTINGS.HEADER);
|
||||
}
|
||||
|
||||
if (DS_SETTINGS.HEADER !== null && DS_SETTINGS.HEADER !== "" && DS_SETTINGS.HEADER !== undefined) {
|
||||
document.getElementById("custom-ds-header").value = JSON.stringify(DS_SETTINGS.HEADER);
|
||||
}
|
||||
|
||||
if (DS_SETTINGS.HOST !== null && DS_SETTINGS.HOST !== "" && DS_SETTINGS.HOST !== undefined) {
|
||||
document.getElementById("custom-ds-host").value = DS_SETTINGS.HOST;
|
||||
}
|
||||
|
||||
if (DS_SETTINGS.API_KEY !== null && DS_SETTINGS.API_KEY !== "" && DS_SETTINGS.API_KEY !== undefined) {
|
||||
document.getElementById("ds-api-key").value = DS_SETTINGS.API_KEY;
|
||||
}
|
||||
|
||||
if (QWEN_SETTINGS.HEADER !== null && QWEN_SETTINGS.HEADER !== "" && QWEN_SETTINGS.HEADER !== undefined) {
|
||||
document.getElementById("custom-qwen-header").value = JSON.stringify(QWEN_SETTINGS.HEADER);
|
||||
}
|
||||
|
||||
if (QWEN_SETTINGS.HOST !== null && QWEN_SETTINGS.HOST !== "" && QWEN_SETTINGS.HOST !== undefined) {
|
||||
document.getElementById("custom-qwen-host").value = QWEN_SETTINGS.HOST;
|
||||
}
|
||||
|
||||
if (QWEN_SETTINGS.API_KEY !== null && QWEN_SETTINGS.API_KEY !== "" && QWEN_SETTINGS.API_KEY !== undefined) {
|
||||
document.getElementById("qwen-api-key").value = QWEN_SETTINGS.API_KEY;
|
||||
}
|
||||
|
||||
if (CUSTOM_SETTINGS.HOST !== null && CUSTOM_SETTINGS.HOST !== "" && CUSTOM_SETTINGS.HOST !== undefined) {
|
||||
document.getElementById("custom-host").value = CUSTOM_SETTINGS.HOST;
|
||||
}
|
||||
|
||||
if (CUSTOM_SETTINGS.ENDPOINT !== null && CUSTOM_SETTINGS.ENDPOINT !== "" && CUSTOM_SETTINGS.ENDPOINT !== undefined) {
|
||||
document.getElementById("custom-endpoint").value = CUSTOM_SETTINGS.ENDPOINT;
|
||||
}
|
||||
|
||||
if (CUSTOM_SETTINGS.HEADER !== null && CUSTOM_SETTINGS.HEADER !== "" && CUSTOM_SETTINGS.HEADER !== undefined) {
|
||||
document.getElementById("custom-header").value = JSON.stringify(CUSTOM_SETTINGS.HEADER);
|
||||
}
|
||||
|
||||
if (CUSTOM_SETTINGS.MODEL !== null && CUSTOM_SETTINGS.MODEL !== "" && CUSTOM_SETTINGS.MODEL !== undefined) {
|
||||
document.getElementById("custom-model").value = CUSTOM_SETTINGS.MODEL;
|
||||
}
|
||||
|
||||
document.getElementById('subtitle').innerText = MODEL_NAME;
|
||||
|
||||
|
||||
|
||||
function openSettings() {
|
||||
document.getElementById('settingsModal').style.display = 'block';
|
||||
}
|
||||
|
||||
function closeSettings() {
|
||||
document.getElementById('settingsModal').style.display = 'none';
|
||||
}
|
||||
|
||||
function saveSettings() {
|
||||
let customSettings = {
|
||||
HOST: document.getElementById('custom-host').value,
|
||||
ENDPOINT: document.getElementById('custom-endpoint').value,
|
||||
MODEL: document.getElementById('custom-model').value,
|
||||
HEADER: JSON.parse(document.getElementById('custom-header').value)
|
||||
};
|
||||
let googleSettings = {
|
||||
HOST: document.getElementById('custom-google-host').value,
|
||||
API_KEY: document.getElementById('google-api-key').value,
|
||||
HEADER: JSON.parse(document.getElementById('custom-google-header').value)
|
||||
};
|
||||
|
||||
let dsSettings = {
|
||||
HOST: document.getElementById('custom-ds-host').value,
|
||||
API_KEY: document.getElementById('ds-api-key').value,
|
||||
HEADER: JSON.parse(document.getElementById('custom-ds-header').value)
|
||||
};
|
||||
|
||||
let qwenSettings = {
|
||||
HOST: document.getElementById('custom-qwen-host').value,
|
||||
API_KEY: document.getElementById('qwen-api-key').value,
|
||||
HEADER: JSON.parse(document.getElementById('custom-qwen-header').value)
|
||||
};
|
||||
eda.sys_Storage.setExtensionUserConfig("CUSTOM-SETTINGS", customSettings);
|
||||
eda.sys_Storage.setExtensionUserConfig("GOOGLE-SETTINGS", googleSettings);
|
||||
eda.sys_Storage.setExtensionUserConfig("DS-SETTINGS", dsSettings);
|
||||
eda.sys_Storage.setExtensionUserConfig("QWEN-SETTINGS", qwenSettings);
|
||||
CUSTOM_SETTINGS = customSettings;
|
||||
GOOGLE_SETTINGS = googleSettings;
|
||||
DS_SETTINGS = dsSettings;
|
||||
QWEN_SETTINGS = qwenSettings;
|
||||
closeSettings();
|
||||
}
|
||||
|
||||
function openModels() {
|
||||
document.getElementById('modelsModal').style.display = 'block';
|
||||
}
|
||||
|
||||
function closeModels() {
|
||||
document.getElementById('modelsModal').style.display = 'none';
|
||||
}
|
||||
|
||||
function saveModels() {
|
||||
MODEL_NAME = document.getElementById('model-name').value;
|
||||
document.getElementById('subtitle').innerText = MODEL_NAME;
|
||||
|
||||
const select = document.getElementById('model-name');
|
||||
const selectedOption = select.options[select.selectedIndex];
|
||||
const selectedOptgroup = selectedOption.parentNode;
|
||||
|
||||
if (selectedOptgroup.tagName === 'OPTGROUP') {
|
||||
console.log('选中的 optgroup 标签:', selectedOptgroup.label);
|
||||
MODEL_GROUP = selectedOptgroup.label;
|
||||
if (MODEL_GROUP === 'Gemini') {
|
||||
document.getElementById('google-settings').style.display = 'block';
|
||||
document.getElementById('ds-settings').style.display = 'none';
|
||||
document.getElementById('qwen-settings').style.display = 'none';
|
||||
document.getElementById('custom-settings').style.display = 'none';
|
||||
} else if (MODEL_GROUP === 'DeepSeek') {
|
||||
document.getElementById('ds-settings').style.display = 'block';
|
||||
document.getElementById('google-settings').style.display = 'none';
|
||||
document.getElementById('qwen-settings').style.display = 'none';
|
||||
document.getElementById('custom-settings').style.display = 'none';
|
||||
} else if (MODEL_GROUP === 'QWen') {
|
||||
document.getElementById('qwen-settings').style.display = 'block';
|
||||
document.getElementById('google-settings').style.display = 'none';
|
||||
document.getElementById('ds-settings').style.display = 'none';
|
||||
document.getElementById('custom-settings').style.display = 'none';
|
||||
} else {
|
||||
document.getElementById('custom-settings').style.display = 'block';
|
||||
document.getElementById('google-settings').style.display = 'none';
|
||||
document.getElementById('ds-settings').style.display = 'none';
|
||||
document.getElementById('qwen-settings').style.display = 'none';
|
||||
}
|
||||
}
|
||||
|
||||
closeModels();
|
||||
}
|
||||
|
||||
function createBubble(type, message, meta) {
|
||||
let bubble = document.createElement('div');
|
||||
bubble.className = 'message-bubble ' + type;
|
||||
console.log(message);
|
||||
bubble.innerHTML = '<div>' + marked.parse(message) + '</div>';
|
||||
if (!meta) {
|
||||
meta = new Date().toLocaleTimeString();
|
||||
}
|
||||
let metaElement = document.createElement('div');
|
||||
metaElement.className = 'message-meta';
|
||||
metaElement.innerHTML = meta;
|
||||
bubble.appendChild(metaElement);
|
||||
document.querySelector('.chat-body').appendChild(bubble);
|
||||
document.querySelector('.chat-body').scrollTop = document.querySelector('.chat-body').scrollHeight;
|
||||
}
|
||||
2592
iframe/js/marked.umd.js
Normal file
2592
iframe/js/marked.umd.js
Normal file
File diff suppressed because it is too large
Load Diff
297
iframe/test.html
Normal file
297
iframe/test.html
Normal file
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user