From 3288c82d5edc06945c49c97900db7c13cf4f54c0 Mon Sep 17 00:00:00 2001 From: Rankin Zheng Date: Thu, 4 May 2023 18:05:49 +0800 Subject: [PATCH] refactor: move media to assets folder --- assets/inputContainer.js | 6 +- media/chatPanel.html | 51 ------------ media/inputContainer.js | 165 --------------------------------------- 3 files changed, 3 insertions(+), 219 deletions(-) delete mode 100644 media/chatPanel.html delete mode 100644 media/inputContainer.js diff --git a/assets/inputContainer.js b/assets/inputContainer.js index 1f56517..b8ab78f 100644 --- a/assets/inputContainer.js +++ b/assets/inputContainer.js @@ -110,7 +110,7 @@ function initInputContainer() { // 阻止标签的默认行为（例如导航到链接） event.preventDefault(); // 在此处定义点击处理逻辑 - messageUtil.sendMessage({command: 'addContext', selected: item.href}) + messageUtil.sendMessage({ command: 'addContext', selected: item.href }) // 隐藏弹出菜单 popupContextMenu.style.display = 'none'; }); @@ -147,8 +147,8 @@ function initInputContainer() { }); }); - messageUtil.sendMessage({command: 'regContextList'}); - messageUtil.sendMessage({command: 'regCommandList'}); + messageUtil.sendMessage({ command: 'regContextList' }); + messageUtil.sendMessage({ command: 'regCommandList' }); } function addFileToMessageInput(filePath) { diff --git a/media/chatPanel.html b/media/chatPanel.html deleted file mode 100644 index 1fbc4f2..0000000 --- a/media/chatPanel.html +++ /dev/null @@ -1,51 +0,0 @@ - - - - - - - - Chat Panel - - - - - - - - - -
-
- -
-
-
- - -
-
- -
- -
- - - - - - - - - - - - - - - - diff --git a/media/inputContainer.js b/media/inputContainer.js deleted file mode 100644 index 1f56517..0000000 --- a/media/inputContainer.js +++ /dev/null @@ -1,165 +0,0 @@ - -const messageInput = document.getElementById('message-input'); -const inputContainer = document.getElementById('input-container'); - -const defaultHeight = 16; - -function autoResizeTextarea() { - const lineCount = (messageInput.value.match(/\n/g) || []).length + 1; - messageInput.style.height = 'auto'; - messageInput.style.height = (lineCount <= 1 ? defaultHeight : messageInput.scrollHeight) + 'px'; - inputContainer.style.height = 'auto'; - inputContainer.style.height = messageInput.style.height + 25; -} - -messageInput.addEventListener('input', autoResizeTextarea); - -autoResizeTextarea(); - -function initInputContainer() { - const messageInput = document.getElementById('message-input'); - const sendButton = document.getElementById('send-button'); - const addContextButton = document.getElementById('add-context-button'); - const addCommandButton = document.getElementById('add-command-button'); - const popupContextMenu = document.getElementById('popupContextMenu'); - const popupCommandMenu = document.getElementById('popupCommandMenu'); - - let contextList = []; - let commandList = []; - - messageInput.addEventListener('keypress', function (e) { - if (e.key === 'Enter') { - if (e.ctrlKey) { - e.preventDefault(); - const message = messageInput.value.trim(); - if (message !== '') { - sendButton.click(); - } - } else if (!e.shiftKey) { - e.preventDefault(); - messageInput.setRangeText('\n', messageInput.selectionStart, messageInput.selectionEnd, 'end'); - autoResizeTextarea(); - } - } - }); - - sendButton.addEventListener('click', () => { - const message = messageInput.value; - if (message) { - // Add the user's message to the chat UI - addMessageToUI('user', message); - - // Clear the input field - messageInput.value = ''; - - // Process and send the message to the extension - messageUtil.sendMessage({ - command: 'sendMessage', - text: message - }); - autoResizeTextarea(); - } - }); - - addContextButton.addEventListener('click', (event) => { - popupContextMenu.style.display = popupContextMenu.style.display === 'block' ? 'none' : 'block'; - // 设置弹出菜单的位置 - popupContextMenu.style.left = event.pageX + 'px'; - popupContextMenu.style.top = event.pageY + 'px'; - }); - - addCommandButton.addEventListener('click', (event) => { - popupCommandMenu.style.display = popupCommandMenu.style.display === 'block' ? 'none' : 'block'; - // 设置弹出菜单的位置 - popupCommandMenu.style.left = event.pageX + 'px'; - popupCommandMenu.style.top = event.pageY + 'px'; - }); - - messageUtil.registerHandler('file_select', (message) => { - addFileToMessageInput(message.filePath); - }); - - messageUtil.registerHandler('code_select', (message) => { - addCodeToMessageInput(message.codeBlock); - }); - - messageUtil.registerHandler('appendContext', (message) => { - addCodeToMessageInput(message.context); - }); - - messageUtil.registerHandler('regContextList', (message) => { - contextList = message.result; - - const menuItems = []; - for (let i = 0; i < contextList.length; i++) { - menuItems.push({ - text: contextList[i].name, - href: contextList[i].name - }); - } - - menuItems.forEach(item => { - const menuItem = document.createElement('a'); - menuItem.textContent = 'add ' + item.text; - menuItem.href = item.text; - - popupContextMenu.appendChild(menuItem); - - // 为每个菜单项添加点击事件监听器 - menuItem.addEventListener('click', (event) => { - // 阻止标签的默认行为（例如导航到链接） - event.preventDefault(); - // 在此处定义点击处理逻辑 - messageUtil.sendMessage({command: 'addContext', selected: item.href}) - // 隐藏弹出菜单 - popupContextMenu.style.display = 'none'; - }); - }); - }); - - messageUtil.registerHandler('regCommandList', (message) => { - commandList = message.result; - - const menuItems = []; - for (let i = 0; i < commandList.length; i++) { - menuItems.push({ - text: commandList[i].pattern, - href: commandList[i].pattern - }); - } - - menuItems.forEach(item => { - const menuItem = document.createElement('a'); - menuItem.textContent = item.text; - menuItem.href = item.href; - - popupCommandMenu.appendChild(menuItem); - - // 为每个菜单项添加点击事件监听器 - menuItem.addEventListener('click', (event) => { - // 阻止标签的默认行为（例如导航到链接） - event.preventDefault(); - // 在此处定义点击处理逻辑 - addCodeToMessageInput("/" + item.href); - // 隐藏弹出菜单 - popupCommandMenu.style.display = 'none'; - }); - }); - }); - - messageUtil.sendMessage({command: 'regContextList'}); - messageUtil.sendMessage({command: 'regCommandList'}); -} - -function addFileToMessageInput(filePath) { - const messageInput = document.getElementById('message-input'); - const formattedPath = `[context|${filePath}] `; - messageInput.value = formattedPath + messageInput.value; - messageInput.focus(); -} - -function addCodeToMessageInput(codeBlock) { - const messageInput = document.getElementById('message-input'); - messageInput.value += "\n" + codeBlock + "\n"; - messageInput.focus(); -}