Fixed css properties not changed after code editor changes #358

Show server response as message on page save error.

libs/builder/builder.js

@@ -1085,6 +1085,8 @@ Vvveb.Builder = {
 						let pos;
 						let target;
 
+						highlightBox.style.display = "none"; 
+
 						if (self.selectedEl) {
 							pos    = offset(self.selectedEl);
 							target = self.selectedEl;
@@ -2036,6 +2038,7 @@ Vvveb.Builder = {
 		doc.querySelectorAll("[contenteditable]").forEach(e => e.removeAttribute("contenteditable"));
 		doc.querySelectorAll("[spellcheckker]").forEach(e => e.removeAttribute("spellcheckker"));
 		doc.querySelectorAll('script[src^="chrome-extension://"]').forEach(e => e.remove());
+		doc.querySelectorAll('script[src^="moz-extension://"]').forEach(e => e.remove());
 
 		// scroll page to top to avoid saving the page in a different state
 		// like saving with sticky classes set for navbar etc
@@ -2184,7 +2187,7 @@ Vvveb.Builder = {
 			body:  nestedFormData(data)
 		})
 		.then((response) => {
-			if (!response.ok) { throw new Error(response) }
+			if (!response.ok) {  return Promise.reject(response);  }
 			return response.text();
 		})
 		.then((data) => {
@@ -2194,7 +2197,13 @@ Vvveb.Builder = {
 		})
 		.catch((err) => {
 			if (error) error(err);
-			displayToast("bg-danger", "Error", "Error saving!");
+			let message = error.statusText ?? "Error saving!";
+			displayToast("bg-danger", "Error", message);
+
+			err.text().then( errorMessage => {
+			  	let message = errorMessage.substr(0, 200);
+				displayToast("bg-danger", "Error", message);
+			})
 		});
 	},
 
@@ -2416,8 +2425,13 @@ Vvveb.Gui = {
 		}, (error) => {
 			document.querySelector(".loading", btn).classList.toggle("d-none");
 			document.querySelector(".button-text", btn).classList.toggle("d-none");
-
-			displayToast("bg-danger", "Error", "Error saving!");
+			let message = error.statusText ?? "Error saving!";
+			displayToast("bg-danger", "Error", message);
+
+			error.text().then( errorMessage => {
+			  	let message = errorMessage.substr(0, 200);
+				displayToast("bg-danger", "Error", message);
+			})
 		});		
 	},
 
@@ -2637,9 +2651,11 @@ Vvveb.StyleManager = {
 	cssContainer:false,
 	mobileWidth: '320px',
 	tabletWidth: '768px',
+	doc:false,
 
 	init: function(doc) {
 		if (doc) {
+			this.doc = doc;
 
 			let style = false;
 			let _style = false;
@@ -2802,6 +2818,9 @@ Vvveb.StyleManager = {
 		//this.cssContainer.innerHTML = css;
 
 		//return element;
+		//refresh container element to avoid issues with changes from code editor
+		this.cssContainer = this.doc.getElementById("vvvebjs-styles");
+
 		let css = "";
 		for (media in this.styles) {
 			if (media === "tablet" || media === "mobile") {
@@ -3503,7 +3522,7 @@ Vvveb.FileManager = {
 
 				fetch(deleteUrl, {method: "POST",  body: new URLSearchParams({file:page.file})})
 				.then((response) => {
-					if (!response.ok) { throw new Error(response) }
+					if (!response.ok) {  return Promise.reject(response);  }
 					return response.text()
 				})
 				.then((data) => {
@@ -3518,7 +3537,13 @@ Vvveb.FileManager = {
 				})
 				.catch(error => {
 					console.log(error.statusText);
-					displayToast("bg-danger", "Error", "Error deleting page!");
+					let message = error.statusText ?? "Error deleting page!";
+					displayToast("bg-danger", "Error", message);
+
+					err.text().then( errorMessage => {
+						let message = errorMessage.substr(0, 200);
+						displayToast("bg-danger", "Error", message);
+					})					
 				});
 
 				element.remove();
@@ -3541,7 +3566,7 @@ Vvveb.FileManager = {
 
 				fetch(renameUrl, {method: "POST",  body: new URLSearchParams({file:page.file, newfile:newfile, duplicate})})
 				.then((response) => {
-					if (!response.ok) { throw new Error(response) }
+					if (!response.ok) {  return Promise.reject(response);  }
 					return response.text()
 				})
 				.then((data) => {
@@ -3573,7 +3598,13 @@ Vvveb.FileManager = {
 				})
 				.catch(error => {
 					console.log(error);
-					displayToast("bg-danger", "Error", "Error renaming page!");
+					let message = error.statusText ?? "Error renaming page!";
+					displayToast("bg-danger", "Error", message);
+
+					err.text().then( errorMessage => {
+						let message = errorMessage.substr(0, 200);
+						displayToast("bg-danger", "Error", message);
+					})
 				});				
 			}
 		}