- ${this.openFiles.map(file => html`
-
this.activateFile(file.path)}
- >
- ${file.modified ? html`` : ''}
- ${file.name}
- this.closeFile(e, file.path)}>
-
-
-
- `)}
+
+ ${this.openFiles.map(file => html`
+
this.activateFile(file.path)}
+ >
+ ${file.modified ? html`` : ''}
+ ${file.name}
+ this.closeFile(e, file.path)}>
+
+
+
+ `)}
+
+
${this.openFiles.length === 0 ? html`
@@ -690,6 +741,20 @@ export function createUser(firstName: string, lastName: string): IUser {
`;
}
+ async connectedCallback() {
+ await super.connectedCallback();
+ document.addEventListener('keydown', this.keydownHandler);
+ }
+
+ async disconnectedCallback() {
+ await super.disconnectedCallback();
+ document.removeEventListener('keydown', this.keydownHandler);
+ if (this.autoSaveInterval) {
+ clearInterval(this.autoSaveInterval);
+ this.autoSaveInterval = null;
+ }
+ }
+
public async firstUpdated() {
if (this.executionEnvironment) {
await this.initializeWorkspace();
@@ -880,6 +945,95 @@ export function createUser(firstName: string, lastName: string): IUser {
this.isTerminalCollapsed = !this.isTerminalCollapsed;
}
+ // ========== Save Operations ==========
+
+ public async saveActiveFile(): Promise {
+ const file = this.openFiles.find(f => f.path === this.activeFilePath);
+ if (!file || !this.executionEnvironment) return;
+
+ try {
+ await this.executionEnvironment.writeFile(file.path, file.content);
+
+ // Update file state to mark as saved
+ this.openFiles = this.openFiles.map(f =>
+ f.path === file.path ? { ...f, modified: false } : f
+ );
+
+ // Update IntelliSense manager with latest content
+ if (this.intelliSenseManager) {
+ this.intelliSenseManager.addFileModel(file.path, file.content);
+ }
+ } catch (error) {
+ console.error('Failed to save file:', error);
+ }
+ }
+
+ public async saveAllFiles(): Promise {
+ if (!this.executionEnvironment) return;
+
+ for (const file of this.openFiles.filter(f => f.modified)) {
+ try {
+ await this.executionEnvironment.writeFile(file.path, file.content);
+
+ // Update IntelliSense manager
+ if (this.intelliSenseManager) {
+ this.intelliSenseManager.addFileModel(file.path, file.content);
+ }
+ } catch (error) {
+ console.error(`Failed to save ${file.path}:`, error);
+ }
+ }
+
+ // Mark all files as saved
+ this.openFiles = this.openFiles.map(f => ({ ...f, modified: false }));
+ }
+
+ // ========== Editor Menu ==========
+
+ private async showEditorMenu(e: MouseEvent) {
+ e.stopPropagation();
+
+ const menuItems: Parameters[1] = [
+ {
+ name: this.autoSave ? '✓ Auto Save' : 'Auto Save',
+ iconName: 'lucide:save',
+ action: async () => this.toggleAutoSave(),
+ },
+ { divider: true },
+ {
+ name: 'Save',
+ iconName: 'lucide:save',
+ action: async () => this.saveActiveFile(),
+ },
+ {
+ name: 'Save All',
+ iconName: 'lucide:save',
+ action: async () => this.saveAllFiles(),
+ },
+ ];
+
+ await DeesContextmenu.openContextMenuWithOptions(e, menuItems);
+ }
+
+ private toggleAutoSave() {
+ this.autoSave = !this.autoSave;
+
+ if (this.autoSave) {
+ // Save every 2 seconds if there are changes
+ this.autoSaveInterval = setInterval(() => {
+ const hasUnsaved = this.openFiles.some(f => f.modified);
+ if (hasUnsaved) {
+ this.saveAllFiles();
+ }
+ }, 2000);
+ } else {
+ if (this.autoSaveInterval) {
+ clearInterval(this.autoSaveInterval);
+ this.autoSaveInterval = null;
+ }
+ }
+ }
+
private getErrorCount(): number {
// Monaco MarkerSeverity: Error = 8, Warning = 4, Info = 2, Hint = 1
return this.diagnosticMarkers.filter(m => m.severity === 8).length;
@@ -976,35 +1130,4 @@ export function createUser(firstName: string, lastName: string): IUser {
resource: { path: m.resource.path },
}));
}
-
- public async saveActiveFile(): Promise {
- const file = this.openFiles.find(f => f.path === this.activeFilePath);
- if (!file || !this.executionEnvironment) return;
-
- try {
- await this.executionEnvironment.writeFile(file.path, file.content);
- const fileIndex = this.openFiles.findIndex(f => f.path === this.activeFilePath);
- this.openFiles = [
- ...this.openFiles.slice(0, fileIndex),
- { ...file, modified: false },
- ...this.openFiles.slice(fileIndex + 1),
- ];
- } catch (error) {
- console.error('Failed to save file:', error);
- }
- }
-
- public async saveAllFiles(): Promise {
- if (!this.executionEnvironment) return;
-
- for (const file of this.openFiles.filter(f => f.modified)) {
- try {
- await this.executionEnvironment.writeFile(file.path, file.content);
- } catch (error) {
- console.error(`Failed to save ${file.path}:`, error);
- }
- }
-
- this.openFiles = this.openFiles.map(f => ({ ...f, modified: false }));
- }
}