├── .eslintrc.json
├── .gitignore
├── .node-version
├── .npmrc
├── .vscode
    ├── extensions.json
    ├── launch.json
    ├── settings.json
    └── tasks.json
├── .vscodeignore
├── LICENSE
├── README.md
├── README_EN.md
├── assets
    ├── logo.png
    ├── logo.svg
    └── readme
    │   ├── docs_assistants.png
    │   ├── docs_chat.png
    │   ├── docs_completion.png
    │   └── docs_settings_new.png
├── l10n
    └── bundle.l10n.zh-cn.json
├── media
    ├── main.js
    ├── scripts
    │   ├── highlight.min.js
    │   ├── showdown.min.js
    │   └── tailwind.min.js
    └── styles
    │   ├── styles.771a66d94c0526be.css
    │   ├── styles.c100.css
    │   ├── styles.c101.css
    │   ├── styles.c110.css
    │   ├── styles.c111.css
    │   ├── styles.c116.css
    │   ├── styles.c117.css
    │   └── styles.c48.css
├── package.json
├── package.nls.json
├── package.nls.zh-cn.json
├── src
    ├── ChatMemory.ts
    ├── CodeShellCompletionProvider.ts
    ├── CodeShellWebviewViewProvider.ts
    ├── CreatePrompt.ts
    ├── Utils.ts
    ├── consts.ts
    ├── extension.ts
    ├── request
    │   ├── commons.ts
    │   ├── event-source.ts
    │   ├── fetch-stream.ts
    │   └── inline-completion.ts
    └── test
    │   ├── runTest.ts
    │   └── suite
    │       ├── extension.test.ts
    │       └── index.ts
├── tsconfig.json
├── wasm
    ├── tree-sitter-c.wasm
    ├── tree-sitter-c_sharp.wasm
    ├── tree-sitter-cpp.wasm
    ├── tree-sitter-dart.wasm
    ├── tree-sitter-go.wasm
    ├── tree-sitter-java.wasm
    ├── tree-sitter-javascript.wasm
    ├── tree-sitter-php.wasm
    ├── tree-sitter-python.wasm
    ├── tree-sitter-ruby.wasm
    ├── tree-sitter-rust.wasm
    ├── tree-sitter-tsx.wasm
    ├── tree-sitter-typescript.wasm
    └── tree-sitter.wasm
└── webpack.config.js


/.eslintrc.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "root": true,
 3 |     "parser": "@typescript-eslint/parser",
 4 |     "parserOptions": {
 5 |         "ecmaVersion": 6,
 6 |         "sourceType": "module"
 7 |     },
 8 |     "plugins": [
 9 |         "@typescript-eslint"
10 |     ],
11 |     "rules": {
12 |         "@typescript-eslint/naming-convention": "warn",
13 |         "@typescript-eslint/semi": "warn",
14 |         "curly": "warn",
15 |         "eqeqeq": "warn",
16 |         "no-throw-literal": "warn",
17 |         "semi": "off"
18 |     },
19 |     "ignorePatterns": [
20 |         "out",
21 |         "dist",
22 |         "**/*.d.ts"
23 |     ]
24 | }
25 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | out
2 | dist
3 | node_modules
4 | .vscode-test/
5 | *.vsix
6 | .DS_Store
7 | .idea/
8 | package-lock.json
9 | 


--------------------------------------------------------------------------------
/.node-version:
--------------------------------------------------------------------------------
1 | v18.16.1


--------------------------------------------------------------------------------
/.npmrc:
--------------------------------------------------------------------------------
1 | registry=https://registry.npmmirror.com


--------------------------------------------------------------------------------
/.vscode/extensions.json:
--------------------------------------------------------------------------------
1 | {
2 |   // See http://go.microsoft.com/fwlink/?LinkId=827846
3 |   // for the documentation about the extensions.json format
4 |   "recommendations": ["dbaeumer.vscode-eslint", "amodio.tsl-problem-matcher"]
5 | }
6 | 


--------------------------------------------------------------------------------
/.vscode/launch.json:
--------------------------------------------------------------------------------
 1 | // A launch configuration that compiles the extension and then opens it inside a new window
 2 | // Use IntelliSense to learn about possible attributes.
 3 | // Hover to view descriptions of existing attributes.
 4 | // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
 5 | {
 6 | 	"version": "0.2.0",
 7 | 	"configurations": [
 8 | 		{
 9 | 			"name": "Run Extension",
10 | 			"type": "extensionHost",
11 | 			"request": "launch",
12 | 			"args": [
13 | 				"--extensionDevelopmentPath=${workspaceFolder}"
14 | 			],
15 | 			"outFiles": [
16 | 				"${workspaceFolder}/dist/**/*.js"
17 | 			],
18 | 			"preLaunchTask": "${defaultBuildTask}"
19 | 		},
20 | 		{
21 | 			"name": "Extension Tests",
22 | 			"type": "extensionHost",
23 | 			"request": "launch",
24 | 			"args": [
25 | 				"--extensionDevelopmentPath=${workspaceFolder}",
26 | 				"--extensionTestsPath=${workspaceFolder}/out/test/suite/index"
27 | 			],
28 | 			"outFiles": [
29 | 				"${workspaceFolder}/out/**/*.js",
30 | 				"${workspaceFolder}/dist/**/*.js"
31 | 			],
32 | 			"preLaunchTask": "tasks: watch-tests"
33 | 		}
34 | 	]
35 | }
36 | 


--------------------------------------------------------------------------------
/.vscode/settings.json:
--------------------------------------------------------------------------------
 1 | // Place your settings in this file to overwrite default and user settings.
 2 | {
 3 |     "files.exclude": {
 4 |         "out": false, // set this to true to hide the "out" folder with the compiled JS files
 5 |         "dist": false // set this to true to hide the "dist" folder with the compiled JS files
 6 |     },
 7 |     "search.exclude": {
 8 |         "out": true, // set this to false to include "out" folder in search results
 9 |         "dist": true // set this to false to include "dist" folder in search results
10 |     },
11 |     // Turn off tsc task auto detection since we have the necessary tasks as npm scripts
12 |     "typescript.tsc.autoDetect": "off"
13 | }


--------------------------------------------------------------------------------
/.vscode/tasks.json:
--------------------------------------------------------------------------------
 1 | // See https://go.microsoft.com/fwlink/?LinkId=733558
 2 | // for the documentation about the tasks.json format
 3 | {
 4 | 	"version": "2.0.0",
 5 | 	"tasks": [
 6 | 		{
 7 | 			"type": "npm",
 8 | 			"script": "watch",
 9 | 			"problemMatcher": "$ts-webpack-watch",
10 | 			"isBackground": true,
11 | 			"presentation": {
12 | 				"reveal": "never",
13 | 				"group": "watchers"
14 | 			},
15 | 			"group": {
16 | 				"kind": "build",
17 | 				"isDefault": true
18 | 			}
19 | 		},
20 | 		{
21 | 			"type": "npm",
22 | 			"script": "watch-tests",
23 | 			"problemMatcher": "$tsc-watch",
24 | 			"isBackground": true,
25 | 			"presentation": {
26 | 				"reveal": "never",
27 | 				"group": "watchers"
28 | 			},
29 | 			"group": "build"
30 | 		},
31 | 		{
32 | 			"label": "tasks: watch-tests",
33 | 			"dependsOn": [
34 | 				"npm: watch",
35 | 				"npm: watch-tests"
36 | 			],
37 | 			"problemMatcher": []
38 | 		}
39 | 	]
40 | }
41 | 


--------------------------------------------------------------------------------
/.vscodeignore:
--------------------------------------------------------------------------------
 1 | .vscode/**
 2 | .vscode-test/**
 3 | out/**
 4 | node_modules/**
 5 | src/**
 6 | .gitignore
 7 | .yarnrc
 8 | webpack.config.js
 9 | vsc-extension-quickstart.md
10 | **/tsconfig.json
11 | **/.eslintrc.json
12 | **/*.map
13 | **/*.ts
14 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
  1 |                                  Apache License
  2 |                            Version 2.0, January 2004
  3 |                         http://www.apache.org/licenses/
  4 | 
  5 |    TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
  6 | 
  7 |    1. Definitions.
  8 | 
  9 |       "License" shall mean the terms and conditions for use, reproduction,
 10 |       and distribution as defined by Sections 1 through 9 of this document.
 11 | 
 12 |       "Licensor" shall mean the copyright owner or entity authorized by
 13 |       the copyright owner that is granting the License.
 14 | 
 15 |       "Legal Entity" shall mean the union of the acting entity and all
 16 |       other entities that control, are controlled by, or are under common
 17 |       control with that entity. For the purposes of this definition,
 18 |       "control" means (i) the power, direct or indirect, to cause the
 19 |       direction or management of such entity, whether by contract or
 20 |       otherwise, or (ii) ownership of fifty percent (50%) or more of the
 21 |       outstanding shares, or (iii) beneficial ownership of such entity.
 22 | 
 23 |       "You" (or "Your") shall mean an individual or Legal Entity
 24 |       exercising permissions granted by this License.
 25 | 
 26 |       "Source" form shall mean the preferred form for making modifications,
 27 |       including but not limited to software source code, documentation
 28 |       source, and configuration files.
 29 | 
 30 |       "Object" form shall mean any form resulting from mechanical
 31 |       transformation or translation of a Source form, including but
 32 |       not limited to compiled object code, generated documentation,
 33 |       and conversions to other media types.
 34 | 
 35 |       "Work" shall mean the work of authorship, whether in Source or
 36 |       Object form, made available under the License, as indicated by a
 37 |       copyright notice that is included in or attached to the work
 38 |       (an example is provided in the Appendix below).
 39 | 
 40 |       "Derivative Works" shall mean any work, whether in Source or Object
 41 |       form, that is based on (or derived from) the Work and for which the
 42 |       editorial revisions, annotations, elaborations, or other modifications
 43 |       represent, as a whole, an original work of authorship. For the purposes
 44 |       of this License, Derivative Works shall not include works that remain
 45 |       separable from, or merely link (or bind by name) to the interfaces of,
 46 |       the Work and Derivative Works thereof.
 47 | 
 48 |       "Contribution" shall mean any work of authorship, including
 49 |       the original version of the Work and any modifications or additions
 50 |       to that Work or Derivative Works thereof, that is intentionally
 51 |       submitted to Licensor for inclusion in the Work by the copyright owner
 52 |       or by an individual or Legal Entity authorized to submit on behalf of
 53 |       the copyright owner. For the purposes of this definition, "submitted"
 54 |       means any form of electronic, verbal, or written communication sent
 55 |       to the Licensor or its representatives, including but not limited to
 56 |       communication on electronic mailing lists, source code control systems,
 57 |       and issue tracking systems that are managed by, or on behalf of, the
 58 |       Licensor for the purpose of discussing and improving the Work, but
 59 |       excluding communication that is conspicuously marked or otherwise
 60 |       designated in writing by the copyright owner as "Not a Contribution."
 61 | 
 62 |       "Contributor" shall mean Licensor and any individual or Legal Entity
 63 |       on behalf of whom a Contribution has been received by Licensor and
 64 |       subsequently incorporated within the Work.
 65 | 
 66 |    2. Grant of Copyright License. Subject to the terms and conditions of
 67 |       this License, each Contributor hereby grants to You a perpetual,
 68 |       worldwide, non-exclusive, no-charge, royalty-free, irrevocable
 69 |       copyright license to reproduce, prepare Derivative Works of,
 70 |       publicly display, publicly perform, sublicense, and distribute the
 71 |       Work and such Derivative Works in Source or Object form.
 72 | 
 73 |    3. Grant of Patent License. Subject to the terms and conditions of
 74 |       this License, each Contributor hereby grants to You a perpetual,
 75 |       worldwide, non-exclusive, no-charge, royalty-free, irrevocable
 76 |       (except as stated in this section) patent license to make, have made,
 77 |       use, offer to sell, sell, import, and otherwise transfer the Work,
 78 |       where such license applies only to those patent claims licensable
 79 |       by such Contributor that are necessarily infringed by their
 80 |       Contribution(s) alone or by combination of their Contribution(s)
 81 |       with the Work to which such Contribution(s) was submitted. If You
 82 |       institute patent litigation against any entity (including a
 83 |       cross-claim or counterclaim in a lawsuit) alleging that the Work
 84 |       or a Contribution incorporated within the Work constitutes direct
 85 |       or contributory patent infringement, then any patent licenses
 86 |       granted to You under this License for that Work shall terminate
 87 |       as of the date such litigation is filed.
 88 | 
 89 |    4. Redistribution. You may reproduce and distribute copies of the
 90 |       Work or Derivative Works thereof in any medium, with or without
 91 |       modifications, and in Source or Object form, provided that You
 92 |       meet the following conditions:
 93 | 
 94 |       (a) You must give any other recipients of the Work or
 95 |           Derivative Works a copy of this License; and
 96 | 
 97 |       (b) You must cause any modified files to carry prominent notices
 98 |           stating that You changed the files; and
 99 | 
