From b854d309bf48bb5dfc93fd5da385c02092b476c7 Mon Sep 17 00:00:00 2001
From: Silent YANG <silenty4ng@gmail.com>
Date: Sun, 30 Jun 2024 23:19:21 +0800
Subject: [PATCH] update

---
 public/L_BL001.bin          | Bin 0 -> 9900 bytes
 src/main.ts                 |  11 +-
 src/views/list/bl/index.vue | 285 +++++++++++++++++++++++++++++++++++-
 3 files changed, 289 insertions(+), 7 deletions(-)
 create mode 100644 public/L_BL001.bin

diff --git a/public/L_BL001.bin b/public/L_BL001.bin
new file mode 100644
index 0000000000000000000000000000000000000000..b1229f89054a1c7c7b75dbd3ebe40bdc48592933
GIT binary patch
literal 9900
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

literal 0
HcmV?d00001

diff --git a/src/main.ts b/src/main.ts
index 9e901f8..390a721 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -19,10 +19,13 @@ import VueMatomo from 'vue-matomo';
 const AutoUpdate = new Updater()
 AutoUpdate.on('update',()=>{
   setTimeout(async()=>{
-      const result = confirm('当前网站有更新，请点击确定刷新页面体验');
-      if(result){
-        location.reload();
-      }
+    if(process.env.NODE_ENV == 'development'){
+      return
+    }
+    const result = confirm('当前网站有更新，请点击确定刷新页面体验');
+    if(result){
+      location.reload();
+    }
   },500)
 })
 
diff --git a/src/views/list/bl/index.vue b/src/views/list/bl/index.vue
index 674b0df..dfe5ff7 100644
--- a/src/views/list/bl/index.vue
+++ b/src/views/list/bl/index.vue
@@ -1,17 +1,296 @@
 <template>
     <div class="container">
       <Breadcrumb :items="[$t('menu.list'), $t('bl')]" />
-      <a-card class="general-card">
+      <a-card class="general-card" :loading="loading">
         <template #title>
+          <div style="color: red; font-weight: bold;">⚠：实验性功能 使用可能会损坏手台</div>
             {{ $t('bl') }} {{ $t('global.onStart') }}
         </template>
-        <t-divider>{{ $t('cs') }}</t-divider>
+        <a-row style="margin-bottom: 16px">
+          <a-col :span="12">
+            <a-space style="width: 130%">
+              <!-- <a-button type="primary" @click="readConfig">
+                <template #icon>
+                  <icon-plus />
+                </template>
+                {{ $t('cps.onDeviceRead') }}（仅用于检视已用区块）
+              </a-button> -->
+              <a-button @click="writeConfig">
+                <template #icon>
+                  <icon-plus />
+                </template>
+                {{ $t('cps.onDeviceWrite') }}
+              </a-button> （固件名称仅支持英文）
+            </a-space>
+          </a-col>
+        </a-row>
+        <div style="display: flex; justify-content: space-between; margin-left: 10px; margin-right: 10px; align-items: flex-end; margin-bottom: 3px;">
+          <div>EEPROM：</div>
+          <div>
+            {{ state.showAdd }}
+            <t-button size="small" variant="outline" @click="clearAll(256)">清空</t-button>
+          </div>
+        </div>
+        <div style="width: 100%; overflow: scroll; user-select: none;">
+          <div style="height: 328px; display: flex; flex-direction: column; margin: 0; padding: 0; flex-wrap: wrap">
+            <div
+              @click="clearEp2(index)"
+              :ondragover="(event: any)=>{showAdd(index);event.preventDefault()}"
+              :ondrop="()=>{targetOver(item, index)}"
+              :title="
+                item == -2 ? '引导程序占用区' : (item != -1 ? state.rom[item].binaryName : 
+                (index * 64 + 0x40000).toString(16).toUpperCase() + ' - ' + (index * 64 + 0x40000 + 63).toString(16).toUpperCase()
+              )"
+              :style="item == -1 ? 'background-color: white; border: 1px solid #ddd; height: 10px;' : (
+                item == -2 ? 'background-color: #373737; border: 1px solid #ddd; height: 10px;' : 'background-color: ' + state.rom[item].color + '; border: 1px solid #ddd; height: 10px;'
+              )"
+              :key="index" v-for="(item, index) in state.calendar">
+              &nbsp;
+            </div>
+          </div>
+        </div>
+        <a-button style="margin-bottom: 10px;" @click="selectFile">{{ state.binaryFile ? state.binaryName : $t('tool.selectFirmware') }}</a-button>（选择固件后将固件卡片拖拽到上方 EEPROM）
+        <br>
+        <t-space break-line>
+          <t-card draggable="true" :ondragstart="()=>{state.nowDrag = index}" v-for="(item, index) in state.rom" :title="item.binaryName" :bordered="true" hover-shadow :style="{ width: '400px' }">
+            <template #actions>
+              <div :style="'width: 10px; height: 10px; background-color: ' + item.color + ';'"></div>
+            </template>
+            <t-input v-model="item.binaryName" @change="changeName(index)" show-limit-number :maxlength="13" />
+          </t-card>
+        </t-space>
       </a-card>
