Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
add dfu support and demo page for dfu
- Loading branch information
1 parent
a08ed86
commit d707ef3
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,193 @@ | ||
| extends /include/bootstrapV4 | ||
|
|
||
| block beforehtml | ||
| - const title = 'Update Firmware' | ||
|
|
||
| block style | ||
| meta(property="og:description", content="A tool to update firmware of ChameleonUltra.") | ||
| meta(property="og:locale", content="zh_TW") | ||
| meta(property="og:title", content=title) | ||
| meta(property="og:type", content="website") | ||
| meta(property="og:url", content=`${baseurl}dfu.html`) | ||
| style | ||
| :sass | ||
| [v-cloak] | ||
| display: none | ||
| body, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 | ||
| font-family: 'Noto Sans TC', sans-serif | ||
| .input-group-prepend > .input-group-text | ||
| width: 80px | ||
| .letter-spacing-n1px | ||
| &, .btn, textarea, select, input | ||
| letter-spacing: -1px | ||
| .text-sm | ||
| font-size: 0.875rem | ||
| block content | ||
| #app.my-3.container.text-monospace(v-cloak) | ||
| h4.mb-3.text-center.letter-spacing-n1px #[.bgicon.bgicon-chameleon-ultra.mr-1] #{title} | ||
| .form-group.letter-spacing-n1px | ||
| label Connect method: | ||
| .input-group.input-group-sm.mb-3 | ||
| select.form-control(v-model="ls.adapter") | ||
| option(value="ble") BLE (PC & Android) | ||
| option(value="usb") USB Serial (PC only) | ||
| .input-group-append: button.btn.btn-outline-secondary(@click="btnAdapterTips") #[i.fa.fa-fw.fa-question] | ||
| .form-group.letter-spacing-n1px.mb-3 | ||
| label Tag Name: | ||
| select.form-control.form-control-sm(v-model="ss.tagName") | ||
| option(v-for="[k, v] of tagNames", :value="k") {{ v }} | ||
| button.btn.btn-block.btn-outline-primary.letter-spacing-n1px.mb-2(@click="btnUploadFirmware") #[i.fa.mr-1.fa-download] Upload Firmware | ||
|
|
||
| block script | ||
| script. | ||
| const { Buffer, ChameleonUltra, Debug, DeviceModel, DfuZip, WebbleAdapter, WebserialAdapter } = window.ChameleonUltraJS | ||
|
Check failure on line 44 in pug/src/dfu.pug
|
||
| const ultraUsb = new ChameleonUltra() | ||
| ultraUsb.use(new Debug()) | ||
| ultraUsb.use(new WebserialAdapter()) | ||
| const ultraBle = new ChameleonUltra() | ||
| ultraBle.use(new Debug()) | ||
| ultraBle.use(new WebbleAdapter()) | ||
|
|
||
| window.vm = new Vue({ | ||
| el: '#app', | ||
| data: { | ||
| ls: { | ||
| adapter: 'ble', | ||
| }, | ||
| ss: { | ||
| tagName: '', | ||
| }, | ||
| manifest: {}, | ||
| }, | ||
| async mounted () { | ||
| // 自動儲存功能 | ||
| for (const [storage, key] of [[localStorage, 'ls'], [sessionStorage, 'ss']]) { | ||
| try { | ||
| const saved = JSON5.parse(storage.getItem(location.pathname)) | ||
| if (saved) this.$set(this, key, _.merge(this[key], saved)) | ||
| } catch (err) {} | ||
| this.$watch(key, () => { | ||
| storage.setItem(location.pathname, JSON5.stringify(this[key])) | ||
| }, { deep: true }) | ||
| } | ||
| await this.fetchManifest() | ||
| }, | ||
| computed: { | ||
| ultra () { | ||
| return this.ls.adapter === 'usb' ? ultraUsb : ultraBle | ||
| }, | ||
| tagNames () { | ||
| return _.map(_.orderBy(this?.manifest?.releases, ['createdAt'], ['desc']), release => { | ||
| if (_.isNil(release.gitVersion)) return [release.tagName, release.tagName] | ||
| return [release.tagName, `${release.tagName} (${release.gitVersion})`] | ||
| }) | ||
| }, | ||
| releases () { | ||
| const isAsset = model => asset => asset.name.indexOf(model) >= 0 && asset.name.indexOf('app') >= 0 | ||
| const isUltraAsset = isAsset('ultra') | ||
| const isLiteAsset = isAsset('lite') | ||
| return _.fromPairs(_.map(this?.manifest?.releases, release => [release.tagName, { | ||
| ..._.pick(release, ['commit', 'gitVersion', 'prerelease', 'tagName']), | ||
| createdAt: new Date(release.createdAt), | ||
| lite: _.find(release.assets, isLiteAsset), | ||
| ultra: _.find(release.assets, isUltraAsset), | ||
| }])) | ||
| }, | ||
| }, | ||
| methods: { | ||
| async btnAdapterTips () { | ||
| await Swal.fire({ | ||
| title: 'Browser & OS', | ||
| html: '<strong class="text-success">BLE</strong> is available in ChromeOS, Chrome for Android 6.0, Mac (Chrome 56) and Windows 10 (Chrome 70), <a class="btn-link" target="_blank" href="https://apps.apple.com/app/bluefy-web-ble-browser/id1492822055">Bluefy</a> for iPhone and iPad.<hr><strong class="text-success">USB</strong> is available on all desktop platforms (ChromeOS, Linux, macOS, and Windows) in Chrome 89.', | ||
| }) | ||
| }, | ||
| async fetchManifest () { | ||
| this.showLoading({ text: 'Loading firmwares...' }) | ||
| const url = `https://taichunmin.idv.tw/ChameleonUltra-releases/manifest.json?t=${Math.trunc(Date.now() / 6e5)}` | ||
| this.$set(this, 'manifest', (await axios.get(url))?.data ?? {}) | ||
| this.ss.tagName = _.first(this.tagNames)[0] | ||
| Swal.close() | ||
| }, | ||
| async btnUploadFirmware () { | ||
| const { ultra } = this | ||
| const showProgress = ({ func, offset, size, type }) => { | ||
| if (func !== 'dfuUploadObject') return | ||
| const width = _.round(size > 0 ? offset / size * 100 : 0, 1) | ||
| const title = type === 2 ? 'Uploading body' : 'Uploading header' | ||
| const html = `<div class="d-flex flex-column"><div class="progress mb-2"><div class="progress-bar progress-bar-striped" role="progressbar" style="width: ${width}%"></div></div><div class="d-flex justify-content-between letter-spacing-n1px"><span>${title}:</span><span>${offset} / ${size}</span></div></div>` | ||
| this.showLoading({ html }) | ||
| } | ||
| try { | ||
| this.showLoading({ text: 'Download firmware...' }) | ||
| const release = this.releases[this.ss.tagName] | ||
| if (_.isNil(release)) throw new Error('Invalid tagName') | ||
| const images = await Promise.all(_.map(['ultra', 'lite'], async model => { | ||
| const dfuZipUrl = release[model].url | ||
| ultra.emitter.emit('debug', 'web', `model = ${model}, url = ${dfuZipUrl}`) | ||
| const dfuZip = new DfuZip(new Buffer((await axios.get(dfuZipUrl, { responseType: 'arraybuffer' }))?.data)) | ||
| return await dfuZip.getAppImage() | ||
| })) | ||
| this.showLoading({ text: 'Connect device...' }) | ||
| await ultra.connect() | ||
| if (!ultra.isDfu()) { | ||
| const gitVersion = await ultra.cmdGetGitVersion() | ||
| if (!_.isNil(release.gitVersion) && release.gitVersion === gitVersion) { | ||
| const msg1 = `gitVersion(${gitVersion}) is the same, do you want to upload again?` | ||
| if (!await this.confirm(msg1, 'Yes', 'Cancel')) return | ||
| } | ||
| await ultra.cmdDfuEnter() | ||
| } | ||
| this.showLoading({ text: 'Uploading Firmware...' }) | ||
| ultra.emitter.on('progress', showProgress) | ||
| let isUploadSuccess = false | ||
| for (const image of images) { | ||
| try { | ||
| await ultra.dfuUploadImage(image) | ||
| isUploadSuccess = true | ||
| break | ||
| } catch (err) { | ||
| ultra.emitter.emit('error', _.set(new Error(err.message), 'originalError', err)) | ||
| } | ||
| } | ||
| if (!isUploadSuccess) throw new Error('Upload failed') | ||
| await Swal.fire({ icon: 'success', title: 'Upload Success' }) | ||
| } catch (err) { | ||
| ultra.emitter.emit('error', err) | ||
| await Swal.fire({ icon: 'error', title: 'Upload Failed', text: err.message }) | ||
| } | ||
| ultra.emitter.removeListener('progress', showProgress) | ||
| }, | ||
| async sleep (t) { | ||
| await new Promise(resolve => setTimeout(resolve, t)) | ||
| }, | ||
| async confirm (text, confirmButtonText, cancelButtonText) { | ||
| return await new Promise((resolve, reject) => { | ||
| let isConfirmed = false | ||
| const args = { | ||
| cancelButtonColor: '#3085d6', | ||
| cancelButtonText, | ||
| confirmButtonColor: '#d33', | ||
| confirmButtonText, | ||
| didDestroy: () => { resolve(isConfirmed) }, | ||
| focusCancel: true, | ||
| icon: 'warning', | ||
| reverseButtons: true, | ||
| showCancelButton: true, | ||
| text, | ||
| } | ||
| Swal.fire(args).then(res => { isConfirmed = res.isConfirmed }) | ||
| }) | ||
| }, | ||
| showLoading (opts = {}) { | ||
| opts = { | ||
| allowOutsideClick: false, | ||
| showConfirmButton: false, | ||
| ...opts, | ||
| } | ||
| if (Swal.isVisible()) return Swal.update(_.omit(opts, ['progressStepsDistance'])) | ||
| Swal.fire({ ...opts, didRender: () => { Swal.showLoading() } }) | ||
| }, | ||
| }, | ||
| }) | ||
|
|
||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.