Added warning when leaving automation editor with unsaved edits

[EvanHahn]

closes https://linear.app/ghost/issue/NY-1297

Screencast.mp4

Before this change, publishers could leave the automations editor (e.g., by closing the browser tab) when their draft had unsaved changes or when an edit request was active.

Now, they get a browser-level warning message. This is the best we can do to keep them on the page.

(Note that we plan to add in-app confirmation dialogs in other places, such as when you click the in-app back button. This is related but separate.)

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

Run ID: 685df573-f56d-4a9d-92ea-8003a2e88a9d

📥 Commits

Reviewing files that changed from the base of the PR and between 36fe149 and 6f291c3.

📒 Files selected for processing (5)

• apps/admin-x-framework/src/hooks.ts
• apps/admin-x-framework/src/hooks/use-confirm-unload.ts
• apps/admin-x-framework/src/index.ts
• apps/admin-x-framework/test/unit/hooks/use-confirm-unload.test.ts
• apps/posts/src/views/Automations/editor.tsx

---

Walkthrough

Adds a new React hook useConfirmUnload that conditionally registers a window beforeunload listener (calling event.preventDefault() and setting event.returnValue = ''), cleans it up on dependency change or unmount, re-exports the hook from admin-x-framework entrypoints, adds unit tests covering registration, handler behavior, toggling, and unmount cleanup, and integrates the hook into AutomationEditor using isEditRequestActive || hasUnsavedChanges.

Suggested reviewers

• troyciesco

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (4 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title accurately and concisely summarizes the main change: adding a browser warning when leaving the automation editor with unsaved edits.
Description check	✅ Passed	The description clearly explains the change, provides context about the issue being closed, describes the user-facing behavior, and explains the limitation and future plans.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch evanhahn-ny-1297-add-beforeunload-handler-when-1-edit-request-is-active-2

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[github-actions]

E2E Tests Failed

To view the Playwright test report locally, run:

REPORT_DIR=$(mktemp -d) && gh run download 26238439252 -n playwright-report -D "$REPORT_DIR" && npx playwright show-report "$REPORT_DIR"

[github-actions]

E2E Tests Failed

To view the Playwright test report locally, run:

REPORT_DIR=$(mktemp -d) && gh run download 26238439252 -n playwright-report -D "$REPORT_DIR" && npx playwright show-report "$REPORT_DIR"