+        <div id="statusArea" style="height: 20em; background-color: azure; color: silver; overflow: auto; padding: 20px; margin-top: 10px;"
+        v-html="state.status"></div>
     </div>
   </template>
   
   <script lang="ts" setup>
-  
+  import useLoading from '@/hooks/loading';
+  import { useAppStore } from '@/store';
+  import { eeprom_write, eeprom_reboot, eeprom_init, eeprom_read, uint8ArrayToString, stringToUint8Array, check_eeprom, hexReverseStringToUint8Array, unpack } from '@/utils/serial.js';
+  import { onMounted, reactive, nextTick } from 'vue';
+
+  const appStore = useAppStore();
+  const { loading, setLoading } = useLoading(true);
+
+  const state : any = reactive({
+    calendar: [],
+    rom: [],
+    bl: undefined,
+    nowDrag: -1,
+    showAdd: '',
+    status: ''
+  })
+
+  const readRange = async (start: any, end: any) =>{
+    await eeprom_init(appStore.connectPort);
+    let rawEEPROM = new Uint8Array(end - start);
+    for (let i = start; i < end; i += 0x40) {
+      const data = await eeprom_read(appStore.connectPort, i, 0x40, appStore.configuration?.uart);
+      rawEEPROM.set(data, i - start);
+    }
+    return rawEEPROM;
+  }
+
+  const writeRange = async (start: any = 0, uint8Array: any, remark: string = '') => {
+    for (let i = start; i < uint8Array.length + start; i += 0x40) {
+      await eeprom_write(appStore.connectPort, i, uint8Array.slice(i - start, i - start + 0x40), uint8Array.slice(i - start, i - start + 0x40).length, appStore.configuration?.uart);
+      state.status = state.status + remark +  "写入进度：" + (((i - start) / uint8Array.length) * 100).toFixed(1) + "%<br/>";
+      nextTick(()=>{
+        const textarea = document?.getElementById('statusArea');
+        if(textarea)textarea.scrollTop = textarea?.scrollHeight;
+      })
+    }
+  }
+
+  const showAdd = async (index: any) => {
+    state.showAdd = (index * 64 + 0x40000).toString(16).toUpperCase()
+    setTimeout(() => {
+      state.showAdd = ''
+    }, 5000);
+  }
+
+  onMounted(()=>{
+    loadBL()
+    const calendar = []
+    for(let i=0; i < 262144 / 64; i++){
+      if(i < 0x44000 / 64 / 16 - 16){
+        calendar.push(-2);
+      }else{
+        calendar.push(-1);
+      }
+    }
+    state.calendar = calendar
+  })
+
+  const loadBL = async() => {
+    const fontPacket = await fetch('/L_BL001.bin')
+    if(fontPacket.body){
+      const reader = fontPacket.body.getReader();
+      const chunks = [];
+      while(true) {
+        const {done, value} = await reader.read();
+        if (done) {
+          break;
+        }
+        chunks.push(...value)
+      }
+      let bl = new Uint8Array(0x3000);
+      bl.set(chunks, 0);
+      state.bl = bl;
+      setLoading(false);
+    }
+  }
+
+  const readConfig = () =>{
+
+  }
+
+  const writeConfig = async () => {
+    if(appStore.connectState != true){alert(sessionStorage.getItem('noticeConnectK5')); return;};
+    const eepromSize = await check_eeprom(appStore.connectPort, appStore.configuration?.uart);
+    setLoading(true);
+    if(eepromSize < 0x80000){
+      alert("只支持 4Mbit 以上 EEPROM 写入");
+      setLoading(false);
+      return
+    }
+    await eeprom_init(appStore.connectPort);
+    await writeRange(0x41000, state.bl, '引导程序');
+
+    const firmware = [];
+    for(let i = 256; i < 4096; i++){
+      if(state.calendar[i] >= 0){
+        console.log(i);
+        firmware.push({
+          ...state.rom[state.calendar[i]],
+          start: 0x40000 + i * 0x40,
+          end: 0x40000 + (i + Math.ceil(state.rom[state.calendar[i]].binaryFile.length / 0x40)) * 0x40 - 1,
+        })
+        i += Math.ceil(state.rom[state.calendar[i]].binaryFile.length / 0x40) - 1;
+      }
+    }
+    await writeRange(0x40000, new Uint8Array([firmware.length]), '固件数量');
+
+    const _name_bl_array = new Uint8Array(8);
+    _name_bl_array.set(stringToUint8Array("L_BL001"))
+    await writeRange(0X40008, _name_bl_array, '引导程序版本')
+
+    const writeMeta: any = [];
+    firmware.map((item: any)=>{
+      const _meta_name = new Uint8Array(16)
+      const _meta_address_start = new Uint8Array(4)
+      const _meta_address_end = new Uint8Array(4)
+      _meta_name.set(stringToUint8Array(item.binaryName))
+      _meta_address_start.set(hexReverseStringToUint8Array((item.start).toString(16)));
+      _meta_address_end.set(hexReverseStringToUint8Array((item.end).toString(16)));
+      writeMeta.push(..._meta_name, ..._meta_address_start, ..._meta_address_end, ...new Uint8Array(8))
+    })
+    await writeRange(0x40020, writeMeta, '固件元数据')
+
+    for(let i = 0; i < firmware.length; i++){
+      await writeRange(firmware[i].start, firmware[i].binaryFile, firmware[i].binaryName + ' 固件文件')
+    }
+
+    await eeprom_reboot(appStore.connectPort);
+    setLoading(false);
+  }
+
+  const selectFile = () => {
+    const input = document.createElement('input');
+    input.type = 'file';
+    input.onchange = async () => {
+      if(input.files){
+        const blob = new Blob([input.files[0]], { type: 'application/octet-stream' });
+        const rawEEPROM = new Uint8Array(await blob.arrayBuffer());
+        const firmware = {
+          binaryFile: unpack(rawEEPROM),
+          binaryName: input.files[0].name,
+          color: getColor()
+        }
+        state.rom.push(firmware)
+      }
+    };
+    input.click();
+  }
+
+  const targetOver = (can: number, slot: any) => {
+    if(slot < 256){
+      return
+    }
+    if(slot + Math.ceil(state.rom[state.nowDrag].binaryFile.length / 0x40) > 4096){
+      return
+    }
+    if(can == 2){
+      return
+    }
+    for(let i = slot; i < slot + Math.ceil(state.rom[state.nowDrag].binaryFile.length / 0x40); i += 1){
+      clearEp(i);
+    }
+    for(let i = slot; i < slot + Math.ceil(state.rom[state.nowDrag].binaryFile.length / 0x40); i += 1){
+      state.calendar[i] = state.nowDrag
+    }
+    console.log((slot * 64 + 0x40000).toString(16))
+    console.log((Math.ceil(state.rom[state.nowDrag].binaryFile.length / 0x40) * 0x40 + (slot * 64 + 0x40000) - 1).toString(16))
+  }
+
+  const getColor = () => {
+    var letters = '0123456789ABCDEF';
+    var color = '#';
+    for (var i = 0; i < 6; i++) {
+      color += letters[Math.floor(Math.random() * 16)];
+    }
+    return color;
+  }
+
+  const clearEp = (i: number) => {
+    if(i > 4095 || i < 256){
+      return
+    }
+    let flag = 0
+    if(state.calendar[i] != -1){
+      flag = 1
+      state.calendar[i] = -1
+    }
+    if(flag){
+      if(state.calendar[i - 1] != -1){
+        clearEp(i - 1)
+      }
+      if(state.calendar[i + 1] != -1){
+        clearEp(i + 1)
+      }
+    }
+  }
+
+  const clearEp2 = (i: number) => {
+    if(i > 4095 || i < 256){
+      return
+    }
+    let flag = -99
+    if(state.calendar[i] != -1){
+      flag = state.calendar[i]
+      state.calendar[i] = -1
+    }
+    if(state.calendar[i - 1] === flag){
+      clearEp2(i - 1)
+    }
+    if(state.calendar[i + 1] === flag){
+      clearEp2(i + 1)
+    }
+  }
+
+  const clearAll = (i: number) => {
+    if(i > 4095 || i < 256){
+      return
+    }
+    state.calendar[i] = -1
+    clearAll(i + 1)
+  }
+
+  const changeName = (val: any) => {
+    state.rom[val].binaryName = state.rom[val].binaryName.replace(/[^\a-\z\A-\Z0-9.]/g, '')
+  };
   </script>
   
   <script lang="ts">