From 55579c26cf81c55756a0df8dbc5fe200e8521b4f Mon Sep 17 00:00:00 2001
From: "Mike A." <git@mikealmel.ooo>
Date: Tue, 3 Sep 2024 22:55:51 +0200
Subject: [PATCH 1/9] project: Disable output file configuration box

---
 src/views/project/src/components/EDATargetGeneral.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/views/project/src/components/EDATargetGeneral.vue b/src/views/project/src/components/EDATargetGeneral.vue
index c9a797e..8d088af 100644
--- a/src/views/project/src/components/EDATargetGeneral.vue
+++ b/src/views/project/src/components/EDATargetGeneral.vue
@@ -160,12 +160,14 @@ export default defineComponent({
                 Name
             </vscode-text-field>
 
+            <!-- TODO: Make this configurable again
             <vscode-text-field
                 placeholder="Output directory"
                 :value="target.directory || ''"
                 @input="handleDirectoryChange"
                 >Output directory</vscode-text-field
-            >
+            > -->
+            <div></div>
 
             <div></div>
 

From 99b83c10ec18e608e5fb53b0a5f704dfa205e28a Mon Sep 17 00:00:00 2001
From: "Mike A." <git@mikealmel.ooo>
Date: Wed, 4 Sep 2024 20:05:25 +0200
Subject: [PATCH 2/9] project: Make checkboxes reflect real value

---
 package-lock.json                             |  5 +-
 package.json                                  |  2 +-
 .../src/components/EDATargetCheckbox.vue      | 50 ++++++++++++++-----
 3 files changed, 40 insertions(+), 17 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 9a84e58..8e8f224 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -13,7 +13,7 @@
                 "@vscode/codicons": "^0.0.35",
                 "@vscode/webview-ui-toolkit": "^1.3.1",
                 "digitaljs": "github:EDAcation/digitaljs#next",
-                "edacation": "^0.3.7",
+                "edacation": "github:EDAcation/edacation",
                 "nextpnr-viewer": "^0.6.1",
                 "os-browserify": "^0.3.0",
                 "path-browserify": "^1.0.1",
@@ -2202,8 +2202,7 @@
         },
         "node_modules/edacation": {
             "version": "0.3.7",
-            "resolved": "https://registry.npmjs.org/edacation/-/edacation-0.3.7.tgz",
-            "integrity": "sha512-CcKVrjmL8eucXp02/uqwRM+wUCa01nLsskAcPZnw9q+F+LvT+fLDEfMO1kBuuu2HEdlJy7hPlTJwyo10rFiMtw==",
+            "resolved": "git+ssh://git@github.com/EDAcation/edacation.git#c7f021a6d993c427c5a9535ca3fa93622193568b",
             "dependencies": {
                 "string-args-parser": "^1.0.4",
                 "yargs": "^17.7.2",
diff --git a/package.json b/package.json
index ce880d9..59fe6c7 100644
--- a/package.json
+++ b/package.json
@@ -404,7 +404,7 @@
         "@vscode/codicons": "^0.0.35",
         "@vscode/webview-ui-toolkit": "^1.3.1",
         "digitaljs": "github:EDAcation/digitaljs#next",
-        "edacation": "^0.3.7",
+        "edacation": "github:EDAcation/edacation",
         "nextpnr-viewer": "^0.6.1",
         "os-browserify": "^0.3.0",
         "path-browserify": "^1.0.1",
diff --git a/src/views/project/src/components/EDATargetCheckbox.vue b/src/views/project/src/components/EDATargetCheckbox.vue
index db28514..3bce56d 100644
--- a/src/views/project/src/components/EDATargetCheckbox.vue
+++ b/src/views/project/src/components/EDATargetCheckbox.vue
@@ -1,13 +1,17 @@
 <script lang="ts">
-import type {
-    NextpnrConfiguration,
-    NextpnrOptions,
-    NextpnrTargetConfiguration,
-    TargetConfiguration,
-    WorkerId,
-    YosysConfiguration,
-    YosysOptions,
-    YosysTargetConfiguration
+import {
+    getNextpnrDefaultOptions,
+    getNextpnrOptions,
+    getYosysDefaultOptions,
+    getYosysOptions,
+    type NextpnrConfiguration,
+    type NextpnrOptions,
+    type NextpnrTargetConfiguration,
+    type TargetConfiguration,
+    type WorkerId,
+    type YosysConfiguration,
+    type YosysOptions,
+    type YosysTargetConfiguration,
 } from 'edacation';
 import {type PropType, defineComponent} from 'vue';
 
@@ -63,11 +67,31 @@ export default defineComponent({
             }
             return this.worker.options;
         },
-        config(): boolean | undefined {
-            if (!this.options) {
+        effectiveOptions(): YosysOptions | NextpnrOptions | null {
+            const projectConfig = this.state.project!.configuration;
+            const targetId = this.target?.id;
+
+            console.log('getting options')
+            console.log(projectConfig)
+            console.log(targetId)
+
+            if (!targetId) {
+                // Default configuration
+                if (this.workerId === 'yosys') return getYosysDefaultOptions(projectConfig)
+                if (this.workerId === 'nextpnr') return getNextpnrDefaultOptions(projectConfig)
+                return null;
+            } else {
+                // Target configuration
+                if (this.workerId === 'yosys') return getYosysOptions(projectConfig, targetId)
+                if (this.workerId === 'nextpnr') return getNextpnrOptions(projectConfig, targetId)
+                return null;
+            }
+        },
+        effectiveConfig(): boolean | undefined {
+            if (!this.effectiveOptions) {
                 return undefined;
             }
-            return this.options[this.configId as keyof typeof this.options];
+            return this.effectiveOptions[this.configId as keyof typeof this.effectiveOptions];
         }
     },
     methods: {
@@ -109,6 +133,6 @@ export default defineComponent({
 
 <template>
     <div>
-        <vscode-checkbox :checked="config" @change="handleCheckboxChange">{{ configName }}</vscode-checkbox>
+        <vscode-checkbox :checked="effectiveConfig" @change="handleCheckboxChange">{{ configName }}</vscode-checkbox>
     </div>
 </template>

From a70ea7814369ff18fcf25b98beadaed71eb96fba Mon Sep 17 00:00:00 2001
From: "Mike A." <git@mikealmel.ooo>
Date: Thu, 5 Sep 2024 15:52:30 +0200
Subject: [PATCH 3/9] project: Fix various errors in configuration

---
 package-lock.json | 7 ++++---
 package.json      | 2 +-
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 8e8f224..86e41ea 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -13,7 +13,7 @@
                 "@vscode/codicons": "^0.0.35",
                 "@vscode/webview-ui-toolkit": "^1.3.1",
                 "digitaljs": "github:EDAcation/digitaljs#next",
-                "edacation": "github:EDAcation/edacation",
+                "edacation": "^0.3.8",
                 "nextpnr-viewer": "^0.6.1",
                 "os-browserify": "^0.3.0",
                 "path-browserify": "^1.0.1",
@@ -2201,8 +2201,9 @@
             }
         },
         "node_modules/edacation": {
-            "version": "0.3.7",
-            "resolved": "git+ssh://git@github.com/EDAcation/edacation.git#c7f021a6d993c427c5a9535ca3fa93622193568b",
+            "version": "0.3.8",
+            "resolved": "https://registry.npmjs.org/edacation/-/edacation-0.3.8.tgz",
+            "integrity": "sha512-sSKcSuInyWcPNQx0Ai723zEyoTMc+JmQVhN54M1HGt0xnboqWcf5mq7WLdU5Hdzzr4QmtbfHgBR5wK7sXomYSw==",
             "dependencies": {
                 "string-args-parser": "^1.0.4",
                 "yargs": "^17.7.2",
diff --git a/package.json b/package.json
index 59fe6c7..504a7a2 100644
--- a/package.json
+++ b/package.json
@@ -404,7 +404,7 @@
         "@vscode/codicons": "^0.0.35",
         "@vscode/webview-ui-toolkit": "^1.3.1",
         "digitaljs": "github:EDAcation/digitaljs#next",
-        "edacation": "github:EDAcation/edacation",
+        "edacation": "^0.3.8",
         "nextpnr-viewer": "^0.6.1",
         "os-browserify": "^0.3.0",
         "path-browserify": "^1.0.1",

From 5ddbf1d1820f0eb629a6590e8555fbb7b89bb880 Mon Sep 17 00:00:00 2001
From: "Mike A." <git@mikealmel.ooo>
Date: Thu, 5 Sep 2024 17:53:13 +0200
Subject: [PATCH 4/9] project: Remove default target configurator

---
 .../project/src/components/EDAProject.vue     | 44 ++++++++++---------
 .../src/components/EDATargetCheckbox.vue      |  4 --
 src/views/project/src/state/index.ts          |  4 +-
 3 files changed, 25 insertions(+), 27 deletions(-)

diff --git a/src/views/project/src/components/EDAProject.vue b/src/views/project/src/components/EDAProject.vue
index 2c74498..aa00cf2 100644
--- a/src/views/project/src/components/EDAProject.vue
+++ b/src/views/project/src/components/EDAProject.vue
@@ -4,19 +4,28 @@ import {defineComponent} from 'vue';
 import {state as globalState} from '../state';
 
 import EDATarget from './EDATarget.vue';
+import type { TargetConfiguration } from 'edacation';
 
 export default defineComponent({
     components: {
         EDATarget
     },
     computed: {
-        targetIndex(): number | undefined {
-            console.log(
-                'target index',
-                this.state.selectedTargetIndex,
-                this.state.selectedTargetIndex === 'all' ? undefined : parseInt(this.state.selectedTargetIndex)
-            );
-            return this.state.selectedTargetIndex === 'all' ? undefined : parseInt(this.state.selectedTargetIndex);
+        targetIndex: {
+            get(): number | undefined {
+                if (this.targets.length === 0) return undefined;
+
+                let selectedIndex = Number(this.state.selectedTargetIndex ?? 0);
+                if (selectedIndex < 0) selectedIndex = 0;
+                if (selectedIndex >= this.targets.length) selectedIndex = this.targets.length - 1;
+                return selectedIndex;
+            },
+            set(index: number) {
+                this.state.selectedTargetIndex = index;
+            }
+        },
+        targets(): TargetConfiguration[] {
+            return this.state.project?.configuration.targets ?? [];
         }
     },
     data() {
@@ -32,19 +41,12 @@ export default defineComponent({
 
             this.state.project.name = (event.target as HTMLInputElement).value;
         },
-        handleTargetChange(event: Event) {
-            if (!event.target) {
-                return;
-            }
-
-            this.state.selectedTargetIndex = (event.target as HTMLSelectElement).value;
-        },
         handleTargetAdd() {
             if (!this.state.project) {
                 return;
             }
 
-            const index = this.state.project.configuration.targets.length + 1;
+            const index = this.targets.length + 1;
             this.state.project.configuration.targets.push({
                 id: `target${index}`,
                 name: `Target ${index}`,
@@ -62,7 +64,7 @@ export default defineComponent({
             }
 
             this.state.project.configuration.targets.splice(this.targetIndex, 1);
-            this.state.selectedTargetIndex = 'all';
+            this.targetIndex = 0;
         }
     }
 });
@@ -77,13 +79,13 @@ export default defineComponent({
 
         <h1>Targets</h1>
         <p>Select target to configure</p>
-        <vscode-dropdown :value="state.selectedTargetIndex ?? 'all'" @input="handleTargetChange" style="width: 20rem">
-            <vscode-option value="all">Defaults for all targets</vscode-option>
-            <vscode-option v-for="(target, index) in state.project.configuration.targets" :key="index" :value="index">
+        <vscode-dropdown v-model.number="targetIndex" style="width: 20rem">
+            <vscode-option v-for="(target, index) in targets" :key="index" :value="index">
                 {{ target.name }}
             </vscode-option>
         </vscode-dropdown>
 
+
         <vscode-button v-if="targetIndex !== undefined" style="margin-start: 1rem" @click="handleTargetDelete">
             Delete target
         </vscode-button>
@@ -92,11 +94,11 @@ export default defineComponent({
             <vscode-button style="margin-top: 1rem" @click="handleTargetAdd">Add target</vscode-button>
         </div>
 
-        <p v-if="state.project.configuration.targets.length === 0"><b>Error:</b> At least one target is required.</p>
+        <p v-if="targets.length === 0"><b>Error:</b> At least one target is required.</p>
 
         <vscode-divider style="margin-top: 1rem" />
 
-        <EDATarget :targetIndex="targetIndex" />
+        <EDATarget v-if="targetIndex !== undefined" :targetIndex="Number(targetIndex)" />
     </template>
     <template v-else>
         <p>No project configuration available.</p>
diff --git a/src/views/project/src/components/EDATargetCheckbox.vue b/src/views/project/src/components/EDATargetCheckbox.vue
index 3bce56d..6be7209 100644
--- a/src/views/project/src/components/EDATargetCheckbox.vue
+++ b/src/views/project/src/components/EDATargetCheckbox.vue
@@ -71,10 +71,6 @@ export default defineComponent({
             const projectConfig = this.state.project!.configuration;
             const targetId = this.target?.id;
 
-            console.log('getting options')
-            console.log(projectConfig)
-            console.log(targetId)
-
             if (!targetId) {
                 // Default configuration
                 if (this.workerId === 'yosys') return getYosysDefaultOptions(projectConfig)
diff --git a/src/views/project/src/state/index.ts b/src/views/project/src/state/index.ts
index 7567b9d..060f8da 100644
--- a/src/views/project/src/state/index.ts
+++ b/src/views/project/src/state/index.ts
@@ -5,13 +5,13 @@ import {vscode} from '../../../vscode';
 
 export interface State {
     project?: ProjectState;
-    selectedTargetIndex: string;
+    selectedTargetIndex?: number;
     selectedTargetTabId: string;
 }
 
 export const DEFAULT_STATE = {
     project: undefined,
-    selectedTargetIndex: 'all',
+    selectedTargetIndex: undefined,
     selectedTargetTabId: 'tab-device'
 };
 

From 4798df28340d7d996828de220a11b5cd1ac5b03c Mon Sep 17 00:00:00 2001
From: "Mike A." <git@mikealmel.ooo>
Date: Thu, 5 Sep 2024 19:23:13 +0200
Subject: [PATCH 5/9] project: Do not lose focus when updating fields

---
 src/extension/editors/project.ts | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/extension/editors/project.ts b/src/extension/editors/project.ts
index c422951..0294636 100644
--- a/src/extension/editors/project.ts
+++ b/src/extension/editors/project.ts
@@ -85,8 +85,6 @@ export class ProjectEditor extends BaseEditor {
             return;
         }
 
-        await vscode.commands.executeCommand('edacation-projects.focus');
-
         const project = this.projects.get(document.uri);
 
         console.log('updating project', project);

From f1af65e387072a65b8ea9ad5bcb90538a816227b Mon Sep 17 00:00:00 2001
From: "Mike A." <git@mikealmel.ooo>
Date: Thu, 5 Sep 2024 19:47:40 +0200
Subject: [PATCH 6/9] project: Autosave debounce

---
 src/extension/editors/project.ts | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/extension/editors/project.ts b/src/extension/editors/project.ts
index 0294636..545bf9f 100644
--- a/src/extension/editors/project.ts
+++ b/src/extension/editors/project.ts
@@ -6,6 +6,9 @@ import type {GlobalStoreMessage, ViewMessage} from '../types.js';
 import {BaseEditor, type EditorWebviewArgs} from './base.js';
 
 export class ProjectEditor extends BaseEditor {
+    private static readonly SAVE_DEBOUNCE_WAIT = 1000;
+    private static saveDebounceTimer: ReturnType<typeof setTimeout> | undefined;
+
     public static getViewType() {
         return 'edacation.project';
     }
@@ -61,7 +64,8 @@ export class ProjectEditor extends BaseEditor {
             edit.replace(document.uri, new vscode.Range(0, 0, document.lineCount, 0), message.document);
             await vscode.workspace.applyEdit(edit);
 
-            await document.save();
+            if (ProjectEditor.saveDebounceTimer) clearTimeout(ProjectEditor.saveDebounceTimer);
+            ProjectEditor.saveDebounceTimer = setTimeout(() => void document.save(), ProjectEditor.SAVE_DEBOUNCE_WAIT);
 
             return true;
         }

From b500f37568d047a795e65d62ada1a4e7658a728c Mon Sep 17 00:00:00 2001
From: "Mike A." <git@mikealmel.ooo>
Date: Mon, 9 Sep 2024 20:33:54 +0200
Subject: [PATCH 7/9] project: Add target duplicate ID error

---
 src/views/project/src/components/EDATargetGeneral.vue | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/views/project/src/components/EDATargetGeneral.vue b/src/views/project/src/components/EDATargetGeneral.vue
index 8d088af..695dadc 100644
--- a/src/views/project/src/components/EDATargetGeneral.vue
+++ b/src/views/project/src/components/EDATargetGeneral.vue
@@ -82,6 +82,12 @@ export default defineComponent({
                 prev[packageId] = vendorPackages[packageId] ?? packageId;
                 return prev;
             }, {} as Record<string, string>);
+        },
+        hasIdOverlap(): boolean {
+            if (!this.target) return false;
+
+            const targetIds = this.state.project!.configuration.targets.map(target => target.id);
+            return targetIds.filter(id => id === this.target?.id).length >= 2;
         }
     },
     data() {
@@ -154,7 +160,9 @@ export default defineComponent({
                 margin-bottom: 1rem;
             "
         >
-            <vscode-text-field placeholder="ID" :value="target.id" @input="handleIdChange">ID</vscode-text-field>
+            <vscode-text-field placeholder="ID" :value="target.id" @input="handleIdChange">
+                ID <span style="margin-inline: 2rem; color: red;" v-if="hasIdOverlap">Error: duplicate ID</span>
+            </vscode-text-field>
 
             <vscode-text-field placeholder="Name" :value="target.name" @input="handleNameChange">
                 Name

From 7a4acfdc5218d38e40e4c2221cf6ffdf728c7582 Mon Sep 17 00:00:00 2001
From: "Mike A." <git@mikealmel.ooo>
Date: Mon, 9 Sep 2024 21:07:57 +0200
Subject: [PATCH 8/9] project: Add target duplicate button

---
 .../project/src/components/EDAProject.vue     | 54 +++++++++++++++++--
 1 file changed, 50 insertions(+), 4 deletions(-)

diff --git a/src/views/project/src/components/EDAProject.vue b/src/views/project/src/components/EDAProject.vue
index aa00cf2..6db40b2 100644
--- a/src/views/project/src/components/EDAProject.vue
+++ b/src/views/project/src/components/EDAProject.vue
@@ -34,6 +34,31 @@ export default defineComponent({
         };
     },
     methods: {
+        getNewTargetId(): string {
+            const takenIds = this.targets.map(target => target.id);
+
+            let index = this.targets.length + 1;
+            while (takenIds.includes(`target${index}`)) index++;
+
+            return `target${index}`;
+        },
+        getDuplicateTargetId(oldId: string): string {
+            const match = oldId.match(/^(.*)(\d)+$/)
+            let base: string;
+            let seq: number;
+            if (match) {
+                base = match[1];
+                seq = Number(match[2]) + 1;
+            } else {
+                base = oldId;
+                seq = 1;
+            }
+
+            const takenIds = this.targets.map(target => target.id);
+            while (takenIds.includes(`${base}${seq}`)) seq++;
+
+            return `${base}${seq}`;
+        },
         handleNameChange(event: Event) {
             if (!this.state.project || !event.target) {
                 return;
@@ -46,10 +71,9 @@ export default defineComponent({
                 return;
             }
 
-            const index = this.targets.length + 1;
             this.state.project.configuration.targets.push({
-                id: `target${index}`,
-                name: `Target ${index}`,
+                id: this.getNewTargetId(),
+                name: `Target ${this.targets.length + 1}`,
                 vendor: 'generic',
                 family: 'generic',
                 device: 'generic',
@@ -58,6 +82,23 @@ export default defineComponent({
             // TODO: This does not work, because does not yet exist, due to sync issues
             // this.state.selectedTargetIndex = (index - 1).toString();
         },
+        handleTargetDuplicate() {
+            const targetIndex = this.targetIndex;
+            if (!this.state.project || targetIndex === undefined) {
+                return;
+            }
+
+            const curTarget = this.targets[targetIndex];
+            if (!curTarget) return;
+
+            this.state.project.configuration.targets.push({
+                ...curTarget,
+                id: this.getDuplicateTargetId(curTarget.id),
+                name: `Target ${this.targets.length + 1}`
+            });
+            // TODO: This does not work, because does not yet exist, due to sync issues
+            // this.state.selectedTargetIndex = (index - 1).toString();
+        },
         handleTargetDelete() {
             if (!this.state.project || this.targetIndex === undefined) {
                 return;
@@ -90,8 +131,13 @@ export default defineComponent({
             Delete target
         </vscode-button>
 
-        <div>
+        <div style="display: flex; gap: 1rem">
             <vscode-button style="margin-top: 1rem" @click="handleTargetAdd">Add target</vscode-button>
+            <vscode-button
+                v-if="targetIndex !== undefined"
+                style="margin-top: 1rem"
+                @click="handleTargetDuplicate"
+            >Duplicate target</vscode-button>
         </div>
 
         <p v-if="targets.length === 0"><b>Error:</b> At least one target is required.</p>

From d1d30bf1104c12c40a32411a15094e7717e87805 Mon Sep 17 00:00:00 2001
From: "Mike A." <git@mikealmel.ooo>
Date: Tue, 10 Sep 2024 19:07:33 +0200
Subject: [PATCH 9/9] project: Ensure proper synchronization with disk

Resolves project configurator overwriting 'new' settings and vice versa
---
 src/extension/editors/base.ts        | 14 ++++++-------
 src/extension/editors/project.ts     | 30 ++++++++++++++++++----------
 src/views/project/src/App.vue        |  6 ++++--
 src/views/project/src/state/index.ts | 20 +++++++++++++++----
 4 files changed, 47 insertions(+), 23 deletions(-)

diff --git a/src/extension/editors/base.ts b/src/extension/editors/base.ts
index eaced3c..7194b82 100644
--- a/src/extension/editors/base.ts
+++ b/src/extension/editors/base.ts
@@ -45,6 +45,13 @@ export abstract class BaseEditor extends BaseWebview<EditorWebviewArgs> implemen
                 }
             })
         );
+        disposables.push(
+            vscode.workspace.onDidDeleteFiles((event) => {
+                if (event.files.map((uri) => uri.toString()).includes(document.uri.toString())) {
+                    void webviewPanel.dispose();
+                }
+            })
+        );
         disposables.push(
             vscode.workspace.onDidSaveTextDocument((event) => {
                 if (event.uri.toString() === document.uri.toString()) {
@@ -53,13 +60,6 @@ export abstract class BaseEditor extends BaseWebview<EditorWebviewArgs> implemen
             })
         );
 
-        // Create file system watcher
-        const watcher = vscode.workspace.createFileSystemWatcher(document.uri.fsPath);
-        watcher.onDidCreate(() => this.update(document, webview, true));
-        watcher.onDidChange(() => this.update(document, webview, true));
-        watcher.onDidDelete(() => this.update(document, webview, true));
-        disposables.push(watcher);
-
         // Add dispose listener
         webviewPanel.onDidDispose(() => {
             this.onClose(document, webview);
diff --git a/src/extension/editors/project.ts b/src/extension/editors/project.ts
index 545bf9f..54fec32 100644
--- a/src/extension/editors/project.ts
+++ b/src/extension/editors/project.ts
@@ -7,7 +7,9 @@ import {BaseEditor, type EditorWebviewArgs} from './base.js';
 
 export class ProjectEditor extends BaseEditor {
     private static readonly SAVE_DEBOUNCE_WAIT = 1000;
-    private static saveDebounceTimer: ReturnType<typeof setTimeout> | undefined;
+    private saveDebounceTimer: ReturnType<typeof setTimeout> | undefined;
+
+    private doIgnoreSave = false;
 
     public static getViewType() {
         return 'edacation.project';
@@ -35,6 +37,12 @@ export class ProjectEditor extends BaseEditor {
         }
     }
 
+    private async whileIgnoreSave(callback: () => Promise<unknown>): Promise<void> {
+        this.doIgnoreSave = true;
+        await callback();
+        this.doIgnoreSave = false;
+    }
+
     protected async onDidReceiveMessage(
         document: vscode.TextDocument,
         webview: vscode.Webview,
@@ -60,12 +68,16 @@ export class ProjectEditor extends BaseEditor {
                 return true;
             }
 
-            const edit = new vscode.WorkspaceEdit();
-            edit.replace(document.uri, new vscode.Range(0, 0, document.lineCount, 0), message.document);
-            await vscode.workspace.applyEdit(edit);
+            await this.whileIgnoreSave(async () => {
+                const edit = new vscode.WorkspaceEdit();
+                edit.replace(document.uri, new vscode.Range(0, 0, document.lineCount, 0), message.document);
+                await vscode.workspace.applyEdit(edit);
+            });
 
-            if (ProjectEditor.saveDebounceTimer) clearTimeout(ProjectEditor.saveDebounceTimer);
-            ProjectEditor.saveDebounceTimer = setTimeout(() => void document.save(), ProjectEditor.SAVE_DEBOUNCE_WAIT);
+            if (this.saveDebounceTimer) clearTimeout(this.saveDebounceTimer);
+            this.saveDebounceTimer = setTimeout(() => {
+                void this.whileIgnoreSave(async () => await document.save());
+            }, ProjectEditor.SAVE_DEBOUNCE_WAIT);
 
             return true;
         }
@@ -84,10 +96,8 @@ export class ProjectEditor extends BaseEditor {
         // Do nothing
     }
 
-    protected async update(document: vscode.TextDocument, webview: vscode.Webview, isDocumentChange: boolean) {
-        if (isDocumentChange) {
-            return;
-        }
+    protected async update(document: vscode.TextDocument, webview: vscode.Webview, _isDocumentChange: boolean) {
+        if (this.doIgnoreSave) return;
 
         const project = this.projects.get(document.uri);
 
diff --git a/src/views/project/src/App.vue b/src/views/project/src/App.vue
index 77662f4..8ed4c02 100644
--- a/src/views/project/src/App.vue
+++ b/src/views/project/src/App.vue
@@ -16,7 +16,7 @@ import {
 import {vscode} from '../../vscode';
 
 import EDAProject from './components/EDAProject.vue';
-import {state} from './state';
+import {ignoreSave, state} from './state';
 
 provideVSCodeDesignSystem().register(
     vsCodeButton(),
@@ -55,7 +55,9 @@ export default {
 
             switch (event.data.type) {
                 case 'project':
-                    this.state.project = event.data.project;
+                    ignoreSave(() => {
+                        this.state.project = event.data.project;
+                    })
                     break;
             }
         }
diff --git a/src/views/project/src/state/index.ts b/src/views/project/src/state/index.ts
index 060f8da..1832bb2 100644
--- a/src/views/project/src/state/index.ts
+++ b/src/views/project/src/state/index.ts
@@ -1,5 +1,5 @@
 import type {ProjectState} from 'edacation';
-import {type WatchStopHandle, reactive, watch} from 'vue';
+import {type WatchStopHandle, nextTick, reactive, watch} from 'vue';
 
 import {vscode} from '../../../vscode';
 
@@ -18,6 +18,8 @@ export const DEFAULT_STATE = {
 export let state = reactive<State>(DEFAULT_STATE);
 let unwatch: WatchStopHandle | undefined;
 
+let doIgnoreSave = false;
+
 export const setState = (newState: State) => {
     if (unwatch) {
         unwatch();
@@ -25,12 +27,14 @@ export const setState = (newState: State) => {
 
     state = reactive(newState);
 
-    unwatch = watch(state, (newState) => {
+    unwatch = watch(state, () => {
         // TODO: debounce?
 
-        vscode.setState(newState);
+        if (doIgnoreSave) return;
+
+        vscode.setState(state);
 
-        const newDocument = `${JSON.stringify(newState.project, null, 4)}\n`;
+        const newDocument = `${JSON.stringify(state.project, null, 4)}\n`;
 
         vscode.postMessage({
             type: 'change',
@@ -58,3 +62,11 @@ export const initializeState = () => {
 
     setState(state);
 };
+
+export const ignoreSave = (callback: () => void): void => {
+    doIgnoreSave = true;
+    callback();
+    void nextTick(() => {
+        doIgnoreSave = false;
+    });
+};