100 |       (c) You must retain, in the Source form of any Derivative Works
101 |           that You distribute, all copyright, patent, trademark, and
102 |           attribution notices from the Source form of the Work,
103 |           excluding those notices that do not pertain to any part of
104 |           the Derivative Works; and
105 | 
106 |       (d) If the Work includes a "NOTICE" text file as part of its
107 |           distribution, then any Derivative Works that You distribute must
108 |           include a readable copy of the attribution notices contained
109 |           within such NOTICE file, excluding those notices that do not
110 |           pertain to any part of the Derivative Works, in at least one
111 |           of the following places: within a NOTICE text file distributed
112 |           as part of the Derivative Works; within the Source form or
113 |           documentation, if provided along with the Derivative Works; or,
114 |           within a display generated by the Derivative Works, if and
115 |           wherever such third-party notices normally appear. The contents
116 |           of the NOTICE file are for informational purposes only and
117 |           do not modify the License. You may add Your own attribution
118 |           notices within Derivative Works that You distribute, alongside
119 |           or as an addendum to the NOTICE text from the Work, provided
120 |           that such additional attribution notices cannot be construed
121 |           as modifying the License.
122 | 
123 |       You may add Your own copyright statement to Your modifications and
124 |       may provide additional or different license terms and conditions
125 |       for use, reproduction, or distribution of Your modifications, or
126 |       for any such Derivative Works as a whole, provided Your use,
127 |       reproduction, and distribution of the Work otherwise complies with
128 |       the conditions stated in this License.
129 | 
130 |    5. Submission of Contributions. Unless You explicitly state otherwise,
131 |       any Contribution intentionally submitted for inclusion in the Work
132 |       by You to the Licensor shall be under the terms and conditions of
133 |       this License, without any additional terms or conditions.
134 |       Notwithstanding the above, nothing herein shall supersede or modify
135 |       the terms of any separate license agreement you may have executed
136 |       with Licensor regarding such Contributions.
137 | 
138 |    6. Trademarks. This License does not grant permission to use the trade
139 |       names, trademarks, service marks, or product names of the Licensor,
140 |       except as required for reasonable and customary use in describing the
141 |       origin of the Work and reproducing the content of the NOTICE file.
142 | 
143 |    7. Disclaimer of Warranty. Unless required by applicable law or
144 |       agreed to in writing, Licensor provides the Work (and each
145 |       Contributor provides its Contributions) on an "AS IS" BASIS,
146 |       WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
147 |       implied, including, without limitation, any warranties or conditions
148 |       of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
149 |       PARTICULAR PURPOSE. You are solely responsible for determining the
150 |       appropriateness of using or redistributing the Work and assume any
151 |       risks associated with Your exercise of permissions under this License.
152 | 
153 |    8. Limitation of Liability. In no event and under no legal theory,
154 |       whether in tort (including negligence), contract, or otherwise,
155 |       unless required by applicable law (such as deliberate and grossly
156 |       negligent acts) or agreed to in writing, shall any Contributor be
157 |       liable to You for damages, including any direct, indirect, special,
158 |       incidental, or consequential damages of any character arising as a
159 |       result of this License or out of the use or inability to use the
160 |       Work (including but not limited to damages for loss of goodwill,
161 |       work stoppage, computer failure or malfunction, or any and all
162 |       other commercial damages or losses), even if such Contributor
163 |       has been advised of the possibility of such damages.
164 | 
165 |    9. Accepting Warranty or Additional Liability. While redistributing
166 |       the Work or Derivative Works thereof, You may choose to offer,
167 |       and charge a fee for, acceptance of support, warranty, indemnity,
168 |       or other liability obligations and/or rights consistent with this
169 |       License. However, in accepting such obligations, You may act only
170 |       on Your own behalf and on Your sole responsibility, not on behalf
171 |       of any other Contributor, and only if You agree to indemnify,
172 |       defend, and hold each Contributor harmless for any liability
173 |       incurred by, or claims asserted against, such Contributor by reason
174 |       of your accepting any such warranty or additional liability.
175 | 
176 |    END OF TERMS AND CONDITIONS
177 | 
178 |    APPENDIX: How to apply the Apache License to your work.
179 | 
180 |       To apply the Apache License to your work, attach the following
181 |       boilerplate notice, with the fields enclosed by brackets "[]"
182 |       replaced with your own identifying information. (Don't include
183 |       the brackets!)  The text should be enclosed in the appropriate
184 |       comment syntax for the file format. We also recommend that a
185 |       file or class name and description of purpose be included on the
186 |       same "printed page" as the copyright notice for easier
187 |       identification within third-party archives.
188 | 
189 |    Copyright [yyyy] [name of copyright owner]
190 | 
191 |    Licensed under the Apache License, Version 2.0 (the "License");
192 |    you may not use this file except in compliance with the License.
193 |    You may obtain a copy of the License at
194 | 
195 |        http://www.apache.org/licenses/LICENSE-2.0
196 | 
197 |    Unless required by applicable law or agreed to in writing, software
198 |    distributed under the License is distributed on an "AS IS" BASIS,
199 |    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
200 |    See the License for the specific language governing permissions and
201 |    limitations under the License.
202 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | # CodeShell VSCode Extension
  2 | 
  3 | [![English readme](https://img.shields.io/badge/README-English-blue)](README_EN.md)
  4 | 
  5 | `codeshell-vscode`项目是基于[CodeShell大模型](https://github.com/WisdomShell/codeshell)开发的支持[Visual Studio Code](https://code.visualstudio.com/Download)的智能编码助手插件，支持python、java、c++/c、javascript、go等多种编程语言，为开发者提供代码补全、代码解释、代码优化、注释生成、对话问答等功能，旨在通过智能化的方式帮助开发者提高编程效率。
  6 | 
  7 | ## 环境要求
  8 | 
  9 | - [node](https://nodejs.org/en)版本v18及以上
 10 | - Visual Studio Code版本要求 1.68.1 及以上
 11 | - [CodeShell 模型服务](https://github.com/WisdomShell/llama_cpp_for_codeshell)已启动
 12 | 
 13 | ## 编译插件
 14 | 
 15 | 如果要从源码进行打包，需要安装 `node` v18 以上版本，并执行以下命令：
 16 | 
 17 | ```zsh
 18 | git clone https://github.com/WisdomShell/codeshell-vscode.git
 19 | cd codeshell-vscode
 20 | npm install
 21 | npm exec vsce package
 22 | ```
 23 | 
 24 | 然后会得到一个名为`codeshell-vscode-${VERSION_NAME}.vsix`的文件。
 25 | 
 26 | ##  模型服务
 27 | 
 28 | [`llama_cpp_for_codeshell`](https://github.com/WisdomShell/llama_cpp_for_codeshell)项目提供[CodeShell大模型](https://github.com/WisdomShell/codeshell) 4bits量化后的模型，模型名称为`codeshell-chat-q4_0.gguf`。以下为部署模型服务步骤：
 29 | 
 30 | ### 编译代码
 31 | 
 32 | + Linux / Mac(Apple Silicon设备)
 33 | 
 34 |   ```bash
 35 |   git clone https://github.com/WisdomShell/llama_cpp_for_codeshell.git
 36 |   cd llama_cpp_for_codeshell
 37 |   make
 38 |   ```
 39 | 
 40 |   在 macOS 上，默认情况下启用了Metal，启用Metal可以将模型加载到 GPU 上运行，从而显著提升性能。
 41 | 
 42 | + Mac(非Apple Silicon设备)
 43 | 
 44 |   ```bash
 45 |   git clone https://github.com/WisdomShell/llama_cpp_for_codeshell.git
 46 |   cd llama_cpp_for_codeshell
 47 |   LLAMA_NO_METAL=1 make
 48 |   ```
 49 | 
 50 |   对于非 Apple Silicon 芯片的 Mac 用户，在编译时可以使用 `LLAMA_NO_METAL=1` 或 `LLAMA_METAL=OFF` 的 CMake 选项来禁用Metal构建，从而使模型正常运行。
 51 | 
 52 | + Windows
 53 | 
 54 |   您可以选择在[Windows Subsystem for Linux](https://learn.microsoft.com/en-us/windows/wsl/about)中按照Linux的方法编译代码，也可以选择参考[llama.cpp仓库](https://github.com/ggerganov/llama.cpp#build)中的方法，配置好[w64devkit](https://github.com/skeeto/w64devkit/releases)后再按照Linux的方法编译。
 55 | 
 56 | ### 下载模型
 57 | 
 58 | 在[Hugging Face Hub](https://huggingface.co/WisdomShell)上，我们提供了三种不同的模型，分别是[CodeShell-7B](https://huggingface.co/WisdomShell/CodeShell-7B)、[CodeShell-7B-Chat](https://huggingface.co/WisdomShell/CodeShell-7B-Chat)和[CodeShell-7B-Chat-int4](https://huggingface.co/WisdomShell/CodeShell-7B-Chat-int4)。以下是下载模型的步骤。
 59 | 
 60 | - 使用[CodeShell-7B-Chat-int4](https://huggingface.co/WisdomShell/CodeShell-7B-Chat-int4)模型推理，将模型下载到本地后并放置在以上代码中的 `llama_cpp_for_codeshell/models` 文件夹的路径
 61 | 
 62 |  ```
 63 |  git clone https://huggingface.co/WisdomShell/CodeShell-7B-Chat-int4/blob/main/codeshell-chat-q4_0.gguf
 64 |  ```
 65 | 
 66 | - 使用[CodeShell-7B](https://huggingface.co/WisdomShell/CodeShell-7B)、[CodeShell-7B-Chat](https://huggingface.co/WisdomShell/CodeShell-7B-Chat)推理，将模型放置在本地文件夹后，使用[TGI](https://github.com/WisdomShell/text-generation-inference.git)加载本地模型，启动模型服务
 67 | 
 68 | ```bash
 69 | git clone https://huggingface.co/WisdomShell/CodeShell-7B-Chat
 70 | git clone https://huggingface.co/WisdomShell/CodeShell-7B
 71 | ```
 72 | 
 73 | ### 加载模型
 74 | 
 75 | - `CodeShell-7B-Chat-int4`模型使用`llama_cpp_for_codeshell`项目中的`server`命令即可提供API服务
 76 | 
 77 | ```bash
 78 | ./server -m ./models/codeshell-chat-q4_0.gguf --host 127.0.0.1 --port 8080
 79 | ```
 80 | 
 81 | 注意：对于编译时启用了 Metal 的情况下，若运行时出现异常，您也可以在命令行添加参数 `-ngl 0 `显式地禁用Metal GPU推理，从而使模型正常运行。
 82 | 
 83 | - [CodeShell-7B](https://huggingface.co/WisdomShell/CodeShell-7B)和[CodeShell-7B-Chat](https://huggingface.co/WisdomShell/CodeShell-7B-Chat)模型，使用[TGI](https://github.com/WisdomShell/text-generation-inference.git)加载本地模型，启动模型服务
 84 | 
 85 | ## 模型服务[NVIDIA GPU]
 86 | 
 87 | 对于希望使用NVIDIA GPU进行推理的用户，可以使用[`text-generation-inference`](https://github.com/huggingface/text-generation-inference)项目部署[CodeShell大模型](https://github.com/WisdomShell/codeshell)。以下为部署模型服务步骤：
 88 | 
 89 | ### 下载模型
 90 | 
 91 | 在 [Hugging Face Hub](https://huggingface.co/WisdomShell/CodeShell-7B-Chat)将模型下载到本地后，将模型放置在 `$HOME/models` 文件夹的路径下，即可从本地加载模型。
 92 | 
 93 | ```bash
 94 | git clone https://huggingface.co/WisdomShell/CodeShell-7B-Chat
 95 | ```
 96 | 
 97 | ### 部署模型
 98 | 
 99 | 使用以下命令即可用text-generation-inference进行GPU加速推理部署：
100 | 
101 | ```bash
102 | docker run --gpus 'all' --shm-size 1g -p 9090:80 -v $HOME/models:/data \
103 |         --env LOG_LEVEL="info,text_generation_router=debug" \
104 |         ghcr.nju.edu.cn/huggingface/text-generation-inference:1.0.3 \
105 |         --model-id /data/CodeShell-7B-Chat --num-shard 1 \
106 |         --max-total-tokens 5000 --max-input-length 4096 \
107 |         --max-stop-sequences 12 --trust-remote-code
108 | ```
109 | 
110 | 更详细的参数说明请参考[text-generation-inference项目文档](https://github.com/huggingface/text-generation-inference)。
111 | 
112 | 
113 | ## 配置插件
114 | 
115 | VSCode中执行`Install from VSIX...`命令，选择`codeshell-vscode-${VERSION_NAME}.vsix`，完成插件安装。
116 | 
117 | - 设置CodeShell大模型服务地址
118 | - 配置是否自动触发代码补全建议
119 | - 配置自动触发代码补全建议的时间延迟
120 | - 配置补全的最大tokens数量
121 | - 配置问答的最大tokens数量
122 | - 配置模型运行环境
123 | 
124 | 注意：不同的模型运行环境可以在插件中进行配置。对于[CodeShell-7B-Chat-int4](https://huggingface.co/WisdomShell/CodeShell-7B-Chat-int4)模型，您可以在`Code Shell: Run Env For LLMs`选项中选择`CPU with llama.cpp`选项。而对于[CodeShell-7B](https://huggingface.co/WisdomShell/CodeShell-7B)和[CodeShell-7B-Chat](https://huggingface.co/WisdomShell/CodeShell-7B-Chat)模型，应选择`GPU with TGI toolkit`选项。
125 | 
126 | ![插件配置截图](https://raw.githubusercontent.com/WisdomShell/codeshell-vscode/main/assets/readme/docs_settings_new.png)
127 | 
128 | ## 功能特性
129 | 
130 | ### 1. 代码补全
131 | 
132 | - 自动触发代码建议
133 | - 热键触发代码建议
134 | 
135 | 在编码过程中，当停止输入时，代码补全建议可自动触发（在配置选项`Auto Completion Delay`中可设置为1~3秒），或者您也可以主动触发代码补全建议，使用快捷键`Alt+\`（对于`Windows`电脑）或`option+\`（对于`Mac`电脑）。
136 | 
137 | 当插件提供代码建议时，建议内容以灰色显示在编辑器光标位置，您可以按下Tab键来接受该建议，或者继续输入以忽略该建议。
138 | 
139 | ![代码建议截图](https://raw.githubusercontent.com/WisdomShell/codeshell-vscode/main/assets/readme/docs_completion.png)
140 | 
141 | ### 2. 代码辅助
142 | 
143 | - 对一段代码进行解释/优化/清理
144 | - 为一段代码生成注释/单元测试
145 | - 检查一段代码是否存在性能/安全性问题
146 | 
147 | 在vscode侧边栏中打开插件问答界面，在编辑器中选中一段代码，在鼠标右键CodeShell菜单中选择对应的功能项，插件将在问答界面中给出相应的答复。
148 | 
149 | ![代码辅助截图](https://raw.githubusercontent.com/WisdomShell/codeshell-vscode/main/assets/readme/docs_assistants.png)
150 | 
151 | ### 3. 智能问答
152 | 
153 | - 支持多轮对话
154 | - 支持会话历史
155 | - 基于历史会话（做为上文）进行多轮对话
156 | - 可编辑问题，重新提问
157 | - 对任一问题，可重新获取回答
158 | - 在回答过程中，可以打断
159 | 
160 | ![智能问答截图](https://raw.githubusercontent.com/WisdomShell/codeshell-vscode/main/assets/readme/docs_chat.png)
161 | 
162 | 在问答界面的代码块中，可以点击复制按钮复制该代码块，也可点击插入按钮将该代码块内容插入到编辑器光标处。
163 | 
164 | ## 开源协议
165 | 
166 | Apache 2.0
167 | 
168 | ## Star History
169 | 
170 | [![Star History Chart](https://api.star-history.com/svg?repos=WisdomShell/codeshell-vscode&type=Date)](https://star-history.com/#WisdomShell/codeshell-vscode&Date)


--------------------------------------------------------------------------------
/README_EN.md:
--------------------------------------------------------------------------------
  1 | # CodeShell VSCode Extension
  2 | 
  3 | [![Chinese readme](https://img.shields.io/badge/README-Chinese-blue)](README.md)
  4 | 
  5 | The `codeshell-vscode` project is an open-source plugin developed based on the [CodeShell LLM](https://github.com/WisdomShell/codeshell) that supports [Visual Studio Code](https://code.visualstudio.com/Download). It serves as an intelligent coding assistant, offering support for various programming languages such as Python, Java, C/C++, JavaScript, Go, and more. This plugin provides features like code completion, code interpretation, code optimization, comment generation, and conversational Q&A to help developers enhance their coding efficiency in an intelligent manner.
  6 | 
  7 | ## Requirements
  8 | 
  9 | - [node](https://nodejs.org/en) version v18 and above
 10 | - Visual Studio Code version 1.68.1 and above
 11 | - The [CodeShell](https://github.com/WisdomShell/llama_cpp_for_codeshell) service is running
 12 | 
 13 | ## Compile the Plugin
 14 | 
 15 | If you want to run the package from source code, you need to execute the following command:
 16 | 
 17 | ```zsh
 18 | git clone https://github.com/WisdomShell/codeshell-vscode.git
 19 | cd codeshell-vscode
 20 | npm install
 21 | npm exec vsce package
 22 | ```
 23 | 
 24 | and it will create a visx package file like: `codeshell-vscode-${VERSION_NAME}.vsix`。
 25 | 
 26 | ##  Model Service
 27 | 
 28 | The [`llama_cpp_for_codeshell`](https://github.com/WisdomShell/llama_cpp_for_codeshell) project provides the 4-bit quantized model service of the [CodeShell](https://github.com/WisdomShell/codeshell) LLM, named `codeshell-chat-q4_0.gguf`. Here are the steps to deploy the model service:
 29 | 
 30 | ### Compile the code
 31 | 
 32 | + Linux / Mac(Apple Silicon Devices)
 33 | 
 34 |   ```bash
 35 |   git clone https://github.com/WisdomShell/llama_cpp_for_codeshell.git
 36 |   cd llama_cpp_for_codeshell
 37 |   make
 38 |   ```
 39 | 
 40 |   On macOS, Metal is enabled by default, which allows loading the model onto the GPU for significant performance improvements.
 41 | 
 42 | + Mac(Non Apple Silicon Devices)
 43 | 
 44 |   ```bash
 45 |   git clone https://github.com/WisdomShell/llama_cpp_for_codeshell.git
 46 |   cd llama_cpp_for_codeshell
 47 |   LLAMA_NO_METAL=1 make
 48 |   ```
 49 | 
 50 |   For Mac users with non-Apple Silicon chips, you can disable Metal builds during compilation using the CMake options `LLAMA_NO_METAL=1` or `LLAMA_METAL=OFF` to ensure the model runs properly.
 51 | 
 52 | + Windows
 53 | 
 54 |   You have the option to compile the code using the Linux approach within the [Windows Subsystem for Linux](https://learn.microsoft.com/en-us/windows/wsl/about) or you can follow the instructions provided in the [llama.cpp repository](https://github.com/ggerganov/llama.cpp#build). Another option is to configure [w64devkit](https://github.com/skeeto/w64devkit/releases) and then proceed with the Linux compilation method.
 55 | 
 56 | 
 57 | ### Download the model
 58 | 
 59 | On the [Hugging Face Hub](https://huggingface.co/WisdomShell), we provide three different models: [CodeShell-7B](https://huggingface.co/WisdomShell/CodeShell-7B), [CodeShell-7B-Chat](https://huggingface.co/WisdomShell/CodeShell-7B-Chat), and [CodeShell-7B-Chat-int4](https://huggingface.co/WisdomShell/CodeShell-7B-Chat-int4). Below are the steps to download these models.
 60 | 
 61 | - To perform inference using the [CodeShell-7B-Chat-int4](https://huggingface.co/WisdomShell/CodeShell-7B-Chat-int4) model, download the model to your local machine and place it in the path of the `llama_cpp_for_codeshell/models` folder as indicated in the code above.
 62 | 
 63 |  ```
 64 |  git clone https://huggingface.co/WisdomShell/CodeShell-7B-Chat-int4/blob/main/codeshell-chat-q4_0.gguf
 65 |  ```
 66 | 
 67 | - For performing inference using [CodeShell-7B](https://huggingface.co/WisdomShell/CodeShell-7B) and [CodeShell-7B-Chat](https://huggingface.co/WisdomShell/CodeShell-7B-Chat) models, after placing the models in a local folder, you can utilize [TGI (Text Generation Inference)](https://github.com/WisdomShell/text-generation-inference.git) to load these local models and initiate the model service.
 68 | 
 69 | ### Load the model
 70 | 
 71 | - The `CodeShell-7B-Chat-int4` model can be served as an API using the `server` command within the `llama_cpp_for_codeshell` project.
 72 | 
 73 | ```bash
 74 | ./server -m ./models/codeshell-chat-q4_0.gguf --host 127.0.0.1 --port 8080
 75 | ```
 76 | 
 77 | Note: In cases where Metal is enabled during compilation, if you encounter runtime exceptions, you can explicitly disable Metal GPU inference by adding the `-ngl 0` parameter in the command line to ensure the proper functioning of the model.
 78 | 
 79 | - [CodeShell-7B](https://huggingface.co/WisdomShell/CodeShell-7B) and [CodeShell-7B-Chat](https://huggingface.co/WisdomShell/CodeShell-7B-Chat) models, loading local models with [TGI](https://github.com/WisdomShell/text-generation-inference.git) and starting the model service.
 80 | 
 81 | ## Model Service [NVIDIA GPU]
 82 | 
 83 | For users wishing to use NVIDIA GPUs for inference, the [`text-generation-inference`](https://github.com/huggingface/text-generation-inference) project can be used to deploy the [CodeShell Large Model](https://github.com/WisdomShell/codeshell). Below are the steps to deploy the model service:
 84 | 
 85 | ### Download the Model
 86 | 
 87 | After downloading the model from the [Hugging Face Hub](https://huggingface.co/WisdomShell/CodeShell-7B-Chat) to your local machine, place the model under the path of the `$HOME/models` folder, and you can load the model locally.
 88 | 
 89 | ```bash
 90 | git clone https://huggingface.co/WisdomShell/CodeShell-7B-Chat
 91 | ```
 92 | 
 93 | ### Deploy the Model
 94 | 
 95 | The following command can be used for GPU-accelerated inference deployment with text-generation-inference:
 96 | 
 97 | ```bash
 98 | docker run --gpus 'all' --shm-size 1g -p 9090:80 -v $HOME/models:/data \
 99 |         --env LOG_LEVEL="info,text_generation_router=debug" \
100 |         ghcr.nju.edu.cn/huggingface/text-generation-inference:1.0.3 \
101 |         --model-id /data/CodeShell-7B-Chat --num-shard 1 \
102 |         --max-total-tokens 5000 --max-input-length 4096 \
103 |         --max-stop-sequences 12 --trust-remote-code
104 | ```
105 | 
106 | For a more detailed explanation of the parameters, please refer to the [text-generation-inference project documentation](https://github.com/huggingface/text-generation-inference).
107 | 
108 | 
109 | ##  Configure the Plugin
110 | 
111 | - Set the address for the CodeShell service
112 | - Configure whether to enable automatic code completion suggestions
113 | - Set the time delay for triggering automatic code completion suggestions
114 | - Specify the maximum number of tokens for code completion
115 | - Specify the maximum number of tokens for Q&A
116 | - Configure the model runtime environment
117 | 
118 | Note: Different model runtime environments can be configured within the plugin. For the [CodeShell-7B-Chat-int4](https://huggingface.co/WisdomShell/CodeShell-7B-Chat-int4) model, you can choose the `CPU with llama.cpp"`option in the `Code Shell: Run Env For LLMs` menu. However, for the [CodeShell-7B](https://huggingface.co/WisdomShell/CodeShell-7B) and [CodeShell-7B-Chat](https://huggingface.co/WisdomShell/CodeShell-7B-Chat) models, you should select the `GPU with TGI toolkit` option.
119 | 
120 | ![插件配置截图](https://raw.githubusercontent.com/WisdomShell/codeshell-vscode/main/assets/readme/docs_settings_new.png)
121 | 
122 | ## Features
123 | 
124 | ### 1. Code Completion
125 | 
126 | - Automatic Code Suggestions
127 | - Keyboard Shortcut for Code Suggestions
128 | 
129 | During the coding process, code completion suggestions can automatically trigger when you pause input (configurable with the `Auto Completion Delay` option, set to 1-3 seconds). Alternatively, you can manually trigger code completion suggestions using the shortcut key `Alt+\` (for Windows) or `Option+\` (for Mac).
130 | 
131 | When the plugin provides code suggestions, the suggested content appears in gray at the editor's cursor position. You can press the Tab key to accept the suggestion or continue typing to ignore it.
132 | 
133 | ![代码建议截图](https://raw.githubusercontent.com/WisdomShell/codeshell-vscode/main/assets/readme/docs_completion.png)
134 | 
135 | ### 2. Code Assistance
136 | 
137 | - Explain/Optimize/Cleanse a Code Segment
138 | - Generate Comments/Unit Tests for Code
139 | - Check Code for Performance/Security Issues
140 | 
141 | In the VSCode sidebar, open the plugin's Q&A interface. Select a portion of code in the editor, right-click to access the CodeShell menu, and choose the corresponding function. The plugin will provide relevant responses in the Q&A interface.
142 | 
143 | ![代码辅助截图](https://raw.githubusercontent.com/WisdomShell/codeshell-vscode/main/assets/readme/docs_assistants.png)
144 | 
145 | ### 3. Code Q&A
146 | 
147 | - Support for Multi-turn Conversations
148 | - Maintain Conversation History
149 | - Engage in Multi-turn Dialogues Based on Previous Conversations
150 | - Edit Questions and Rephrase Inquiries
151 | - Request Fresh Responses for Any Question
152 | - Interrupt During the Answering Process
153 | 
154 | ![智能问答截图](https://raw.githubusercontent.com/WisdomShell/codeshell-vscode/main/assets/readme/docs_chat.png)
155 | 
156 | Within the Q&A interface's code block, you can click the copy button to copy the code block or use the insert button to insert the code block's content at the editor's cursor location.
157 | 
158 | ## License
159 | 
160 | Apache 2.0
161 | 
162 | ## Star History
163 | 
164 | [![Star History Chart](https://api.star-history.com/svg?repos=WisdomShell/codeshell-vscode&type=Date)](https://star-history.com/#WisdomShell/codeshell-vscode&Date)


--------------------------------------------------------------------------------
/assets/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/WisdomShell/codeshell-vscode/00c045b1c08fea8df7adcfa354b443ecdc1fa429/assets/logo.png


--------------------------------------------------------------------------------
/assets/logo.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <svg width="26px" height="26px" viewBox="0 0 26 26" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 3 |     <title>CodeShell LOGO</title>
 4 |     <defs>
 5 |         <linearGradient x1="-2.47192458%" y1="24.8045891%" x2="77.6357792%" y2="66.6574819%" id="linearGradient-1">
 6 |             <stop stop-color="#B8CFF1" offset="0%"></stop>
 7 |             <stop stop-color="#005DC9" offset="100%"></stop>
 8 |         </linearGradient>
 9 |         <linearGradient x1="103.616047%" y1="28.9718668%" x2="23.0824222%" y2="59.1919554%" id="linearGradient-2">
10 |             <stop stop-color="#B8CFF1" offset="0%"></stop>
11 |             <stop stop-color="#005DC9" offset="100%"></stop>
12 |         </linearGradient>
13 |         <linearGradient x1="31.4805863%" y1="8.41037716%" x2="64.9899323%" y2="62.1159107%" id="linearGradient-3">
14 |             <stop stop-color="#B8CFF1" offset="1%"></stop>
15 |             <stop stop-color="#005DC9" offset="100%"></stop>
16 |         </linearGradient>
17 |         <linearGradient x1="65.0803758%" y1="6.784819%" x2="36.4388589%" y2="64.5552535%" id="linearGradient-4">
18 |             <stop stop-color="#B8CFF1" offset="1%"></stop>
19 |             <stop stop-color="#005DC9" offset="100%"></stop>
20 |         </linearGradient>
21 |         <linearGradient x1="41.3254881%" y1="-9.82084135%" x2="58.0656323%" y2="77.8223246%" id="linearGradient-5">
22 |             <stop stop-color="#B8CFF1" offset="1%"></stop>
23 |             <stop stop-color="#005DC9" offset="100%"></stop>
24 |         </linearGradient>
25 |         <linearGradient x1="56.1286196%" y1="-3.73344099%" x2="42.2230723%" y2="87.8371241%" id="linearGradient-6">
26 |             <stop stop-color="#B8CFF1" offset="1%"></stop>
27 |             <stop stop-color="#005DC9" offset="97%"></stop>
28 |         </linearGradient>
29 |         <linearGradient x1="49.990563%" y1="-12.1696574%" x2="49.990563%" y2="106.133768%" id="linearGradient-7">
30 |             <stop stop-color="#B8CFF1" offset="0%"></stop>
31 |             <stop stop-color="#005DC9" offset="92%"></stop>
32 |         </linearGradient>
33 |         <linearGradient x1="50%" y1="100%" x2="50%" y2="-42.6717825%" id="linearGradient-8">
34 |             <stop stop-color="#005DC9" offset="0%"></stop>
35 |             <stop stop-color="#B8CFF1" offset="100%"></stop>
36 |         </linearGradient>
37 |         <radialGradient cx="40.8297875%" cy="25.2939834%" fx="40.8297875%" fy="25.2939834%" r="91.7215241%" gradientTransform="translate(0.408298,0.252940),scale(1.000000,0.998778),translate(-0.408298,-0.252940)" id="radialGradient-9">
38 |             <stop stop-color="#FFE69C" offset="5%"></stop>
39 |             <stop stop-color="#FFC600" offset="26%"></stop>
40 |             <stop stop-color="#FF8800" offset="75%"></stop>
41 |         </radialGradient>
42 |     </defs>
43 |     <g id="page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
44 |         <g id="CodeShell LOGO" fill-rule="nonzero">
45 |             <path d="M6.78877159,20.6469664 C4.35187907,19.8602793 1.87323033,18.9499939 1.03643584,18.325321 C0.199641352,17.700648 -0.147770332,17.0008139 0.057670231,16.3794815 C0.245448589,15.8644034 0.742325539,15.5277659 1.29031361,15.5443573 C1.61476229,15.5494881 1.93105711,15.6468095 2.20226928,15.824959 L2.502914,16.0153673 C3.65010048,17.3170264 4.91852297,18.506592 6.29103755,19.5679858 C6.42532602,19.9414073 6.59186598,20.3024302 6.78877159,20.6469664 L6.78877159,20.6469664 Z" id="路径" fill="url(#linearGradient-1)"></path>
46 |             <path d="M24.9644155,18.31864 C24.12094,18.9483237 21.5888434,19.8652901 19.1185459,20.6569879 C19.3022597,20.3361565 19.4597746,20.0010184 19.5895559,19.6548388 C21.0088802,18.5700957 22.318489,17.3488758 23.4996076,16.0086863 L23.7985821,15.8199483 C24.0697943,15.6417988 24.3860891,15.5444773 24.7105378,15.5393465 C25.2585258,15.5227551 25.7554028,15.8593926 25.9431811,16.3744708 C26.1486217,16.9941329 25.7911885,17.7023183 24.9644155,18.31864 Z" id="路径" fill="url(#linearGradient-2)"></path>
47 |             <path d="M6.61840625,13.9442592 L6.61840625,13.9442592 C6.50927484,14.1616549 6.41170765,14.3846657 6.32611277,14.6123586 C6.15811459,15.0531559 6.03500661,15.5097746 5.9586581,15.9752814 L5.9586581,15.9752814 C5.82331259,16.7956417 5.83235659,17.6333426 5.98538208,18.4505896 L5.84675145,18.3487045 C4.81006681,17.4783553 3.84232774,16.5290441 2.95221084,15.509282 L2.95221084,15.509282 C2.12704114,14.5831656 1.41754613,13.5601467 0.839346518,12.4627488 C0.162895885,11.1148583 0.0994264429,9.87052319 0.66230018,8.95522702 C1.14256651,8.19796925 1.97867911,7.74110471 2.87537941,7.74592869 C3.25356866,7.74438308 3.62695009,7.83072396 3.96605167,7.99817464 C4.52558491,9.98911083 5.50769101,12.0318247 6.61840625,13.9442592 Z" id="路径" fill="url(#linearGradient-3)"></path>
48 |             <path d="M25.1615048,12.4627488 C24.5825136,13.5594485 23.87186,14.5813986 23.0453,15.5059415 C22.1856663,16.4919225 21.2532785,17.4120274 20.2559851,18.258511 L20.2559851,18.258511 L19.9219354,18.5023673 C20.0115062,18.0496619 20.0562623,17.5892337 20.0555552,17.1277528 C20.0570648,16.2539003 19.8962189,15.3873717 19.5812047,14.5722726 C19.5194055,14.4152693 19.4542658,14.2599362 19.3824451,14.1079436 C20.4898199,12.1587636 21.4735962,10.0559208 22.0414807,7.9931639 L22.0414807,7.9931639 C22.3801905,7.82833716 22.7521282,7.74320856 23.1288124,7.74427861 C24.0246548,7.74094817 24.8593158,8.1983399 25.3385512,8.95522702 C25.9014249,9.86885294 25.8379555,11.1131881 25.1615048,12.4627488 Z" id="路径" fill="url(#linearGradient-4)"></path>
49 |             <path d="M10.0941933,10.6438482 C9.51563264,10.8977675 8.97402804,11.2286856 8.4840738,11.6276246 L8.4840738,11.6276246 C7.90656592,12.0976904 7.40661576,12.6556956 7.0025634,13.2811706 C6.17772695,11.8601577 5.48286694,10.3675783 4.92644454,8.82160714 L4.92644454,8.82160714 C4.77946268,8.39569378 4.64751305,7.97145067 4.5389469,7.5488778 C4.47213696,7.29834053 4.41367826,7.04947351 4.36357081,6.80227673 C3.97607316,4.90487446 4.47046671,3.79582947 4.95316852,3.20790201 C5.48059232,2.58636832 6.24288951,2.21237043 7.05721684,2.1756148 C7.87154418,2.13885917 8.6644347,2.44266182 9.2457071,3.01415319 C9.19559965,5.12701751 9.56639481,7.879587 10.0941933,10.6438482 Z" id="路径" fill="url(#linearGradient-5)"></path>
50 |             <path d="M21.6406211,6.80060648 C21.5905136,7.04446276 21.5337252,7.30168103 21.4735962,7.54553731 C21.3700408,7.95196444 21.2464424,8.36674281 21.102801,8.78987242 L21.102801,8.78987242 C20.5475636,10.3928743 19.845297,11.9411038 19.004969,13.4147905 C18.580932,12.7238395 18.0407394,12.1113199 17.4082114,11.6042411 L17.4082114,11.6042411 C16.9617886,11.244144 16.4732831,10.9395992 15.953425,10.6972962 C16.5714169,7.66078445 17.009022,4.72782812 16.8870939,2.89723579 L16.8870939,2.89723579 C17.47882,2.37777871 18.2544702,2.11789847 19.0397083,2.17600609 C19.8249465,2.23411371 20.5538952,2.60533428 21.0627151,3.20623176 C21.5420764,3.79916997 22.0281187,4.90320421 21.6406211,6.80060648 Z" id="路径" fill="url(#linearGradient-6)"></path>
51 |             <path d="M16.235697,3.73403028 C16.215654,5.46607795 15.8331671,7.90965147 15.3170603,10.4417482 C13.8339626,9.92038502 12.2199145,9.90511383 10.7272175,10.3983217 C10.3029744,8.16686974 9.98562718,5.94877976 9.91881724,4.08645271 C9.903785,3.68225258 9.90211476,3.29308468 9.91881724,2.92563002 C9.91881724,2.86884157 9.92215774,2.81316662 9.92883873,2.75860517 C10.0708099,1.00484427 11.6475244,0.203125 13.0922893,0.203125 C14.4284881,0.203125 15.8983068,0.871224391 16.1571953,2.37444802 C16.1705573,2.4562902 16.1839193,2.54147287 16.1939408,2.63333653 C16.2316474,2.99894543 16.2455954,3.36661543 16.235697,3.73403028 L16.235697,3.73403028 Z" id="路径" fill="url(#linearGradient-7)"></path>
52 |             <path d="M25.4905438,21.7075741 C23.1104397,24.1394559 18.4855217,25.7863209 13.1724613,25.7863209 C7.85940087,25.7863209 3.22780184,24.1361154 0.849368009,21.7008931 C0.826736027,21.6778846 0.82176369,21.642803 0.837110435,21.6144115 C0.852457179,21.58602 0.884531255,21.5709635 0.916177948,21.5772948 C1.21818085,21.6370545 1.52528574,21.6672615 1.83314436,21.6674882 C2.56826546,21.6703372 3.29355829,21.4986025 3.94934918,21.1664136 C5.07836821,22.4725913 6.83518527,23.0504916 8.51914902,22.6696373 C10.8281902,24.5237567 14.0463541,24.7475363 16.5897897,23.2308408 C16.9136577,23.0376852 17.2214239,22.81873 17.5100966,22.5761034 C17.9551982,22.7142273 18.4186714,22.784058 18.8847111,22.7832142 C20.244687,22.785368 21.5376424,22.1928905 22.4239676,21.1614029 C23.0798245,21.4934113 23.8050732,21.6651355 24.5401724,21.6624774 C24.8367719,21.6630897 25.132714,21.6345584 25.4237339,21.5772948 C25.4576365,21.5688096 25.4929145,21.584812 25.5088621,21.6159097 C25.5248096,21.6470074 25.5171475,21.6849941 25.4905438,21.7075741 L25.4905438,21.7075741 Z" id="路径" fill="url(#linearGradient-8)"></path>
53 |             <path d="M16.9939898,12.1086561 C17.8783986,12.8197552 18.5598958,13.7512691 18.9698937,14.8094479 C19.2569452,15.5527305 19.4041839,16.3426589 19.4041839,17.1394446 C19.4075823,19.5717349 18.0418478,21.7989277 15.8724538,22.8988267 C13.7030598,23.9987257 11.0993025,23.7840948 9.13929926,22.3438047 C7.17929605,20.9035146 6.19669858,18.482746 6.59836327,16.0838475 C6.66785852,15.6611229 6.77977375,15.246477 6.93241296,14.8461934 C7.3353839,13.7839626 8.0111358,12.8466665 8.89161443,12.1286991 C11.2496389,10.211859 14.6265108,10.2035055 16.9939898,12.1086561 Z M13.6334804,14.9681215 L13.6208196,14.9681215 C13.4351118,14.9687404 13.2731269,15.0830768 13.2262222,15.2466463 L12.0192187,19.5071148 C11.9878829,19.6175913 12.0144848,19.7350498 12.0912664,19.8252358 C12.1680481,19.9154218 12.2863627,19.9681789 12.4117058,19.9681215 L12.4243667,19.9681215 C12.6091896,19.9682062 12.7706482,19.8544188 12.8168539,19.6915174 L14.0259676,15.4310489 C14.0571861,15.3203801 14.0306007,15.2027899 13.9539113,15.1123371 C13.877222,15.0218842 13.7589976,14.9686752 13.6334804,14.9681215 Z M11.0556353,15.5238851 C10.9227715,15.4593808 10.7615691,15.4672739 10.637073,15.5443797 L8.17453245,17.0426508 C8.06244503,17.1098912 7.99503739,17.2239504 7.99516926,17.3461468 L7.99516926,17.6093047 C7.99607889,17.7332449 8.06496798,17.8485728 8.17875275,17.9166424 L10.6412933,19.3995466 C10.7657894,19.4766524 10.9269918,19.4845456 11.0598556,19.4200412 C11.1927195,19.3555369 11.2753235,19.2292777 11.2743371,19.092209 C11.274603,18.9679528 11.2064672,18.8518385 11.0928645,18.7829504 L9.45117085,17.797549 C9.33618869,17.7290626 9.26689779,17.6124131 9.26689779,17.48733 C9.26689779,17.362247 9.33618869,17.2455975 9.45117085,17.1771111 L11.0823138,16.2320477 C11.1995535,16.1646376 11.2704913,16.0470975 11.2701168,15.9208683 L11.2701168,15.8517174 C11.2711032,15.7146486 11.1884992,15.5883894 11.0556353,15.5238851 Z M15.4060032,15.5731926 C15.2818206,15.4962851 15.121089,15.4882262 14.9883788,15.5522532 C14.8556686,15.6162803 14.7727598,15.7418854 14.7729563,15.8786094 L14.7729563,15.9170266 C14.7775005,16.0409759 14.8494838,16.1547467 14.9649826,16.2205226 L16.5961256,17.1655859 C16.7120763,17.2334483 16.7821662,17.3503217 16.7821662,17.4758049 C16.7821662,17.601288 16.7120763,17.7181615 16.5961256,17.7860239 L14.9544319,18.7714253 C14.8408292,18.8403133 14.7726934,18.9564277 14.7729563,19.0806838 C14.7742141,19.2168223 14.8573404,19.3413819 14.9894868,19.405137 C15.1216332,19.468892 15.2815364,19.4615838 15.4060032,19.3861006 L17.81579,17.9185632 C17.9282117,17.8507061 17.9956128,17.7359361 17.9951658,17.6131464 L17.9951658,17.371118 C17.995704,17.2487778 17.9292288,17.1342368 17.8179002,17.0657012 Z" id="形状结合" fill="url(#radialGradient-9)"></path>
54 |         </g>
55 |     </g>
56 | </svg>


--------------------------------------------------------------------------------
/assets/readme/docs_assistants.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/WisdomShell/codeshell-vscode/00c045b1c08fea8df7adcfa354b443ecdc1fa429/assets/readme/docs_assistants.png


--------------------------------------------------------------------------------
/assets/readme/docs_chat.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/WisdomShell/codeshell-vscode/00c045b1c08fea8df7adcfa354b443ecdc1fa429/assets/readme/docs_chat.png


--------------------------------------------------------------------------------
/assets/readme/docs_completion.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/WisdomShell/codeshell-vscode/00c045b1c08fea8df7adcfa354b443ecdc1fa429/assets/readme/docs_completion.png


--------------------------------------------------------------------------------
/assets/readme/docs_settings_new.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/WisdomShell/codeshell-vscode/00c045b1c08fea8df7adcfa354b443ecdc1fa429/assets/readme/docs_settings_new.png


--------------------------------------------------------------------------------
/l10n/bundle.l10n.zh-cn.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "Enable Auto Completion": "启用 自动触发补全",
 3 |     "Disable Auto Completion": "停用 自动触发补全",
 4 |     "Explain Selected Codes": "解释 这段代码",
 5 |     "Please explain the following {0} code": "请解释以下{0}代码",
 6 |     "Optimize Selected Codes": "优化 这段代码",
 7 |     "Please optimize and rewrite the following {0} code": "请优化并重写以下{0}代码",
 8 |     "Clean Selected Codes": "清理 这段代码",
 9 |     "Please clean and rewrite the following {0} code": "请清理并重写以下{0}代码",
10 |     "Generate Comment": "生成 注释",
11 |     "Please generate comments for the following {0} code": "请为以下{0}代码生成注释",
12 |     "Generate Unit Test": "生成 单元测试",
13 |     "Please generate unit tests for the following {0} code": "请为以下{0}代码生成单元测试",
14 |     "Check Performance": "检查 性能问题",
15 |     "Check the following {0} code for any performance issues, and please provide optimization suggestions": "检查以下{0}代码,是否存在性能问题，请给出优化建议",
16 |     "Check Security": "检查 安全性问题",
17 |     "Check the following {0} code for any security issues, and please provide optimization suggestions": "检查以下{0}代码, 是否存在安全性问题，请给出优化建议",
18 |     "select coding task": "选择快捷指令：",
19 |     "Ask CodeShell": "向CodeShell提问",
20 |     "Please enter your question description": "请输入您的问题描述",
21 |     "question description": "问题描述",
22 |     "Start a new session": "开启新会话",
23 |     "Stop Gen": "停止生成",
24 |     "History": "历史",
25 |     "Send": "发送",
26 |     "Disable auto code completion (can be triggered by shortcut keys)": "禁用 自动触发代码补全（可由快捷键触发）",
27 |     "Enable automatically code completion (triggered when input stops)": "启用 自动触发代码补全（输入停止时触发）",
28 |     "Enable": "启用",
29 |     "Answer :": "回答 :",
30 |     "Answer output completed": "回答输出完毕!",
31 |     "Ask here, press Enter key to send": "在这里提问, Enter发送",
32 |     "Line break": "换行",
33 |     "Unknown Language type": "无法确定语言类型！",
34 |     "Disable": "禁用",
35 |     "Request timeout, please try again later": "请求超时，请稍后重试。",
36 |     "Please select a section of code": "请选中一段代码",
37 |     "Back": "返回",
38 |     "How about this answer?": "这个回答怎么样？",
39 |     "Question :": "问题 :",
40 |     "Homepage": "首页"
41 | }


--------------------------------------------------------------------------------
/media/main.js:
--------------------------------------------------------------------------------
  1 | // @ts-ignore 
  2 | /* eslint-disable */
  3 | 
  4 | // This script will be run within the webview itself
  5 | // It cannot access the main VS Code APIs directly.
  6 | (function () {
  7 |   const vscode = acquireVsCodeApi();
  8 | 
  9 |   const showdownConverter = new showdown.Converter({
 10 |     omitExtraWLInCodeBlocks: true,
 11 |     simplifiedAutoLink: true,
 12 |     excludeTrailingPunctuationFromURLs: true,
 13 |     literalMidWordUnderscores: true,
 14 |     simpleLineBreaks: true
 15 |   });
 16 | 
 17 |   // Handle messages sent from the extension to the webview
 18 |   window.addEventListener("message", (event) => {
 19 |     const message = event.data;
 20 |     switch (message.type) {
 21 |       case "addQuestionAnswerDiv": {
 22 |         addQuestionAnswerDiv(message.value);
 23 |         break;
 24 |       }
 25 |       case "addStreamResponse": {
 26 |         addStreamResponse(message.value);
 27 |         break;
 28 |       }
 29 |       case "responseStreamDone": {
 30 |         responseStreamDone(message.value);
 31 |         break;
 32 |       }
 33 |       case "historySessionDone": {
 34 |         historySessionDone(message.value);
 35 |         break;
 36 |       }
 37 |       case "historyQuestionAnswerDone": {
 38 |         historyQuestionAnswerDone(message.value);
 39 |         break;
 40 |       }
 41 |     }
 42 |   });
 43 | 
 44 |   function addQuestionAnswerDiv(eventData) {
 45 |     let chatContainer = document.getElementById("chatContainerQuestionListId");
 46 | 
 47 |     div = document.createElement("div")
 48 |     div.innerHTML = eventData.divContent
 49 |     chatContainer.appendChild(div);
 50 | 
 51 |     let questionDiv = document.getElementById(`questionDiv${eventData.contentIndex}`);
 52 |     html = showdownConverter.makeHtml(eventData.question);
 53 |     questionDiv.innerHTML = html;
 54 |     hljs.highlightAll();
 55 | 
 56 |     chatContainer.scrollTop = chatContainer.scrollHeight;
 57 |     questionEditBtn(eventData.contentIndex, eventData.question);
 58 |     showChat_hideHistory();
 59 |   }
 60 | 
 61 |   function addStreamResponse(eventData) {
 62 |     const contentIndex = eventData.contentIndex;
 63 |     const responseText = fixCodeBlocks(eventData.responseText);
 64 | 
 65 |     const html = showdownConverter.makeHtml(responseText);
 66 |     const outputDiv = document.getElementById(`outputDiv${contentIndex}`);
 67 |     outputDiv.innerHTML = null;
 68 |     outputDiv.innerHTML = html;
 69 |     addCodeBlockButtons(contentIndex);
 70 |     hljs.highlightAll();
 71 | 
 72 |     const chatContainer = document.getElementById("chatContainerQuestionListId");
 73 |     const testNextDiv = document.getElementById(`qa_section_div_${contentIndex + 1}`);
 74 |     if (!testNextDiv) {
 75 |       chatContainer.scrollTop = chatContainer.scrollHeight;
 76 |     }
 77 | 
 78 |     document.getElementById("btn-stop-streaming").style.display = "block";
 79 |   }
 80 | 
 81 |   function responseStreamDone(eventData) {
 82 |     const contentIndex = eventData.contentIndex;
 83 |     const responseText = eventData.responseText;
 84 | 
 85 |     // const aiMsgId = eventData.aiMsgId;
 86 |     // span = document.createElement("span");
 87 |     // span.innerText = `ai message id =  ${aiMsgId}`;
 88 |     // const outputDiv = document.getElementById(`outputDiv${contentIndex}`);
 89 |     // outputDiv.append(span);
 90 | 
 91 |     answerCopyBtn(contentIndex, responseText);
 92 |     answerRefreshBtn(contentIndex);
 93 |     codeBlockButtonEvent(contentIndex);
 94 |     handleFeedbackBtns(eventData);
 95 | 
 96 |     hljs.highlightAll();
 97 |     document.getElementById("btn-stop-streaming").style.display = "none";
 98 |   }
 99 | 
100 |   function handleFeedbackBtns(eventData) {
101 |     const contentIndex = eventData.contentIndex;
102 |     if (eventData.aiMsgId && eventData.aiMsgId !== "0") {
103 |       const feedbackDiv = document.getElementById(`feedbackDiv${contentIndex}`);
104 |       feedbackDiv.style.display = "flex";
105 | 
106 |       const feedbackGoodBtn = document.getElementById(`feedbackGoodBtn${contentIndex}`);
107 |       const feedbackCheckBtn = document.getElementById(`feedbackCheckBtn${contentIndex}`);
108 |       const feedbackBadBtn = document.getElementById(`feedbackBadBtn${contentIndex}`);
109 | 
110 |       if (feedbackGoodBtn.clickHandler) {
111 |         feedbackGoodBtn.removeEventListener("click", feedbackGoodBtn.clickHandler)
112 |       }
113 |       feedbackGoodBtn.clickHandler = (e) => {
114 |         vscode.postMessage({ type: "answerFeedbackGood", value: eventData.aiMsgId });
115 |         feedbackGoodBtn.style.display = "none";
116 |         feedbackCheckBtn.style.display = "flex";
117 |         setTimeout(() => {
118 |           feedbackGoodBtn.style.display = "flex";
119 |           feedbackCheckBtn.style.display = "none";
120 |         }, 500);
121 |       }
122 |       feedbackGoodBtn.addEventListener("click", feedbackGoodBtn.clickHandler);
123 | 
124 |       if (feedbackBadBtn.clickHandler) {
125 |         feedbackBadBtn.removeEventListener("click", feedbackBadBtn.clickHandler)
126 |       }
127 |       feedbackBadBtn.clickHandler = (e) => {
128 |         vscode.postMessage({ type: "answerFeedbackBad", value: eventData.aiMsgId });
129 |         feedbackBadBtn.style.display = "none";
130 |         feedbackCheckBtn.style.display = "flex";
131 |         setTimeout(() => {
132 |           feedbackBadBtn.style.display = "flex";
133 |           feedbackCheckBtn.style.display = "none";
134 |         }, 500);
135 |       }
136 |       feedbackBadBtn.addEventListener("click", feedbackBadBtn.clickHandler);
137 |     }
138 |   }
139 | 
140 |   function addCodeBlockButtons(outputIndex) {
141 |     const outputDiv = document.getElementById(`outputDiv${outputIndex}`);
142 |     const preBlocks = outputDiv.querySelectorAll("pre");
143 |     for (let i = 0; i < preBlocks.length; i++) {
144 |       const preBlock = preBlocks[i];
145 |       const blockIndex = `${outputIndex}_${i}`;
146 |       preBlock.id = `output_pre_${blockIndex}`
147 | 
148 |       div = document.createElement("div")
149 |       div.classList.add("p0", "operations")
150 |       div.innerHTML = `<div class="copy-btn copy-btn-icon inner-btns" style="float: right;"> 
151 |       <div class="copy-btn copybtn-icn focus-on-tab inner-btns" style="float: right;" id="codeCopyBtn_${blockIndex}">
152 |         <svg class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="16" height="16">
153 |           <path d="M720 192h-544A80.096 80.096 0 0 0 96 272v608C96 924.128 131.904 960 176 960h544c44.128 0 80-35.872 80-80v-608C800 227.904 764.128 192 720 192z m16 688c0 8.8-7.2 16-16 16h-544a16 16 0 0 1-16-16v-608a16 16 0 0 1 16-16h544a16 16 0 0 1 16 16v608z" p-id="5754" fill="#ffffff"></path><path d="M848 64h-544a32 32 0 0 0 0 64h544a16 16 0 0 1 16 16v608a32 32 0 1 0 64 0v-608C928 99.904 892.128 64 848 64z" p-id="5755" fill="#ffffff"></path><path d="M608 360H288a32 32 0 0 0 0 64h320a32 32 0 1 0 0-64zM608 520H288a32 32 0 1 0 0 64h320a32 32 0 1 0 0-64zM480 678.656H288a32 32 0 1 0 0 64h192a32 32 0 1 0 0-64z" p-id="5756" fill="#ffffff"></path><
154 |         /svg>
155 |       </div>
156 |       <div class="copy-btn copybtn-icn-tick" style="float: right; display: none;" id="codeCopyCheck_${blockIndex}">
157 |         <svg class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="16" height="16">
158 |           <path d="M369.792 704.32L930.304 128 1024 223.616 369.984 896l-20.288-20.864-0.128 0.128L0 516.8 96.128 423.68l273.664 280.64z" fill="#1296db" p-id="4526"></path>
159 |         </svg>
160 |       </div>
161 |       <div class="copy-btn copybtn-icn focus-on-tab inner-btns" style="float: right;" id="codeInsertBtn_${blockIndex}">
162 |         <svg class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="16" height="16">
163 |           <path d="M320.984615 240.246154L275.692308 202.830769c-13.784615-9.846154-29.538462-7.876923-41.353846 3.938462L5.907692 494.276923c-7.876923 9.846154-7.876923 25.6 0 37.415385L236.307692 817.230769c9.846154 11.815385 27.569231 15.753846 41.353846 3.938462l45.292308-37.415385c13.784615-9.846154 15.753846-29.538462 3.938462-41.353846L141.784615 512l187.076923-230.4c7.876923-11.815385 5.907692-29.538462-7.876923-41.353846z m697.107693 254.030769L787.692308 208.738462c-9.846154-11.815385-27.569231-15.753846-41.353846-3.938462l-45.292308 37.415385c-13.784615 9.846154-15.753846 29.538462-3.938462 41.353846l187.076923 230.4-187.076923 230.4c-9.846154 11.815385-7.876923 31.507692 3.938462 41.353846l45.292308 37.415385c13.784615 9.846154 29.538462 7.876923 41.353846-3.938462L1018.092308 531.692308c7.876923-13.784615 7.876923-27.569231 0-37.415385zM622.276923 212.676923l-59.076923-13.784615c-15.753846-3.938462-33.476923 5.907692-37.415385 21.661538l-145.723077 559.261539c-3.938462 15.753846 5.907692 31.507692 21.661539 35.446153l59.076923 13.784616c15.753846 3.938462 33.476923-5.907692 37.415385-21.661539l145.723077-559.261538c3.938462-17.723077-5.907692-31.507692-21.661539-35.446154z" fill="#FFFFFF" p-id="3495"></path>
164 |         </svg>
165 |       </div>
166 |       </div>`
167 |       preBlock.prepend(div);
168 |     }
169 |   }
170 | 
171 |   function codeBlockButtonEvent(outputIndex) {
172 |     const outputDiv = document.getElementById(`outputDiv${outputIndex}`);
173 |     const preBlocks = outputDiv.querySelectorAll("pre");
174 |     for (let i = 0; i < preBlocks.length; i++) {
175 |       let preBlock = preBlocks[i];
176 |       let blockIndex = `${outputIndex}_${i}`;
177 | 
178 |       let codeCopyBtn = document.getElementById(`codeCopyBtn_${blockIndex}`);
179 |       codeCopyBtn.addEventListener("click", (e) => {
180 |         navigator.clipboard.writeText(preBlock.innerText);
181 |         let copyCheck = document.getElementById(`codeCopyCheck_${blockIndex}`);
182 |         copyCheck.style.display = "flex";
183 |         codeCopyBtn.style.display = "none";
184 |         setTimeout(() => {
185 |           copyCheck.style.display = "none";
186 |           codeCopyBtn.style.display = "flex";
187 |         }, 2000);
188 |       });
189 | 
190 |       let insertBtn = document.getElementById(`codeInsertBtn_${blockIndex}`);
191 |       insertBtn.addEventListener("click", (e) => {
192 |         navigator.clipboard.writeText(preBlock.innerText);
193 |         vscode.postMessage({ type: "codeBlockInsert", value: preBlock.innerText });
194 |         let copyCheck = document.getElementById(`codeCopyCheck_${blockIndex}`);
195 |         copyCheck.style.display = "flex";
196 |         insertBtn.style.display = "none";
197 |         setTimeout(() => {
198 |           copyCheck.style.display = "none";
199 |           insertBtn.style.display = "flex";
200 |         }, 2000);
201 |       });
202 |     }
203 |   }
204 | 
205 |   function historySessionDone(eventData) {
206 |     let div = document.getElementById("history_session_div");
207 |     div.innerHTML = eventData;
208 | 
209 |     let sessionDivs = document.querySelectorAll("div.session");
210 |     for (let sessionDiv of sessionDivs) {
211 |       let itemDiv = sessionDiv.querySelector("div.session-item");
212 |       itemDiv.addEventListener("click", e => {
213 |         vscode.postMessage({ type: "sessionItemClicked", value: sessionDiv.id });
214 |       });
215 |       let deleteDiv = sessionDiv.querySelector("div.session-options");
216 |       deleteDiv.addEventListener("click", e => {
217 |         vscode.postMessage({ type: "sessionItemDelete", value: sessionDiv.id });
218 |       });
219 |     }
220 |   }
221 | 
222 |   function historyQuestionAnswerDone(eventData) {
223 |     showChat_hideHistory();
224 | 
225 |     div = document.createElement("div")
226 |     div.innerHTML = eventData.divContent;
227 |     let chatContainer = document.getElementById("chatContainerQuestionListId");
228 |     chatContainer.innerHTML = null;
229 |     chatContainer.appendChild(div);
230 | 
231 |     for (let i = 0; i < eventData.chatList.length; i++) {
232 |       let question = eventData.chatList[i].humanMessage.content;
233 |       let answer = eventData.chatList[i].aiMessage.content;
234 |       qHtml = showdownConverter.makeHtml(question);
235 |       document.getElementById(`questionDiv${i}`).innerHTML = qHtml;
236 |       aHtml = showdownConverter.makeHtml(answer);
237 |       document.getElementById(`outputDiv${i}`).innerHTML = aHtml;
238 | 
239 |       questionEditBtn(i, question);
240 |       answerCopyBtn(i, answer);
241 |       answerRefreshBtn(i);
242 |       addCodeBlockButtons(i);
243 |       codeBlockButtonEvent(i);
244 |     }
245 |     hljs.highlightAll();
246 | 
247 |     const textarea = document.getElementById("questioninput");
248 |     textarea.value = "";
249 |     textarea.style.height = `35px`;
250 |     chatContainer.scrollTop = chatContainer.scrollHeight;
251 |   }
252 | 
253 |   function questionEditBtn(index, question) {
254 |     let editBtn = document.getElementById(`editBtn${index}`);
255 |     if (editBtn.clickHandler) {
256 |       editBtn.removeEventListener("click", editBtn.clickHandler)
257 |     }
258 |     editBtn.clickHandler = (e) => {
259 |       const textarea = document.getElementById("questioninput");
260 |       textarea.value = question;
261 |       textarea.style.height = `${textarea.scrollHeight}px`;
262 |     }
263 |     editBtn.addEventListener("click", editBtn.clickHandler);
264 |   }
265 | 
266 |   function answerCopyBtn(index, answer) {
267 |     let copyBtn = document.getElementById(`copyBtn${index}`);
268 |     if (copyBtn.clickHandler) {
269 |       copyBtn.removeEventListener("click", copyBtn.clickHandler);
270 |     }
271 |     copyBtn.clickHandler = (e) => {
272 |       navigator.clipboard.writeText(answer);
273 |       let copyCheck = document.getElementById(`copyCheck${index}`);
274 |       copyCheck.style.display = "block";
275 |       copyBtn.style.display = "none";
276 |       setTimeout(() => {
277 |         copyCheck.style.display = "none";
278 |         copyBtn.style.display = "block";
279 |       }, 2000)
280 |     }
281 |     copyBtn.addEventListener("click", copyBtn.clickHandler);
282 |   }
283 | 
284 |   function answerRefreshBtn(index) {
285 |     let refreshBtn = document.getElementById(`refreshBtn${index}`);
286 |     refreshBtn.style.display = "block";
287 |     if (refreshBtn.clickHandler) {
288 |       refreshBtn.removeEventListener("click", refreshBtn.clickHandler);
289 |     }
290 |     refreshBtn.clickHandler = (e) => {
291 |       refreshBtn.style.display = "none";
292 |       // loading
293 |       document.getElementById(`outputDiv${index}`).innerHTML = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><circle cx="18" cy="12" r="0" fill="currentColor"><animate attributeName="r" begin=".67" calcMode="spline" dur="1.5s" keySplines="0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8" repeatCount="indefinite" values="0;2;0;0"/></circle><circle cx="12" cy="12" r="0" fill="currentColor"><animate attributeName="r" begin=".33" calcMode="spline" dur="1.5s" keySplines="0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8" repeatCount="indefinite" values="0;2;0;0"/></circle><circle cx="6" cy="12" r="0" fill="currentColor"><animate attributeName="r" begin="0" calcMode="spline" dur="1.5s" keySplines="0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8" repeatCount="indefinite" values="0;2;0;0"/></circle></svg>`;
294 |       vscode.postMessage({ type: "regenerateThisAnswer", value: index });
295 |     }
296 |     refreshBtn.addEventListener("click", refreshBtn.clickHandler);
297 |   }
298 | 
299 |   function showChat_hideHistory() {
300 |     let chatDiv = document.getElementById("main-div-aichat");
301 |     chatDiv.style.display = "block";
302 | 
303 |     let hisDiv = document.getElementById("aichat_history_div");
304 |     hisDiv.style.display = "none";
305 |   }
306 | 
307 |   function hideChat_showHistory() {
308 |     let chatDiv = document.getElementById("main-div-aichat");
309 |     chatDiv.style.display = "none";
310 | 
311 |     let hisDiv = document.getElementById("aichat_history_div");
312 |     hisDiv.style.display = "block";
313 |   }
314 | 
315 |   document.getElementById("questioninput").addEventListener("keydown", event => {
316 |     const textarea = event.target;
317 |     console.debug("event.key =", event.key, ", event.keyCode = ", event.keyCode);
318 |     console.debug(navigator.userAgent);
319 |     let isMac = /macintosh|mac os x/i.test(navigator.userAgent);  
320 |     let isWin = /windows|win32|win64/i.test(navigator.userAgent); 
321 |     let isLinux = /linux/i.test(navigator.userAgent);
322 |     console.debug(`isMac=${isMac}, isWin=${isWin}, isLinux=${isLinux}`);
323 | 
324 |     if (event.shiftKey && event.key === "Enter") {
325 |       textarea.style.height = `${textarea.scrollHeight + 5}px`;
326 |     } else if (((isWin || isLinux) && event.key === "Enter") || (isMac && event.keyCode === 13)) {
327 |       event.preventDefault();
328 |       if (textarea.value && textarea.value.trim().length > 0) {
329 |         vscode.postMessage({ type: "startQuestion", value: textarea.value.trim() });
330 |         textarea.value = "";
331 |         textarea.style.height = `35px`;
332 |       }
333 |     }
334 |   });
335 | 
336 |   document.getElementById("questioninput").addEventListener("keyup", event => {
337 |     const textarea = event.target;
338 |     if (textarea.value && textarea.value.trim().length === 0) {
339 |       textarea.style.height = `35px`;
340 |     }
341 |   });
342 | 
343 |   document.getElementById("send-button-img").addEventListener("click", event => {
344 |     const textarea = document.getElementById("questioninput");
345 |     if (textarea.value && textarea.value.trim().length > 0) {
346 |       vscode.postMessage({ type: "startQuestion", value: textarea.value.trim() });
347 |       textarea.value = "";
348 |       textarea.style.height = `35px`;
349 |     }
350 |   });
351 | 
352 |   document.getElementById("add_session_btn").addEventListener("click", event => {
353 |     vscode.postMessage({ type: "startNewSession" });
354 |     let element = document.getElementById("chatContainerQuestionListId");
355 |     element.innerHTML = null;
356 |   });
357 | 
358 |   document.getElementById("historyButton").addEventListener("click", event => {
359 |     vscode.postMessage({ type: "showSessionHistory" });
360 |     hideChat_showHistory();
361 |   });
362 | 
363 |   document.getElementById("historyBackButton").addEventListener("click", event => {
364 |     showChat_hideHistory();
365 |   });
366 | 
367 |   document.getElementById("btn-stop-streaming").addEventListener("click", event => {
368 |     vscode.postMessage({ type: "stopGenerationStream" });
369 |   });
370 | 
371 |   document.addEventListener("contextmenu", event => {
372 |     event.preventDefault();
373 |   });
374 | 
375 | 
376 |   function fixCodeBlocks(textContent) {
377 |     const REGEX_CODEBLOCK = new RegExp("\`\`\`", "g");
378 |     const matches = textContent.match(REGEX_CODEBLOCK);
379 | 
380 |     const count = matches ? matches.length : 0;
381 |     if (count % 2 === 0) {
382 |       return textContent;
383 |     } else {
384 |       return textContent.concat("\n\`\`\`");
385 |     }
386 |   }
387 | 
388 | 
389 | })();
390 | 


--------------------------------------------------------------------------------
/media/styles/styles.c100.css:
--------------------------------------------------------------------------------
 1 | [_ngcontent-uim-c100]:root {
 2 |     --font13: 13px;
 3 |     --font10: calc(var(--font13) - 3px);
 4 |     --font11: calc(var(--font13) - 2px);
 5 |     --font12: calc(var(--font13) - 1px);
 6 |     --font14: calc(var(--font13) + 1px);
 7 |     --font15: calc(var(--font13) + 2px);
 8 |     --font16: calc(var(--font13) + 3px);
 9 |     --font17: calc(var(--font13) + 4px);
10 |     --font18: calc(var(--font13) + 5px);
11 |     --font19: calc(var(--font13) + 6px);
12 |     --font20: calc(var(--font13) + 7px);
13 |     --minHeightAI: 40px
14 | }
15 | 
16 | .sharebutton[_ngcontent-uim-c100] {
17 |     padding: 3px 8px
18 | }
19 | 
20 | .sharebutton[_ngcontent-uim-c100]:hover {
21 |     background: rgba(208, 214, 217, .05);
22 |     border-radius: 3px
23 | }
24 | 
25 | .ant-dropdown-menu {
26 |     background-color: #44484a;
27 |     box-shadow: 0 0 20px #00000026;
28 |     padding: 0
29 | }
30 | 
31 | li.ant-dropdown-menu-item[_ngcontent-uim-c100] {
32 |     color: #c4c9cc;
33 |     padding: 8px;
34 |     font-size: var(--font15);
35 |     min-height: 32px !important
36 | }
37 | 
38 | li.ant-dropdown-menu-item[_ngcontent-uim-c100]:hover {
39 |     background-color: #d0d6d90d
40 | }
41 | 
42 | .shareIcons[_ngcontent-uim-c100] {
43 |     width: 17.64px;
44 |     height: 14.54px;
45 |     margin-right: 5px
46 | }
47 | 
48 | .optionContainer[_ngcontent-uim-c100] {
49 |     width: 131px
50 | }
51 | 


--------------------------------------------------------------------------------
/media/styles/styles.c101.css:
--------------------------------------------------------------------------------
  1 | :root {
  2 |     --font13: 13px;
  3 |     --font10: calc(var(--font13) - 3px);
  4 |     --font11: calc(var(--font13) - 2px);
  5 |     --font12: calc(var(--font13) - 1px);
  6 |     --font14: calc(var(--font13) + 1px);
  7 |     --font15: calc(var(--font13) + 2px);
  8 |     --font16: calc(var(--font13) + 3px);
  9 |     --font17: calc(var(--font13) + 4px);
 10 |     --font18: calc(var(--font13) + 5px);
 11 |     --font19: calc(var(--font13) + 6px);
 12 |     --font20: calc(var(--font13) + 7px);
 13 |     --minHeightAI: 40px
 14 | }
 15 | 
 16 | body.body-y-scroll {
 17 |     overflow-y: scroll !important
 18 | }
 19 | 
 20 | .aiChat-title {
 21 |     color: #fff;
 22 |     width: 98%;
 23 |     background: transparent;
 24 |     outline: none;
 25 |     border: none;
 26 |     font-family: Public Sans;
 27 |     font-style: normal;
 28 |     font-weight: 600;
 29 |     font-size: var(--font15);
 30 |     line-height: 150%;
 31 |     margin: 5px 0 0
 32 | }
 33 | 
 34 | .question-title,
 35 | .answer-title {
 36 |     background: transparent;
 37 |     outline: none;
 38 |     border: none;
 39 |     font-weight: 600;
 40 |     font-size: var(--font13);
 41 |     line-height: 150%;
 42 |     color: #7a8084;
 43 |     padding: 5px 0
 44 | }
 45 | 
 46 | .answerDiv {
 47 |     color: #fff;
 48 |     font-size: var(--font13);
 49 |     margin: 10px 0;
 50 |     white-space: break-spaces;
 51 |     width: -moz-fit-content;
 52 |     width: fit-content
 53 | }
 54 | 
 55 | .primary {
 56 |     background: #007ACC;
 57 |     font-weight: 300;
 58 |     color: #fff;
 59 |     cursor: pointer
 60 | }
 61 | 
 62 | .secondary {
 63 |     border: 1px solid #585858;
 64 |     color: #fff;
 65 |     cursor: pointer
 66 | }
 67 | 
 68 | .secondary:disabled {
 69 |     cursor: none
 70 | }
 71 | 
 72 | .primary:disabled {
 73 |     cursor: none
 74 | }
 75 | 
 76 | .submit:hover {
 77 |     color: #92a1b1
 78 | }
 79 | 
 80 | .history-btn-section {
 81 |     height: 50px
 82 | }
 83 | 
 84 | .history-buttons-container {
 85 |     padding: 10px;
 86 |     display: flex;
 87 |     justify-content: space-between
 88 | }
 89 | 
 90 | .history-buttons {
 91 |     color: #7a8084;
 92 |     cursor: pointer;
 93 |     font-weight: 600;
 94 |     font-size: var(--font13);
 95 |     line-height: 150%
 96 | }
 97 | 
 98 | .history-btn {
 99 |     padding: 6px 12px;
100 |     vertical-align: middle;
101 |     display: flex;
102 |     align-items: center;
103 |     cursor: pointer
104 | }
105 | 
106 | .history-btn:hover {
107 |     background: rgba(208, 214, 217, .05);
108 |     border-radius: 3px
109 | }
110 | 
111 | .history-btn:hover .history-buttons,
112 | .history-buttons:hover {
113 |     color: #fff
114 | }
115 | 
116 | .empty-placeholder {
117 |     text-align: center;
118 |     color: #7a8084;
119 |     padding: 20px 0;
120 |     overflow-y: scroll;
121 |     height: calc(100vh - 230px)
122 | }
123 | 
124 | .placeholder-title {
125 |     font-weight: 600;
126 |     font-size: var(--font13);
127 |     margin-top: 10px;
128 |     padding-bottom: 8px
129 | }
130 | 
131 | .placeholder-subtitle {
132 |     font-weight: 400;
133 |     font-size: var(--font13);
134 |     padding: 1px 34px;
135 |     text-align: justify
136 | }
137 | 
138 | .ps {
139 |     padding: 12px 10px
140 | }
141 | 
142 | ul {
143 |     padding: 0;
144 |     margin: 0;
145 |     list-style-type: none
146 | }
147 | 
148 | .placeholder-example {
149 |     font-size: var(--font12)
150 | }
151 | 
152 | .chat-container {
153 |     width: 100%;
154 |     height: calc(100vh - 218px);
155 |     overflow-y: auto;
156 |     overflow-x: hidden;
157 |     padding: 0 7px
158 | }
159 | 
160 | .chat-container .qa-section-div-main {
161 |     border-bottom: .5px solid #7A8084
162 | }
163 | 
164 | .chat-container .qa-section-div-main:last-of-type {
165 |     border-bottom: none
166 | }
167 | 
168 | .chat-container .qa-section-div-main:after {
169 |     clear: both;
170 |     content: "";
171 |     display: table;
172 |     height: 15.5px
173 | }
174 | 
175 | .footerContent {
176 |     width: 99%;
177 |     position: absolute;
178 |     bottom: 0;
179 |     left: 0;
180 |     max-width: 100%;
181 |     margin-bottom: 8px
182 | }
183 | 
184 | .reduce-chat-height-40 {
185 |     height: 64vh !important
186 | }
187 | 
188 | .reduce-chat-height-60 {
189 |     height: 69vh !important
190 | }
191 | 
192 | .reduce-chat-height-80 {
193 |     height: 66vh !important
194 | }
195 | 
196 | .questionDiv,
197 | .question-title {
198 |     display: flex
199 | }
200 | 
201 | .questionDiv {
202 |     background: #007ACC;
203 |     border-radius: 12px 12px 4px 4px;
204 |     padding: 4px;
205 |     color: #fff;
206 |     font-weight: 400;
207 |     font-size: var(--font13);
208 |     float: right;
209 |     overflow-wrap: anywhere;
210 |     white-space: break-spaces
211 | }
212 | 
213 | .questionDiv .questionText span {
214 |     padding-bottom: 5px
215 | }
216 | 
217 | .questionDiv .CodeSection {
218 |     background-color: #171818;
219 |     border-radius: 5px
220 | }
221 | 
222 | .questionDiv .CodeSection .file-Header {
223 |     justify-content: space-between;
224 |     padding: 8px 12px;
225 |     font-size: var(--font13);
226 |     line-height: 13px
227 | }
228 | 
229 | .questionDiv .CodeSection .file-Header .file-info .file-name {
230 |     color: #c4c9cc;
231 |     max-width: 35vw
232 | }
233 | 
234 | .questionDiv .CodeSection .file-Header .file-info .file-line-number {
235 |     color: #7a8084
236 | }
237 | 
238 | .questionDiv .CodeSection .code-view-toggle {
239 |     color: #2baaff
240 | }
241 | 
242 | .questionDiv .CodeSection .code-view-toggle:hover {
243 |     cursor: pointer
244 | }
245 | 
246 | .questionDiv .CodeSection .code-view-toggle .btn-toggle-code:after {
247 |     content: "View"
248 | }
249 | 
250 | .questionDiv .CodeSection .code-view-toggle .btn-toggle-code.state-show:after {
251 |     content: "Hide"
252 | }
253 | 
254 | .questionDiv .CodeSection .code-block {
255 |     background-color: #212224;
256 |     border-radius: 5px
257 | }
258 | 
259 | .questionDiv .CodeSection .code-block pre,
260 | .questionDiv .CodeSection .code-block code {
261 |     margin-top: 0 !important;
262 |     margin-bottom: -3px !important
263 | }
264 | 
265 | .questionDiv .CodeSection .code-block code.hljs {
266 |     display: inline-block;
267 |     background: inherit;
268 |     color: #839496;
269 |     -webkit-text-size-adjust: none;
270 |     width: 100%
271 | }
272 | 
273 | .answerDiv {
274 |     background: #44484A;
275 |     border-radius: 12px 12px 12px 4px;
276 |     padding: 4px;
277 |     margin: 0;
278 |     overflow-wrap: anywhere;
279 |     white-space: break-spaces;
280 |     font-size: var(--font13);
281 |     font-weight: 400;
282 |     width: 100%
283 | }
284 | 
285 | .question-container {
286 |     padding: 0;
287 |     float: right
288 | }
289 | 
290 | .answer-container {
291 |     padding: 0;
292 |     float: left;
293 |     width: 100%
294 | }
295 | 
296 | .chat-input {
297 |     font-size: var(--font13)
298 | }
299 | 
300 | .textarea-container {
301 |     bottom: 0;
302 |     width: 100%;
303 |     left: 0;
304 |     padding: 10px
305 | }
306 | 
307 | .back-btn {
308 |     display: flex;
309 |     cursor: pointer;
310 |     align-items: center;
311 |     font-size: var(--font14);
312 |     font-weight: 600;
313 |     color: #fff
314 | }
315 | 
316 | .history-question,
317 | .history-answer {
318 |     padding: 8px 12px 12px
319 | }
320 | 
321 | .history-question {
322 |     background: #44484A
323 | }
324 | 
325 | .history-text {
326 |     color: #fff;
327 |     padding-top: 12px;
328 |     overflow-wrap: anywhere;
329 |     white-space: break-spaces
330 | }
331 | 
332 | .divider {
333 |     height: 2px;
334 |     background: #7A8084
335 | }
336 | 
337 | .history-title {
338 |     padding-top: 4px;
339 |     font-size: var(--font13);
340 |     font-weight: 600;
341 |     color: #7a8084
342 | }
343 | 
344 | .history-created {
345 |     font-size: var(--font13);
346 |     font-weight: 400;
347 |     color: #7a8084;
348 |     padding-top: 4px
349 | }
350 | 
351 | .copy-btn-text {
352 |     font-size: var(--font13);
353 |     font-weight: 600
354 | }
355 | 
356 | .copy-btn {
357 |     padding: 4px 4px 4px 8px;
358 |     vertical-align: middle;
359 |     display: flex;
360 |     align-items: center;
361 |     color: #7a8084;
362 |     cursor: pointer
363 | }
364 | 
365 | .copy-btn:hover {
366 |     background: rgba(208, 214, 217, .05);
367 |     border-radius: 3px
368 | }
369 | 
370 | .copy-btn:hover .copy-btn-text,
371 | .copy-btn-text:hover {
372 |     color: #fff
373 | }
374 | 
375 | .loading1-spinner {
376 |     background-color: #00000085;
377 |     position: absolute;
378 |     width: 100%;
379 |     top: 70px;
380 |     left: 0;
381 |     height: 100vh;
382 |     align-items: center;
383 |     justify-content: center;
384 |     display: grid;
385 |     z-index: 3002;
386 |     opacity: 9999;
387 |     min-width: 250px
388 | }
389 | 
390 | .spinner1-border {
391 |     display: inline-block;
392 |     width: 1.5rem;
393 |     height: 1.5rem;
394 |     vertical-align: text-bottom;
395 |     border: 1.75px solid #fff;
396 |     border-right-color: transparent;
397 |     border-radius: 50%;
398 |     animation: spinner-border .75s linear infinite;
399 |     margin-top: -250px
400 | }
401 | 
402 | .loader-text {
403 |     color: #fff;
404 |     font-size: var(--font20);
405 |     position: fixed;
406 |     top: 50%;
407 |     z-index: 3003;
408 |     margin: auto;
409 |     width: 100%;
410 |     text-align: center
411 | }
412 | 
413 | .insert-btn-txt {
414 |     float: right;
415 |     padding: 4px 4px 4px 8px;
416 |     vertical-align: middle;
417 |     display: flex;
418 |     align-items: center;
419 |     color: #7a8084;
420 |     cursor: pointer;
421 |     right: 50%;
422 |     font-size: var(--font13);
423 |     font-weight: 600
424 | }
425 | 
426 | .insert-btn-txt:hover {
427 |     background: rgba(208, 214, 217, .05);
428 |     border-radius: 3px;
429 |     color: #fff
430 | }
431 | 
432 | pre code.hljs {
433 |     display: block;
434 |     overflow-x: hidden;
435 |     background: #212224;
436 |     border-radius: 0 0 4px 4px;
437 |     padding: 12px;
438 |     margin: 0;
439 |     font-size: var(--font13)
440 | }
441 | 
442 | pre code.hljs:hover {
443 |     overflow-x: overlay
444 | }
445 | 
446 | pre {
447 |     margin-top: 0 !important;
448 |     margin-bottom: 0rem !important
449 | }
450 | 
451 | .outputDivPreblock {
452 |     overflow-x: hidden
453 | }
454 | 
455 | .operations {
456 |     align-items: center;
457 |     display: flex;
458 |     justify-content: flex-end;
459 |     background: #171818;
460 |     height: 32px;
461 |     border-radius: 4px 4px 0 0
462 | }
463 | 
464 | #main-div-aichat {
465 |     margin: 0
466 | }
467 | 
468 | #questioninput {
469 |     overflow: hidden
470 | }
471 | 
472 | @media (max-width: 250px) {
473 |     .footerContent {
474 |         width: 99%;
475 |         position: absolute;
476 |         bottom: 0;
477 |         left: 0;
478 |         max-width: 100%;
479 |         margin-bottom: 8px
480 |     }
481 | 
482 |     #questioninput {
483 |         overflow: auto !important
484 |     }
485 | }
486 | 
487 | .preCodeBlockText {
488 |     font-size: var(--font13);
489 |     line-height: 22.5px;
490 |     color: #fff;
491 |     margin-bottom: 8px;
492 |     padding-left: 6px
493 | }
494 | 
495 | .outputDivPreblock {
496 |     overflow-x: hidden;
497 |     white-space: normal;
498 |     margin: 0 !important
499 | }
500 | 
501 | .ant-tooltip {
502 |     font-size: var(--font13) !important
503 | }
504 | 
505 | .ai-parent-div,
506 | .footerContent {
507 |     min-width: 250px
508 | }
509 | 
510 | .add-session-icon .add-session-btn {
511 |     height: 32px;
512 |     width: 32px;
513 |     background: #007ACC;
514 |     border-radius: 3px;
515 |     display: flex;
516 |     justify-content: center;
517 |     align-items: center
518 | }
519 | 
520 | .add-session-icon .add-session-btn .plus-icon {
521 |     font-size: 32px;
522 |     color: #fff
523 | }
524 | 
525 | .add-session-icon .add-session-btn:hover {
526 |     cursor: pointer
527 | }
528 | 
529 | .back-btn .back-icon .fas {
530 |     height: 14.98px;
531 |     width: 14.99px;
532 |     margin-right: 16px;
533 |     color: gray
534 | }
535 | 
536 | .back-btn .back-label {
537 |     font-size: var(--font15);
538 |     color: #7a8084
539 | }
540 | 
541 | .session {
542 |     display: flex;
543 |     justify-content: space-between;
544 |     padding: 12px;
545 |     min-height: 66px;
546 |     border-bottom: 1px solid #44484A;
547 |     border-radius: 0 2px 2px 0
548 | }
549 | 
550 | .session .session-item {
551 |     width: 92%
552 | }
553 | 
554 | .session .session-item .session-title {
555 |     font-weight: 600;
556 |     font-size: var(--font13);
557 |     line-height: 150%;
558 |     color: #fff;
559 |     min-height: 20px;
560 |     text-overflow: ellipsis;
561 |     white-space: nowrap;
562 |     overflow: hidden
563 | }
564 | 
565 | .session .session-item .session-date-time {
566 |     font-weight: 400;
567 |     font-size: var(--font13);
568 |     line-height: 150%;
569 |     color: #7a8084;
570 |     min-height: 20px
571 | }
572 | 
573 | .session .session-options {
574 |     min-width: 24px;
575 |     height: 40px;
576 |     display: flex;
577 |     justify-content: center;
578 |     align-items: center;
579 |     border-radius: 4px
580 | }
581 | 
582 | .session .session-options:hover,
583 | .session:hover {
584 |     background-color: #d0d6d90d;
585 |     cursor: pointer
586 | }
587 | 
588 | .history-panel {
589 |     height: calc(100vh - 95px);
590 |     overflow: auto
591 | }
592 | 
593 | .sharebutton {
594 |     padding: 3px 8px
595 | }
596 | 
597 | .sharebutton:hover {
598 |     background: rgba(208, 214, 217, .05);
599 |     border-radius: 3px
600 | }
601 | 
602 | .ant-dropdown-menu {
603 |     background-color: #44484a;
604 |     box-shadow: 0 0 20px #00000026;
605 |     padding: 0
606 | }
607 | 
608 | li.ant-dropdown-menu-item {
609 |     color: #c4c9cc;
610 |     padding: 8px;
611 |     font-size: var(--font15);
612 |     min-height: 32px !important
613 | }
614 | 
615 | li.ant-dropdown-menu-item:hover {
616 |     background-color: #d0d6d90d
617 | }
618 | 
619 | .ant-dropdown-menu-submenu-title {
620 |     color: #c4c9cc;
621 |     padding: 8px;
622 |     font-size: var(--font15);
623 |     min-height: 32px !important
624 | }
625 | 
626 | .ant-dropdown-menu-submenu-title:hover {
627 |     background-color: #d0d6d90d !important
628 | }
629 | 
630 | .ant-dropdown-menu-submenu-expand-icon {
631 |     display: none !important
632 | }
633 | 
634 | .option-container {
635 |     width: 131px;
636 |     border-radius: 2px
637 | }
638 | 
639 | i.anticon.anticon-share-alt {
640 |     margin-right: 5px !important;
641 |     font-size: 19px !important;
642 |     vertical-align: 0px !important;
643 |     padding-right: 2px !important;
644 |     color: #7a8084 !important
645 | }
646 | 
647 | .option-container .share-icon {
648 |     width: 16px;
649 |     height: 17.78px
650 | }
651 | 
652 | .option-container .delete-icon {
653 |     width: 17.5px;
654 |     height: 16.5px
655 | }
656 | 
657 | .option-container p {
658 |     font-size: var(--font15);
659 |     color: #c4c9cc;
660 |     margin-left: 8px;
661 |     font-weight: 400
662 | }
663 | 


--------------------------------------------------------------------------------
/media/styles/styles.c110.css:
--------------------------------------------------------------------------------
  1 | [_ngcontent-uim-c110]:root {
  2 |     --font13: 13px;
  3 |     --font10: calc(var(--font13) - 3px);
  4 |     --font11: calc(var(--font13) - 2px);
  5 |     --font12: calc(var(--font13) - 1px);
  6 |     --font14: calc(var(--font13) + 1px);
  7 |     --font15: calc(var(--font13) + 2px);
  8 |     --font16: calc(var(--font13) + 3px);
  9 |     --font17: calc(var(--font13) + 4px);
 10 |     --font18: calc(var(--font13) + 5px);
 11 |     --font19: calc(var(--font13) + 6px);
 12 |     --font20: calc(var(--font13) + 7px);
 13 |     --minHeightAI: 40px
 14 | }
 15 | 
 16 | .ant-collapse {
 17 |     box-sizing: border-box;
 18 |     margin: 0;
 19 |     padding: 0;
 20 |     color: #000000d9;
 21 |     font-size: var(--font14);
 22 |     font-variant: tabular-nums;
 23 |     line-height: 1.5715;
 24 |     list-style: none;
 25 |     font-feature-settings: "tnum", "tnum";
 26 |     background-color: #2f3133 !important;
 27 |     border: none;
 28 |     border-bottom: 0;
 29 |     border-radius: 2px;
 30 |     color: #7a8084 !important
 31 | }
 32 | 
 33 | .ant-collapse .ant-collapse-content {
 34 |     --min-height: 40px;
 35 |     color: #7a8084 !important;
 36 |     background-color: #2f3133 !important;
 37 |     border-top: none !important;
 38 |     min-height: var(--minHeightAI) !important
 39 | }
 40 | 
 41 | .ant-collapse .ant-collapse-header {
 42 |     border-radius: 0 0 2px 2px !important;
 43 |     color: #7a8084 !important;
 44 |     text-align: center !important;
 45 |     font-size: var(--font13) !important;
 46 |     font-weight: 500 !important;
 47 |     padding: 4px 0 !important;
 48 |     border-top: 1px solid #44484A;
 49 |     height: 28px !important
 50 | }
 51 | 
 52 | .ant-collapse .ant-collapse-item {
 53 |     border-bottom: none !important
 54 | }
 55 | 
 56 | .ant-collapse .ant-collapse-arrow {
 57 |     color: #2baaff !important;
 58 |     position: absolute !important;
 59 |     top: 60% !important;
 60 |     right: auto !important;
 61 |     margin-left: 46px !important;
 62 |     left: unset !important;
 63 |     transform: translateY(-50%) !important
 64 | }
 65 | 
 66 | .ant-collapse .ant-collapse-extra {
 67 |     float: left !important;
 68 |     top: 27%;
 69 |     left: 32%;
 70 |     position: absolute
 71 | }
 72 | 
 73 | .ant-collapse .ant-tooltip {
 74 |     max-width: calc(80vw - 20px) !important;
 75 |     font-size: var(--font12) !important
 76 | }
 77 | 
 78 | .ant-collapse .ant-tooltip-inner {
 79 |     color: #ff0 !important;
 80 |     background-color: green !important;
 81 |     width: 200px !important
 82 | }
 83 | 
 84 | .ant-collapse .ant-collapse-content-box {
 85 |     padding: 0 16px !important
 86 | }
 87 | 
 88 | .shortcuts-grid[_ngcontent-uim-c110] .shortcuts[_ngcontent-uim-c110] {
 89 |     text-align: center;
 90 |     padding: 0;
 91 |     color: #c4c9cc
 92 | }
 93 | 
 94 | .shortcuts-grid[_ngcontent-uim-c110] .shortcuts[_ngcontent-uim-c110] .shortcut-title[_ngcontent-uim-c110] {
 95 |     font-size: var(--font11)
 96 | }
 97 | 
 98 | .shortcuts-grid[_ngcontent-uim-c110] .shortcuts-wrapper[_ngcontent-uim-c110] {
 99 |     display: inline-block
100 | }
101 | 
102 | .shortcuts-grid[_ngcontent-uim-c110] .shortcuts-content[_ngcontent-uim-c110]:hover,
103 | .shortcuts-grid[_ngcontent-uim-c110] .shortcuts-content.hovered[_ngcontent-uim-c110],
104 | .shortcuts-grid[_ngcontent-uim-c110] .shortcuts-wrapper[_ngcontent-uim-c110]:hover,
105 | .shortcuts-grid[_ngcontent-uim-c110] .shortcuts-wrapper.hovered[_ngcontent-uim-c110] {
106 |     color: #fff;
107 |     cursor: pointer
108 | }
109 | 
110 | @media (max-width: 265px) {
111 |     .shortcut-title[_ngcontent-uim-c110] {
112 |         display: none
113 |     }
114 | 
115 |     .shortcuts[_ngcontent-uim-c110] {
116 |         padding-bottom: 5px;
117 |         padding-top: 5px
118 |     }
119 | 
120 |     .ant-collapse .ant-collapse-content {
121 |         min-height: 24px !important
122 |     }
123 | }
124 | 
125 | @media (max-width: 313px) {
126 |     .shortcut-title[_ngcontent-uim-c110] {
127 |         max-width: 90%;
128 |         overflow: hidden;
129 |         text-overflow: ellipsis;
130 |         white-space: nowrap
131 |     }
132 | }
133 | 
134 | .ant-collapse[_ngcontent-uim-c110] .ant-collapse-arrow.showAnimation[_ngcontent-uim-c110] {
135 |     animation: bouncingBallAnimation 1s;
136 |     animation-direction: alternate;
137 |     animation-timing-function: cubic-bezier(.4, .06, 1, .6);
138 |     animation-iteration-count: infinite
139 | }
140 | 
141 | @keyframes bouncingBallAnimation {
142 |     0% {
143 |         transform: translateY(0)
144 |     }
145 | 
146 |     to {
147 |         transform: translateY(-10px)
148 |     }
149 | }
150 | 
151 | .custom-shortcut-menu[_ngcontent-uim-c110] {
152 |     vertical-align: top;
153 |     float: right;
154 |     padding: 5px;
155 |     position: absolute;
156 |     margin-left: calc(50% - 30px);
157 |     cursor: pointer
158 | }
159 | 
160 | .custom-shortcut-menu[_ngcontent-uim-c110]:hover {
161 |     background: rgba(208, 214, 217, .05)
162 | }
163 | 
164 | .ant-dropdown-menu {
165 |     background-color: #44484a;
166 |     box-shadow: 0 0 20px #00000026;
167 |     padding: 0
168 | }
169 | 
170 | li.ant-dropdown-menu-item[_ngcontent-uim-c110] {
171 |     color: #c4c9cc;
172 |     padding: 8px;
173 |     font-size: var(--font15);
174 |     min-height: 32px !important
175 | }
176 | 
177 | li.ant-dropdown-menu-item[_ngcontent-uim-c110]:hover {
178 |     background-color: #d0d6d90d
179 | }
180 | 
181 | .ant-dropdown-menu-submenu-title {
182 |     color: #c4c9cc;
183 |     padding: 8px;
184 |     font-size: var(--font15);
185 |     min-height: 32px !important
186 | }
187 | 
188 | .ant-dropdown-menu-submenu-title:hover {
189 |     background-color: #d0d6d90d !important
190 | }
191 | 
192 | .ant-dropdown-menu-submenu-expand-icon {
193 |     display: none !important
194 | }
195 | 
196 | .option-container[_ngcontent-uim-c110] {
197 |     width: 131px;
198 |     border-radius: 2px
199 | }
200 | 
201 | .option-container[_ngcontent-uim-c110] .delete-icon[_ngcontent-uim-c110] {
202 |     width: 17.5px;
203 |     height: 16.5px
204 | }
205 | 
206 | .option-container[_ngcontent-uim-c110] p[_ngcontent-uim-c110] {
207 |     font-size: 15px;
208 |     color: #c4c9cc;
209 |     margin-left: 8px;
210 |     font-weight: 400
211 | }
212 | 
213 | 


--------------------------------------------------------------------------------
/media/styles/styles.c111.css:
--------------------------------------------------------------------------------
  1 | :root {
  2 |     --font13: 13px;
  3 |     --font10: calc(var(--font13) - 3px);
  4 |     --font11: calc(var(--font13) - 2px);
  5 |     --font12: calc(var(--font13) - 1px);
  6 |     --font14: calc(var(--font13) + 1px);
  7 |     --font15: calc(var(--font13) + 2px);
  8 |     --font16: calc(var(--font13) + 3px);
  9 |     --font17: calc(var(--font13) + 4px);
 10 |     --font18: calc(var(--font13) + 5px);
 11 |     --font19: calc(var(--font13) + 6px);
 12 |     --font20: calc(var(--font13) + 7px);
 13 |     --minHeightAI: 40px
 14 | }
 15 | 
 16 | body.body-y-scroll {
 17 |     overflow-y: scroll !important
 18 | }
 19 | 
 20 | .aiChat-title {
 21 |     color: #fff;
 22 |     width: 98%;
 23 |     background: transparent;
 24 |     outline: none;
 25 |     border: none;
 26 |     font-family: Public Sans;
 27 |     font-style: normal;
 28 |     font-weight: 600;
 29 |     font-size: 15px;
 30 |     line-height: 150%;
 31 |     margin: 5px 0 0
 32 | }
 33 | 
 34 | .question-title,
 35 | .answer-title {
 36 |     background: transparent;
 37 |     outline: none;
 38 |     border: none;
 39 |     font-weight: 600;
 40 |     font-size: var(--font13);
 41 |     line-height: 150%;
 42 |     color: #7a8084;
 43 |     padding: 5px 0
 44 | }
 45 | 
 46 | .answerDiv {
 47 |     color: #fff;
 48 |     font-size: var(--font13);
 49 |     margin: 10px 0;
 50 |     white-space: break-spaces;
 51 |     width: -moz-fit-content;
 52 |     width: fit-content
 53 | }
 54 | 
 55 | .primary {
 56 |     background: #007ACC;
 57 |     font-weight: 300;
 58 |     color: #fff;
 59 |     cursor: pointer
 60 | }
 61 | 
 62 | .secondary {
 63 |     border: 1px solid #585858;
 64 |     color: #fff;
 65 |     cursor: pointer
 66 | }
 67 | 
 68 | .secondary:disabled {
 69 |     cursor: none
 70 | }
 71 | 
 72 | .primary:disabled {
 73 |     cursor: none
 74 | }
 75 | 
 76 | .submit:hover {
 77 |     color: #92a1b1
 78 | }
 79 | 
 80 | .history-btn-section {
 81 |     display: flex;
 82 |     padding: 5px 5px 12px
 83 | }
 84 | 
 85 | .history-buttons-container {
 86 |     height: 30px;
 87 |     display: flex
 88 | }
 89 | 
 90 | .history-buttons {
 91 |     color: #7a8084;
 92 |     cursor: pointer;
 93 |     font-weight: 600;
 94 |     font-size: var(--font13);
 95 |     line-height: 150%
 96 | }
 97 | 
 98 | .history-btn {
 99 |     padding: 6px 12px;
100 |     vertical-align: middle;
101 |     display: flex;
102 |     align-items: center;
103 |     cursor: pointer
104 | }
105 | 
106 | .history-btn:hover {
107 |     background: rgba(208, 214, 217, .05);
108 |     border-radius: 3px
109 | }
110 | 
111 | .history-btn:hover .history-buttons,
112 | .history-buttons:hover {
113 |     color: #fff
114 | }
115 | 
116 | .empty-placeholder {
117 |     color: #7a8084;
118 |     padding: 20px;
119 |     overflow-y: scroll;
120 |     height: calc(100vh - 230px)
121 | }
122 | 
123 | .placeholder-title {
124 |     font-weight: 600;
125 |     font-size: var(--font13);
126 |     margin-top: 10px;
127 |     padding-bottom: 8px
128 | }
129 | 
130 | .empty-placeholder .help-icon {
131 |     height: 40px;
132 |     width: 40px;
133 |     margin: 0 12px 0 0
134 | }
135 | 
136 | .empty-placeholder .try-it-out-icon-wrapper .try-it-out-icon {
137 |     width: 152.48px;
138 |     height: 104.88px;
139 |     margin: 0;
140 |     position: relative;
141 |     left: -15px
142 | }
143 | 
144 | .empty-placeholder .placeholder-title {
145 |     font-weight: 600;
146 |     font-size: 18px;
147 |     margin-top: 10px;
148 |     padding-bottom: 8px;
149 |     line-height: 27px;
150 |     color: #7a8084
151 | }
152 | 
153 | .empty-placeholder .sample-question-container .placeholder-subtitle {
154 |     font-weight: 400;
155 |     font-size: var(--font13);
156 |     text-align: center;
157 |     padding: 4px;
158 |     border-radius: 4px;
159 |     border: 1px solid #44484A;
160 |     gap: 2px;
161 |     margin-bottom: 6px
162 | }
163 | 
164 | .empty-placeholder .sample-question-container .placeholder-subtitle:hover {
165 |     cursor: pointer;
166 |     background-color: #d0d6d90d
167 | }
168 | 
169 | .ps {
170 |     padding: 12px 10px
171 | }
172 | 
173 | ul {
174 |     padding: 0;
175 |     margin: 0;
176 |     list-style-type: disc
177 | }
178 | 
179 | .placeholder-example {
180 |     font-size: var(--font12)
181 | }
182 | 
183 | .chat-container {
184 |     width: 100%;
185 |     height: calc(98vh - 218px);
186 |     overflow-y: auto;
187 |     overflow-x: hidden
188 | }
189 | 
190 | .chat-container .qa-section-div-main {
191 |     padding: 0 7px;
192 |     border-bottom: .5px solid #7A8084
193 | }
194 | 
195 | .chat-container .qa-section-div-main:last-of-type {
196 |     border-bottom: none
197 | }
198 | 
199 | .chat-container .qa-section-div-main:after {
200 |     clear: both;
201 |     content: "";
202 |     display: table;
203 |     height: 5px
204 | }
205 | 
206 | .footerContent {
207 |     width: 100%;
208 |     position: absolute;
209 |     bottom: 0;
210 |     left: 0;
211 |     max-width: 100%;
212 |     margin-bottom: 8px
213 | }
214 | 
215 | .reduce-chat-height-40 {
216 |     height: 64vh !important
217 | }
218 | 
219 | .reduce-chat-height-60 {
220 |     height: 69vh !important
221 | }
222 | 
223 | .reduce-chat-height-80 {
224 |     height: 66vh !important
225 | }
226 | 
227 | .questionDiv,
228 | .question-title {
229 |     display: flex
230 | }
231 | 
232 | .questionDiv {
233 |     background: #007ACC;
234 |     border-radius: 12px 12px 4px 4px;
235 |     padding: 4px;
236 |     color: #fff;
237 |     font-weight: 400;
238 |     font-size: var(--font13);
239 |     float: right;
240 |     overflow-wrap: anywhere;
241 |     white-space: break-spaces
242 | }
243 | 
244 | .questionDiv .questionText span {
245 |     padding-bottom: 5px
246 | }
247 | 
248 | .questionDiv .CodeSection {
249 |     background-color: #171818;
250 |     border-radius: 5px
251 | }
252 | 
253 | .questionDiv .CodeSection .file-Header {
254 |     justify-content: space-between;
255 |     padding: 8px 12px;
256 |     font-size: var(--font13);
257 |     line-height: 13px
258 | }
259 | 
260 | .questionDiv .CodeSection .file-Header .file-info .file-name {
261 |     color: #c4c9cc;
262 |     max-width: 35vw
263 | }
264 | 
265 | .questionDiv .CodeSection .file-Header .file-info .file-line-number {
266 |     color: #7a8084
267 | }
268 | 
269 | .questionDiv .CodeSection .code-view-toggle {
270 |     color: #2baaff
271 | }
272 | 
273 | .questionDiv .CodeSection .code-view-toggle:hover {
274 |     cursor: pointer
275 | }
276 | 
277 | .questionDiv .CodeSection .code-view-toggle .btn-toggle-code:after {
278 |     content: "View"
279 | }
280 | 
281 | .questionDiv .CodeSection .code-view-toggle .btn-toggle-code.state-show:after {
282 |     content: "Hide"
283 | }
284 | 
285 | .questionDiv .CodeSection .code-block {
286 |     background-color: #212224;
287 |     border-radius: 5px
288 | }
289 | 
290 | .questionDiv .CodeSection .code-block pre,
291 | .questionDiv .CodeSection .code-block code {
292 |     margin-top: 0 !important;
293 |     margin-bottom: -3px !important
294 | }
295 | 
296 | .questionDiv .CodeSection .code-block code.hljs {
297 |     display: inline-block;
298 |     background: inherit;
299 |     color: #839496;
300 |     -webkit-text-size-adjust: none;
301 |     width: 100%
302 | }
303 | 
304 | .answerDiv {
305 |     background: #44484A;
306 |     border-radius: 12px 12px 12px 4px;
307 |     padding: 4px;
308 |     margin: 0;
309 |     overflow-wrap: anywhere;
310 |     white-space: break-spaces;
311 |     font-size: var(--font13);
312 |     font-weight: 400;
313 |     width: 100%
314 | }
315 | 
316 | .question-container {
317 |     padding: 0;
318 |     float: right
319 | }
320 | 
321 | .answer-container {
322 |     padding: 0;
323 |     width: 100%
324 | }
325 | 
326 | .chat-input {
327 |     font-size: var(--font13);
328 |     padding: 10px;
329 |     border-top-right-radius: 3px;
330 |     border-top-left-radius: 3px
331 | }
332 | 
333 | .textarea-container {
334 |     bottom: 0;
335 |     width: 100%;
336 |     left: 0;
337 |     padding: 10px
338 | }
339 | 
340 | a.send {
341 |     border-radius: 2px;
342 |     width: 26px;
343 |     height: 26px;
344 |     background-color: #007acc;
345 |     margin: 3px;
346 |     padding: 3px 5px
347 | }
348 | 
349 | a.send-disabled {
350 |     background: none;
351 |     cursor: default
352 | }
353 | 
354 | .send-icon-disabled {
355 |     opacity: 50%
356 | }
357 | 
358 | .chat-input:focus+#reply-buttons2 {
359 |     border-left: 1px solid #1f98e9;
360 |     border-bottom: 1px solid #1f98e9;
361 |     border-right: 1px solid #1f98e9
362 | }
363 | 
364 | .shift-enter-text {
365 |     padding-right: 4px;
366 |     color: #7a8084;
367 |     font-size: 11px
368 | }
369 | 
370 | .back-btn {
371 |     display: flex;
372 |     cursor: pointer;
373 |     align-items: center;
374 |     font-size: var(--font14);
375 |     font-weight: 600;
376 |     color: #fff
377 | }
378 | 
379 | .history-question,
380 | .history-answer {
381 |     padding: 8px 12px 12px
382 | }
383 | 
384 | .history-question {
385 |     background: #44484A
386 | }
387 | 
388 | .history-text {
389 |     color: #fff;
390 |     padding-top: 12px;
391 |     overflow-wrap: anywhere;
392 |     white-space: break-spaces
393 | }
394 | 
395 | .divider {
396 |     height: 2px;
397 |     background: #7A8084
398 | }
399 | 
400 | .history-title {
401 |     padding-top: 4px;
402 |     font-size: var(--font13);
403 |     font-weight: 600;
404 |     color: #7a8084
405 | }
406 | 
407 | .history-created {
408 |     font-size: var(--font13);
409 |     font-weight: 400;
410 |     color: #7a8084;
411 |     padding-top: 4px
412 | }
413 | 
414 | .copy-btn-text {
415 |     font-size: var(--font13);
416 |     font-weight: 600
417 | }
418 | 
419 | .copy-btn {
420 |     padding: 4px 4px 4px 8px;
421 |     vertical-align: middle;
422 |     display: flex;
423 |     align-items: center;
424 |     color: #7a8084;
425 |     cursor: pointer
426 | }
427 | 
428 | .copy-btn:hover {
429 |     background: rgba(208, 214, 217, .05);
430 |     border-radius: 3px
431 | }
432 | 
433 | .copy-btn:hover .copy-btn-text,
434 | .copy-btn-text:hover {
435 |     color: #fff
436 | }
437 | 
438 | .loading1-spinner {
439 |     background-color: #00000085;
440 |     position: absolute;
441 |     width: 100%;
442 |     top: 70px;
443 |     left: 0;
444 |     height: 100vh;
445 |     align-items: center;
446 |     justify-content: center;
447 |     display: grid;
448 |     z-index: 3002;
449 |     opacity: 9999;
450 |     min-width: 250px
451 | }
452 | 
453 | .spinner1-border {
454 |     display: inline-block;
455 |     width: 1.5rem;
456 |     height: 1.5rem;
457 |     vertical-align: text-bottom;
458 |     border: 1.75px solid #fff;
459 |     border-right-color: transparent;
460 |     border-radius: 50%;
461 |     animation: spinner-border .75s linear infinite;
462 |     margin-top: -250px
463 | }
464 | 
465 | .loader-text {
466 |     color: #fff;
467 |     font-size: var(--font20);
468 |     position: fixed;
469 |     top: 50%;
470 |     z-index: 3003;
471 |     margin: auto;
472 |     width: 100%;
473 |     text-align: center
474 | }
475 | 
476 | .insert-btn-txt {
477 |     float: right;
478 |     padding: 4px 4px 4px 8px;
479 |     vertical-align: middle;
480 |     display: flex;
481 |     align-items: center;
482 |     color: #7a8084;
483 |     cursor: pointer;
484 |     right: 50%;
485 |     font-size: var(--font13);
486 |     font-weight: 600
487 | }
488 | 
489 | .insert-btn-txt:hover {
490 |     background: rgba(208, 214, 217, .05);
491 |     border-radius: 3px;
492 |     color: #fff
493 | }
494 | 
495 | pre code.hljs {
496 |     display: block;
497 |     overflow-x: hidden;
498 |     background: #212224;
499 |     border-radius: 0 0 4px 4px;
500 |     padding: 12px;
501 |     margin: 0;
502 |     font-size: var(--font13)
503 | }
504 | 
505 | pre code.hljs:hover {
506 |     overflow-x: overlay
507 | }
508 | 
509 | pre {
510 |     margin-top: 0 !important;
511 |     margin-bottom: 0rem !important
512 | }
513 | 
514 | .outputDivPreblock {
515 |     overflow-x: hidden
516 | }
517 | 
518 | .operations {
519 |     align-items: center;
520 |     display: flex;
521 |     justify-content: flex-end;
522 |     background: #171818;
523 |     height: 32px;
524 |     border-radius: 4px 4px 0 0
525 | }
526 | 
527 | #main-div-aichat {
528 |     margin: 0;
529 |     padding: 5px
530 | }
531 | 
532 | #questioninput {
533 |     overflow: hidden;
534 |     border-bottom: none !important
535 | }
536 | 
537 | @media (max-width: 250px) {
538 |     .footerContent {
539 |         width: 99%;
540 |         position: absolute;
541 |         bottom: 0;
542 |         left: 0;
543 |         max-width: 100%;
544 |         margin-bottom: 8px
545 |     }
546 | 
547 |     #questioninput {
548 |         overflow: auto !important
549 |     }
550 | }
551 | 
552 | .preCodeBlockText {
553 |     font-size: var(--font13);
554 |     line-height: 22.5px;
555 |     color: #fff;
556 |     margin-bottom: 8px;
557 |     padding-left: 6px
558 | }
559 | 
560 | .outputDivPreblock {
561 |     overflow-x: hidden;
562 |     white-space: normal;
563 |     margin: 0 !important
564 | }
565 | 
566 | .ant-tooltip {
567 |     font-size: var(--font13) !important
568 | }
569 | 
570 | .ai-parent-div:focus {
571 |     border: 1px solid blue
572 | }
573 | 
574 | .active {
575 |     border: 1px solid #007acc;
576 |     border-bottom: .5px solid #007acc !important
577 | }
578 | 
579 | .diffBtns:hover {
580 |     background-color: transparent !important
581 | }
582 | 
583 | .rejectDiffBtn {
584 |     border-color: #f14c4c;
585 |     color: #f14c4c;
586 |     margin-right: 6px;
587 |     font-family: Public Sans
588 | }
589 | 
590 | .acceptDiffBtn {
591 |     border-color: #69bf13;
592 |     color: #69bf13;
593 |     margin-right: 6px;
594 |     font-family: Public Sans
595 | }
596 | 
597 | .diffBtn {
598 |     margin-right: 5px;
599 |     padding: 4px;
600 |     vertical-align: middle;
601 |     display: flex;
602 |     align-items: center;
603 |     color: #7a8084;
604 |     cursor: pointer;
605 |     right: 50%;
606 |     font-size: var(--font13);
607 |     font-weight: 600;
608 |     float: right
609 | }
610 | 
611 | .edit-btn {
612 |     float: right;
613 |     padding: 2px 4px 4px 8px;
614 |     margin-right: 0px;
615 |     cursor: pointer
616 | }
617 | 
618 | .edit-btn:hover {
619 |     background: rgba(208, 214, 217, .05);
620 |     border-radius: 3px
621 | }
622 | 
623 | a.redo {
624 |     float: left;
625 |     position: relative;
626 |     line-height: 18px;
627 |     text-align: center;
628 |     width: 31px;
629 |     height: 31px;
630 |     border-bottom-right-radius: 2px;
631 |     cursor: pointer
632 | }
633 | 
634 | .redoBtn {
635 |     width: -moz-fit-content;
636 |     width: fit-content;
637 |     padding: 0 10px;
638 |     display: flex;
639 |     align-items: center;
640 |     justify-content: center;
641 |     height: 100%
642 | }
643 | 
644 | .redoBtn:hover {
645 |     cursor: pointer;
646 |     background-color: #d0d6d90d
647 | }
648 | 
649 | .ai-parent-div,
650 | .footerContent {
651 |     min-width: 250px
652 | }
653 | 
654 | .questionDiv .linki {
655 |     color: #fff !important;
656 |     text-decoration: underline !important
657 | }
658 | 
659 | .like-btn {
660 |     padding: 4px 4px 4px 8px;
661 |     vertical-align: middle;
662 |     display: flex;
663 |     align-items: center;
664 |     color: #7a8084;
665 |     cursor: pointer
666 | }
667 | 
668 | .like-btn:hover path {
669 |     border-radius: 3px;
670 |     background: #7A8084
671 | }
672 | 
673 | .dislike-btn {
674 |     padding: 4px 4px 4px 8px;
675 |     vertical-align: middle;
676 |     display: flex;
677 |     align-items: center;
678 |     color: #7a8084;
679 |     cursor: pointer
680 | }
681 | 
682 | .dislike-btn:hover path {
683 |     border-radius: 3px;
684 |     fill: #7a8084
685 | }
686 | 
687 | .feedBackControl {
688 |     height: 24px
689 | }
690 | 
691 | @media (max-width: 270px) {
692 |     .feedBackControl {
693 |         height: auto
694 |     }
695 | }
696 | 
697 | .tzs-stop-streaming-button-section {
698 |     position: fixed;
699 |     left: 50%;
700 |     transform: translate(-50%);
701 |     border-radius: 2px;
702 |     z-index: 10;
703 |     margin-top: -30px
704 | }
705 | 
706 | .tzs-stop-streaming-button-section .btn-black-streaming {
707 |     background: #595D60;
708 |     border: 1px solid #7A8084;
709 |     color: #fff;
710 |     padding: 8px 16px;
711 |     font-size: 12px;
712 |     line-height: 18px;
713 |     text-align: center;
714 |     font-weight: 400;
715 |     width: 120px;
716 | }
717 | 
718 | @media (max-width: 250px) {
719 |     .tzs-stop-streaming-button-section {
720 |         margin-top: -45px
721 |     }
722 | }
723 | 
724 | .session-buttons {
725 |     display: flex;
726 |     justify-content: center;
727 |     align-items: center
728 | }
729 | 
730 | .session-buttons .icon-container {
731 |     padding: 4px;
732 |     margin-left: 10px
733 | }
734 | 
735 | .ai-chat-header-share .sharebutton img {
736 |     width: 16px !important;
737 |     height: 17.78px !important
738 | }
739 | 
740 | .session-buttons .icon-container .delete-icon {
741 |     width: 17.5px;
742 |     height: 16.5px
743 | }
744 | 
745 | .session-buttons .icon-container .share-icon {
746 |     width: 16px;
747 |     height: 17.78px
748 | }
749 | 
750 | .session-buttons .icon-container:hover,
751 | .session-buttons .icon-container:hover {
752 |     cursor: pointer;
753 |     background-color: #d0d6d90d
754 | }
755 | 
756 | .add-session-icon .add-session-btn {
757 |     height: 32px;
758 |     width: 32px;
759 |     background: #007ACC;
760 |     border-radius: 3px;
761 |     display: flex;
762 |     justify-content: center;
763 |     align-items: center
764 | }
765 | 
766 | .add-session-icon .add-session-btn .plus-icon {
767 |     font-size: 32px;
768 |     color: #fff
769 | }
770 | 
771 | .add-session-icon .add-session-btn:hover {
772 |     cursor: pointer
773 | }
774 | 


--------------------------------------------------------------------------------
/media/styles/styles.c116.css:
--------------------------------------------------------------------------------
  1 | [_ngcontent-uim-c116]:root {
  2 |     --font13: 13px;
  3 |     --font10: calc(var(--font13) - 3px);
  4 |     --font11: calc(var(--font13) - 2px);
  5 |     --font12: calc(var(--font13) - 1px);
  6 |     --font14: calc(var(--font13) + 1px);
  7 |     --font15: calc(var(--font13) + 2px);
  8 |     --font16: calc(var(--font13) + 3px);
  9 |     --font17: calc(var(--font13) + 4px);
 10 |     --font18: calc(var(--font13) + 5px);
 11 |     --font19: calc(var(--font13) + 6px);
 12 |     --font20: calc(var(--font13) + 7px);
 13 |     --minHeightAI: 40px
 14 | }
 15 | 
 16 | .links[_ngcontent-uim-c116]:hover {
 17 |     background-color: #2c4880;
 18 |     color: #fff !important
 19 | }
 20 | 
 21 | a[_ngcontent-uim-c116]:active {
 22 |     background: #2f3133;
 23 |     color: #fff !important
 24 | }
 25 | 
 26 | .contactUs[_ngcontent-uim-c116] {
 27 |     color: #53a9f8 !important;
 28 |     font-size: var(--font14) !important;
 29 |     text-decoration: underline !important
 30 | }
 31 | 
 32 | .contactUs[_ngcontent-uim-c116]:hover {
 33 |     color: #fff
 34 | }
 35 | 
 36 | .active[_ngcontent-uim-c116] {
 37 |     background: #2f3133;
 38 |     color: #fff !important
 39 | }
 40 | 
 41 | .user-mention[_ngcontent-uim-c116] {
 42 |     width: 50%;
 43 |     max-width: 50%;
 44 |     height: auto;
 45 |     max-height: 400px;
 46 |     border: none;
 47 |     border-radius: 4px;
 48 |     background: #44484a;
 49 |     overflow: auto;
 50 |     color: #c4c9cc;
 51 |     top: 25px;
 52 |     position: absolute;
 53 |     right: 10px
 54 | }
 55 | 
 56 | .user-mention[_ngcontent-uim-c116] .listing[_ngcontent-uim-c116] {
 57 |     word-break: break-all;
 58 |     padding: 3%;
 59 |     font-size: var(--font13);
 60 |     font-weight: 400;
 61 |     border-bottom: 1px solid #565656
 62 | }
 63 | 
 64 | .user-mention[_ngcontent-uim-c116] .listing[_ngcontent-uim-c116]:hover {
 65 |     background: #007bff;
 66 |     color: #fff;
 67 |     cursor: pointer
 68 | }
 69 | 
 70 | .user-mention[_ngcontent-uim-c116] .listing[_ngcontent-uim-c116]:hover a[_ngcontent-uim-c116] {
 71 |     color: #fff;
 72 |     text-decoration: underline
 73 | }
 74 | 
 75 | .user-mention[_ngcontent-uim-c116] .listing[_ngcontent-uim-c116]:hover .contactUs[_ngcontent-uim-c116] {
 76 |     color: #fff !important;
 77 |     text-decoration: underline
 78 | }
 79 | 
 80 | .links[_ngcontent-uim-c116] {
 81 |     padding: .5rem !important;
 82 |     position: relative !important;
 83 |     height: 100%
 84 | }
 85 | 
 86 | .namesBox[_ngcontent-uim-c116] {
 87 |     width: 32px;
 88 |     height: 32px;
 89 |     position: static;
 90 |     float: left;
 91 |     color: #fff;
 92 |     border-radius: 2px;
 93 |     display: flex;
 94 |     align-items: center;
 95 |     justify-content: center;
 96 |     margin-right: 4px;
 97 |     margin-left: 3px;
 98 |     font-size: var(--font13);
 99 |     border: 3px solid #80808073
100 | }
101 | 
102 | .feed[_ngcontent-uim-c116] {
103 |     padding: .5rem !important;
104 |     position: relative !important
105 | }
106 | 
107 | .feed[_ngcontent-uim-c116]:hover {
108 |     background-color: #2f3133;
109 |     color: #fff !important;
110 |     text-decoration: none !important
111 | }
112 | 
113 | .feed[_ngcontent-uim-c116] {
114 |     color: #fff;
115 |     display: flex;
116 |     flex-direction: row;
117 |     justify-content: start;
118 |     align-items: center;
119 |     padding: 4px 8px;
120 |     width: 100%;
121 |     height: 40px
122 | }
123 | 
124 | @media (max-width: 250px) {
125 |     .feed[_ngcontent-uim-c116] span.hd-low-res[_ngcontent-uim-c116] {
126 |         display: none
127 |     }
128 | }
129 | 
130 | .tooltipforWorkSpaceName[_ngcontent-uim-c116] {
131 |     display: flex;
132 |     align-items: center;
133 |     visibility: hidden;
134 |     background-color: #000;
135 |     color: #fff;
136 |     text-align: center;
137 |     border-radius: 3px;
138 |     position: absolute;
139 |     z-index: 5;
140 |     height: 30px;
141 |     opacity: 0;
142 |     margin-left: 42px;
143 |     padding: 10px;
144 |     transition: opacity .3s;
145 |     top: 5px;
146 |     font-size: var(--font12)
147 | }
148 | 
149 | .home[_ngcontent-uim-c116]:hover .tooltipforWorkSpaceName[_ngcontent-uim-c116] {
150 |     visibility: visible;
151 |     opacity: 1;
152 |     display: block
153 | }
154 | 
155 | .modal-dialog[_ngcontent-uim-c116] {
156 |     position: absolute;
157 |     width: auto;
158 |     margin: 0 !important;
159 |     pointer-events: none;
160 |     bottom: 40px;
161 |     width: 100%;
162 |     border-radius: 0
163 | }
164 | 
165 | .modal-dialog[_ngcontent-uim-c116] {
166 |     max-width: 100%;
167 |     margin: 1.75rem auto
168 | }
169 | 
170 | .modal-content[_ngcontent-uim-c116] {
171 |     position: relative;
172 |     display: flex;
173 |     flex-direction: column;
174 |     width: 100%;
175 |     pointer-events: auto;
176 |     background-clip: padding-box;
177 |     border: 1px solid rgba(0, 0, 0, .2);
178 |     border-radius: 0;
179 |     outline: 0;
180 |     color: #fff;
181 |     background-color: #2f3133
182 | }
183 | 
184 | .modal-header[_ngcontent-uim-c116] {
185 |     padding: 1rem .8rem !important
186 | }
187 | 
188 | .modal-body[_ngcontent-uim-c116] {
189 |     padding: 0rem .8rem
190 | }
191 | 
192 | .modal-title[_ngcontent-uim-c116] {
193 |     font-family: Public Sans;
194 |     font-style: normal;
195 |     font-weight: 600;
196 |     font-size: var(--font18);
197 |     line-height: 150%
198 | }
199 | 
200 | .modal-Parent[_ngcontent-uim-c116] {
201 |     width: 100%;
202 |     position: fixed;
203 |     bottom: 0;
204 |     z-index: 1041;
205 |     left: 0
206 | }
207 | 
208 | @media only screen and (min-width: 450px) {
209 |     .usr-profile.user-mention[_ngcontent-uim-c116] {
210 |         width: 250px;
211 |         max-width: 250px
212 |     }
213 | }
214 | 
215 | @media only screen and (max-width: 276px) {
216 |     app-loggedin-header[_ngcontent-uim-c116] .user-mention[_ngcontent-uim-c116] {
217 |         width: 75%;
218 |         max-width: 75%
219 |     }
220 | }
221 | 
222 | .listing[_ngcontent-uim-c116] img[_ngcontent-uim-c116] {
223 |     margin-right: 5px
224 | }
225 | 
226 | .open-file-sect[_ngcontent-uim-c116] {
227 |     white-space: nowrap;
228 |     text-overflow: ellipsis;
229 |     overflow: hidden;
230 |     width: calc(95vw - 170px)
231 | }
232 | 
233 | .options-container[_ngcontent-uim-c116],
234 | #settings-option[_ngcontent-uim-c116] {
235 |     height: 100%
236 | }


--------------------------------------------------------------------------------
/media/styles/styles.c117.css:
--------------------------------------------------------------------------------
 1 | [_ngcontent-uim-c117]:root {
 2 |     --font13: 13px;
 3 |     --font10: calc(var(--font13) - 3px);
 4 |     --font11: calc(var(--font13) - 2px);
 5 |     --font12: calc(var(--font13) - 1px);
 6 |     --font14: calc(var(--font13) + 1px);
 7 |     --font15: calc(var(--font13) + 2px);
 8 |     --font16: calc(var(--font13) + 3px);
 9 |     --font17: calc(var(--font13) + 4px);
10 |     --font18: calc(var(--font13) + 5px);
11 |     --font19: calc(var(--font13) + 6px);
12 |     --font20: calc(var(--font13) + 7px);
13 |     --minHeightAI: 40px
14 | }
15 | 
16 | .loading-spinner[_ngcontent-uim-c117] {
17 |     background-color: #aaa6a61f;
18 |     position: absolute;
19 |     width: 100%;
20 |     top: 0;
21 |     left: 0;
22 |     height: 100vh;
23 |     align-items: center;
24 |     justify-content: center;
25 |     display: grid;
26 |     z-index: 3002;
27 |     opacity: 9999
28 | }
29 | 
30 | .force-loadin-ide-spinner[_ngcontent-uim-c117] .loading-spinner[_ngcontent-uim-c117] {
31 |     z-index: 3005;
32 |     background-color: #000
33 | }
34 | 
35 | .force-loadin-ide-spinner[_ngcontent-uim-c117] .loader-text[_ngcontent-uim-c117] {
36 |     color: #fff;
37 |     font-size: var(--font20);
38 |     position: fixed;
39 |     top: 55%;
40 |     z-index: 3003;
41 |     margin: auto;
42 |     width: 100%;
43 |     text-align: center
44 | }
45 | 
46 | 


--------------------------------------------------------------------------------
/media/styles/styles.c48.css:
--------------------------------------------------------------------------------
 1 | [_ngcontent-uim-c48]:root {
 2 |     --font13: 13px;
 3 |     --font10: calc(var(--font13) - 3px);
 4 |     --font11: calc(var(--font13) - 2px);
 5 |     --font12: calc(var(--font13) - 1px);
 6 |     --font14: calc(var(--font13) + 1px);
 7 |     --font15: calc(var(--font13) + 2px);
 8 |     --font16: calc(var(--font13) + 3px);
 9 |     --font17: calc(var(--font13) + 4px);
10 |     --font18: calc(var(--font13) + 5px);
11 |     --font19: calc(var(--font13) + 6px);
12 |     --font20: calc(var(--font13) + 7px);
13 |     --minHeightAI: 40px
14 | }
15 | 
16 | .header[_ngcontent-uim-c48] {
17 |     width: 100%;
18 |     height: 48px;
19 |     line-height: 48px;
20 |     border-bottom: 1px solid #44484A;
21 |     font-family: Public Sans, sans-serif !important;
22 |     font-size: var(--font15);
23 |     font-style: normal;
24 |     font-weight: 600;
25 |     letter-spacing: 0em;
26 |     text-align: left;
27 |     color: #7a8084;
28 |     left: 15px;
29 |     top: 0;
30 |     background-color: #2f3133;
31 |     z-index: 1500
32 | }
33 | 
34 | .signInBtn[_ngcontent-uim-c48] {
35 |     background-color: #1f98e9 !important;
36 |     color: #fff !important
37 | }
38 | 
39 | .signInBtn[_ngcontent-uim-c48] a[_ngcontent-uim-c48] {
40 |     color: #fff !important
41 | }
42 | 
43 | .welcome-wrapper[_ngcontent-uim-c48] {
44 |     height: 100vh;
45 |     overflow: auto;
46 |     padding-bottom: 15px;
47 |     padding-top: 15vh;
48 |     width: 100vw;
49 |     max-width: 100vw
50 | }
51 | 
52 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
  1 | {
  2 |   "name": "codeshell-vscode",
  3 |   "displayName": "CodeShell VSCode Extension",
  4 |   "description": "Coding with CodeShell LLM",
  5 |   "publisher": "WisdomShell",
  6 |   "version": "0.1.1",
  7 |   "icon": "assets/logo.png",
  8 |   "keywords": [
  9 |     "code-suggestion",
 10 |     "code-completion",
 11 |     "code-inference"
 12 |   ],
 13 |   "repository": {
 14 |     "type": "git",
 15 |     "url": "https://github.com/WisdomShell/codeshell-vscode.git"
 16 |   },
 17 |   "engines": {
 18 |     "vscode": "^1.68.1"
 19 |   },
 20 |   "categories": [
 21 |     "Programming Languages",
 22 |     "Machine Learning"
 23 |   ],
 24 |   "activationEvents": [
 25 |     "onStartupFinished"
 26 |   ],
 27 |   "main": "./dist/extension.js",
 28 |   "l10n": "./l10n",
 29 |   "contributes": {
 30 |     "configuration": {
 31 |       "title": "CodeShell",
 32 |       "properties": {
 33 |         "CodeShell.ServerAddress": {
 34 |           "description": "The address of the CodeShell server to connect to.",
 35 |           "default": "http://127.0.0.1:8080",
 36 |           "type": "string",
 37 |           "order": 1
 38 |         },
 39 |         "CodeShell.RunEnvForLLMs": {
 40 |           "description": "The environment that should be used for running LLMs.",
 41 |           "default": "CPU with llama.cpp",
 42 |           "enum": [
 43 |             "CPU with llama.cpp",
 44 |             "GPU with TGI toolkit"
 45 |           ],
 46 |           "type": "string",
 47 |           "order": 2
 48 |         },
 49 |         "CodeShell.AutoTriggerCompletion": {
 50 |           "description": "Whether or not to automatically trigger completion when typing.",
 51 |           "default": true,
 52 |           "type": "boolean",
 53 |           "order": 6
 54 |         },
 55 |         "CodeShell.AutoCompletionDelay": {
 56 |           "description": "The delay in seconds before automatic code completion triggers.",
 57 |           "type": "number",
 58 |           "enum": [
 59 |             1,
 60 |             2,
 61 |             3
 62 |           ],
 63 |           "default": 1,
 64 |           "order": 7
 65 |         },
 66 |         "CodeShell.CompletionMaxTokens": {
 67 |           "description": "Maximum number of tokens for which suggestions will be displayed",
 68 |           "type": "number",
 69 |           "enum": [
 70 |             64,
 71 |             128,
 72 |             256,
 73 |             512,
 74 |             1024
 75 |           ],
 76 |           "default": 64,
 77 |           "order": 8
 78 |         },
 79 |         "CodeShell.ChatMaxTokens": {
 80 |           "description": "Maximum number of tokens for which chat messages will be displayed",
 81 |           "type": "number",
 82 |           "enum": [
 83 |             1024,
 84 |             2048,
 85 |             4096,
 86 |             8192
 87 |           ],
 88 |           "default": 2048,
 89 |           "order": 9
 90 |         }
 91 |       }
 92 |     },
 93 |     "keybindings": [
 94 |       {
 95 |         "key": "alt+\\",
 96 |         "mac": "alt+\\",
 97 |         "command": "editor.action.inlineSuggest.trigger",
 98 |         "when": "editorTextFocus"
 99 |       }
100 |     ],
101 |     "commands": [
102 |       {
103 |         "command": "codeshell.auto_completion_enable",
104 |         "title": "%codeshell.auto_completion_enable.title%",
105 |         "category": "codeshell"
106 |       },
107 |       {
108 |         "command": "codeshell.auto_completion_disable",
109 |         "title": "%codeshell.auto_completion_disable.title%",
110 |         "category": "codeshell"
111 |       },
112 |       {
113 |         "command": "codeshell.explain_this_code",
114 |         "title": "%codeshell.explain_this_code.title%",
115 |         "category": "codeshell"
116 |       },
117 |       {
118 |         "command": "codeshell.improve_this_code",
119 |         "title": "%codeshell.improve_this_code.title%",
120 |         "category": "codeshell"
121 |       },
122 |       {
123 |         "command": "codeshell.clean_this_code",
124 |         "title": "%codeshell.clean_this_code.title%",
125 |         "category": "codeshell"
126 |       },
127 |       {
128 |         "command": "codeshell.generate_comment",
129 |         "title": "%codeshell.generate_comment.title%",
130 |         "category": "codeshell"
131 |       },
132 |       {
133 |         "command": "codeshell.generate_unit_test",
134 |         "title": "%codeshell.generate_unit_test.title%",
135 |         "category": "codeshell"
136 |       },
137 |       {
138 |         "command": "codeshell.check_performance",
139 |         "title": "%codeshell.check_performance.title%",
140 |         "category": "codeshell"
141 |       },
142 |       {
143 |         "command": "codeshell.check_security",
144 |         "title": "%codeshell.check_security.title%",
145 |         "category": "codeshell"
146 |       }
147 |     ],
148 |     "submenus": [
149 |       {
150 |         "id": "codeshell_context_submenu",
151 |         "label": "CodeShell"
152 |       }
153 |     ],
154 |     "menus": {
155 |       "editor/context": [
156 |         {
157 |           "submenu": "codeshell_context_submenu",
158 |           "group": "navigation"
159 |         }
160 |       ],
161 |       "codeshell_context_submenu": [
162 |         {
163 |           "command": "codeshell.auto_completion_enable",
164 |           "group": "group1@1",
165 |           "when": "!config.CodeShell.AutoTriggerCompletion"
166 |         },
167 |         {
168 |           "command": "codeshell.auto_completion_disable",
169 |           "group": "group1@2",
170 |           "when": "config.CodeShell.AutoTriggerCompletion"
171 |         },
172 |         {
173 |           "command": "codeshell.explain_this_code",
174 |           "group": "group2@1",
175 |           "when": "editorHasSelection"
176 |         },
177 |         {
178 |           "command": "codeshell.improve_this_code",
179 |           "group": "group2@2",
180 |           "when": "editorHasSelection"
181 |         },
182 |         {
183 |           "command": "codeshell.clean_this_code",
184 |           "group": "group2@3",
185 |           "when": "editorHasSelection"
186 |         },
187 |         {
188 |           "command": "codeshell.generate_comment",
189 |           "group": "group3@1",
190 |           "when": "editorHasSelection"
191 |         },
192 |         {
193 |           "command": "codeshell.generate_unit_test",
194 |           "group": "group3@2",
195 |           "when": "editorHasSelection"
196 |         },
197 |         {
198 |           "command": "codeshell.check_performance",
199 |           "group": "group4@1",
200 |           "when": "editorHasSelection"
201 |         },
202 |         {
203 |           "command": "codeshell.check_security",
204 |           "group": "group4@2",
205 |           "when": "editorHasSelection"
206 |         }
207 |       ]
208 |     },
209 |     "viewsContainers": {
210 |       "activitybar": [
211 |         {
212 |           "id": "codeshell_sidebar",
213 |           "title": "CodeShell",
214 |           "icon": "assets/logo.svg"
215 |         }
216 |       ]
217 |     },
218 |     "views": {
219 |       "codeshell_sidebar": [
220 |         {
221 |           "id": "codeshell.chatView",
222 |           "name": "CodeShell",
223 |           "type": "webview"
224 |         }
225 |       ]
226 |     }
227 |   },
228 |   "scripts": {
229 |     "vscode:prepublish": "npm run package",
230 |     "compile": "webpack",
231 |     "watch": "webpack --watch",
232 |     "package": "webpack --mode production --devtool hidden-source-map",
233 |     "compile-tests": "tsc -p . --outDir out",
234 |     "watch-tests": "tsc -p . -w --outDir out",
235 |     "pretest": "npm run compile-tests && npm run compile && npm run lint",
236 |     "lint": "eslint src --ext ts",
237 |     "test": "node ./out/test/runTest.js"
238 |   },
239 |   "devDependencies": {
240 |     "@types/glob": "^8.1.0",
241 |     "@types/mocha": "^10.0.1",
242 |     "@types/node": "^18.18.5",
243 |     "@types/vscode": "^1.68.1",
244 |     "@typescript-eslint/eslint-plugin": "^5.59.8",
245 |     "@typescript-eslint/parser": "^5.59.8",
246 |     "@vscode/l10n-dev": "^0.0.18",
247 |     "@vscode/test-electron": "^2.3.2",
248 |     "@vscode/vsce": "^2.26.0",
249 |     "eslint": "^8.41.0",
250 |     "glob": "^8.1.0",
251 |     "mocha": "^10.2.0",
252 |     "ts-loader": "^9.4.3",
253 |     "typescript": "^5.1.3",
254 |     "webpack": "^5.85.0",
255 |     "webpack-cli": "^5.1.1"
256 |   },
257 |   "dependencies": {
258 |     "@vscode/l10n": "^0.0.10",
259 |     "eventsource-parser": "^1.1.1",
260 |     "node-fetch": "^3.3.2",
261 |     "openai": "^3.1.0"
262 |   }
263 | }
264 | 


--------------------------------------------------------------------------------
/package.nls.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "codeshell.auto_completion_enable.title": "Enable Auto Completion",
 3 |     "codeshell.auto_completion_disable.title": "Disable Auto Completion",
 4 |     "codeshell.explain_this_code.title": "Explain Selected Codes",
 5 |     "codeshell.improve_this_code.title": "Optimize Selected Codes",
 6 |     "codeshell.clean_this_code.title": "Clean Selected Codes",
 7 |     "codeshell.generate_comment.title": "Generate Comment",
 8 |     "codeshell.generate_unit_test.title": "Generate Unit Test",
 9 |     "codeshell.check_performance.title": "Check Performance",
10 |     "codeshell.check_security.title": "Check Security"
11 | }


--------------------------------------------------------------------------------
/package.nls.zh-cn.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "codeshell.auto_completion_enable.title": "启用 自动触发补全",
 3 |     "codeshell.auto_completion_disable.title": "停用 自动触发补全",
 4 |     "codeshell.explain_this_code.title": "解释 这段代码",
 5 |     "codeshell.improve_this_code.title": "优化 这段代码",
 6 |     "codeshell.clean_this_code.title": "清理 这段代码", 
 7 |     "codeshell.generate_comment.title": "生成 注释",
 8 |     "codeshell.generate_unit_test.title": "生成 单元测试",
 9 |     "codeshell.check_performance.title": "检查 性能问题",
10 |     "codeshell.check_security.title": "检查 安全性问题"
11 | }


--------------------------------------------------------------------------------
/src/ChatMemory.ts:
--------------------------------------------------------------------------------
  1 | import { ExtensionContext } from "vscode";
  2 | 
  3 | export class ChatMessage {
  4 |     prefix?: string;
  5 |     content: string;
  6 | 
  7 |     constructor(content: string) {
  8 |         this.content = content;
  9 |     }
 10 | 
 11 |     toString(): string {
 12 |         return `${this.prefix}${this.content}`;
 13 |     }
 14 | }
 15 | 
 16 | export class HumanMessage extends ChatMessage {
 17 |     prefix = "## human:";
 18 | }
 19 | 
 20 | export class AIMessage extends ChatMessage {
 21 |     prefix = "## assistant:";
 22 | 
 23 |     append(text: string) {
 24 |         this.content += text;
 25 |         this.content = this.content.replace("|end|", "");
 26 |         this.content = this.content.replace("|<end>|", "");
 27 |         this.content = this.content.replace("<|endoftext|>", "");
 28 |     }
 29 | }
 30 | 
 31 | export class ChatItem {
 32 |     humanMessage: HumanMessage;
 33 |     aiMessage: AIMessage;
 34 |     aiMsgId: string = "0";
 35 |     constructor(humanMessage: HumanMessage, aiMessage: AIMessage) {
 36 |         this.humanMessage = humanMessage;
 37 |         this.aiMessage = aiMessage;
 38 |     }
 39 | 
 40 |     toString(): string {
 41 |         return `${this.humanMessage.toString()}|<end>|${this.aiMessage.toString()}`;
 42 |     }
 43 | }
 44 | 
 45 | export class SessionItem {
 46 |     time = new Date();
 47 |     id = this.time.toISOString();
 48 |     title = "";
 49 |     chatList = new Array<ChatItem>();
 50 | 
 51 |     addChatItem(chatItem: ChatItem) {
 52 |         this.chatList.push(chatItem);
 53 |         this.title = this.chatList[0].humanMessage.content;
 54 |     }
 55 | 
 56 |     addChatList(list: ChatItem[]) {
 57 |         for (const chat of list) {
 58 |             const hmMsg = new HumanMessage(chat.humanMessage.content);
 59 |             const aiMsg = new AIMessage(chat.aiMessage.content);
 60 |             const item = new ChatItem(hmMsg, aiMsg);
 61 |             if (chat.aiMsgId) {
 62 |                 item.aiMsgId = chat.aiMsgId;
 63 |             }
 64 |             this.addChatItem(item);
 65 |         }
 66 |     }
 67 | 
 68 |     getSlicePrompt(start:number, end:number) {
 69 |         let history = "";
 70 |         for (let i = start; i <= end; i++) {
 71 |             const chatItem = this.chatList[i];
 72 |             if (history.length > 0) {
 73 |                 history += "\n";
 74 |             }
 75 |             history += chatItem.toString();
 76 |             if (i < end) {
 77 |                 history += "|<end>|";
 78 |             }
 79 |         }
 80 |         return history;
 81 |     }
 82 | }
 83 | 
 84 | export class SessionStore {
 85 |     private _storeKey = "sessionHistory";
 86 | 
 87 |     constructor(private readonly _extensionContext: ExtensionContext) {
 88 |         const keys = this._extensionContext.globalState.keys();
 89 |         for (const key of keys) {
 90 |             const value = this._extensionContext.globalState.get(key);
 91 |             console.log(key, value);
 92 |         }
 93 |         // this._extensionContext.globalState.update(this._storeKey, undefined);
 94 |     }
 95 | 
 96 |     update(updateItem: SessionItem) {
 97 |         // console.log("updateItem:", updateItem);
 98 |         if (updateItem.chatList.length === 0) {
 99 |             return;
100 |         }
101 |         const sessionHistory = this.getSessionHistory();
102 | 
103 |         let exist = false;
104 |         for (let i = 0; i < sessionHistory.length; i++) {
105 |             let item = sessionHistory[i];
106 |             if (item.id === updateItem.id) {
107 |                 sessionHistory[i] = updateItem;
108 |                 exist = true;
109 |                 break;
110 |             }
111 |         }
112 |         if (!exist) {
113 |             sessionHistory.push(updateItem);
114 |         }
115 |         this._extensionContext.globalState.update(this._storeKey, sessionHistory);
116 |     }
117 | 
118 |     delete(deleteItem: SessionItem) {
119 |         const sessionHistory = this.getSessionHistory();
120 |         const newArray = new Array<SessionItem>();
121 |         for (const item of sessionHistory) {
122 |             if (item.id !== deleteItem.id) {
123 |                 newArray.push(item);
124 |             }
125 |         }
126 |         this._extensionContext.globalState.update(this._storeKey, newArray);
127 |     }
128 | 
129 |     getSessionItemById(itemId: string): SessionItem {
130 |         const sessionHistory = this.getSessionHistory();
131 |         for (const item of sessionHistory) {
132 |             if (item.id === itemId) {
133 |                 return item;
134 |             }
135 |         }
136 |         return new SessionItem();
137 |     }
138 | 
139 |     getSessionHistory(): SessionItem[] {
140 |         let oldArray = this._extensionContext.globalState.get<Array<SessionItem>>(this._storeKey);
141 |         if (!oldArray) {
142 |             oldArray = new Array<SessionItem>();
143 |         }
144 |         let newArray = new Array<SessionItem>();
145 |         for (var item of oldArray) {
146 |             if (item.chatList.length === 0) {
147 |                 continue;
148 |             }
149 |             let newObj = new SessionItem();
150 |             newObj.id = item.id;
151 |             newObj.time = new Date(item.time);
152 |             newObj.addChatList(item.chatList);
153 |             newArray.push(newObj);
154 |         }
155 |         return newArray.sort((a: SessionItem, b: SessionItem): number => {
156 |             return a.time < b.time ? 1 : -1;
157 |         });
158 |     }
159 | 
160 | }


--------------------------------------------------------------------------------
/src/CodeShellCompletionProvider.ts:
--------------------------------------------------------------------------------
 1 | import { CancellationToken, InlineCompletionContext, InlineCompletionItem, InlineCompletionItemProvider, InlineCompletionList, Position, ProviderResult, Range, TextDocument, window, StatusBarItem, InlineCompletionTriggerKind } from "vscode";
 2 | import { postCompletion } from "./request/inline-completion";
 3 | import { sleep } from "./Utils";
 4 | import { CODESHELL_CONFIG } from "./consts";
 5 | 
 6 | export class CodeShellCompletionProvider implements InlineCompletionItemProvider {
 7 | 
 8 |     private statusBar: StatusBarItem;
 9 | 
10 |     constructor(statusBar: StatusBarItem) {
11 |         this.statusBar = statusBar;
12 |     }
13 | 
14 |     //@ts-ignore
15 |     // because ASYNC and PROMISE
16 |     public async provideInlineCompletionItems(document: TextDocument, position: Position, context: InlineCompletionContext, token: CancellationToken): ProviderResult<InlineCompletionItem[] | InlineCompletionList> {
17 |         let autoTriggerEnabled = CODESHELL_CONFIG.get("AutoTriggerCompletion") as boolean;
18 |         if (context.triggerKind === InlineCompletionTriggerKind.Automatic) {
19 |             if (!autoTriggerEnabled) {
20 |                 return Promise.resolve(([] as InlineCompletionItem[]));
21 |             }
22 |             let delay = CODESHELL_CONFIG.get("AutoCompletionDelay") as number;
23 |             await sleep(1000 * delay);
24 |             if (token.isCancellationRequested) {
25 |                 return Promise.resolve(([] as InlineCompletionItem[]));
26 |             }
27 |         }
28 | 
29 |         const fimPrefixCode = this.getFimPrefixCode(document, position);
30 |         const fimSuffixCode = this.getFimSuffixCode(document, position);
31 |         if (this.isNil(fimPrefixCode) && this.isNil(fimSuffixCode)) {
32 |             return Promise.resolve(([] as InlineCompletionItem[]));
33 |         }
34 | 
35 |         this.statusBar.text = "$(loading~spin)";
36 |         this.statusBar.tooltip = "CodeShell - Working";
37 |         return postCompletion(fimPrefixCode, fimSuffixCode).then((response) => {
38 |             this.statusBar.text = "$(light-bulb)";
39 |             this.statusBar.tooltip = `CodeShell - Ready`;
40 |             if (token.isCancellationRequested || !response || this.isNil(response.trim())) {
41 |                 return Promise.resolve(([] as InlineCompletionItem[]));
42 |             }
43 |             return [new InlineCompletionItem(response, new Range(position, position))];
44 |         }).catch((error) => {
45 |             console.error(error);
46 |             this.statusBar.text = "$(alert)";
47 |             this.statusBar.tooltip = "CodeShell - Error";
48 |             window.setStatusBarMessage(`${error}`, 10000);
49 |             return Promise.resolve(([] as InlineCompletionItem[]));
50 |         }).finally(() => {
51 |         });
52 |     }
53 | 
54 |     private getFimPrefixCode(document: TextDocument, position: Position): string {
55 |         const firstLine = Math.max(position.line - 100, 0);
56 |         const range = new Range(firstLine, 0, position.line, position.character);
57 |         return document.getText(range).trim();
58 |     }
59 | 
60 |     private getFimSuffixCode(document: TextDocument, position: Position): string {
61 |         const startLine = position.line + 1;
62 |         const endLine = Math.min(startLine + 10, document.lineCount);
63 |         const range = new Range(position.line, position.character, endLine, 0);
64 |         return document.getText(range).trim();
65 |     }
66 | 
67 |     private isNil(value: String | undefined | null): boolean {
68 |         return value === undefined || value === null || value.length === 0;
69 |     }
70 |     
71 | }
72 | 


--------------------------------------------------------------------------------
/src/CodeShellWebviewViewProvider.ts:
--------------------------------------------------------------------------------
  1 | import * as vscode from "vscode";
  2 | import * as prompt from "./CreatePrompt";
  3 | import { ChatItem, HumanMessage, AIMessage, SessionItem, SessionStore } from "./ChatMemory";
  4 | import { postEventStream, stopEventStream } from "./request/event-source";
  5 | import { sleep } from "./Utils";
  6 | 
  7 | export class CodeShellWebviewViewProvider implements vscode.WebviewViewProvider {
  8 | 	public static readonly viewId = "codeshell.chatView";
  9 | 	private _view?: vscode.WebviewView;
 10 | 	private _extensionUri: vscode.Uri;
 11 | 
 12 | 	private sessionStore: SessionStore;
 13 | 	private sessionItem: SessionItem = new SessionItem();
 14 | 
 15 | 	constructor(private readonly _extensionContext: vscode.ExtensionContext) {
 16 | 		this._extensionUri = _extensionContext.extensionUri;
 17 | 		this.sessionStore = new SessionStore(_extensionContext);
 18 | 	}
 19 | 
 20 | 	public resolveWebviewView(webviewView: vscode.WebviewView,
 21 | 		_context: vscode.WebviewViewResolveContext,
 22 | 		_token: vscode.CancellationToken) {
 23 | 
 24 | 		this._view = webviewView;
 25 | 		// set options for the webview, allow scripts
 26 | 		webviewView.webview.options = {
 27 | 			enableScripts: true,
 28 | 			localResourceRoots: [
 29 | 				this._extensionUri
 30 | 			]
 31 | 		};
 32 | 
 33 | 		// set the HTML for the webview
 34 | 		webviewView.webview.html = this._getHtmlForWebview(webviewView.webview);
 35 | 
 36 | 		// add an event listener for messages received by the webview
 37 | 		webviewView.webview.onDidReceiveMessage(data => {
 38 | 			switch (data.type) {
 39 | 				case "codeBlockInsert": {
 40 | 					let code = data.value;
 41 | 					//code = code.replace(/([^\\])(\$)([^{0-9])/g, "$1\\$$$3");
 42 | 					const snippet = new vscode.SnippetString();
 43 | 					snippet.appendText(code);
 44 | 					// insert the code as a snippet into the active text editor
 45 | 					vscode.window.activeTextEditor?.insertSnippet(snippet);
 46 | 					break;
 47 | 				}
 48 | 				case "startQuestion": {
 49 | 					this.startQuestion(data.value);
 50 | 					break;
 51 | 				}
 52 | 				case "startNewSession": {
 53 | 					this.sessionStore.update(this.sessionItem);
 54 | 					this.sessionItem = new SessionItem();
 55 | 					break;
 56 | 				}
 57 | 				case "showSessionHistory": {
 58 | 					this.showSessionHistory();
 59 | 					break;
 60 | 				}
 61 | 				case "sessionItemClicked": {
 62 | 					this.sessionItemClicked(data.value);
 63 | 					break;
 64 | 				}
 65 | 				case "sessionItemDelete": {
 66 | 					this.sessionItemDelete(data.value);
 67 | 					break;
 68 | 				}
 69 | 				case "regenerateThisAnswer": {
 70 | 					this.generateAnswer(data.value);
 71 | 					break;
 72 | 				}
 73 | 				case "stopGenerationStream": {
 74 | 					this.stopGenerationStream();
 75 | 					break;
 76 | 				}
 77 | 			}
 78 | 		});
 79 | 	}
 80 | 
 81 | 	public async executeCommand(command: string) {
 82 | 		// Get the selected text of the active editor
 83 | 		const selection = vscode.window.activeTextEditor?.selection;
 84 | 		const selectedText = vscode.window.activeTextEditor?.document.getText(selection);
 85 | 		if (!selectedText) {
 86 | 			// vscode.window.showErrorMessage("请选中一段代码！");
 87 | 			vscode.window.showErrorMessage(vscode.l10n.t("Please select a section of code"));
 88 | 			return;
 89 | 		}
 90 | 		const languageId = vscode.window.activeTextEditor?.document.languageId;
 91 | 		if (!languageId) {
 92 | 			vscode.window.showErrorMessage(vscode.l10n.t("Unknown Language type"));
 93 | 			return;
 94 | 		}
 95 | 
 96 | 		let humanPrompt = "";
 97 | 		switch (command) {
 98 | 			case "codeshell.explain_this_code": {
 99 | 				humanPrompt = prompt.createPromptCodeExplain(languageId, selectedText);
100 | 				break;
101 | 			}
102 | 			case "codeshell.improve_this_code": {
103 | 				humanPrompt = prompt.createPromptCodeImprove(languageId, selectedText);
104 | 				break;
105 | 			}
106 | 			case "codeshell.clean_this_code": {
107 | 				humanPrompt = prompt.createPromptCodeClean(languageId, selectedText);
108 | 				break;
109 | 			}
110 | 			case "codeshell.generate_comment": {
111 | 				humanPrompt = prompt.createPromptGenerateComment(languageId, selectedText);
112 | 				break;
113 | 			}
114 | 			case "codeshell.generate_unit_test": {
115 | 				humanPrompt = prompt.createPromptGenerateUnitTest(languageId, selectedText);
116 | 				break;
117 | 			}
118 | 			case "codeshell.check_performance": {
119 | 				humanPrompt = prompt.createPromptCheckPerformance(languageId, selectedText);
120 | 				break;
121 | 			}
122 | 			case "codeshell.check_security": {
123 | 				humanPrompt = prompt.createPromptCheckSecurity(languageId, selectedText);
124 | 				break;
125 | 			}
126 | 		}
127 | 
128 | 		// focus gpt activity from activity bar
129 | 		if (!this._view) {
130 | 			await vscode.commands.executeCommand("codeshell.chatView.focus");
131 | 			await sleep(1000);
132 | 		} else {
133 | 			this._view?.show?.(true);
134 | 		}
135 | 		this.startQuestion(humanPrompt);
136 | 	}
137 | 
138 | 	private startQuestion(question: string) {
139 | 		const contentIndex = this.sessionItem.chatList.length;
140 | 		const divContent = this._makeQuestionAnswerDiv(contentIndex);
141 | 		const eventData = {
142 | 			"divContent": divContent,
143 | 			"contentIndex": contentIndex,
144 | 			"question": question
145 | 		};
146 | 		this._view?.webview.postMessage({ type: "addQuestionAnswerDiv", value: eventData });
147 | 
148 | 		const humanMessage = new HumanMessage(question);
149 | 		const aiMessage = new AIMessage("");
150 | 		const chatItem = new ChatItem(humanMessage, aiMessage);
151 | 		this.sessionItem.addChatItem(chatItem);
152 | 		this.generateAnswer(contentIndex);
153 | 	}
154 | 
155 | 	private generateAnswer(index: number) {
156 | 		const chatItem = this.sessionItem.chatList[index];
157 | 		chatItem.aiMessage.content = "";
158 | 		this.sessionStore.update(this.sessionItem);
159 | 		const historyPrompt = this.sessionItem.getSlicePrompt(0, index);
160 | 		const respData = {
161 | 			"contentIndex": index,
162 | 			"responseText": chatItem.aiMessage.content,
163 | 			"aiMsgId": chatItem.aiMsgId,
164 | 		};
165 | 		console.log("historyPrompt:", historyPrompt);
166 | 		postEventStream(historyPrompt, (data) => {
167 | 			const jsonData = JSON.parse(data);
168 | 			if (jsonData.content) {
169 | 				chatItem.aiMessage.append(jsonData.content);
170 | 			}
171 | 			if (jsonData.token) {
172 | 				chatItem.aiMessage.append(jsonData.token.text);
173 | 			}
174 | 			if (jsonData.id && jsonData.id !== "0") {
175 | 				chatItem.aiMsgId = jsonData.id;
176 | 			}
177 | 			respData.responseText = chatItem.aiMessage.content;
178 | 			respData.aiMsgId = chatItem.aiMsgId;
179 | 			this._view?.webview.postMessage({ type: "addStreamResponse", value: respData });
180 | 		}, () => {
181 | 			console.log("generateAnswer.requstsDone:", chatItem.aiMessage.content);
182 | 			this.sessionStore.update(this.sessionItem);
183 | 			this._view?.webview.postMessage({ type: "responseStreamDone", value: respData });
184 | 			vscode.window.showInformationMessage(vscode.l10n.t("Answer output completed"));
185 | 		}, (_err) => {
186 | 			this.sessionStore.update(this.sessionItem);
187 | 			this._view?.webview.postMessage({ type: "responseStreamDone", value: respData });
188 | 		});
189 | 	}
190 | 
191 | 	private stopGenerationStream() {
192 | 		stopEventStream();
193 | 	}
194 | 
195 | 	private sessionItemClicked(itemId: string) {
196 | 		const sessionItem = this.sessionStore.getSessionItemById(itemId);
197 | 		this.sessionItem = sessionItem;
198 | 		this._makeQuestionAnswerDivFromSessionItem(sessionItem);
199 | 	}
200 | 
201 | 	private sessionItemDelete(itemId: string) {
202 | 		const sessionItem = this.sessionStore.getSessionItemById(itemId);
203 | 		this.sessionStore.delete(sessionItem);
204 | 		this.showSessionHistory();
205 | 	}
206 | 
207 | 	private showSessionHistory() {
208 | 		var html = this._makeHistoryDiv();
209 | 		this._view?.webview.postMessage({ type: "historySessionDone", value: html });
210 | 	}
211 | 
212 | 	private _makeHistoryDiv() {
213 | 		let history = this.sessionStore.getSessionHistory();
214 | 
215 | 		let html = "";
216 | 		for (const item of history) {
217 | 			html += this._makeHistoryItemDiv(item);
218 | 		}
219 | 		return html;
220 | 	}
221 | 
222 | 	private _makeHistoryItemDiv(sessionItem: SessionItem) {
223 | 		const sessionTime = sessionItem.time.toLocaleString();
224 | 
225 | 		return `
226 | 			<div class="session" id="${sessionItem.id}">
227 | 				<div class="session-item">
228 | 					<p class="session-title"> ${sessionItem.title} </p>
229 | 					<p class="session-date-time"> ${sessionTime} </p>
230 | 				</div>
231 | 				<div class="session-options inner-btns ant-dropdown-trigger">
232 | 					<svg class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2648" width="20" height="20">
233 | 						<path d="M789.333333 343.466667c-12.8 0-21.333333 8.533333-21.333333 21.333333v490.666667c0 23.466667-19.2 42.666667-42.666667 42.666666H298.666667c-23.466667 0-42.666667-19.2-42.666667-42.666666V362.666667c0-12.8-8.533333-21.333333-21.333333-21.333334s-21.333333 8.533333-21.333334 21.333334v490.666666c0 46.933333 38.4 85.333333 85.333334 85.333334h426.666666c46.933333 0 85.333333-38.4 85.333334-85.333334V362.666667c0-10.666667-10.666667-19.2-21.333334-19.2zM915.2 234.666667H746.666667V170.666667c0-46.933333-38.4-85.333333-85.333334-85.333334H362.666667c-46.933333 0-85.333333 38.4-85.333334 85.333334v64H106.666667c-12.8 0-21.333333 8.533333-21.333334 21.333333s8.533333 21.333333 21.333334 21.333333h808.533333c12.8 0 21.333333-8.533333 21.333333-21.333333s-8.533333-21.333333-21.333333-21.333333zM320 170.666667c0-23.466667 19.2-42.666667 42.666667-42.666667h298.666666c23.466667 0 42.666667 19.2 42.666667 42.666667v64H320V170.666667z" fill="#ffffff" p-id="2649"></path><path d="M640 704V364.8c0-12.8-8.533333-21.333333-21.333333-21.333333s-21.333333 8.533333-21.333334 21.333333V704c0 12.8 8.533333 21.333333 21.333334 21.333333s21.333333-10.666667 21.333333-21.333333zM426.666667 704V362.666667c0-12.8-8.533333-21.333333-21.333334-21.333334s-21.333333 8.533333-21.333333 21.333334v341.333333c0 12.8 8.533333 21.333333 21.333333 21.333333s21.333333-10.666667 21.333334-21.333333z" fill="#ffffff" p-id="2650"></path>
234 | 					</svg>
235 | 				</div>
236 | 			</div>
237 | 		`;
238 | 	}
239 | 
240 | 	private _makeQuestionAnswerDivFromSessionItem(sessionItem: SessionItem) {
241 | 		let html = "";
242 | 		for (let i = 0; i < sessionItem.chatList.length; i++) {
243 | 			html += this._makeQuestionAnswerDiv(i);
244 | 		}
245 | 		const eventData = {
246 | 			"divContent": html,
247 | 			"chatList": sessionItem.chatList
248 | 		};
249 | 		this._view?.webview.postMessage({ type: "historyQuestionAnswerDone", value: eventData });
250 | 	}
251 | 
252 | 	private _makeQuestionAnswerDiv(contentIndex: number) {
253 | 		return `
254 | 		<div id="qa_section_div_${contentIndex}"
255 | 			class="qa-section-div-main focus-on-tab" style="border-bottom: 0.5px solid #626668; padding: 5px 5px">
256 | 			<div class="question-container col-12">
257 | 				<div class="row mr-0">
258 | 					<div class="col-4 pr-0"><div class="question-title">${vscode.l10n.t("Question :")}</div></div>
259 | 					<div class="col-8 p-0" style="align-items: center; display: flex; justify-content: flex-end;">
260 | 						<div class="edit-btn focus-on-tab inner-btns" style="float: right;" id="editBtn${contentIndex}">
261 | 							<svg class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="20" height="20">
262 | 								<path d="M816.277333 165.056a128 128 0 0 1 0 181.013333L309.653333 852.693333a21.333333 21.333333 0 0 1-15.082666 6.229334H165.056a42.666667 42.666667 0 0 1-42.666667-42.666667v-129.493333a21.333333 21.333333 0 0 1 6.229334-15.104L635.306667 165.056a128 128 0 0 1 180.992 0z m-45.226666 45.226667a64 64 0 0 0-87.786667-2.56l-2.752 2.56L188.885333 701.930667a8.533333 8.533333 0 0 0-2.496 6.037333v78.464c0 4.714667 3.818667 8.533333 8.533334 8.533333h78.421333a8.533333 8.533333 0 0 0 6.037333-2.517333l491.648-491.605333a64 64 0 0 0 2.581334-87.786667l-2.56-2.730667z" fill="#ffffff" p-id="6891"></path><path d="M590.016 210.304l181.013333 181.013333-45.248 45.248-181.013333-181.013333z" fill="#ffffff" p-id="6892"></path><path d="M490.666667 795.733333m8.533333 0l345.6 0q8.533333 0 8.533333 8.533334l0 46.933333q0 8.533333-8.533333 8.533333l-345.6 0q-8.533333 0-8.533333-8.533333l0-46.933333q0-8.533333 8.533333-8.533334Z" fill="#ffffff" p-id="6893"></path><path d="M661.333333 667.733333m8.533334 0l174.933333 0q8.533333 0 8.533333 8.533334l0 46.933333q0 8.533333-8.533333 8.533333l-174.933333 0q-8.533333 0-8.533334-8.533333l0-46.933333q0-8.533333 8.533334-8.533334Z" fill="#ffffff" p-id="6894"></path>
263 | 							</svg>
264 | 						</div>
265 | 					</div>
266 | 				</div>
267 | 				<div id="questionDiv${contentIndex}" class="questionDiv d-block row col-12 m-0"></div>
268 | 			</div>
269 | 			<div class="row mr-0">
270 | 				<div class="col-4 pr-0">
271 | 					<div class="answer-title">${vscode.l10n.t("Answer :")}</div>
272 | 				</div>
273 | 				<div class="col-8 p-0" style="align-items: center; display: flex; justify-content: flex-end;">
274 | 					<div class="copy-btn copy-btn-icon focus-on-tab inner-btns" style="float: right;" id="refreshBtn${contentIndex}">
275 | 						<svg class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="20" height="20">
276 | 							<path d="M866.133333 85.333333c4.693333 0 8.533333 3.84 8.533334 8.533334v194.133333a32 32 0 0 1-28.928 31.850667L842.666667 320h-194.133334a8.533333 8.533333 0 0 1-8.533333-8.533333v-46.933334c0-4.693333 3.84-8.533333 8.533333-8.533333h120.341334A361.536 361.536 0 0 0 512 149.333333C311.701333 149.333333 149.333333 311.701333 149.333333 512s162.368 362.666667 362.666667 362.666667c185.813333 0 339.008-139.776 360.170667-319.914667 0.384-3.328 0.810667-7.829333 1.28-13.546667a8.533333 8.533333 0 0 1 8.512-7.850666h47.061333a8.533333 8.533333 0 0 1 8.533333 9.109333c-0.426667 5.696-0.789333 10.218667-1.130666 13.589333C914.346667 770.986667 732.778667 938.666667 512 938.666667 276.352 938.666667 85.333333 747.648 85.333333 512S276.352 85.333333 512 85.333333c116.288 0 221.717333 46.506667 298.666667 121.984V93.866667c0-4.693333 3.84-8.533333 8.533333-8.533334h46.933333z" fill="#ffffff" p-id="2282"></path>
277 | 						</svg>
278 | 					</div>
279 | 					<div class="copy-btn copybtn-icn focus-on-tab inner-btns" style="float: right;" id="copyBtn${contentIndex}">
280 | 						<svg class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="20" height="20">
281 | 							<path d="M720 192h-544A80.096 80.096 0 0 0 96 272v608C96 924.128 131.904 960 176 960h544c44.128 0 80-35.872 80-80v-608C800 227.904 764.128 192 720 192z m16 688c0 8.8-7.2 16-16 16h-544a16 16 0 0 1-16-16v-608a16 16 0 0 1 16-16h544a16 16 0 0 1 16 16v608z" p-id="5754" fill="#ffffff"></path><path d="M848 64h-544a32 32 0 0 0 0 64h544a16 16 0 0 1 16 16v608a32 32 0 1 0 64 0v-608C928 99.904 892.128 64 848 64z" p-id="5755" fill="#ffffff"></path><path d="M608 360H288a32 32 0 0 0 0 64h320a32 32 0 1 0 0-64zM608 520H288a32 32 0 1 0 0 64h320a32 32 0 1 0 0-64zM480 678.656H288a32 32 0 1 0 0 64h192a32 32 0 1 0 0-64z" p-id="5756" fill="#ffffff"></path><
282 | 						/svg>
283 | 					</div>
284 | 					<div class="copy-btn copybtn-icn-tick" style="float: right; display: none" id="copyCheck${contentIndex}">
285 | 						<svg class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="20" height="20">
286 | 							<path d="M369.792 704.32L930.304 128 1024 223.616 369.984 896l-20.288-20.864-0.128 0.128L0 516.8 96.128 423.68l273.664 280.64z" fill="#1296db" p-id="4526"></path>
287 | 						</svg>
288 | 					</div>
289 | 				</div>
290 | 			</div>
291 | 			<div class="answer-container">
292 | 				<div class="answerDiv" id="outputDiv${contentIndex}"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><circle cx="18" cy="12" r="0" fill="currentColor"><animate attributeName="r" begin=".67" calcMode="spline" dur="1.5s" keySplines="0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8" repeatCount="indefinite" values="0;2;0;0"/></circle><circle cx="12" cy="12" r="0" fill="currentColor"><animate attributeName="r" begin=".33" calcMode="spline" dur="1.5s" keySplines="0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8" repeatCount="indefinite" values="0;2;0;0"/></circle><circle cx="6" cy="12" r="0" fill="currentColor"><animate attributeName="r" begin="0" calcMode="spline" dur="1.5s" keySplines="0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8" repeatCount="indefinite" values="0;2;0;0"/></circle></svg></div>
293 | 			</div>
294 | 			<div class="row mr-0">
295 | 				<div class="col-12 p-0" style="align-items: center; display: none; justify-content: flex-end;" id="feedbackDiv${contentIndex}">
296 | 					<div class="answer-title">${vscode.l10n.t("How about this answer?")}</div>
297 | 					<div class="copy-btn copybtn-icn focus-on-tab inner-btns" style="float: right;" id="feedbackGoodBtn${contentIndex}">
298 | 						<svg class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="20" height="20">
299 | 							<path d="M925.696 585.788235c4.999529 12.227765 7.951059 28.069647 7.951059 48.609883 0 31.683765-14.456471 58.488471-37.406118 74.270117 8.312471 14.095059 12.288 30.177882 12.288 46.260706 0 33.852235-18.853647 62.704941-47.284706 77.583059 4.818824 11.324235 7.649882 25.298824 7.770353 42.465882 0.120471 27.045647-7.770353 48.790588-23.552 64.632471-16.624941 16.685176-40.176941 25.178353-69.933176 25.178353H436.705882c-45.417412 0-76.679529-24.335059-99.568941-42.164706-13.191529-10.24-25.660235-19.998118-34.334117-19.998118H176.188235a30.117647 30.117647 0 0 1 0-60.235294h126.614589c29.334588 0 51.621647 17.347765 71.318588 32.64753 19.456 15.119059 37.827765 29.455059 62.58447 29.455058h338.82353c12.769882 0 22.467765-2.590118 27.226353-7.408941 4.096-4.096 6.144-11.444706 6.083764-21.805176-0.180706-26.322824-5.541647-31.984941-61.861647-31.984941h-6.384941a30.117647 30.117647 0 0 1 0-60.235294h75.776c18.492235 0 31.924706-11.866353 31.924706-28.190118 0-27.105882-27.045647-31.141647-43.188706-31.141647h-45.17647a30.117647 30.117647 0 0 1 0-60.235294h86.558117c19.937882 0 26.985412-15.058824 26.985412-29.153883 0-29.635765 0-29.635765-26.443294-30.418823-3.072-0.060235-6.264471-0.301176-9.396706-0.421647H772.818824a30.117647 30.117647 0 0 1 0-60.235294h59.151058c0.421647 0 0.783059-0.240941 1.204706-0.240942h38.008471c17.769412 0 32.286118-13.673412 32.286117-30.418823s-14.456471-30.418824-32.286117-30.418824H602.955294a30.057412 30.057412 0 0 1-29.575529-35.719529l31.322353-164.683294c3.734588-16.444235 14.336-63.066353 1.987764-83.727059a24.696471 24.696471 0 0 0-20.48-11.083294c-11.806118 0-23.913412 9.456941-34.093176 26.503529L356.894118 528.745412a30.117647 30.117647 0 0 1-25.6 14.275764H176.549647a30.117647 30.117647 0 0 1 0-60.235294h137.999059l186.006588-300.574117c28.672-48.188235 65.957647-55.476706 85.534118-55.476706h0.060235c29.214118 0 57.524706 15.902118 72.161882 40.417882 21.925647 36.683294 14.336 87.04 5.240471 126.85553l-24.274824 127.939764h231.845648c51.019294 0 92.521412 40.658824 92.521411 90.654118 0.060235 29.997176-14.938353 56.681412-37.948235 73.185882z" p-id="4585" fill="#ffffff"></path>
300 | 						</svg>
301 | 					</div>
302 | 					<div class="copy-btn copybtn-icn-tick" style="float: right; display: none" id="feedbackCheckBtn${contentIndex}">
303 | 						<svg class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="20" height="20">
304 | 							<path d="M369.792 704.32L930.304 128 1024 223.616 369.984 896l-20.288-20.864-0.128 0.128L0 516.8 96.128 423.68l273.664 280.64z" fill="#1296db" p-id="4526"></path>
305 | 						</svg>
306 | 					</div>
307 | 					<div class="copy-btn copybtn-icn focus-on-tab inner-btns" style="float: right;" id="feedbackBadBtn${contentIndex}">
308 | 						<svg t="1695020265894" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5724" width="20" height="20">
309 | 							<path d="M877.507765 572.295529a30.117647 30.117647 0 0 1-30.117647 30.117647h-137.999059l-186.006588 300.574118c-28.732235 48.188235-65.957647 55.476706-85.534118 55.476706h-0.060235a85.534118 85.534118 0 0 1-72.222118-40.417882c-21.925647-36.743529-14.336-87.100235-5.240471-126.85553l24.274824-127.939764H152.756706c-51.019294 0-92.461176-40.658824-92.461177-90.654118 0-33.008941 18.070588-61.982118 45.056-77.824a73.788235 73.788235 0 0 1-15.058823-43.91153c0-31.683765 14.456471-58.488471 37.406118-74.270117a91.376941 91.376941 0 0 1-12.288-46.320941c0-34.635294 19.757176-63.969882 49.212235-78.607059a91.136 91.136 0 0 1-9.758118-41.562353C154.864941 153.961412 189.861647 120.470588 248.410353 120.470588h338.823529c45.417412 0 76.739765 24.335059 99.568942 42.164706 13.191529 10.24 25.660235 19.998118 34.273882 19.998118h126.674823a30.117647 30.117647 0 0 1 0 60.235294h-126.674823c-29.334588 0-51.621647-17.347765-71.318588-32.64753-19.395765-15.239529-37.767529-29.515294-62.524236-29.515294H248.410353c-28.129882 0-33.310118 9.938824-33.310118 29.394824 0 9.517176 0 31.744 61.861647 31.744h6.324706a30.117647 30.117647 0 0 1 0 60.235294H207.510588c-18.492235 0-31.864471 11.866353-31.86447 28.190118 0 27.105882 27.045647 31.141647 43.188706 31.141647h45.17647a30.117647 30.117647 0 0 1 0 60.235294H177.513412c-19.877647 0-26.985412 15.058824-26.985412 29.153882 0 10.119529 22.046118 27.527529 42.465882 30.900706h58.187294a30.117647 30.117647 0 0 1 0 60.235294h-59.211294c-0.421647 0-0.783059 0.240941-1.204706 0.240941h-38.00847c-17.769412 0-32.225882 13.673412-32.225882 30.418824s14.456471 30.418824 32.225882 30.418823h268.227765a30.057412 30.057412 0 0 1 29.575529 35.71953l-31.322353 164.683294c-3.734588 16.444235-14.336 63.006118-1.987765 83.727059a24.816941 24.816941 0 0 0 20.48 11.083294c11.806118 0 23.913412-9.456941 34.093177-26.50353l195.102117-315.271529a30.117647 30.117647 0 0 1 25.6-14.275765h154.744471a30.117647 30.117647 0 0 1 30.238118 30.117647z" p-id="5725" fill="#ffffff"></path>
310 | 						</svg>
311 | 					</div>
312 | 				</div>
313 | 			</div>
314 | 		</div>
315 | 		`;
316 | 	}
317 | 
318 | 	private _getHtmlForWebview(webview: vscode.Webview) {
319 | 
320 | 		const mainScriptUri = webview.asWebviewUri(vscode.Uri.joinPath(this._extensionUri, "media", "main.js"));
321 | 		const hightlightUri = webview.asWebviewUri(vscode.Uri.joinPath(this._extensionUri, "media", "scripts", "highlight.min.js"));
322 | 		const showdownUri = webview.asWebviewUri(vscode.Uri.joinPath(this._extensionUri, "media", "scripts", "showdown.min.js"));
323 | 		const tailwindUri = webview.asWebviewUri(vscode.Uri.joinPath(this._extensionUri, "media", "scripts", "tailwind.min.js"));
324 | 
325 | 		const styleUri = webview.asWebviewUri(vscode.Uri.joinPath(this._extensionUri, "media", "styles"));
326 | 
327 | 		const historySessionItems = this._makeHistoryDiv();
328 | 
329 | 
330 | 		return `<!DOCTYPE html>
331 | 		<html lang="en">
332 | 		
333 | 		<head>
334 | 			<meta charset="UTF-8">
335 | 			<meta name="viewport" content="width=device-width, initial-scale=1.0">
336 | 			<script src="${tailwindUri}"></script>
337 | 			<script src="${showdownUri}"></script>
338 | 			<script src="${hightlightUri}"></script>
339 | 		
340 | 			<link href="${styleUri}/styles.771a66d94c0526be.css" rel="stylesheet" type="text/css" />
341 | 			<link href="${styleUri}/styles.c48.css" rel="stylesheet" type="text/css" />
342 | 			<link href="${styleUri}/styles.c100.css" rel="stylesheet" type="text/css" />
343 | 			<link href="${styleUri}/styles.c101.css" rel="stylesheet" type="text/css" />
344 | 			<link href="${styleUri}/styles.c110.css" rel="stylesheet" type="text/css" />
345 | 			<link href="${styleUri}/styles.c111.css" rel="stylesheet" type="text/css" />
346 | 			<link href="${styleUri}/styles.c116.css" rel="stylesheet" type="text/css" />
347 | 			<link href="${styleUri}/styles.c117.css" rel="stylesheet" type="text/css" />
348 | 		
349 | 		
350 | 			<style type="text/css">
351 | 				.hljs-ln {
352 | 					border-collapse: collapse
353 | 				}
354 | 		
355 | 				.hljs-ln td {
356 | 					padding: 0
357 | 				}
358 | 		
359 | 				.hljs-ln-n:before {
360 | 					content: attr(data-line-number)
361 | 				}
362 | 			</style>
363 | 		
364 | 			<style type="text/css">
365 | 				.content {
366 | 					background-color: #2f3133
367 | 				}
368 | 			</style>
369 | 		
370 | 		</head>
371 | 		
372 | 		<body>
373 | 		
374 | 			<app-root _nghost-uim-c118 ng-version="13.1.3">
375 | 				<app-loggedin-header>
376 | 					<div _ngcontent-uim-c116 role="banner" class="toolbar bc-header-fixed">
377 | 						<div _ngcontent-uim-c116 id="navigation" class="d-flex position-relative feed-sect">
378 | 							<a _ngcontent-uim-c116 id="feedTab" routerlinkactive="active" routerlink="chat" tabindex="-1"
379 | 								class="feed active" href="#/chat">
380 | 								<svg class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="20" height="20">
381 | 									<path d="M937.067069 482.335377 556.719504 106.839307c-1.89107-2.251274-6.123464-6.173606-11.997242-10.048867-9.889231-6.522554-21.093411-10.486842-33.388435-10.486842-13.137205 0-24.610514 3.984754-34.245965 10.590196-5.826705 3.997034-9.844206 8.076956-12.117992 11.117199L85.643566 482.381425c-14.653745 14.434757-14.653745 37.890982 0 52.358485 14.538111 14.380522 33.883715 8.316409 50.366108-7.919367L161.532977 501.587859l350.847693-339.869664 374.329501 368.073007c20.077268 13.223163 37.773302 17.377786 50.358945 4.946662C951.720813 520.273431 951.720813 496.801856 937.067069 482.335377z" fill="#ffffff" p-id="5382"></path><path d="M793.007045 462.046285c-17.391089 0-31.567973 13.938454-31.634488 31.236422l0 0.085958 0 0.089028 0 350.143659c0 17.416671-14.371312 31.602765-32.119535 31.602765l-84.129072 0 0-192.166671c0-49.818639-40.803311-90.111321-91.14486-90.111321l-85.268012 0c-50.326199 0-91.143836 40.300868-91.143836 90.111321l0 192.166671L293.437146 875.204116c-17.750269 0-32.119535-14.186094-32.119535-31.602765L261.317611 493.391177c-0.033769-17.355273-14.21884-31.343869-31.611975-31.343869-17.418718 0-31.589462 13.96506-31.658024 31.302937l0 354.429265c0 49.844222 40.808428 90.133833 91.14486 90.133833l141.253094 0 10.389628 0 0-10.391674 0-240.262062c0-17.410532 14.365172-31.580253 32.119535-31.580253l76.801177 0c17.756409 0 32.119535 14.169721 32.119535 31.580253l0 240.262062 0 10.391674 10.391674 0 141.253094 0c50.321082 0 91.14486-40.297798 91.14486-90.133833L824.665069 493.322615C824.527946 475.958132 810.380738 462.046285 793.007045 462.046285z" fill="#ffffff" p-id="5383"></path>
382 | 								</svg>
383 | 								<span _ngcontent-uim-c116 class="ml-2 hd-low-res"> ${vscode.l10n.t("Homepage")} </span>
384 | 							</a>
385 | 						</div>
386 | 						<div _ngcontent-uim-c116 class="spacer"></div>
387 | 						<div _ngcontent-uim-c116 id="navigation" class="d-flex options-container">
388 | 							<a _ngcontent-uim-c116 tabindex="0" aria-label="Setting" routerlinkactive="active"
389 | 								id="settings-option" class="links focus-on-tab" style="display: none">
390 | 								<svg class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24">
391 | 									<path d="M448.487619 97.52381l130.096762 0.170666c40.399238 0.073143 73.142857 32.792381 73.191619 73.216l0.048762 21.211429a345.283048 345.283048 0 0 1 71.143619 39.960381l17.408-10.044953a73.313524 73.313524 0 0 1 99.961905 26.819048l65.219047 112.566857a73.313524 73.313524 0 0 1-22.893714 97.816381l-3.974095 2.438095-17.481143 10.093715a341.479619 341.479619 0 0 1-1.292191 83.968l12.361143 7.168a73.313524 73.313524 0 0 1 28.867048 96.329142l-2.023619 3.803429-61.098667 105.813333a73.313524 73.313524 0 0 1-96.329143 28.867048l-3.803428-2.048-16.896-9.752381a341.918476 341.918476 0 0 1-68.291048 38.083048l0.024381 29.062095a73.313524 73.313524 0 0 1-68.754286 73.264762l-4.632381 0.146285-130.121142-0.170666a73.313524 73.313524 0 0 1-73.191619-73.216l-0.048762-35.035429a346.599619 346.599619 0 0 1-57.368381-34.035809l-31.158857 17.944381a73.313524 73.313524 0 0 1-99.986286-26.819048l-65.219048-112.566857a73.313524 73.313524 0 0 1 22.918095-97.816381l3.949715-2.438095 31.719619-18.285715c-2.438095-23.161905-2.56-46.665143-0.219429-70.119619l-35.206095-20.333714a73.313524 73.313524 0 0 1-28.891429-96.329143l2.048-3.803428 61.098667-105.813334a73.313524 73.313524 0 0 1 96.329143-28.867047l3.803429 2.048 30.72 17.724952a341.284571 341.284571 0 0 1 64.609523-39.716571l-0.048762-27.89181a73.313524 73.313524 0 0 1 68.754286-73.264762L448.487619 97.52381z m-0.097524 73.313523l0.073143 74.48381-42.130286 19.846095c-18.041905 8.46019-35.05981 18.919619-50.761142 31.158857l-38.936381 30.403048-71.655619-41.398857-1.852953-1.024-61.074286 105.813333 76.239239 44.007619-4.729905 47.104a268.434286 268.434286 0 0 0 0.170666 55.100952l5.022477 47.445334-73.069715 42.081524 65.194667 112.566857 72.557714-41.740191 38.473143 28.184381a272.579048 272.579048 0 0 0 45.226667 26.819048l42.057143 19.772952 0.146285 81.529905 130.072381 0.170667-0.073143-78.019048 45.202286-18.822095a268.629333 268.629333 0 0 0 53.638095-29.915429l38.448762-27.648 57.904762 33.426286 61.049905-105.813333-55.100952-31.890286 6.826666-48.88381a268.190476 268.190476 0 0 0 1.024-65.950476l-5.12-47.494095 58.928762-34.011429-65.219047-112.566857L718.262857 319.390476l-38.497524-28.086857a272.62781 272.62781 0 0 0-56.051809-31.50019l-45.104762-18.724572-0.121905-70.070857-130.096762-0.170667z m145.895619 210.407619a146.773333 146.773333 0 0 1 53.686857 200.362667 146.407619 146.407619 0 0 1-200.167619 53.638095 146.773333 146.773333 0 0 1-53.662476-200.362666 146.407619 146.407619 0 0 1 200.167619-53.638096z m-136.655238 90.258286a73.48419 73.48419 0 0 0 26.86781 100.278857 73.118476 73.118476 0 0 0 99.961904-26.770285c19.529143-33.865143 9.020952-76.824381-23.186285-98.03581l-3.657143-2.267429-3.803429-2.048a73.118476 73.118476 0 0 0-96.182857 28.842667z" p-id="6623" fill="#ffffff"></path>
392 | 								</svg>
393 | 							</a>
394 | 						</div>
395 | 					</div>
396 | 				</app-loggedin-header>
397 | 				<div role="main" style="overflow: hidden !important;"
398 | 					class="main-app-content-section-tzs content d-block">
399 | 					<router-outlet></router-outlet>
400 | 					<app-ai-chat-container>
401 | 						<router-outlet _ngcontent-uim-c112></router-outlet>
402 | 						<app-aichat>
403 | 							<div appkeyboardshortcuteventdirective>
404 | 								<div class="ai-parent-div">
405 | 									<div id="aichat_history_div" style="display: none">
406 | 										<div class="history-btn-section row">
407 | 											<div class="col-6 d-flex justify-content-start">
408 | 												<div tabindex="0" id="historyBackButton" class="history-btn focus-on-tab">
409 | 													<svg class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="20" height="20">
410 | 														<path d="M156.608 487.8592c1.156267-1.137067 2.648533-1.6224 3.918933-2.558933l306.666667-301.569067c13.195733-12.970667 34.586667-12.970667 47.781333 0 13.194667 12.978133 13.194667 34.013867 0 46.987733L263.3024 478.210133l579.2032 0c18.978133 0 34.362667 15.128533 34.362667 33.789867 0 18.6624-15.384533 33.793067-34.362667 33.793067L263.3024 545.793067l251.671467 247.486933c13.194667 12.971733 13.194667 34.010667 0 46.984533-13.194667 12.974933-34.586667 12.974933-47.781333 0l-306.666667-301.5616c-1.269333-0.939733-2.762667-1.421867-3.918933-2.562133-6.334933-6.2304-9.240533-14.340267-9.477333-22.5024C147.367467 502.200533 150.273067 494.090667 156.608 487.8592L156.608 487.8592zM156.608 487.8592" fill="#ffffff" p-id="2370"></path>
411 | 													</svg>
412 | 													<span class="ml-2 history-buttons">${vscode.l10n.t("Back")}</span>
413 | 												</div>
414 | 											</div>
415 | 										</div>
416 | 										<div class="history-panel">
417 | 											<div tabindex="0" infinite-scroll="" class="historyListConainer focus-on-tab" id="history_session_div">
418 | 												${historySessionItems}
419 | 											</div>
420 | 										</div>
421 | 									</div>
422 | 									<div id="main-div-aichat" class="main-ai-chat-div">
423 | 										<div class="history-btn-section row">
424 | 											<div class="col-6 d-flex justify-content-start">
425 | 												<div tabindex="0" aria-label="history" id="historyButton" class="history-btn focus-on-tab">
426 | 													<svg class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="20" height="20">
427 | 														<path d="M511.73808594 93.19941406c-140.67070313 0-264.92695313 69.1453125-341.01035156 175.08955078v-70.47597656c0-21.66767578-17.61679688-39.22998047-39.346875-39.22998047s-39.346875 17.56318359-39.346875 39.22998047v156.91992188c0 21.66240234 17.61679688 39.22998047 39.346875 39.22998047h170.50341796c21.73007813 0 39.346875-17.56669922 39.346875-39.22998047 0-21.66767578-17.61679688-39.22998047-39.346875-39.22998047h-68.4421875c61.73085937-86.98798828 163.28496094-143.84267578 278.296875-143.84267578 188.32851562 0 341.00507812 152.22128906 341.00507813 339.99345703 0 187.76865234-152.6765625 339.99345703-341.00507813 339.99345703-158.73574219 0-291.74589844-108.29179688-329.75771484-254.70439453l-0.68291016 0.21269531c-5.3015625-15.41162109-19.54248047-26.65986328-36.8024414-26.65986328-21.73007813 0-39.346875 17.56318359-39.346875 39.22558594 0 3.86630859 1.16367187 7.36875 2.20605469 10.89316406l-0.40957032 0.12919922c0.25839844 0.95009766 0.73212891 1.8 0.99580078 2.74482422 0.28916016 0.76201172 0.48164063 1.52314453 0.81650391 2.2640625 49.92539062 175.47011719 210.98935547 304.35380859 402.98378906 304.35380859 231.79394531 0 419.69970703-187.35029297 419.69970703-418.45341797-0.00175781-231.10751953-187.90839844-418.45429688-419.70322265-418.45429687z m0 176.53183594c-21.73007813 0-39.346875 17.56318359-39.346875 39.22998047v235.37988281c0 21.66767578 17.61679688 39.22998047 39.346875 39.22998047h170.50253906c21.73007813 0 39.346875-17.56318359 39.346875-39.22558594 0-21.67119141-17.61679688-39.22998047-39.346875-39.22998047H551.08496094v-196.15429687c0-21.66767578-17.61767578-39.22998047-39.34775391-39.22998047z" fill="#ffffff"></path>
428 | 													</svg>
429 | 													<span class="ml-2 history-buttons">${vscode.l10n.t("History")}</span>
430 | 												</div>
431 | 											</div>
432 | 											<div class="col-6 d-flex justify-content-end">
433 | 												<div tabindex="0" class="focus-on-tab">
434 | 													<span class="d-flex add-session-icon">
435 | 														<div class="add-session-btn" id="add_session_btn">
436 | 															<span class="plus-icon">+</span>
437 | 														</div>
438 | 													</span>
439 | 												</div>
440 | 											</div>
441 | 										</div>
442 | 										<div id="chatContainerQuestionListId" tabindex="0"
443 | 											class="no-shift-needed-tzs chat-container tzs-list-questions questions-asked-2"
444 | 											infinite-scroll style="height: calc(98vh - 180px) !important">
445 | 											
446 | 	
447 | 										</div>
448 | 										<div class="footerContent">
449 | 											<div class="tzs-stop-streaming-button-section ng-star-inserted">
450 | 												<button id="btn-stop-streaming" class="btn-black-streaming" style="display: none;">
451 | 													<span style="float: left; margin-top: 2px;">
452 | 														<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
453 | 															<path d="M3.66683 7.66732H10.3335V6.33398H3.66683V7.66732ZM7.00016 13.6673C6.07794 13.6673 5.21127 13.4923 4.40016 13.1423C3.58905 12.7923 2.8835 12.3173 2.2835 11.7173C1.6835 11.1173 1.2085 10.4118 0.858496 9.60065C0.508496 8.78954 0.333496 7.92287 0.333496 7.00065C0.333496 6.07843 0.508496 5.21176 0.858496 4.40065C1.2085 3.58954 1.6835 2.88398 2.2835 2.28398C2.8835 1.68398 3.58905 1.20898 4.40016 0.858984C5.21127 0.508984 6.07794 0.333984 7.00016 0.333984C7.92238 0.333984 8.78905 0.508984 9.60016 0.858984C10.4113 1.20898 11.1168 1.68398 11.7168 2.28398C12.3168 2.88398 12.7918 3.58954 13.1418 4.40065C13.4918 5.21176 13.6668 6.07843 13.6668 7.00065C13.6668 7.92287 13.4918 8.78954 13.1418 9.60065C12.7918 10.4118 12.3168 11.1173 11.7168 11.7173C11.1168 12.3173 10.4113 12.7923 9.60016 13.1423C8.78905 13.4923 7.92238 13.6673 7.00016 13.6673ZM7.00016 12.334C8.48905 12.334 9.75016 11.8173 10.7835 10.784C11.8168 9.75065 12.3335 8.48954 12.3335 7.00065C12.3335 5.51176 11.8168 4.25065 10.7835 3.21732C9.75016 2.18398 8.48905 1.66732 7.00016 1.66732C5.51127 1.66732 4.25016 2.18398 3.21683 3.21732C2.1835 4.25065 1.66683 5.51176 1.66683 7.00065C1.66683 8.48954 2.1835 9.75065 3.21683 10.784C4.25016 11.8173 5.51127 12.334 7.00016 12.334Z" fill="#C4C9CC"></path>
454 | 														</svg>
455 | 													</span>
456 | 													<span> ${vscode.l10n.t("Stop Gen")} </span>
457 | 												</button>
458 | 											</div>
459 | 											<div class="tzs-common-textarea-section">
460 | 												<div class="fake-input textarea-container pb-2"
461 | 													style="background: #2F3133;">
462 | 													<textarea nz-input aria-label="ai-input-box"
463 | 														required apptextareaautoresize id="questioninput" autofocus
464 | 														class="form-control chat-input ant-input ng-touched ng-dirty ng-invalid"
465 | 														placeholder='${vscode.l10n.t("Ask here, press Enter key to send")}' style="height: 35px; overflow: hidden;"></textarea>
466 | 													<div id="reply-buttons2" class="reply-buttons2"
467 | 														style="overflow: hidden;">
468 | 														<div class="row">
469 | 															<div class="col-3 text-left d-flex"></div>
470 | 															<div class="col-9 text-right">
471 | 																<span class="shift-enter-text"><span style="font-weight: 600;">Shift + Enter</span>${vscode.l10n.t("Line break")}</span>
472 | 																<a class="send send-disabled">
473 | 																	<svg class="send-icon" id="send-button-img" style="margin: 2px 0; cursor:pointer" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="16" height="16">
474 | 																		<path d="M1008.00076 6.285714q18.857143 13.714286 15.428571 36.571429l-146.285714 877.714286q-2.857143 16.571429-18.285714 25.714286-8 4.571429-17.714286 4.571429-6.285714 0-13.714286-2.857143l-258.857143-105.714286-138.285714 168.571429q-10.285714 13.142857-28 13.142857-7.428571 0-12.571429-2.285714-10.857143-4-17.428571-13.428571t-6.571429-20.857143l0-199.428571 493.714286-605.142857-610.857143 528.571429-225.714286-92.571429q-21.142857-8-22.857143-31.428571-1.142857-22.857143 18.285714-33.714286l950.857143-548.571429q8.571429-5.142857 18.285714-5.142857 11.428571 0 20.571429 6.285714z" p-id="7866" fill="#ffffff"></path>
475 | 																	</svg>
476 | 																</a>
477 | 															</div>
478 | 														</div>
479 | 													</div>
480 | 												</div>
481 | 											</div>
482 | 										</div>
483 | 									</div>
484 | 								</div>
485 | 							</div>
486 | 						</app-aichat>
487 | 					</app-ai-chat-container>
488 | 				</div>
489 | 			</app-root>
490 | 		
491 | 		
492 | 			<script src="${mainScriptUri}"></script>
493 | 		
494 | 		
495 | 		</body>
496 | 		
497 | 		</html>`;
498 | 	}
499 | }


--------------------------------------------------------------------------------
/src/CreatePrompt.ts:
--------------------------------------------------------------------------------
 1 | import { l10n } from "vscode";
 2 | export function createPromptCodeExplain(language: string, functionCode: string): string {
 3 | 	return `${l10n.t("Please explain the following {0} code", language)} \n\`\`\`${language}\n${functionCode}\n\`\`\`\n`;
 4 | }
 5 | 
 6 | export function createPromptCodeImprove(language: string, functionCode: string): string {
 7 | 	return `${l10n.t("Please optimize and rewrite the following {0} code", language)}\n\`\`\`${language}\n${functionCode}\n\`\`\`\n`;
 8 | }
 9 | 
10 | export function createPromptCodeClean(language: string, functionCode: string): string {
11 | 	return `${l10n.t("Please clean and rewrite the following {0} code", language)}\n\`\`\`${language}\n${functionCode}\n\`\`\`\n`;
12 | }
13 | 
14 | export function createPromptGenerateComment(language: string, functionCode: string): string {
15 | 	return `${l10n.t("Please generate comments for the following {0} code", language)}\n\`\`\`${language}\n${functionCode}\n\`\`\`\n`;
16 | }
17 | 
18 | export function createPromptGenerateUnitTest(language: string, functionCode: string): string {
19 | 	return `${l10n.t("Please generate unit tests for the following {0} code", language)}\n\`\`\`${language}\n${functionCode}\n\`\`\`\n`;
20 | }
21 | 
22 | export function createPromptCheckPerformance(language: string, functionCode: string): string {
23 | 	return `${l10n.t("Check the following {0} code for any performance issues, and please provide optimization suggestions", language)}\n\`\`\`${language}\n${functionCode}\n\`\`\`\n`;
24 | }
25 | 
26 | export function createPromptCheckSecurity(language: string, functionCode: string): string {
27 | 	return `${l10n.t("Check the following {0} code for any security issues, and please provide optimization suggestions", language)}\n\`\`\`${language}\n${functionCode}\n\`\`\`\n`;
28 | }
29 | export function createPromptAskingQuestion(language: string, functionCode: string, inputText: string,): string {
30 | 	return `${inputText}\n\`\`\`${language}\n${functionCode}\n\`\`\`\n`;
31 | }
32 | 


--------------------------------------------------------------------------------
/src/Utils.ts:
--------------------------------------------------------------------------------
1 | export function sleep(milliseconds: number) {
2 |     return new Promise(r => setTimeout(r, milliseconds));
3 | };


--------------------------------------------------------------------------------
/src/consts.ts:
--------------------------------------------------------------------------------
 1 | import { extensions, workspace } from "vscode";
 2 | 
 3 | export const EXTENSION_ID = "WisdomShell.codeshell-vscode";
 4 | export const EXTENSION_PATH = extensions.getExtension(EXTENSION_ID)?.extensionPath;
 5 | 
 6 | 
 7 | export const END_OF_TEXT = "<|endoftext|>";
 8 | export const STOP_WORDS = [END_OF_TEXT, "|<end>|", "|<end", "|end|", "## human"];
 9 | 
10 | 
11 | export const CODESHELL_CONFIG = workspace.getConfiguration("CodeShell");
12 | export const SERVER_ADDR_CHAT = CODESHELL_CONFIG.get("ServerAddress");
13 | export const SERVER_COMPLETION = CODESHELL_CONFIG.get("ServerAddress");
14 | export const MAX_TOKENS_CHAT =  CODESHELL_CONFIG.get("ChatMaxTokens");
15 | export const MAX_TOKENS_COMPLETION = CODESHELL_CONFIG.get("CompletionMaxTokens");
16 | export const MODEL_ENV = CODESHELL_CONFIG.get("RunEnvForLLMs");


--------------------------------------------------------------------------------
/src/extension.ts:
--------------------------------------------------------------------------------
 1 | // The module "vscode" contains the VS Code extensibility API
 2 | // Import the module and reference it with the alias vscode in your code below
 3 | import * as vscode from "vscode";
 4 | import { CodeShellCompletionProvider } from "./CodeShellCompletionProvider";
 5 | import { CodeShellWebviewViewProvider } from "./CodeShellWebviewViewProvider";
 6 | import { CODESHELL_CONFIG } from "./consts";
 7 | 
 8 | // This method is called when your extension is activated
 9 | // Your extension is activated the very first time the command is executed
10 | export function activate(context: vscode.ExtensionContext) {
11 | 	registerCompleteionExtension(context);
12 | 	registerWebviewViewExtension(context);
13 | }
14 | 
15 | // This method is called when your extension is deactivated
16 | export function deactivate() { }
17 | 
18 | 
19 | function registerWebviewViewExtension(context: vscode.ExtensionContext) {
20 | 	const provider = new CodeShellWebviewViewProvider(context);
21 | 
22 | 	// Register the provider with the extension's context
23 | 
24 | 	context.subscriptions.push(
25 | 		vscode.window.registerWebviewViewProvider(CodeShellWebviewViewProvider.viewId, provider, {
26 | 			webviewOptions: { retainContextWhenHidden: true }
27 | 		}),
28 | 		vscode.commands.registerCommand("codeshell.explain_this_code", () => provider.executeCommand("codeshell.explain_this_code")),
29 | 		vscode.commands.registerCommand("codeshell.improve_this_code", () => provider.executeCommand("codeshell.improve_this_code")),
30 | 		vscode.commands.registerCommand("codeshell.clean_this_code", () => provider.executeCommand("codeshell.clean_this_code")),
31 | 		vscode.commands.registerCommand("codeshell.generate_comment", () => provider.executeCommand("codeshell.generate_comment")),
32 | 		vscode.commands.registerCommand("codeshell.generate_unit_test", () => provider.executeCommand("codeshell.generate_unit_test")),
33 | 		vscode.commands.registerCommand("codeshell.check_performance", () => provider.executeCommand("codeshell.check_performance")),
34 | 		vscode.commands.registerCommand("codeshell.check_security", () => provider.executeCommand("codeshell.check_security")),
35 | 	);
36 | }
37 | 
38 | function registerCompleteionExtension(context: vscode.ExtensionContext) {
39 | 	const statusBar = vscode.window.createStatusBarItem(vscode.StatusBarAlignment.Left);
40 | 	statusBar.text = "$(lightbulb)";
41 | 	statusBar.tooltip = `CodeShell - Ready`;
42 | 
43 | 	const completionStatusCallback = (enabled: boolean) => async () => {
44 | 		const configuration = vscode.workspace.getConfiguration();
45 | 		const target = vscode.ConfigurationTarget.Global;
46 | 		configuration.update("CodeShell.AutoTriggerCompletion", enabled, target, false).then(console.error);
47 | 		var msg = enabled ? vscode.l10n.t("Enable automatically code completion (triggered when input stops)") : vscode.l10n.t("Disable auto code completion (can be triggered by shortcut keys)");
48 | 		vscode.window.showInformationMessage(msg);
49 | 		statusBar.show();
50 | 	};
51 | 
52 | 	context.subscriptions.push(
53 | 		vscode.languages.registerInlineCompletionItemProvider(
54 | 			{ pattern: "**" }, new CodeShellCompletionProvider(statusBar)
55 | 		),
56 | 
57 | 		vscode.commands.registerCommand("codeshell.auto_completion_enable", completionStatusCallback(true)),
58 | 		vscode.commands.registerCommand("codeshell.auto_completion_disable", completionStatusCallback(false)),
59 | 		statusBar
60 | 	);
61 | 
62 | 	if (CODESHELL_CONFIG.get("AutoTriggerCompletion")) {
63 | 		vscode.commands.executeCommand("codeshell.auto_completion_enable");
64 | 	} else {
65 | 		vscode.commands.executeCommand("codeshell.auto_completion_disable");
66 | 	}
67 | }
68 | 
69 | 


--------------------------------------------------------------------------------
/src/request/commons.ts:
--------------------------------------------------------------------------------
 1 | import axios, { AxiosInstance, AxiosRequestConfig, AxiosResponse } from "axios";
 2 | import { l10n } from "vscode";
 3 | 
 4 | export interface RequestData {
 5 |     uri: string;
 6 |     body: any;
 7 | }
 8 | 
 9 | export const axiosInstance: AxiosInstance = axios.create({
10 |     timeout: 60000,
11 |     timeoutErrorMessage: l10n.t("Request timeout, please try again later")
12 | });
13 | 
14 | axiosInstance.interceptors.request.use(
15 |     (config: AxiosRequestConfig) => {
16 |         return config;
17 |     },
18 |     (error: any) => {
19 |         return Promise.reject(error);
20 |     },
21 | );
22 | 
23 | axiosInstance.interceptors.response.use(
24 |     (response: AxiosResponse) => {
25 |         return response;
26 |     },
27 |     (error: any) => {
28 |         return Promise.reject(error);
29 |     },
30 | );


--------------------------------------------------------------------------------
/src/request/event-source.ts:
--------------------------------------------------------------------------------
 1 | /* eslint-disable @typescript-eslint/naming-convention */
 2 | import { MAX_TOKENS_CHAT, MODEL_ENV, SERVER_ADDR_CHAT, STOP_WORDS } from "../consts";
 3 | import { RequestData } from "./commons";
 4 | import { FetchStream } from "./fetch-stream";
 5 | 
 6 | let abortController = new AbortController();
 7 | 
 8 | export async function stopEventStream() {
 9 |     abortController.abort();
10 | }
11 | 
12 | export async function postEventStream(
13 |     prompt: string,
14 |     msgCallback: (data: string) => any,
15 |     doneCallback: () => void,
16 |     errorCallback: (err: any) => void
17 | ) {
18 |     let requestData;
19 |     switch (MODEL_ENV) {
20 |         case "CPU with llama.cpp":
21 |             requestData = getRequestDataCPU(prompt);
22 |             break;
23 |         case "GPU with TGI toolkit":
24 |             requestData = getRequestDataGPU(prompt);
25 |             break;
26 |         default:
27 |             requestData = undefined;
28 |             break;
29 |     }
30 |     if (requestData) {
31 |         abortController = new AbortController();
32 |         new FetchStream({
33 |             url: SERVER_ADDR_CHAT + requestData.uri,
34 |             requestInit: {
35 |                 method: "POST",
36 |                 headers: {
37 |                     "Content-Type": "application/json",
38 |                 },
39 |                 body: JSON.stringify(requestData.body),
40 |                 signal: abortController.signal
41 |             },
42 |             onmessage: msgCallback,
43 |             ondone: doneCallback,
44 |             onerror: errorCallback
45 |         });
46 |     }
47 | }
48 | 
49 | function getRequestDataCPU(prompt: string,): RequestData {
50 |     return {
51 |         uri: "/completion",
52 |         body: {
53 |             "prompt": "|<end>|" + prompt,
54 |             "n_predict": MAX_TOKENS_CHAT,
55 |             "temperature": 0.8,
56 |             "repetition_penalty": 1.2,
57 |             "top_k": 40,
58 |             "top_p": 0.95,
59 |             "stream": true,
60 |             "stop": STOP_WORDS
61 |         }
62 |     };
63 | }
64 | 
65 | function getRequestDataGPU(prompt: string,): RequestData {
66 |     return {
67 |         uri: "/generate_stream",
68 |         // uri = "/codeshell-code/assistants",
69 |         body: {
70 |             "inputs": prompt,
71 |             "parameters": {
72 |                 "max_new_tokens": MAX_TOKENS_CHAT,
73 |                 "temperature": 0.6,
74 |                 "repetition_penalty": 1.2,
75 |                 "top_p": 0.95,
76 |                 "do_sample": true,
77 |                 "stop": STOP_WORDS
78 |             }
79 |         }
80 |     };
81 | }


--------------------------------------------------------------------------------
/src/request/fetch-stream.ts:
--------------------------------------------------------------------------------
 1 | import fetch, { RequestInit, Response } from "node-fetch";
 2 | import { createParser, ParsedEvent, ReconnectInterval } from "eventsource-parser";
 3 | import { window } from "vscode";
 4 | 
 5 | export interface FetchStreamOptions {
 6 |   url: string;
 7 |   requestInit: RequestInit;
 8 |   onmessage: (data: string) => void;
 9 |   ondone?: () => void;
10 |   onerror?: (response: Response) => void;
11 | }
12 | 
13 | export class FetchStream {
14 |   url: string;
15 |   requestInit: RequestInit;
16 |   onmessage: FetchStreamOptions["onmessage"];
17 |   ondone: FetchStreamOptions["ondone"];
18 |   onerror: FetchStreamOptions["onerror"];
19 | 
20 |   constructor(options: FetchStreamOptions) {
21 |     this.url = options.url;
22 |     this.requestInit = options.requestInit;
23 |     this.onmessage = options.onmessage;
24 |     this.ondone = options.ondone;
25 |     this.onerror = options.onerror;
26 |     this.createFetchRequest();
27 |   }
28 | 
29 |   createFetchRequest() {
30 |     const parser = createParser((event: ParsedEvent | ReconnectInterval) => {
31 |       if (event.type === "event") {
32 |         this.onmessage(event.data);
33 |       }
34 |     });
35 | 
36 |     fetch(this.url, this.requestInit)
37 |       .then(response => {
38 |         if (response.status === 200) {
39 |           return response.body!;
40 |         } else {
41 |           return Promise.reject(response);
42 |         }
43 |       }).then(async (readableStream) => {
44 |         for await (const chunk of readableStream) {
45 |           parser.feed(chunk.toString());
46 |         }
47 |       }).then(() => {
48 |         this.ondone?.();
49 |       }).catch(error => {
50 |         console.error(error);
51 |         window.showErrorMessage(`${error}`);
52 |         window.setStatusBarMessage(`${error}`, 10000);
53 |         this.onerror?.(error);
54 |       });
55 |   }
56 | 
57 | 
58 | }
59 | 


--------------------------------------------------------------------------------
/src/request/inline-completion.ts:
--------------------------------------------------------------------------------
 1 | /* eslint-disable @typescript-eslint/naming-convention */
 2 | import { END_OF_TEXT, MAX_TOKENS_COMPLETION, MODEL_ENV, SERVER_COMPLETION, STOP_WORDS } from "../consts";
 3 | import { RequestData, axiosInstance } from "./commons";
 4 | 
 5 | interface GenerateResponse {
 6 |     generated_text: string;
 7 | }
 8 | 
 9 | function getRequestDataCPU(fimPrefixCode: string, fimSuffixCode: string): RequestData {
10 |     return {
11 |         uri: "/infill",
12 |         body: {
13 |             "input_prefix": fimPrefixCode,
14 |             "input_suffix": fimSuffixCode,
15 |             "n_predict": MAX_TOKENS_COMPLETION,
16 |             "temperature": 0.2,
17 |             "repetition_penalty": 1.0,
18 |             "top_k": 10,
19 |             "top_p": 0.95,
20 |             "stop": STOP_WORDS
21 |         }
22 |     };
23 | }
24 | 
25 | function getRequestDataGPU(fimPrefixCode: string, fimSuffixCode: string): RequestData {
26 |     const prompt = `<fim_prefix>${fimPrefixCode}<fim_suffix>${fimSuffixCode}<fim_middle>`;
27 |     return {
28 |         uri: "/generate",
29 |         // uri: "/codeshell-code/completion",
30 |         body: {
31 |             "inputs": prompt,
32 |             "parameters": {
33 |                 "max_new_tokens": MAX_TOKENS_COMPLETION,
34 |                 "temperature": 0.2,
35 |                 "repetition_penalty": 1.2,
36 |                 "top_p": 0.99,
37 |                 "do_sample": true,
38 |                 "stop": STOP_WORDS
39 |             }
40 |         }
41 |     };
42 | }
43 | 
44 | export async function postCompletion(fimPrefixCode: string, fimSuffixCode: string): Promise<string | undefined> {
45 |     if ("CPU with llama.cpp" === MODEL_ENV) {
46 |         const requestData = getRequestDataCPU(fimPrefixCode, fimSuffixCode);
47 |         const response = await axiosInstance.post(SERVER_COMPLETION + requestData.uri, requestData.body);
48 |         const content = extractContent(response.data);
49 |         console.debug("response.data:", content);
50 |         return content.replace(END_OF_TEXT, "");
51 |     }
52 |     if ("GPU with TGI toolkit" === MODEL_ENV) {
53 |         const requestData = getRequestDataGPU(fimPrefixCode, fimSuffixCode);
54 |         const response = await axiosInstance.post<GenerateResponse>(SERVER_COMPLETION + requestData.uri, requestData.body);
55 |         console.debug("response.data:", response.data);
56 |         return response.data.generated_text?.replace(END_OF_TEXT, "");
57 |     }
58 | }
59 | 
60 | function extractContent(responseData: string): string {
61 |     let content = "";
62 |     const dataList = responseData.split("\n\n");
63 |     for (const chunk of dataList) {
64 |         if (chunk.startsWith("data:")) {
65 |             content += JSON.parse(chunk.substring(5)).content;
66 |         }
67 |     }
68 |     return content;
69 | }
70 | 


--------------------------------------------------------------------------------
/src/test/runTest.ts:
--------------------------------------------------------------------------------
 1 | import * as path from 'path';
 2 | 
 3 | import { runTests } from '@vscode/test-electron';
 4 | 
 5 | async function main() {
 6 | 	try {
 7 | 		// The folder containing the Extension Manifest package.json
 8 | 		// Passed to `--extensionDevelopmentPath`
 9 | 		const extensionDevelopmentPath = path.resolve(__dirname, '../../');
10 | 
11 | 		// The path to test runner
12 | 		// Passed to --extensionTestsPath
13 | 		const extensionTestsPath = path.resolve(__dirname, './suite/index');
14 | 
15 | 		// Download VS Code, unzip it and run the integration test
16 | 		await runTests({ extensionDevelopmentPath, extensionTestsPath });
17 | 	} catch (err) {
18 | 		console.error('Failed to run tests', err);
19 | 		process.exit(1);
20 | 	}
21 | }
22 | 
23 | main();
24 | 


--------------------------------------------------------------------------------
/src/test/suite/extension.test.ts:
--------------------------------------------------------------------------------
 1 | import * as assert from 'assert';
 2 | 
 3 | // You can import and use all API from the 'vscode' module
 4 | // as well as import your extension to test it
 5 | import * as vscode from 'vscode';
 6 | // import * as myExtension from '../../extension';
 7 | 
 8 | suite('Extension Test Suite', () => {
 9 | 	vscode.window.showInformationMessage('Start all tests.');
10 | 
11 | 	test('Sample test', () => {
12 | 		assert.strictEqual(-1, [1, 2, 3].indexOf(5));
13 | 		assert.strictEqual(-1, [1, 2, 3].indexOf(0));
14 | 	});
15 | });
16 | 


--------------------------------------------------------------------------------
/src/test/suite/index.ts:
--------------------------------------------------------------------------------
 1 | import * as path from 'path';
 2 | import * as Mocha from 'mocha';
 3 | import * as glob from 'glob';
 4 | 
 5 | export function run(): Promise<void> {
 6 | 	// Create the mocha test
 7 | 	const mocha = new Mocha({
 8 | 		ui: 'tdd',
 9 | 		color: true
10 | 	});
11 | 
12 | 	const testsRoot = path.resolve(__dirname, '..');
13 | 
14 | 	return new Promise((c, e) => {
15 | 		glob('**/**.test.js', { cwd: testsRoot }, (err, files) => {
16 | 			if (err) {
17 | 				return e(err);
18 | 			}
19 | 
20 | 			// Add files to the test suite
21 | 			files.forEach(f => mocha.addFile(path.resolve(testsRoot, f)));
22 | 
23 | 			try {
24 | 				// Run the mocha test
25 | 				mocha.run(failures => {
26 | 					if (failures > 0) {
27 | 						e(new Error(`${failures} tests failed.`));
28 | 					} else {
29 | 						c();
30 | 					}
31 | 				});
32 | 			} catch (err) {
33 | 				console.error(err);
34 | 				e(err);
35 | 			}
36 | 		});
37 | 	});
38 | }
39 | 


--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 | 	"compilerOptions": {
 3 | 		"module": "commonjs",
 4 | 		"target": "ES2020",
 5 | 		// "esModuleInterop": true,
 6 | 		"lib": [
 7 | 			"ES2020"
 8 | 		],
 9 | 		"sourceMap": true,
10 | 		"rootDir": "src",
11 | 		"strict": true /* enable all strict type-checking options */
12 | 		/* Additional Checks */
13 | 		// "noImplicitReturns": true, /* Report error when not all code paths in function return a value. */
14 | 		// "noFallthroughCasesInSwitch": true, /* Report errors for fallthrough cases in switch statement. */
15 | 		// "noUnusedParameters": true,  /* Report errors on unused parameters. */
16 | 	}
17 | }


--------------------------------------------------------------------------------
/wasm/tree-sitter-c.wasm:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/WisdomShell/codeshell-vscode/00c045b1c08fea8df7adcfa354b443ecdc1fa429/wasm/tree-sitter-c.wasm


--------------------------------------------------------------------------------
/wasm/tree-sitter-c_sharp.wasm:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/WisdomShell/codeshell-vscode/00c045b1c08fea8df7adcfa354b443ecdc1fa429/wasm/tree-sitter-c_sharp.wasm


--------------------------------------------------------------------------------
/wasm/tree-sitter-cpp.wasm:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/WisdomShell/codeshell-vscode/00c045b1c08fea8df7adcfa354b443ecdc1fa429/wasm/tree-sitter-cpp.wasm


--------------------------------------------------------------------------------
/wasm/tree-sitter-dart.wasm:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/WisdomShell/codeshell-vscode/00c045b1c08fea8df7adcfa354b443ecdc1fa429/wasm/tree-sitter-dart.wasm


--------------------------------------------------------------------------------
/wasm/tree-sitter-go.wasm:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/WisdomShell/codeshell-vscode/00c045b1c08fea8df7adcfa354b443ecdc1fa429/wasm/tree-sitter-go.wasm


--------------------------------------------------------------------------------
/wasm/tree-sitter-java.wasm:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/WisdomShell/codeshell-vscode/00c045b1c08fea8df7adcfa354b443ecdc1fa429/wasm/tree-sitter-java.wasm


--------------------------------------------------------------------------------
/wasm/tree-sitter-javascript.wasm:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/WisdomShell/codeshell-vscode/00c045b1c08fea8df7adcfa354b443ecdc1fa429/wasm/tree-sitter-javascript.wasm


--------------------------------------------------------------------------------
/wasm/tree-sitter-php.wasm:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/WisdomShell/codeshell-vscode/00c045b1c08fea8df7adcfa354b443ecdc1fa429/wasm/tree-sitter-php.wasm


--------------------------------------------------------------------------------
/wasm/tree-sitter-python.wasm:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/WisdomShell/codeshell-vscode/00c045b1c08fea8df7adcfa354b443ecdc1fa429/wasm/tree-sitter-python.wasm


--------------------------------------------------------------------------------
/wasm/tree-sitter-ruby.wasm:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/WisdomShell/codeshell-vscode/00c045b1c08fea8df7adcfa354b443ecdc1fa429/wasm/tree-sitter-ruby.wasm


--------------------------------------------------------------------------------
/wasm/tree-sitter-rust.wasm:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/WisdomShell/codeshell-vscode/00c045b1c08fea8df7adcfa354b443ecdc1fa429/wasm/tree-sitter-rust.wasm


--------------------------------------------------------------------------------
/wasm/tree-sitter-tsx.wasm:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/WisdomShell/codeshell-vscode/00c045b1c08fea8df7adcfa354b443ecdc1fa429/wasm/tree-sitter-tsx.wasm


--------------------------------------------------------------------------------
/wasm/tree-sitter-typescript.wasm:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/WisdomShell/codeshell-vscode/00c045b1c08fea8df7adcfa354b443ecdc1fa429/wasm/tree-sitter-typescript.wasm


--------------------------------------------------------------------------------
/wasm/tree-sitter.wasm:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/WisdomShell/codeshell-vscode/00c045b1c08fea8df7adcfa354b443ecdc1fa429/wasm/tree-sitter.wasm


--------------------------------------------------------------------------------
/webpack.config.js:
--------------------------------------------------------------------------------
 1 | //@ts-check
 2 | 
 3 | 'use strict';
 4 | 
 5 | const path = require('path');
 6 | 
 7 | //@ts-check
 8 | /** @typedef {import('webpack').Configuration} WebpackConfig **/
 9 | 
10 | /** @type WebpackConfig */
11 | const extensionConfig = {
12 |   target: 'node', // VS Code extensions run in a Node.js-context 📖 -> https://webpack.js.org/configuration/node/
13 | 	mode: 'none', // this leaves the source code as close as possible to the original (when packaging we set this to 'production')
14 | 
15 |   entry: './src/extension.ts', // the entry point of this extension, 📖 -> https://webpack.js.org/configuration/entry-context/
16 |   output: {
17 |     // the bundle is stored in the 'dist' folder (check package.json), 📖 -> https://webpack.js.org/configuration/output/
18 |     path: path.resolve(__dirname, 'dist'),
19 |     filename: 'extension.js',
20 |     libraryTarget: 'commonjs2'
21 |   },
22 |   externals: {
23 |     vscode: 'commonjs vscode' // the vscode-module is created on-the-fly and must be excluded. Add other modules that cannot be webpack'ed, 📖 -> https://webpack.js.org/configuration/externals/
24 |     // modules added here also need to be added in the .vscodeignore file
25 |   },
26 |   resolve: {
27 |     // support reading TypeScript and JavaScript files, 📖 -> https://github.com/TypeStrong/ts-loader
28 |     extensions: ['.ts', '.js']
29 |   },
30 |   module: {
31 |     rules: [
32 |       {
33 |         test: /\.ts$/,
34 |         exclude: /node_modules/,
35 |         use: [
36 |           {
37 |             loader: 'ts-loader'
38 |           }
39 |         ]
40 |       }
41 |     ]
42 |   },
43 |   devtool: 'nosources-source-map',
44 |   infrastructureLogging: {
45 |     level: "log", // enables logging required for problem matchers
46 |   },
47 | };
48 | module.exports = [ extensionConfig ];


--------------------------------------------------------------------------------