Projets/ObsiGate
1
1
Fork 0
Code Issues 16 Pull Requests Actions Packages Projects Releases 16 Wiki Activity

feat: Forge opens in editor modal instead of new tab
CI / lint (push) Successful in 14s
Details
CI / security (push) Successful in 8s
Details
CI / test (push) Successful in 29s
Details
CI / build (push) Successful in 3s
Details

Browse Source 
Forge button now reuses the existing editor-modal with an iframe. Same position as the Edit/CodeMirror modal. On close, the forge iframe is removed and the current file is refreshed (picks up changes saved by the POC's auto-save). Updated both frontend/js/viewer.js and frontend/app.js.
This commit is contained in:
bruno
2026-06-06 00:11:21 -04:00
parent c58eb9314e
commit ba30d1e7ce
3 changed files with 36 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/app.js
+18 -2
View File
@@ -3294,8 +3294,18 @@
const forgeBtn = el("button", { class: "btn-action btn-forge", title: "Forge (nouvel editeur)" }, [icon("hammer", 14), document.createTextNode("Forge")]);
forgeBtn.addEventListener("click", () => {
var forgeUrl = "/editor-poc?vault=" + encodeURIComponent(data.vault) + "&path=" + encodeURIComponent(data.path);
window.open(forgeUrl, "_blank");
var modal = document.getElementById("editor-modal");
var titleEl = document.getElementById("editor-title");
var bodyEl = document.getElementById("editor-body");
titleEl.textContent = "Forge: " + data.path.split("/").pop();
bodyEl.innerHTML = "";
var iframe = document.createElement("iframe");
iframe.id = "forge-iframe";
iframe.src = "/editor-poc?vault=" + encodeURIComponent(data.vault) + "&path=" + encodeURIComponent(data.path);
iframe.style.cssText = "width:100%;height:100%;border:none;";
bodyEl.appendChild(iframe);
modal.classList.add("active");
safeCreateIcons();
});
const openNewWindowBtn = el("button", { class: "btn-action", title: "Ouvrir dans une nouvelle fenetre" }, [icon("external-link", 14), document.createTextNode("pop-out")]);
@@ -6312,6 +6322,12 @@
editorView = null;
}
fallbackEditorEl = null;
// Remove forge iframe if present + refresh current file
var forgeFrame = document.getElementById("forge-iframe");
if (forgeFrame) {
forgeFrame.remove();
if (currentVault && currentPath) openFile(currentVault, currentPath);
}
editorVault = null;
editorPath = null;
}
frontend/js/utils.js
+6
View File
@@ -459,6 +459,12 @@ function closeEditor() {
state.editorView = null;
}
state.fallbackEditorEl = null;
// Remove forge iframe if present + refresh current file
var forgeFrame = document.getElementById("forge-iframe");
if (forgeFrame) {
forgeFrame.remove();
if (state.currentVault && state.currentPath) openFile(state.currentVault, state.currentPath);
}
state.editorVault = null;
state.editorPath = null;
// Refresh file content if we're viewing the edited file
frontend/js/viewer.js
+12 -2
View File
@@ -499,8 +499,18 @@ export function renderFile(data) {
const forgeBtn = el("button", { class: "btn-action btn-forge", title: "Forge (nouvel editeur)" }, [icon("hammer", 14), document.createTextNode("Forge")]);
forgeBtn.addEventListener("click", () => {
var forgeUrl = "/editor-poc?vault=" + encodeURIComponent(data.vault) + "&path=" + encodeURIComponent(data.path);
window.open(forgeUrl, "_blank");
var modal = document.getElementById("editor-modal");
var titleEl = document.getElementById("editor-title");
var bodyEl = document.getElementById("editor-body");
titleEl.textContent = "Forge: " + data.path.split("/").pop();
bodyEl.innerHTML = "";
var iframe = document.createElement("iframe");
iframe.id = "forge-iframe";
iframe.src = "/editor-poc?vault=" + encodeURIComponent(data.vault) + "&path=" + encodeURIComponent(data.path);
iframe.style.cssText = "width:100%;height:100%;border:none;";
bodyEl.appendChild(iframe);
modal.classList.add("active");
safeCreateIcons();
});
const openNewWindowBtn = el("button", { class: "btn-action", title: "Ouvrir dans une nouvelle fenetre" }, [icon("external-link", 14), document.createTextNode("pop-out")]);