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

Includes images to the question

Browse Source
This commit is contained in:
yoannchb-pro
2024-02-29 11:39:33 -05:00
parent d2bc6c4c65
commit 1365ccb56d
13 changed files with 182 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files
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/popup/index.html
+10 -4
View File
@@ -27,14 +27,15 @@
<body>
<main>
<div class="line center" style="margin-top: 1rem; margin-bottom: 1rem">
<div class="line center" style="margin-bottom: 0.5rem">
<a
target="_blank"
rel="noopener noreferrer"
href="https://www.flaticon.com/free-icons/mortarboard"
title="Mortarboard icons created by itim2101 - Flaticon"
><img src="../icon.png" alt="icon"
/></a>
>
<img src="../icon.png" alt="icon" />
</a>
<div class="col center title">
<h1>MoodleGPT</h1>
<p id="version"></p>
@@ -113,9 +114,14 @@
<input id="history" type="checkbox" />
<label for="history">Save history</label>
</div>
<!-- This option is only showed if the current version of the model support it -->
<div class="line" id="includeImages-line" style="display: none">
<input id="includeImages" type="checkbox" />
<label for="includeImages">Include images</label>
</div>
</div>
</div>
<p id="message">Message</p>
<p id="message">{Message}</p>
<div class="line center">
<button class="save">Save</button>
</div>
extension/popup/js/gptVersion.js
+15 -2
View File
@@ -1,5 +1,18 @@
'use strict';
const modelInput = document.querySelector('#model');
const imagesIntegrationLine = document.querySelector('#includeImages-line');
// Check if the gpt version is at least 4 to show the option 'Include images'
modelInput.addEventListener('input', function () {
const version = modelInput.value;
if (isCurrentVersionSupportingImages(version)) {
imagesIntegrationLine.style.display = 'flex';
} else {
imagesIntegrationLine.style.display = 'none';
}
});
/**
* Get the last ChatGPT version
*/
@@ -7,7 +20,7 @@ function getLastChatGPTVersion() {
const apiKeySelector = document.querySelector('#apiKey');
const reloadModel = document.querySelector('#reloadModel');
let apiKey = apiKeySelector.value;
let apiKey = apiKeySelector.value?.trim();
// If the api key is set we enable the button to get the last chatgpt version
function checkFiledApiKey() {
@@ -40,7 +53,7 @@ function getLastChatGPTVersion() {
});
const rep = await req.json();
const model = rep.data.find(model => model.id.startsWith('gpt'));
document.querySelector('#model').value = model.id;
modelInput.value = model.id;
} catch (err) {
console.error(err);
showMessage({ msg: 'Failed to fetch last ChatGPT version', error: true });
extension/popup/js/index.js
+11 -8
View File
@@ -1,6 +1,8 @@
'use strict';
const saveBtn = document.querySelector('.save');
/* inputs id */
// inputs id
const inputsText = ['apiKey', 'code', 'model'];
const inputsCheckbox = [
'logs',
@@ -10,20 +12,20 @@ const inputsCheckbox = [
'mouseover',
'infinite',
'timeout',
'history'
'history',
'includeImages'
];
/* Save the configuration */
// Save the configuration
saveBtn.addEventListener('click', function () {
const [apiKey, code, model] = inputsText.map(selector =>
document.querySelector('#' + selector).value.trim()
);
const [logs, title, cursor, typing, mouseover, infinite, timeout, history] = inputsCheckbox.map(
selector => {
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';
}
);
});
if (!apiKey || !model) {
showMessage({ msg: 'Please complete all the form', error: true });
@@ -51,6 +53,7 @@ saveBtn.addEventListener('click', function () {
infinite,
timeout,
history,
includeImages,
mode: actualMode
}
});
@@ -58,7 +61,7 @@ saveBtn.addEventListener('click', function () {
showMessage({ msg: 'Configuration saved' });
});
/* we load back the configuration */
// we load back the configuration
chrome.storage.sync.get(['moodleGPT']).then(function (storage) {
const config = storage.moodleGPT;
extension/popup/js/modeHandler.js
+8 -3
View File
@@ -5,7 +5,10 @@ const modes = mode.querySelectorAll('button');
let actualMode = 'autocomplete';
/* inputs id that need to be disabled for a specific mode */
// input to don't take in consideration
const toExcludes = ['includeImages'];
// inputs id that need to be disabled for a specific mode
const disabledForThisMode = {
autocomplete: [],
clipboard: ['typing', 'mouseover'],
@@ -17,7 +20,9 @@ const disabledForThisMode = {
*/
function handleModeChange() {
const needDisable = disabledForThisMode[actualMode];
const dontNeedDisable = inputsCheckbox.filter(input => !needDisable.includes(input));
const dontNeedDisable = inputsCheckbox.filter(
input => !needDisable.includes(input) && !toExcludes.includes(input)
);
for (const id of needDisable) {
document.querySelector('#' + id).parentElement.style.display = 'none';
}
@@ -26,7 +31,7 @@ function handleModeChange() {
}
}
/* Mode handler */
// Mode hanlder
for (const button of modes) {
button.addEventListener('click', function () {
const value = button.value;
extension/popup/js/utils.js
+13
View File
@@ -10,3 +10,16 @@ function showMessage({ msg, error, infinite }) {
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/style.css
+1 -2
View File
@@ -132,8 +132,7 @@ a {
#message {
display: none;
margin-top: 0.75rem;
margin-bottom: -0.25rem;
margin-bottom: -0.5rem;
}
#reloadModel {