fix: update observer obseve param to type and and attributeName to attributeFilter

Author: frankpagan

src/fetchSrc.js

@@ -240,7 +240,7 @@ function base64ToArrayBuffer(base64) {
 
 observer.init({
 	name: "CoCreateSrc",
-	observe: ["addedNodes"],
+	types: ["addedNodes"],
 	selector: selector,
 	callback: function (mutation) {
 		init(mutation.target);
@@ -249,7 +249,7 @@ observer.init({
 
 observer.init({
 	name: "CoCreateSrcOperator",
-	observe: ["addedNodes"],
+	types: ["addedNodes"],
 	selector: "img",
 	// selector: "img, video, audio, script, input, iframe, frame, link, source",
 	callback: function (mutation) {
@@ -262,8 +262,8 @@ observer.init({
 
 observer.init({
 	name: "CoCreateSrcAttributes",
-	observe: ["attributes"],
-	attributeName: ["src"],
+	types: ["attributes"],
+	attributeFilter: ["src"],
 	selector: selector,
 	callback: function (mutation) {
 		if (

src/form.js

@@ -183,15 +183,15 @@ function setValue(form) {
 
 Observer.init({
 	name: "CoCreateForm",
-	observe: ["addedNodes"],
+	types: ["addedNodes"],
 	selector: "form",
 	callback: (mutation) => init(mutation.target)
 });
 
 Observer.init({
 	name: "CoCreateForm",
-	observe: ["attributes"],
-	attributeName: getAttributeNames([
+	types: ["attributes"],
+	attributeFilter: getAttributeNames([
 		"organization_id",
 		"host",
 		"storage",
@@ -207,7 +207,7 @@ Observer.init({
 
 Observer.init({
 	name: "CoCreateFormElements",
-	observe: ["addedNodes"],
+	types: ["addedNodes"],
 	selector:
 		"[organization_id], [host], [storage], [database], [array], [index], [object], [key]",
 	callback: function (mutation) {

src/index.js

@@ -1323,7 +1323,7 @@ function initSocket() {
 
 Observer.init({
 	name: "render",
-	observe: ["addedNodes"],
+	types: ["addedNodes"],
 	selector: "[render-clone]",
 	callback: function (mutation) {
 		if (!mutation.parentElement.hasAttribute("dnd")) return;
@@ -1472,16 +1472,16 @@ function dndCrudSend(data, crudType) {
 
 Observer.init({
 	name: "CoCreateElementsChildList",
-	observe: ["childList"],
+	types: ["addedNodes"],
 	selector: selector,
 	callback: function (mutation) {
-		init(mutation.addedNodes);
+		init([mutation.target]);
 	}
 });
 
 Observer.init({
 	name: "CoCreateElementsRemovedNodes",
-	observe: ["removedNodes"],
+	types: ["removedNodes"],
 	selector: selector,
 	callback: function (mutation) {
 		// if (mutation.target.parentElement) return
@@ -1499,8 +1499,8 @@ Observer.init({
 
 Observer.init({
 	name: "CoCreateElementsAttributes",
-	observe: ["attributes"],
-	attributeName: [
+	types: ["attributes"],
+	attributeFilter: [
 		"organization_id",
 		"host",
 		"storage",

src/value.js

@@ -86,7 +86,7 @@ init();
 
 Observer.init({
 	name: "CoCreateElementsValueAdded",
-	observe: ["addedNodes"],
+	types: ["addedNodes"],
 	selector: selector,
 	callback: function (mutation) {
 		init(mutation.target);
@@ -95,8 +95,8 @@ Observer.init({
 
 Observer.init({
 	name: "CoCreateElementsAttributes",
-	observe: ["attributes"],
-	attributeName: [
+	types: ["attributes"],
+	attributeFilter: [
 		"value-selector",
 		"value-closest",
 		"value-parent",