From 9a0234e918f7ba79d2f3eefcf8eb92ee84260b7a Mon Sep 17 00:00:00 2001 From: Roy Macdonald Date: Sat, 20 Jun 2026 18:29:06 -0400 Subject: [PATCH 1/5] Fixed drag and drop --- frontend/app.js | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/frontend/app.js b/frontend/app.js index bd778016..c5683841 100644 --- a/frontend/app.js +++ b/frontend/app.js @@ -1,6 +1,6 @@ //nodeRequire is used instead of require due to clash with node and jquery //see section - I can not use jQuery/RequireJS/Meteor/AngularJS in Electron : https://www.electronjs.org/docs/latest/faq/ -const { ipcRenderer } = nodeRequire('electron'); +const { ipcRenderer, webUtils } = nodeRequire('electron'); path = nodeRequire('path'); fs = nodeRequire('fs'); @@ -911,7 +911,8 @@ function onDropFile( e ){ const files = e.originalEvent.dataTransfer.files; // import single project folder $("#projectName").val( files[0].name ); - const projectFullPath = files[0].path; + // Electron 32+ removed the File.path augmentation; use webUtils.getPathForFile instead. + const projectFullPath = webUtils.getPathForFile( files[0] ); const projectParentPath = path.normalize(projectFullPath + '/..'); $("#projectPath").val( projectParentPath ).triggerHandler('change'); From 2c2a2823ef6bf704039b29731b50237216e96879 Mon Sep 17 00:00:00 2001 From: Roy Macdonald Date: Sun, 21 Jun 2026 00:48:10 -0400 Subject: [PATCH 2/5] making file drop modal to use whole window --- frontend/static/css/index.css | 46 ++++++++++++++++++++++++++++++++--- 1 file changed, 43 insertions(+), 3 deletions(-) diff --git a/frontend/static/css/index.css b/frontend/static/css/index.css index d0b8a19a..ed957b42 100644 --- a/frontend/static/css/index.css +++ b/frontend/static/css/index.css @@ -91,12 +91,52 @@ body.enableConsole.showConsole #consoleContainer { color: inherit; } -#dropZone { - height: 500px; +/* Make the file-drop modal fill the whole window so the entire window is a + valid (and visible) drop target. Semantic UI shows the modal inside a + full-screen flexbox dimmer and forces the modal itself to position:static so + flex can center it as a small, content-sized box. We override that with + position:fixed !important + inset:0 so the modal (and its drop overlay) cover + the whole viewport instead of just the centered box. */ + +#fileDropModal.ui.modal { + position: fixed !important; + top: 0 !important; + left: 0 !important; + right: 0 !important; + bottom: 0 !important; + width: auto !important; + height: auto !important; + max-width: none !important; + max-height: none !important; + margin: 0 !important; + transform: none !important; + background: transparent; + box-shadow: none; + border-radius: 0; +} + +#fileDropModal > .content { + width: 100% !important; + height: 100% !important; + padding: 0 !important; + background: transparent; +} + +#fileDropModal #dropZone { + height: 100%; width: 100%; + height: calc(100% - 40px); + width: calc(100% - 40px); + + border-radius: 5px; + + box-sizing: border-box; border: 1px dashed black; - margin: 10px 0; + margin: 20px; padding: 20px; + display: flex; + align-items: center; + justify-content: center; } #dropZone.accept { From b1b44ca036f2aab2401c7f0f992a29dafe817a5a Mon Sep 17 00:00:00 2001 From: Roy Macdonald Date: Sun, 21 Jun 2026 12:02:59 -0400 Subject: [PATCH 3/5] Added some margins to the drag and drop zone so it looks like it was before --- frontend/static/css/index.css | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/frontend/static/css/index.css b/frontend/static/css/index.css index ed957b42..f7317490 100644 --- a/frontend/static/css/index.css +++ b/frontend/static/css/index.css @@ -100,17 +100,17 @@ body.enableConsole.showConsole #consoleContainer { #fileDropModal.ui.modal { position: fixed !important; - top: 0 !important; - left: 0 !important; - right: 0 !important; - bottom: 0 !important; + top: 20px !important; + left: 20px !important; + right: 20px !important; + bottom: 20px !important; width: auto !important; height: auto !important; max-width: none !important; max-height: none !important; margin: 0 !important; transform: none !important; - background: transparent; + background: white; box-shadow: none; border-radius: 0; } From 834045e32979f7155cff45f1d80ed7b0d5eef3e3 Mon Sep 17 00:00:00 2001 From: Roy Macdonald Date: Sun, 21 Jun 2026 21:49:09 -0400 Subject: [PATCH 4/5] Update Node.js version from 16 to 24 --- .github/workflows/build-macos.yml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/.github/workflows/build-macos.yml b/.github/workflows/build-macos.yml index 2f7d09f4..b7b6d971 100644 --- a/.github/workflows/build-macos.yml +++ b/.github/workflows/build-macos.yml @@ -34,7 +34,7 @@ jobs: - uses: actions/setup-node@v4 with: - node-version: 16 + node-version: 24 - name: Setup run: ./scripts/osx/setup_environment.sh - name: Determine Release From 4bc9fbc82cdd5125e6edea7e601d352c33d1834c Mon Sep 17 00:00:00 2001 From: Roy Macdonald Date: Mon, 22 Jun 2026 22:39:44 -0400 Subject: [PATCH 5/5] fixed CI builds by removing clean-modules --- scripts/linux/build_frontend.sh | 5 +---- scripts/osx/build_dev_frontend.sh | 5 +---- scripts/osx/build_frontend.sh | 5 +---- 3 files changed, 3 insertions(+), 12 deletions(-) diff --git a/scripts/linux/build_frontend.sh b/scripts/linux/build_frontend.sh index 6ce80b76..7f3d774c 100755 --- a/scripts/linux/build_frontend.sh +++ b/scripts/linux/build_frontend.sh @@ -59,11 +59,8 @@ npm audit fix echo "Building openFrameworks Frontend ${FRONTEND_TARGET}" npm install echo "====== install" -npm update +npm update echo "====== update" -npm install -g clean-modules -clean-modules -y -echo "====== clean" npm run echo "====== run" diff --git a/scripts/osx/build_dev_frontend.sh b/scripts/osx/build_dev_frontend.sh index 50ac5098..3ba3ce07 100755 --- a/scripts/osx/build_dev_frontend.sh +++ b/scripts/osx/build_dev_frontend.sh @@ -80,11 +80,8 @@ npm audit fix echo "Building openFrameworks Frontend ${FRONTEND_TARGET}" npm install echo "====== install" -npm update +npm update echo "====== update" -npm install -g clean-modules -clean-modules -y -echo "====== clean" npm run echo "====== run" diff --git a/scripts/osx/build_frontend.sh b/scripts/osx/build_frontend.sh index b836f1db..1ca978ad 100755 --- a/scripts/osx/build_frontend.sh +++ b/scripts/osx/build_frontend.sh @@ -82,11 +82,8 @@ npm audit fix echo "Building openFrameworks Frontend [${FRONTEND_TARGET}]" npm install echo "====== install" -npm update +npm update echo "====== update" -npm install -g clean-modules -clean-modules -y -echo "====== clean" npm run echo "====== run"