oleh/astrolabe
1
0
Fork 0
mirror of https://github.com/olehomelchenko/astrolabe.git synced 2025-12-21 21:22:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor: streamline snippet saving logic and button creation in UIManager

Browse Source
This commit is contained in:
Oleh Omelchenko
2025-01-25 19:18:31 +02:00
parent c474f8cdc2
commit a04fd74b11
2 changed files with 40 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
src/SnippetManager.js
View File

@@ -77,40 +77,43 @@ export class SnippetManager {
saveDraft() { saveDraft() {
if (!this.currentSnippetId) return; if (!this.currentSnippetId) return;
try { const content = this.parseEditorContent();
const content = JSON.parse(this.editorManager.getValue()); if (!content) return;
const snippetIndex = this.snippets.findIndex(s => s.id === this.currentSnippetId);
if (snippetIndex !== -1) { const snippetIndex = this.snippets.findIndex(s => s.id === this.currentSnippetId);
const currentSnippet = this.snippets[snippetIndex]; if (snippetIndex !== -1) {
if (JSON.stringify(content) !== JSON.stringify(currentSnippet.content)) { const currentSnippet = this.snippets[snippetIndex];
this.snippets[snippetIndex].draft = content; if (JSON.stringify(content) !== JSON.stringify(currentSnippet.content)) {
this.isDraftVersion = true; this.snippets[snippetIndex].draft = content;
this.saveSnippetsAndUpdateUI(); this.isDraftVersion = true;
this.visualizationManager.updateVisualization(content); this.saveSnippetsAndUpdateUI();
} this.visualizationManager.updateVisualization(content);
} }
} catch (e) {
console.error('Invalid JSON in editor');
} }
} }
saveCurrentSnippet() { saveCurrentSnippet() {
if (!this.currentSnippetId) return; if (!this.currentSnippetId) return;
try { const content = this.parseEditorContent();
const content = JSON.parse(this.editorManager.getValue()); if (!content) return;
const snippetIndex = this.snippets.findIndex(s => s.id === this.currentSnippetId);
if (snippetIndex !== -1) { const snippetIndex = this.snippets.findIndex(s => s.id === this.currentSnippetId);
this.snippets[snippetIndex].content = content; if (snippetIndex !== -1) {
delete this.snippets[snippetIndex].draft; this.snippets[snippetIndex].content = content;
this.hasUnsavedChanges = false; delete this.snippets[snippetIndex].draft;
this.isDraftVersion = false; this.hasUnsavedChanges = false;
this.saveSnippetsAndUpdateUI(); this.isDraftVersion = false;
} this.saveSnippetsAndUpdateUI();
}
}
parseEditorContent() {
try {
return JSON.parse(this.editorManager.getValue());
} catch (e) { } catch (e) {
alert('Invalid JSON in editor'); console.error('Invalid JSON in editor');
return null;
} }
} }

24
src/UIManager.js
View File

@@ -51,29 +51,29 @@ export class UIManager {
const buttonsDiv = document.createElement('div'); const buttonsDiv = document.createElement('div');
buttonsDiv.className = 'snippet-buttons'; buttonsDiv.className = 'snippet-buttons';
const editButton = document.createElement('button'); buttonsDiv.appendChild(this.createButton('✏️', 'edit-snippet', (e) => {
editButton.className = 'edit-snippet';
editButton.innerHTML = '✏️';
editButton.onclick = (e) => {
e.stopPropagation(); e.stopPropagation();
this.snippetManager.renameSnippet(snippet.id); this.snippetManager.renameSnippet(snippet.id);
}; }));
buttonsDiv.appendChild(editButton);
const deleteButton = document.createElement('button'); buttonsDiv.appendChild(this.createButton('❌', 'delete-snippet', (e) => {
deleteButton.className = 'delete-snippet';
deleteButton.innerHTML = '❌';
deleteButton.onclick = (e) => {
e.stopPropagation(); e.stopPropagation();
this.snippetManager.deleteSnippet(snippet.id); this.snippetManager.deleteSnippet(snippet.id);
}; }));
buttonsDiv.appendChild(deleteButton);
div.appendChild(buttonsDiv); div.appendChild(buttonsDiv);
container.appendChild(div); container.appendChild(div);
}); });
} }
createButton(innerHTML, className, onClick) {
const button = document.createElement('button');
button.className = className;
button.innerHTML = innerHTML;
button.onclick = onClick;
return button;
}
updateSaveButton(hasUnsavedChanges) { updateSaveButton(hasUnsavedChanges) {
const saveButton = document.getElementById('save-snippet'); const saveButton = document.getElementById('save-snippet');
saveButton.disabled = !hasUnsavedChanges; saveButton.disabled = !hasUnsavedChanges;