thooge
/
esp32-nmea2000-obp60
mirror of https://github.com/thooge/esp32-nmea2000-obp60.git
1
0
Fork 0
Code Releases Activity

upload/download buildconfig

This commit is contained in:
andreas 2023-10-01 12:40:16 +02:00
parent 728b4a4347
commit a334f886f6
5 changed files with 68 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
webinstall/cibuild.css
View File

@ -121,4 +121,10 @@
}
.configui .selector.level4 {
margin-left: 1.5em;
}
.configui form#upload {
width: 0;
height: 0;
/* display: flex; */
overflow: hidden;
}

9
webinstall/cibuild.html
View File

@ -10,8 +10,12 @@
<div class="configui container">
<h1>Build your own ESP32-NMEA2000</h1>
<h3>New Build</h3>
<div class="row">
<button id="downloadConfig">SaveCfg</button>
<button id="uploadConfig">LoadCfg</button>
</div>
<div id="selectors">
</div>
<div class="row">
<span class="label">Board type</span>
@ -47,6 +51,9 @@
<button id="webinstall">Install</button>
</div>
<iframe id="dlframe" width="1" height="1"></iframe>
<form id="upload">
<input type="file" id="fileSelect"/>
</form>
</div>
</body>
</html>

45
webinstall/cibuild.js
View File

@ -1,5 +1,6 @@
import { addEl, setButtons,fillValues, setValue, buildUrl, fetchJson, setVisible, enableEl, setValues, getParam, fillSelect, forEachEl } from "./helper.js";
import { addEl, setButtons,fillValues, setValue, buildUrl, fetchJson, setVisible, enableEl, setValues, getParam, fillSelect, forEachEl, readFile } from "./helper.js";
import {load as yamlLoad} from "https://cdn.skypack.dev/js-yaml@4.1.0";
import fileDownload from "https://cdn.skypack.dev/js-file-download@0.4.12"
(function(){
const STATUS_INTERVAL=2000;
const CURRENT_PIPELINE='pipeline';
@ -122,10 +123,38 @@ import {load as yamlLoad} from "https://cdn.skypack.dev/js-yaml@4.1.0";
let url=buildUrl("install.html",{custom:downloadUrl});
window.location.href=url;
}
const uploadConfig=()=>{
let form=document.getElementById("upload");
form.reset();
let fsel=document.getElementById("fileSelect");
fsel.onchange=async ()=>{
if (fsel.files.length < 1) return;
let file=fsel.files[0];
if (! file.name.match(/json$/)){
alert("only json files");
return;
}
try{
let content=await readFile(file,true);
config=JSON.parse(content);
buildSelectors(ROOT_PATH,structure.config.children,true);
} catch (e){
alert("upload "+fsel.files[0].name+" failed: "+e);
}
}
fsel.click();
}
const downloadConfig=()=>{
let name="buildconfig.json";
fileDownload(JSON.stringify(config),name);
}
const btConfig={
start:startBuild,
download:runDownload,
webinstall:webInstall
webinstall:webInstall,
uploadConfig: uploadConfig,
downloadConfig: downloadConfig
};
const environments=[
'm5stack-atom-generic',
@ -170,6 +199,7 @@ import {load as yamlLoad} from "https://cdn.skypack.dev/js-yaml@4.1.0";
let re = addEl('input', 'radioCi', ef);
let val = v.value;
let key=getVal(v,KEY_NAMES);
if (val === undefined) val=key;
re.setAttribute('type', 'radio');
re.setAttribute('name', name);
re.addEventListener('change', (ev) => callback(v.children,key,val,false));
@ -179,6 +209,7 @@ import {load as yamlLoad} from "https://cdn.skypack.dev/js-yaml@4.1.0";
lnk.setAttribute('target', '_');
}
if (key == current) {
re.setAttribute('checked','checked');
window.setTimeout(() => {
callback(v.children,key,val,true);
}, 0);
@ -222,15 +253,17 @@ import {load as yamlLoad} from "https://cdn.skypack.dev/js-yaml@4.1.0";
buildSelector(frame,cfg,name,current,(children,key,value,initial)=>{
buildSelectors(name,children,initial);
configStruct[name]={cfg:cfg, key: key, value:value};
buildValues();
buildValues(initial);
})
})
}
const ROOT_PATH='root';
const buildValues=()=>{
const buildValues=(initial)=>{
let environment;
let flags="";
config={};
if (! initial){
config={};
}
for (let k in configStruct){
let struct=configStruct[k];
if (! struct || ! struct.cfg || struct.value === undefined) continue;
@ -265,6 +298,6 @@ import {load as yamlLoad} from "https://cdn.skypack.dev/js-yaml@4.1.0";
}
structure=await loadConfig("testconfig.yaml");
buildSelectors(ROOT_PATH,structure.config.children,true);
buildValues();
//buildValues();
}
})();

15
webinstall/helper.js
View File

@ -120,5 +120,16 @@ const fillSelect=(el,values)=>{
o.textContent=values[k];
}
}
export { getParam, addEl, forEachEl,setButtons,fillValues, setValue,setValues,buildUrl,fetchJson,setVisible, enableEl,fillSelect }
const readFile=(file,optAsText)=>{
return new Promise((resolve,reject)=>{
let reader = new FileReader();
reader.addEventListener('load', function (e) {
resolve(e.target.result);
});
reader.addEventListener('error',(e)=>reject(e));
if (optAsText) reader.readAsText(file);
else reader.readAsBinaryString(file);
});
}
export { readFile, getParam, addEl, forEachEl,setButtons,fillValues, setValue,setValues,buildUrl,fetchJson,setVisible, enableEl,fillSelect }

13
webinstall/install.js
View File

@ -1,6 +1,6 @@
import {XtermOutputHandler} from "./installUtil.js";
import ESPInstaller from "./installUtil.js";
import { addEl, getParam, setValue, setVisible } from "./helper.js";
import { readFile, addEl, getParam, setValue, setVisible } from "./helper.js";
import * as zip from "https://cdn.jsdelivr.net/npm/@zip.js/zip.js@2.7.29/+esm";
(function(){
@ -81,16 +81,7 @@ import * as zip from "https://cdn.jsdelivr.net/npm/@zip.js/zip.js@2.7.29/+esm";
};
return rt;
}
const readFile=(file)=>{
return new Promise((resolve,reject)=>{
let reader = new FileReader();
reader.addEventListener('load', function (e) {
resolve(e.target.result);
});
reader.readAsBinaryString(file);
});
}
const checkImageFile=(file,isFull)=>{
let minSize=MINSIZE+(isFull?(UPDATE_START-FULL_START):0);
return new Promise(function (resolve, reject) {