deuxyeux/RNode_Flasher
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

improved flashing flow

Browse Source
This commit is contained in:
liamcottle
2024-07-14 17:06:21 +12:00
parent 45833c83d1
commit eda5dd4f0e
1 changed files with 55 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
index.html
View File

@@ -8,35 +8,44 @@
<script src="./rnode.js"></script> <script src="./rnode.js"></script>
<script src="./nrf52_dfu_flasher.js"></script> <script src="./nrf52_dfu_flasher.js"></script>
<script src="./zip.min.js"></script> <script src="./zip.min.js"></script>
<!-- tailwind css -->
<script src="https://cdn.tailwindcss.com?plugins=forms"></script>
<!-- vue js -->
<script src="https://unpkg.com/vue@3"></script> <script src="https://unpkg.com/vue@3"></script>
</head> </head>
<body> <body>
<div id="app"> <div id="app" class="space-y-1">
<button @click="connect">Connect</button>
<input ref="file" @change="onFileChange" type="file"/> <div>
<button @click="enterDfuMode" class="border px-2 bg-gray-100 hover:bg-gray-200 rounded">
Enter DFU Mode
</button>
</div>
<div>
<input ref="file" type="file"/>
<button @click="flash" class="border px-2 bg-gray-100 hover:bg-gray-200 rounded">
Flash
</button>
</div>
</div> </div>
<script> <script>
Vue.createApp({ Vue.createApp({
data() { data() {
return { return {
flasher: null,
}; };
}, },
mounted() { mounted() {
}, },
methods: { methods: {
async onFileChange() {
const file = this.$refs["file"].files[0];
console.log(file);
await this.flasher.flash(file);
},
async connect() { async connect() {
if(!navigator.serial){ if(!navigator.serial){
@@ -50,6 +59,7 @@
}); });
this.flasher = new Nrf52DfuFlasher(serialPort); this.flasher = new Nrf52DfuFlasher(serialPort);
// await this.flasher.enterDfuMode(); // await this.flasher.enterDfuMode();
return; return;
@@ -152,6 +162,39 @@
// https://github.com/markqvist/Reticulum/discussions/471 // https://github.com/markqvist/Reticulum/discussions/471
},
async initFlasher() {
if(!navigator.serial){
alert("Web Serial is not supported in this browser");
return;
}
// ask user to select device
const serialPort = await navigator.serial.requestPort({
filters: [],
});
return new Nrf52DfuFlasher(serialPort);
},
async enterDfuMode() {
const flasher = await this.initFlasher();
await flasher.enterDfuMode();
},
async flash() {
// ensure firmware file selected
const file = this.$refs["file"].files[0];
if(!file){
alert("Select a firmware file first");
return;
}
// flash file
const flasher = await this.initFlasher();
await flasher.flash(file);
}, },
}, },
}).mount('#app'); }).mount('#app');