kirigaya/digital-vcd-render
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

实现基础的保存功能

Browse Source
This commit is contained in:
锦恢 2024-10-17 15:18:38 +08:00
parent 8730dfcf91
commit f7ac311563
9 changed files with 68 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/index.html
View File

@ -7,7 +7,7 @@
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="<%= BASE_URL %>icon.png">
<title>Vcd Viewer</title>
<link rel="stylesheet" href="ondark.css">
<link rel="stylesheet" href="onedark.css">
<link rel="stylesheet" href="vscode.css">
<link rel="stylesheet" href="vcd.css">
<link rel="stylesheet" href="iconfont.css">

0
public/ondark.css → public/onedark.css
View File

BIN
public/test.vcd.view
View File

Binary file not shown.

1
src/App.vue
View File

@ -142,7 +142,6 @@ onMounted(async () => {
// 根据 recoverConfig 完成现场回复
recoverSession(VcdInfo.topModules);
console.log(VcdInfo.topModules);
});
});

4
src/api/index.js
View File

@ -17,8 +17,8 @@ export async function saveView(file, payload) {
}
if (mode === 'debug') {
const res = await axios.post('http://localhost:3000/save-view', { file, payload });
// const res = await axios.get('http://localhost:3000');
console.log(res);
} else {
vscode.postMessage({
command: 'save-view',
@ -27,4 +27,4 @@ export async function saveView(file, payload) {
}
}
export const saveViewApi = debounceWrapper(saveView, 2000);
export const saveViewApi = debounceWrapper(saveView, 1000);

8
src/components/toolbar/signal-modal.vue
View File

@ -41,7 +41,9 @@
<script setup>
import { saveViewApi } from '@/api';
import { globalLookup } from '@/hook/global';
import { makeSaveViewPayload } from '@/hook/recover';
import { sidebarSelectedWires } from '@/hook/sidebar-select-wire';
import { defineComponent, nextTick, ref, watch } from 'vue';
import { useI18n } from 'vue-i18n';
@ -67,6 +69,12 @@ function onSignalModalUpdate() {
// 重新渲染
globalLookup.render();
// 保存
// TODO: 优化：只保存 waves
const savePath = globalLookup.originFile + '.view';
const payload = makeSaveViewPayload();
saveViewApi(savePath, payload);
}
}

8
src/components/toolbar/signal-value-format.vue
View File

@ -24,7 +24,9 @@
<script setup>
import { saveViewApi } from '@/api';
import { globalLookup } from '@/hook/global';
import { makeSaveViewPayload } from '@/hook/recover';
import { sidebarSelectedWires } from '@/hook/sidebar-select-wire';
import { defineComponent, onMounted, reactive, ref, watch } from 'vue';
import { useI18n } from 'vue-i18n';
@ -106,6 +108,12 @@ function onChange() {
// 重新渲染，不过只需要渲染数值即可
globalLookup.render({ type: 'value' });
// 保存
// TODO: 优化：只保存 waves
const savePath = globalLookup.originFile + '.view';
const payload = makeSaveViewPayload();
saveViewApi(savePath, payload);
}
}

53
src/hook/recover.js
View File

@ -9,20 +9,23 @@ export const recoverConfig = {
* @type {Map<string, IRenderOption>} 其中的 string 是形如 `cpu.alu.add1` 这样的字符串
*/
waves: new Map(),
/**
* @type {WaveRenderSidebarItem[] | undefined}
*/
views: undefined
};
async function findRecoverFile(recoverJsonPath) {
try {
const response = await fetch(recoverJsonPath);
const response = await fetch(recoverJsonPath);
if (!response.ok) {
return undefined;
}
const recoverBuffer = await response.arrayBuffer();
const buffer = Buffer.from(recoverBuffer);
const recoverJson = BSON.deserialize(buffer);
const recoverJson = BSON.deserialize(recoverBuffer);
return recoverJson;
} catch (error) {
console.log('[findRecoverFile] error: ' + error);
return undefined;
}
}
@ -32,9 +35,7 @@ async function findRecoverFile(recoverJsonPath) {
* @param {string} inputFile 读取的 vcd 文件的路径
*/
export async function recoverFromInputFile(inputFile) {
globalLookup.originFile = inputFile;
console.log(inputFile);
globalLookup.originFile = inputFile;
const recoverJsonPath = inputFile + '.view';
const recoverJson = await findRecoverFile(recoverJsonPath);
if (recoverJson) {
@ -49,6 +50,11 @@ export async function recoverFromInputFile(inputFile) {
recoverConfig.waves.set(name, option);
}
}
const views = recoverJson.views;
if (views instanceof Array && views.length > 0) {
recoverConfig.views = recoverJson.views;
}
}
}
@ -77,13 +83,43 @@ export function recoverSession(topModules) {
if (result) {
// 找到了 进行渲染设置
WaveContainerView.add(result);
globalLookup.currentSignalRenderOptions.set(result.link, option);
globalLookup.currentSignalRenderOptions.set(result.link, option);
controller.lastSignal = result;
} else {
console.log('fail to recover ' + name);
}
}
// 如果存在 views
if (recoverConfig.views !== undefined) {
const renderViews = globalLookup.currentWiresRenderView;
renderViews.length = 0;
for (const view of recoverConfig.views) {
// 恢复 names -> link
const signalNames = view.signalInfo.link;
if (signalNames.includes('.')) {
const signal = names2wire(topModules, signalNames);
view.signalInfo.link = signal.link;
}
const parentLink = view.signalInfo.parentLink;
if (parentLink && parentLink.endsWith('-group')) {
const parentNames = parentLink.slice(0, -6);
const parentSignal = names2wire(topModules, parentNames);
view.signalInfo.parentLink = parentSignal.link + '-group';
}
for (const child of view.children) {
const signalNames = child.signalInfo.link;
if (signalNames.includes('.')) {
child.signalInfo.link = names2wire(topModules, signalNames).link;
}
}
renderViews.push(view);
}
}
globalLookup.render();
}
@ -164,8 +200,9 @@ export function makeSaveViewPayload() {
const views = [];
for (const wire of globalLookup.currentWires) {
const option = globalLookup.currentSignalRenderOptions.get(wire.link) || {};
const option = globalLookup.currentSignalRenderOptions.get(wire.link) || {};
const name = link2names(wire.link);
option.highlight = 0;
waves.push({ name, option });
}
for (const view of globalLookup.currentWiresRenderView) {

4
vue.config.js
View File

@ -14,5 +14,9 @@ module.exports = defineConfig({
publicPath: './',
configureWebpack: {
devtool: false,
},
devServer: {
hot: false,
liveReload: false
}
})