Add custom message support

README.md

@@ -27,6 +27,14 @@ let form = document.querySelector('#form')
 new DirtyForm(form)
 ```
 
+If you want to customize the message:
+
+```javascript
+new DirtyForm(form, {
+  message: 'You have unsaved changes. Are you sure you want to leave?',
+})
+```
+
 ### Stimulus example
 
 ```html

dist/dirty-form.js

@@ -116,12 +116,15 @@ var DirtyForm =
 /*#__PURE__*/
 function () {
   function DirtyForm(form) {
+    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
     _classCallCheck(this, DirtyForm);
 
     this.form = form;
     this.isDirty = false;
     this.initialValues = {};
     this.fields = [].concat(_toConsumableArray(this.form.elements), _toConsumableArray(this.form.querySelectorAll('trix-editor')));
+    this.message = options['message'] || 'You have unsaved changes!';
     this.setupFields();
     this.setFormHandlers();
   }
@@ -158,13 +161,13 @@ function () {
 
       window.onbeforeunload = function () {
         if (_this2.isDirty) {
-          return 'You have unsaved changes!';
+          return _this2.message;
         }
       };
 
       if (typeof Turbolinks !== 'undefined') {
         document.addEventListener('turbolinks:before-visit', function (event) {
-          if (_this2.isDirty && !confirm('You have unsaved changes!')) {
+          if (_this2.isDirty && !confirm(_this2.message)) {
             event.preventDefault();
           } else {
             _this2.isDirty = false;

package.json

@@ -1,6 +1,6 @@
 {
   "name": "dirty-form",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "A lightweight plugin to prevent losing data when editing forms. No dependencies.",
   "main": "dist/dirty-form.js",
   "files": [

src/dirty-form.js

@@ -1,12 +1,13 @@
 class DirtyForm {
-  constructor(form) {
+  constructor(form, options = {}) {
     this.form = form;
     this.isDirty = false;
     this.initialValues = {};
     this.fields = [
       ...this.form.elements,
       ...this.form.querySelectorAll('trix-editor')
     ]
+    this.message = options['message'] || 'You have unsaved changes!';
 
     this.setupFields();
     this.setFormHandlers();
@@ -39,12 +40,12 @@ class DirtyForm {
     // Handle leaving page
     window.onbeforeunload = () => {
       if (this.isDirty) {
-        return 'You have unsaved changes!';
+        return this.message;
       }
     };
     if (typeof Turbolinks !== 'undefined') {
       document.addEventListener('turbolinks:before-visit', (event) => {
-        if (this.isDirty && !confirm('You have unsaved changes!')) {
+        if (this.isDirty && !confirm(this.message)) {
           event.preventDefault()
         } else {
           this.isDirty = false;