blackicedbear/MoodleGPT
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 10 Wiki Activity

v1.1.2

Browse Source
This commit is contained in:
yoannchb-pro
2025-01-14 12:23:13 -05:00
parent ea57a315b7
commit 16a82fe3d8
50 changed files with 404 additions and 243 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.eslintrc.js
+4 -1
View File
@@ -12,7 +12,10 @@ module.exports = {
overrides: [
{
files: ['extension/popup/*.js', 'src/**/*.ts'],
rules: {}
rules: {
'@typescript-eslint/no-explicit-any': 'off',
'no-constant-condition': 'off'
}
}
]
};
CHANGELOG.md
+6
View File
@@ -1,5 +1,11 @@
# CHANGELOG
## v1.1.2
- Advanced settings
- Added OpenAI SDK for better support
- o1 model support
## v1.1.1
- Bugs correction
README.md
+2 -2
View File
@@ -2,7 +2,7 @@
href="https://www.flaticon.com/free-icons/mortarboard" target="_blank" rel="noopener noreferrer"
title="Mortarboard icons created by itim2101 - Flaticon" ><img src="./extension/icon.png" alt="Mortarboard icons created by itim2101 - Flaticon" width="150" style="display:block; margin:auto;"></a></p>
# MoodleGPT 1.1.1
# MoodleGPT 1.1.2
This extension allows you to hide CHAT-GPT in a Moodle quiz. You just need to click on the question you want to solve, and CHAT-GPT will automatically provide the answer. However, one needs to be careful because as we know, CHAT-GPT can make errors especially in calculations.
@@ -12,7 +12,7 @@ Find the extension on the Chrome Webstore right [here](https://chrome.google.com
## Summary
- [MoodleGPT 1.1.1](#moodlegpt-111)
- [MoodleGPT 1.1.2](#moodlegpt-112)
- [Chrome Webstore](#chrome-webstore)
- [Summary](#summary)
- [Disclaimer !](#disclaimer-)
extension/MoodleGPT.js
+1 -1
View File
File diff suppressed because one or more lines are too long
extension/MoodleGPT.js.map
+1 -1
View File
File diff suppressed because one or more lines are too long
extension/manifest.json
+1 -1
View File
@@ -1,7 +1,7 @@
{
"manifest_version": 3,
"name": "MoodleGPT",
"version": "1.1.1",
"version": "1.1.2",
"description": "Hidden chat-gpt for your moodle quiz",
"permissions": ["storage"],
"action": {
extension/popup/index.html
+30 -20
View File
@@ -7,13 +7,7 @@
<title>MoodleGPT</title>
<link rel="stylesheet" href="style.css" />
<!-- Should always be at the top -->
<script src="./js/utils.js" defer></script>
<script src="./js/index.js" defer></script>
<script src="./js/modeHandler.js" defer></script>
<script src="./js/gptVersion.js" defer></script>
<script src="./js/version.js" defer></script>
<script src="./popup.js" defer></script>
<link rel="icon" type="image/png" href="../icon.png" />
<link
@@ -41,20 +35,35 @@
<p id="version"></p>
</div>
</div>
<div class="line center">
<label for="apiKey" class="textLabel">Api Key<span class="required">*</span>:</label>
<input id="apiKey" type="text" />
<!-- SETTINGS -->
<div class="settings" id="settings">
<div class="line center">
<label for="apiKey" class="textLabel">Api Key<span class="required">*</span>:</label>
<input id="apiKey" type="text" />
</div>
<div class="line center">
<label for="model" class="textLabel">GPT Model<span class="required">*</span>:</label>
<input type="text" id="model" list="models" />
<datalist id="models"></datalist>
<i id="check-model" title="Test" style="cursor: pointer" class="fa-solid fa-play"></i>
</div>
</div>
<div class="line center">
<label for="model" class="textLabel">GPT Model<span class="required">*</span>:</label>
<input type="text" id="model" list="models" />
<datalist id="models"></datalist>
<!-- ADVANCED SETTINGS -->
<div class="settings" id="advanced-settings" style="display: none">
<div class="line center">
<label for="code" class="textLabel">Code:</label>
<input id="code" type="text" />
</div>
</div>
<div class="line center">
<label for="code" class="textLabel">Code:</label>
<input id="code" type="text" />
<!-- SWITCH SETTINGS MODE -->
<div class="line center mt">
<a id="switch-settings" href="#">Advanced settings</a>
</div>
<div class="line mt">
<div class="line center-y mt">
<i class="fa-solid fa-robot"></i>
<p>Mode:</p>
</div>
@@ -69,9 +78,9 @@
</li>
</ul>
</div>
<div class="line mt">
<div class="line mt center-y">
<i class="fa-solid fa-gear"></i>
<p>Settings:</p>
<p>Options:</p>
</div>
<div class="line center" style="gap: 2rem">
<div class="col">
@@ -122,6 +131,7 @@
</div>
<div class="line center">
<a
class="donate"
href="https://www.buymeacoffee.com/yoannchbpro"
target="_blank"
rel="noopener noreferrer"
extension/popup/js/gptVersion.js
-54
View File
@@ -1,54 +0,0 @@
'use strict';
const apiKeySelector = document.querySelector('#apiKey');
const inputModel = document.querySelector('#model');
const modelsList = document.querySelector('#models');
const imagesIntegrationLine = document.querySelector('#includeImages-line');
/**
* Check if the gpt version is at least 4 to show the option 'Include images'
*/
function checkCanIncludeImages() {
const version = inputModel.value;
if (isCurrentVersionSupportingImages(version)) {
imagesIntegrationLine.style.display = 'flex';
} else {
imagesIntegrationLine.style.display = 'none';
}
}
inputModel.addEventListener('input', checkCanIncludeImages);
// We populate the datalist of the chatgpt model
async function populateDatalistWithGptVersions() {
const apiKey = apiKeySelector.value?.trim();
if (!apiKey) return;
inputModel.innerHTML = '';
try {
const req = await fetch('https://api.openai.com/v1/models', {
headers: {
Authorization: `Bearer ${apiKey}`
}
});
const rep = await req.json();
rep.data.sort((a, b) => b.id.localeCompare(a.id)); // we sort the model to get the best chatgpt version first
const models = rep.data.filter(model => model.id.startsWith('gpt'));
for (const model of models) {
const opt = document.createElement('option');
opt.value = model.id;
opt.textContent = model.id;
modelsList.appendChild(opt);
}
checkCanIncludeImages();
} catch (err) {
console.error(err);
showMessage({ msg: 'Failed to fetch last ChatGPT versions', error: true });
}
}
inputModel.addEventListener('focus', populateDatalistWithGptVersions);
extension/popup/js/utils.js
-25
View File
@@ -1,25 +0,0 @@
'use strict';
/**
* Show message into the popup
*/
function showMessage({ msg, error, infinite }) {
const message = document.querySelector('#message');
message.style.color = error ? 'red' : 'limegreen';
message.textContent = msg;
message.style.display = 'block';
if (!infinite) setTimeout(() => (message.style.display = 'none'), 5000);
}
/**
* Check if the current model support images integrations
* @param {string} version
* @returns
*/
function isCurrentVersionSupportingImages(version) {
const versionNumber = version.match(/gpt-(\d+)/);
if (!versionNumber?.[1]) {
return false;
}
return Number(versionNumber[1]) >= 4;
}
extension/popup/popup.js
+2
View File
File diff suppressed because one or more lines are too long
extension/popup/popup.js.map
+1
View File
File diff suppressed because one or more lines are too long
extension/popup/style.css
+43
View File
@@ -35,6 +35,15 @@ main {
width: 22rem;
}
.settings {
display: flex;
flex-direction: column;
align-items: center;
gap: 0.4rem;
text-align: center;
width: 100%;
}
img {
width: 5rem;
}
@@ -56,6 +65,10 @@ a {
align-items: center;
}
.center-y {
align-items: center;
}
.line .textLabel {
width: 5rem;
text-align: left;
@@ -148,3 +161,33 @@ a {
cursor: not-allowed;
opacity: 0.75;
}
.donate {
color: white;
animation: infinite donate 5s linear;
font-weight: bold;
}
@keyframes donate {
0% {
transform: translateX(0);
}
3.57% {
transform: translateY(-9px);
}
7.14% {
transform: translateY(-9px) rotate(17deg);
}
10.78% {
transform: translateY(-9px) rotate(-17deg);
}
14% {
transform: translateY(-9px) rotate(17deg);
}
18% {
transform: translateY(-9px) rotate(-17deg);
}
22% {
transform: translateY(0) rotate(0);
}
}
package.json
+6 -2
View File
@@ -1,6 +1,6 @@
{
"name": "moodlegpt",
"version": "1.1.1",
"version": "1.1.2",
"description": "This extension allows you to hide CHAT-GPT in a Moodle quiz.",
"scripts": {
"build": "npm run prettier && npm run lint && npm run fastBuild",
@@ -26,12 +26,16 @@
},
"homepage": "https://github.com/yoannchb-pro/MoodleGPT#readme",
"devDependencies": {
"@rollup/plugin-commonjs": "^28.0.2",
"@rollup/plugin-node-resolve": "^16.0.0",
"@rollup/plugin-terser": "^0.4.4",
"@types/chrome": "^0.0.263",
"@rollup/plugin-typescript": "^12.1.2",
"@types/chrome": "^0.0.294",
"@typescript-eslint/eslint-plugin": "^7.2.0",
"@typescript-eslint/parser": "^7.2.0",
"eslint": "^8.57.0",
"eslint-config-prettier": "^9.1.0",
"openai": "^4.78.1",
"prettier": "^3.2.5",
"rollup": "^4.13.0",
"rollup-plugin-ts": "^3.2.0",
rollup.config.js
+22 -9
View File
@@ -1,16 +1,29 @@
const ts = require('rollup-plugin-ts');
const ts = require('@rollup/plugin-typescript');
const terser = require('@rollup/plugin-terser');
const { nodeResolve } = require('@rollup/plugin-node-resolve');
const config = require('./tsconfig.json');
module.exports = {
input: './src/index.ts',
output: [
{
module.exports = [
{
input: './src/background/index.ts',
output: {
file: './extension/MoodleGPT.js',
format: 'umd',
sourcemap: true
}
],
plugins: [ts(config), terser()]
};
},
onwarn() {},
plugins: [nodeResolve(), ts(config), terser()]
},
{
input: './src/popup/index.ts',
output: {
file: './extension/popup/popup.js',
format: 'umd',
sourcemap: true
},
onwarn() {},
plugins: [nodeResolve(), ts(config), terser()]
}
];
src/core/code-listener.ts → src/background/core/code-listener.ts
+2 -2
View File
@@ -1,5 +1,5 @@
import type Config from '@typing/config';
import titleIndications from '@utils/title-indications';
import type Config from '../types/config';
import titleIndications from 'background/utils/title-indications';
import reply from './reply';
type Listener = {
src/core/create-question.ts → src/background/core/create-question.ts
+2 -2
View File
@@ -1,5 +1,5 @@
import normalizeText from '@utils/normalize-text';
import htmlTableToString from '@utils/html-table-to-string';
import normalizeText from 'background/utils/normalize-text';
import htmlTableToString from 'background/utils/html-table-to-string';
/**
* Normalize the question as text and add sub informations
src/core/get-content-with-history.ts → src/background/core/get-content-with-history.ts
+14 -14
View File
@@ -1,14 +1,14 @@
import type Config from '@typing/config';
import { ROLE, CONTENT_TYPE, type MessageContent, type Message } from '@typing/message';
import imageToBase64 from '@utils/image-to-base64';
import isGPTModelGreaterOrEqualTo4 from '@utils/version-support-images';
import type Config from '../types/config';
import imageToBase64 from 'background/utils/image-to-base64';
import isGPTModelGreaterOrEqualTo4 from 'background/utils/version-support-images';
import { ChatCompletionMessageParam, ChatCompletionUserMessageParam } from 'openai/resources';
// The attempt and the cmid allow us to identify a quiz
type History = {
host: string;
cmid: string; // The id of the quiz
attempt: string; // The attempt of the current quiz
history: { role: ROLE; content: MessageContent }[];
history: ChatCompletionMessageParam[];
};
const INSTRUCTION: string = `
@@ -26,9 +26,9 @@ Act as a quiz solver for the best notation with the following rules:
`.trim();
const SYSTEM_INSTRUCTION_MESSAGE = {
role: ROLE.SYSTEM,
role: 'system',
content: INSTRUCTION
} as const satisfies Message;
} as const satisfies ChatCompletionMessageParam;
/**
* Get the content to send to ChatGPT API (it allows to includes images if supported)
@@ -38,7 +38,7 @@ async function getContent(
config: Config,
questionElement: HTMLElement,
question: string
): Promise<MessageContent> {
): Promise<ChatCompletionUserMessageParam['content']> {
const imagesElements = questionElement.querySelectorAll('img');
if (
@@ -49,7 +49,7 @@ async function getContent(
return question;
}
const contentWithImages: MessageContent = [];
const contentWithImages: ChatCompletionUserMessageParam['content'] = [];
const base64Images = Array.from(imagesElements).map(imgEl => imageToBase64(imgEl));
const base64ImagesResolved = await Promise.allSettled(base64Images);
@@ -57,7 +57,7 @@ async function getContent(
for (const result of base64ImagesResolved) {
if (result.status === 'fulfilled') {
contentWithImages.push({
type: CONTENT_TYPE.IMAGE,
type: 'image_url',
image_url: { url: result.value }
});
} else if (config.logs) {
@@ -66,7 +66,7 @@ async function getContent(
}
contentWithImages.push({
type: CONTENT_TYPE.TEXT,
type: 'text',
text: question
});
@@ -124,11 +124,11 @@ async function getContentWithHistory(
questionElement: HTMLElement,
question: string
): Promise<{
messages: [typeof SYSTEM_INSTRUCTION_MESSAGE, ...Message[]];
messages: [typeof SYSTEM_INSTRUCTION_MESSAGE, ...ChatCompletionMessageParam[]];
saveResponse?: (response: string) => void;
}> {
const content = await getContent(config, questionElement, question);
const message = { role: ROLE.USER, content };
const message: ChatCompletionMessageParam = { role: 'user', content };
if (!config.history) return { messages: [SYSTEM_INSTRUCTION_MESSAGE, message] };
@@ -149,7 +149,7 @@ async function getContentWithHistory(
// Register the conversation
if (config.history) {
history.history.push(message);
history.history.push({ role: ROLE.ASSISTANT, content: response });
history.history.push({ role: 'assistant', content: response });
sessionStorage.moodleGPTHistory = JSON.stringify(history);
}
}
src/core/get-response.ts → src/background/core/get-response.ts
+17 -16
View File
@@ -1,7 +1,9 @@
import type Config from '@typing/config';
import type GPTAnswer from '@typing/gpt-answer';
import normalizeText from '@utils/normalize-text';
import type Config from '../types/config';
import type GPTAnswer from '../types/gpt-answer';
import normalizeText from 'background/utils/normalize-text';
import getContentWithHistory from './get-content-with-history';
import OpenAI from 'openai';
import { fixeO1 } from '../utils/fixe-o1';
/**
* Get the response from chatGPT api
@@ -21,28 +23,27 @@ async function getChatGPTResponse(
// Including the instructions to the AI, the images as base64 if needed, the question and the past conversation if history is set to true
const contentHandler = await getContentWithHistory(config, questionElement, question);
const req = await fetch('https://api.openai.com/v1/chat/completions', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
Authorization: `Bearer ${config.apiKey}`
},
signal: config.timeout ? controller.signal : null,
body: JSON.stringify({
const client = new OpenAI({
apiKey: config.apiKey,
dangerouslyAllowBrowser: true
});
const req = await client.chat.completions.create(
fixeO1(config.model, {
model: config.model,
messages: contentHandler.messages,
temperature: 0.1, // Controls the randomness of the generated responses, with lower values producing more deterministic and predictable outputs. With set to 0.1 instead of 0 for more creativity.
top_p: 0.6, // Determines the diversity of the generated responses
presence_penalty: 0, // Encourages the model to introduce new concepts by penalizing words that have already appeared in the text.
max_tokens: 2000 // Maximum length of the response
})
});
max_tokens: 2000 // Maximum length of the response,
}),
{ signal: config.timeout ? controller.signal : null }
);
clearTimeout(timeoutControler);
const rep = await req.json();
const response = rep.choices[0].message.content;
const response = req.choices[0].message.content ?? '';
// Save the response into the history
if (typeof contentHandler.saveResponse === 'function') contentHandler.saveResponse(response);
src/core/modes/autocomplete.ts → src/background/core/modes/autocomplete.ts
+10 -10
View File
@@ -1,13 +1,13 @@
import type GPTAnswer from '@typing/gpt-answer';
import type Config from '@typing/config';
import handleClipboard from '@core/questions/clipboard';
import handleContentEditable from '@core/questions/contenteditable';
import handleNumber from '@core/questions/number';
import handleRadio from '@core/questions/radio';
import handleCheckbox from '@core/questions/checkbox';
import handleSelect from '@core/questions/select';
import handleTextbox from '@core/questions/textbox';
import handleAtto from '@core/questions/atto';
import type GPTAnswer from '../../types/gpt-answer';
import type Config from '../../types/config';
import handleClipboard from 'background/core/questions/clipboard';
import handleContentEditable from 'background/core/questions/contenteditable';
import handleNumber from 'background/core/questions/number';
import handleRadio from 'background/core/questions/radio';
import handleCheckbox from 'background/core/questions/checkbox';
import handleSelect from 'background/core/questions/select';
import handleTextbox from 'background/core/questions/textbox';
import handleAtto from 'background/core/questions/atto';
type Props = {
config: Config;
src/core/modes/clipboard.ts → src/background/core/modes/clipboard.ts
+3 -3
View File
@@ -1,6 +1,6 @@
import type Config from '@typing/config';
import type GPTAnswer from '@typing/gpt-answer';
import handleClipboard from '@core/questions/clipboard';
import type Config from '../../types/config';
import type GPTAnswer from '../../types/gpt-answer';
import handleClipboard from 'background/core/questions/clipboard';
type Props = {
config: Config;
src/core/modes/question-to-answer.ts → src/background/core/modes/question-to-answer.ts
+1 -1
View File
@@ -1,4 +1,4 @@
import type GPTAnswer from '@typing/gpt-answer';
import type GPTAnswer from '../../types/gpt-answer';
type Props = {
questionElement: HTMLElement;
src/core/questions/atto.ts → src/background/core/questions/atto.ts
+2 -2
View File
@@ -1,5 +1,5 @@
import type Config from '@typing/config';
import type GPTAnswer from '@typing/gpt-answer';
import type Config from '../../types/config';
import type GPTAnswer from '../../types/gpt-answer';
/**
* Hanlde atto editor
src/core/questions/checkbox.ts → src/background/core/questions/checkbox.ts
+5 -5
View File
@@ -1,8 +1,8 @@
import type Config from '@typing/config';
import type GPTAnswer from '@typing/gpt-answer';
import Logs from '@utils/logs';
import normalizeText from '@utils/normalize-text';
import { pickBestReponse } from '@utils/pick-best-response';
import type Config from '../../types/config';
import type GPTAnswer from '../../types/gpt-answer';
import Logs from 'background/utils/logs';
import normalizeText from 'background/utils/normalize-text';
import { pickBestReponse } from 'background/utils/pick-best-response';
/**
* Handle input checkbox elements
src/core/questions/clipboard.ts → src/background/core/questions/clipboard.ts
+3 -3
View File
@@ -1,6 +1,6 @@
import type Config from '@typing/config';
import type GPTAnswer from '@typing/gpt-answer';
import titleIndications from '@utils/title-indications';
import type Config from '../../types/config';
import type GPTAnswer from '../../types/gpt-answer';
import titleIndications from 'background/utils/title-indications';
/**
* Copy the response in the clipboard if we can automaticaly fill the question
src/core/questions/contenteditable.ts → src/background/core/questions/contenteditable.ts
+2 -2
View File
@@ -1,5 +1,5 @@
import type Config from '@typing/config';
import type GPTAnswer from '@typing/gpt-answer';
import type Config from '../../types/config';
import type GPTAnswer from '../../types/gpt-answer';
function isContentEditable(element: HTMLElement) {
const contenteditable = element.getAttribute('contenteditable');
src/core/questions/number.ts → src/background/core/questions/number.ts
+2 -2
View File
@@ -1,5 +1,5 @@
import type Config from '@typing/config';
import type GPTAnswer from '@typing/gpt-answer';
import type Config from '../../types/config';
import type GPTAnswer from '../../types/gpt-answer';
/**
* Handle number input
src/core/questions/radio.ts → src/background/core/questions/radio.ts
+5 -5
View File
@@ -1,8 +1,8 @@
import type Config from '@typing/config';
import type GPTAnswer from '@typing/gpt-answer';
import Logs from '@utils/logs';
import normalizeText from '@utils/normalize-text';
import { pickBestReponse } from '@utils/pick-best-response';
import type Config from '../../types/config';
import type GPTAnswer from '../../types/gpt-answer';
import Logs from 'background/utils/logs';
import normalizeText from 'background/utils/normalize-text';
import { pickBestReponse } from 'background/utils/pick-best-response';
/**
* Handle input radio elements
src/core/questions/select.ts → src/background/core/questions/select.ts
+5 -5
View File
@@ -1,8 +1,8 @@
import type Config from '@typing/config';
import type GPTAnswer from '@typing/gpt-answer';
import Logs from '@utils/logs';
import normalizeText from '@utils/normalize-text';
import { pickBestReponse } from '@utils/pick-best-response';
import type Config from '../../types/config';
import type GPTAnswer from '../../types/gpt-answer';
import Logs from 'background/utils/logs';
import normalizeText from 'background/utils/normalize-text';
import { pickBestReponse } from 'background/utils/pick-best-response';
/**
* Handle select elements (and put in order select)
src/core/questions/textbox.ts → src/background/core/questions/textbox.ts
+2 -2
View File
@@ -1,5 +1,5 @@
import type Config from '@typing/config';
import type GPTAnswer from '@typing/gpt-answer';
import type Config from '../../types/config';
import type GPTAnswer from '../../types/gpt-answer';
/**
* Handle textbox
src/core/reply.ts → src/background/core/reply.ts
+2 -2
View File
@@ -1,5 +1,5 @@
import type Config from '@typing/config';
import Logs from '@utils/logs';
import type Config from '../types/config';
import Logs from 'background/utils/logs';
import getChatGPTResponse from './get-response';
import createAndNormalizeQuestion from './create-question';
import clipboardMode from './modes/clipboard';
src/index.ts → src/background/index.ts
+1 -1
View File
@@ -1,4 +1,4 @@
import type Config from '@typing/config';
import type Config from './types/config';
import { codeListener, setUpMoodleGpt } from './core/code-listener';
chrome.storage.sync.get(['moodleGPT']).then(function (storage) {
src/types/config.ts → src/background/types/config.ts
View File
src/types/gpt-answer.ts → src/background/types/gpt-answer.ts
View File
src/types/message.ts → src/background/types/message.ts
View File
src/background/utils/fixe-o1.ts
+26
View File
@@ -0,0 +1,26 @@
import { ChatCompletionCreateParamsNonStreaming } from 'openai/resources/chat/completions';
/**
* Fixe request body for "o1" model
* @param model
* @param data
* @returns
*/
export function fixeO1(model: string, data: ChatCompletionCreateParamsNonStreaming) {
if (!model.startsWith('o1')) return data;
if (data.max_tokens) {
data.max_completion_tokens = data.max_tokens;
delete data.max_tokens;
}
if (data.temperature) delete data.temperature;
if (data.top_p) delete data.top_p;
for (const message of data.messages) {
if (message.role === 'system') message.role = 'user' as any;
}
return data;
}
src/utils/html-table-to-string.ts → src/background/utils/html-table-to-string.ts
View File
src/utils/image-to-base64.ts → src/background/utils/image-to-base64.ts
View File
src/utils/logs.ts → src/background/utils/logs.ts
+1 -1
View File
@@ -1,4 +1,4 @@
import GPTAnswer from '@typing/gpt-answer';
import GPTAnswer from '../types/gpt-answer';
import { toPourcentage } from './pick-best-response';
class Logs {
src/utils/normalize-text.ts → src/background/utils/normalize-text.ts
View File
src/utils/pick-best-response.ts → src/background/utils/pick-best-response.ts
View File
src/utils/title-indications.ts → src/background/utils/title-indications.ts
View File
src/utils/version-support-images.ts → src/background/utils/version-support-images.ts
View File
src/popup/data.ts
+15
View File
@@ -0,0 +1,15 @@
export const globalData = { actualMode: 'autocomplete' };
export const inputsCheckbox = [
'logs',
'title',
'cursor',
'typing',
'mouseover',
'infinite',
'timeout',
'history',
'includeImages'
];
export const mode = document.querySelector('#mode')!;
export const modes = mode.querySelectorAll('button')!;
src/popup/gpt-version.ts
+78
View File
@@ -0,0 +1,78 @@
import OpenAI from 'openai';
import { isCurrentVersionSupportingImages, showMessage } from './utils';
const apiKeySelector: HTMLInputElement = document.querySelector('#apiKey')!;
const inputModel: HTMLInputElement = document.querySelector('#model')!;
const modelsList: HTMLElement = document.querySelector('#models')!;
const imagesIntegrationLine: HTMLInputElement = document.querySelector('#includeImages-line')!;
/**
* Check if the gpt version is at least 4 to show the option 'Include images'
*/
export function checkCanIncludeImages() {
const version = inputModel.value;
if (isCurrentVersionSupportingImages(version)) {
imagesIntegrationLine.style.display = 'flex';
} else {
imagesIntegrationLine.style.display = 'none';
}
}
inputModel.addEventListener('input', checkCanIncludeImages);
// We populate the datalist of the chatgpt model
export async function populateDatalistWithGptVersions() {
const apiKey = apiKeySelector.value?.trim();
if (!apiKey) return;
inputModel.innerHTML = '';
try {
const client = new OpenAI({
apiKey,
dangerouslyAllowBrowser: true
});
const rep = await client.models.list();
const models = rep.data.filter(
model =>
model.id.startsWith('gpt') || model.id.startsWith('o1') || model.id.startsWith('chatgpt')
);
models.sort((a, b) => b.id.localeCompare(a.id)); // we sort the model to get the best chatgpt version first
for (const model of models) {
const opt = document.createElement('option');
opt.value = model.id;
opt.textContent = model.id;
modelsList.appendChild(opt);
}
checkCanIncludeImages();
} catch (err: any) {
console.error(err);
showMessage({ msg: err, isError: true });
}
}
inputModel.addEventListener('focus', populateDatalistWithGptVersions);
export async function checkModel() {
const model = inputModel.value?.trim();
const apiKey = apiKeySelector.value?.trim();
try {
const client = new OpenAI({ apiKey, dangerouslyAllowBrowser: true });
await client.chat.completions.create({
model,
messages: [{ role: 'user', content: 'reply just pong' }]
});
showMessage({ msg: 'The model is valid!' });
} catch (err: any) {
showMessage({ msg: err, isError: true });
}
}
const checkModelBtn: HTMLElement = document.querySelector('#check-model')!;
checkModelBtn.addEventListener('click', checkModel);
extension/popup/js/index.js → src/popup/index.ts
+21 -22
View File
@@ -1,41 +1,36 @@
'use strict';
import { globalData, inputsCheckbox, modes } from './data';
import { checkCanIncludeImages } from './gpt-version';
import { handleModeChange } from './mode-handler';
import './version';
import './settings';
const saveBtn = document.querySelector('.save');
import { showMessage } from './utils';
const saveBtn = document.querySelector('.save')!;
// inputs id
const inputsText = ['apiKey', 'code', 'model'];
const inputsCheckbox = [
'logs',
'title',
'cursor',
'typing',
'mouseover',
'infinite',
'timeout',
'history',
'includeImages'
];
// Save the configuration
saveBtn.addEventListener('click', function () {
const [apiKey, code, model] = inputsText.map(selector =>
document.querySelector('#' + selector).value.trim()
(document.querySelector('#' + selector) as HTMLInputElement).value.trim()
);
const [logs, title, cursor, typing, mouseover, infinite, timeout, history, includeImages] =
inputsCheckbox.map(selector => {
const element = document.querySelector('#' + selector);
return element.checked && element.parentElement.style.display !== 'none';
const element: HTMLInputElement = document.querySelector('#' + selector)!;
return element.checked && element.parentElement!.style.display !== 'none';
});
if (!apiKey || !model) {
showMessage({ msg: 'Please complete all the form', error: true });
showMessage({ msg: 'Please complete all the form', isError: true });
return;
}
if (code.length > 0 && code.length < 2) {
showMessage({
msg: 'The code should at least contain 2 characters',
error: true
isError: true
});
return;
}
@@ -54,7 +49,7 @@ saveBtn.addEventListener('click', function () {
timeout,
history,
includeImages,
mode: actualMode
mode: globalData.actualMode
}
});
@@ -67,7 +62,7 @@ chrome.storage.sync.get(['moodleGPT']).then(function (storage) {
if (config) {
if (config.mode) {
actualMode = config.mode;
globalData.actualMode = config.mode;
for (const mode of modes) {
if (mode.value === config.mode) {
mode.classList.remove('not-selected');
@@ -78,9 +73,13 @@ chrome.storage.sync.get(['moodleGPT']).then(function (storage) {
}
inputsText.forEach(key =>
config[key] ? (document.querySelector('#' + key).value = config[key]) : null
config[key]
? ((document.querySelector('#' + key) as HTMLInputElement).value = config[key])
: null
);
inputsCheckbox.forEach(
key => ((document.querySelector('#' + key) as HTMLInputElement).checked = config[key] || '')
);
inputsCheckbox.forEach(key => (document.querySelector('#' + key).checked = config[key] || ''));
}
handleModeChange();
extension/popup/js/modeHandler.js → src/popup/mode-handler.ts
+7 -12
View File
@@ -1,15 +1,10 @@
'use strict';
const mode = document.querySelector('#mode');
const modes = mode.querySelectorAll('button');
let actualMode = 'autocomplete';
import { globalData, inputsCheckbox, modes } from './data';
// input to don't take in consideration
const toExcludes = ['includeImages'];
// inputs id that need to be disabled for a specific mode
const disabledForThisMode = {
const disabledForThisMode: Record<string, string[]> = {
autocomplete: [],
clipboard: ['typing', 'mouseover'],
'question-to-answer': ['typing', 'infinite', 'mouseover']
@@ -18,16 +13,16 @@ const disabledForThisMode = {
/**
* Handle when a mode change to show specific input or to hide them
*/
function handleModeChange() {
const needDisable = disabledForThisMode[actualMode];
export function handleModeChange() {
const needDisable = disabledForThisMode[globalData.actualMode];
const dontNeedDisable = inputsCheckbox.filter(
input => !needDisable.includes(input) && !toExcludes.includes(input)
);
for (const id of needDisable) {
document.querySelector('#' + id).parentElement.style.display = 'none';
document.querySelector('#' + id)!.parentElement!.style.display = 'none';
}
for (const id of dontNeedDisable) {
document.querySelector('#' + id).parentElement.style.display = null;
document.querySelector('#' + id)!.parentElement!.style.display = '';
}
}
@@ -35,7 +30,7 @@ function handleModeChange() {
for (const button of modes) {
button.addEventListener('click', function () {
const value = button.value;
actualMode = value;
globalData.actualMode = value;
for (const mode of modes) {
if (mode.value !== value) {
mode.classList.add('not-selected');
src/popup/settings.ts
+21
View File
@@ -0,0 +1,21 @@
const settings: HTMLElement = document.querySelector('#settings')!;
const advencedSettings: HTMLElement = document.querySelector('#advanced-settings')!;
const switchSettings: HTMLLinkElement = document.querySelector('#switch-settings')!;
export function switchSettingsMode() {
const isAdvancedSettings = advencedSettings.style.display === 'flex';
if (isAdvancedSettings) {
settings.style.display = 'flex';
advencedSettings.style.display = 'none';
switchSettings.textContent = 'Advanced settings';
} else {
settings.style.display = 'none';
advencedSettings.style.display = 'flex';
switchSettings.textContent = 'Go back to settings';
}
}
switchSettings.addEventListener('click', function (event) {
event.preventDefault();
switchSettingsMode();
});
src/popup/utils.ts
+31
View File
@@ -0,0 +1,31 @@
/**
* Show message into the popup
*/
export function showMessage({
msg,
isError,
isInfinite
}: {
msg: string;
isError?: boolean;
isInfinite?: boolean;
}) {
const message: HTMLElement = document.querySelector('#message')!;
message.style.color = isError ? 'red' : 'limegreen';
message.textContent = msg;
message.style.display = 'block';
if (!isInfinite) setTimeout(() => (message.style.display = 'none'), 5000);
}
/**
* Check if the current model support images integrations
* @param {string} version
* @returns
*/
export function isCurrentVersionSupportingImages(version: string) {
const versionNumber = version.match(/gpt-(\d+)/);
if (!versionNumber?.[1]) {
return false;
}
return Number(versionNumber[1]) >= 4;
}
extension/popup/js/version.js → src/popup/version.ts
+5 -7
View File
@@ -1,13 +1,11 @@
'use strict';
const CURRENT_VERSION = '1.1.1';
const versionDisplay = document.querySelector('#version');
const CURRENT_VERSION = '1.1.2';
const versionDisplay = document.querySelector('#version')!;
/**
* Get the last version from the github
* @returns
*/
async function getLastVersion() {
export async function getLastVersion(): Promise<string> {
const req = await fetch(
'https://raw.githubusercontent.com/yoannchb-pro/MoodleGPT/main/package.json'
);
@@ -21,7 +19,7 @@ async function getLastVersion() {
* @param {boolean} isCurrent
* @returns
*/
function setVersion(version, isCurrent = true) {
export function setVersion(version: string, isCurrent = true) {
if (isCurrent) {
versionDisplay.textContent = 'v' + version;
return;
@@ -39,7 +37,7 @@ function setVersion(version, isCurrent = true) {
/**
* Check if the extension neeed an update or not
*/
async function notifyUpdate() {
export async function notifyUpdate() {
const lastVersion = await getLastVersion().catch(err => {
console.error(err);
return CURRENT_VERSION;
tsconfig.json
+2 -8
View File
@@ -2,7 +2,7 @@
"compilerOptions": {
"strict": true,
"baseUrl": "src",
"module": "CommonJS",
"module": "ESNext",
"esModuleInterop": true,
"allowSyntheticDefaultImports": true,
"target": "ES6",
@@ -13,13 +13,7 @@
"resolveJsonModule": true,
"types": ["node", "chrome"],
"typeRoots": ["node_modules/@types"],
"strictBindCallApply": true,
"paths": {
"@typing/*": ["types/*"],
"@utils/*": ["utils/*"],
"@core/*": ["core/*"],
"@questions/*": ["core/question/*"]
}
"strictBindCallApply": true
},
"include": ["src/**/*"]
}