Alexander/DSMsaveload
Alexander/DSMsaveload
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Ensure only json files are used when loading.

Browse source 
Graph title is used for file name
This commit is contained in:
Alexander Bass 2022-09-06 17:43:24 -04:00
parent b84c6fb035
commit 0044ee427b
3 changed files with 12 additions and 37 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
content_scripts/saveload.js
View file

@ -4,19 +4,13 @@
return; return;
} }
window.hasRun = true; window.hasRun = true;
//Status checking code commented out because chrome does things differently and I don't want to make two implementations
// var STATUS = "loading...";
// updateStatus();
setTimeout(checkIfReady, 200);
checkIfReady();
function checkIfReady() { function checkIfReady() {
console.log("DSMsaveload trying to attach to desmos..."); console.log("DSMsaveload trying to attach to desmos...");
if (document.getElementById("dcg-header-container").querySelector(".align-right-container")) { if (document.getElementById("dcg-header-container").querySelector(".align-right-container")) {
console.log("DSMsaveload attached!"); console.log("DSMsaveload attached!");
// STATUS = "running";
// updateStatus();
return makeButtonContainers(); return makeButtonContainers();
} }
setTimeout(checkIfReady, 200); setTimeout(checkIfReady, 200);
@ -24,8 +18,10 @@
const expressionExport = document.createElement("div"); const expressionExport = document.createElement("div");
expressionExport.id = "EXPORTEXPRESSION"; expressionExport.id = "EXPORTEXPRESSION";
expressionExport.style.display = "none";
const expressionImport = document.createElement("div"); const expressionImport = document.createElement("div");
expressionImport.id = "IMPORTEXPRESSION"; expressionImport.id = "IMPORTEXPRESSION";
expressionImport.style.display = "none";
document.body.appendChild(expressionImport); document.body.appendChild(expressionImport);
document.body.appendChild(expressionExport); document.body.appendChild(expressionExport);
@ -59,6 +55,7 @@
loadButton.type = "file"; loadButton.type = "file";
loadButton.style = "opacity: 0.0; position: absolute; top:0; left: 0; bottom: 0; right:0; width: 100%; height:100%; "; loadButton.style = "opacity: 0.0; position: absolute; top:0; left: 0; bottom: 0; right:0; width: 100%; height:100%; ";
loadButton.id = "loadJSON"; loadButton.id = "loadJSON";
loadButton.accept = ".json";
loadButton.onchange = () => { loadButton.onchange = () => {
const selectedFile = loadButton.files[0]; const selectedFile = loadButton.files[0];
new Response(selectedFile).json().then(json => { new Response(selectedFile).json().then(json => {
@ -79,6 +76,10 @@
document.getElementById("dcg-header-container").querySelector(".align-right-container").appendChild(buttonContainer).appendChild(buttonContainer2); document.getElementById("dcg-header-container").querySelector(".align-right-container").appendChild(buttonContainer).appendChild(buttonContainer2);
} }
// creates a script in the document to interact with the page variables. // creates a script in the document to interact with the page variables.
// the IMPORTEXPRESSION div is used as an interface to carry the data from this script to the injected script // the IMPORTEXPRESSION div is used as an interface to carry the data from this script to the injected script
function loadExpr(json) { function loadExpr(json) {
@ -92,27 +93,16 @@
function saveExpr() { function saveExpr() {
var scriptTag = document.createElement('script'); var scriptTag = document.createElement('script');
const graphTitle = document.querySelector(".align-left-container").querySelector(".dcg-variable-title").textContent + ".json";
scriptTag.src = chrome.extension.getURL('inject_scripts/save.js'); scriptTag.src = chrome.extension.getURL('inject_scripts/save.js');
scriptTag.onload = function () { this.parentNode.removeChild(this); }; scriptTag.onload = function () { this.parentNode.removeChild(this); };
document.body.append(scriptTag); document.body.append(scriptTag);
document.addEventListener("updatedExpression", () => { document.addEventListener("updatedExpression", () => {
const expressionsString = document.getElementById("EXPORTEXPRESSION").textContent; const expressionsString = document.getElementById("EXPORTEXPRESSION").textContent;
download("Desmos Graph.json", expressionsString); download(graphTitle, expressionsString);
document.getElementById("EXPORTEXPRESSION").textContent = ""; document.getElementById("EXPORTEXPRESSION").textContent = "";
}); });
} }
// chrome.runtime.onMessage.addListener((message) => {
// if (message.command === "DSMstatus") {
// updateStatus();
// }
// });
// function updateStatus() {
// chrome.runtime.sendMessage({
// command: "DSMstatusReport",
// status: STATUS
// });
// }
})(); })();

2
manifest.json
View file

@ -3,7 +3,7 @@
"manifest_version": 2, "manifest_version": 2,
"name": "DSMsaveload", "name": "DSMsaveload",
"version": "1.0", "version": "1.0",
"homepage_url": "https://alexanderbass.com/showcase/desmossaveload", "homepage_url": "https://alexanderbass.com/programming/desmossaveload",
"permissions": [ "permissions": [
"activeTab" "activeTab"
], ],

15
popup/DSMsaveload.js
View file

@ -1,15 +0,0 @@
// Commented out because chrome does things differently and I don't want to make 2 implementations.
// getStatus();
// function getStatus() {
// browser.tabs.query({ active: true, currentWindow: true }).then((tabs) => {
// browser.tabs.sendMessage(tabs[0].id, {
// command: "DSMstatus"
// });
// });
// }
// browser.runtime.onMessage.addListener((message) => {
// if (message.command === "DSMstatusReport") {
// document.getElementById("status").textContent = message.status;
// }
// });