native-document 1.0.9 → 1.0.10

package/index.js

@@ -2,6 +2,7 @@ export { default as HtmlElementWrapper, ElementCreator } from './src/wrappers/Ht
 
 import './src/utils/prototypes.js';
 
+export * from './src/utils/plugins-manager';
 export * from './src/utils/args-types';
 export * from './src/data/Observable';
 export * from './src/data/Store';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "native-document",
-  "version": "1.0.9",
+  "version": "1.0.10",
   "main": "index.js",
   "type": "module",
   "scripts": {

package/src/data/Observable.js

@@ -120,6 +120,26 @@ Observable.init = function(value) {
 
 Observable.object = Observable.init;
 Observable.json = Observable.init;
+Observable.update = function($target, data) {
+    for(const key in data) {
+        const targetItem = $target[key];
+        const newValue = data[key];
+
+        if(Validator.isObservable(targetItem)) {
+            if(Validator.isArray(newValue)) {
+                Observable.update(targetItem, newValue);
+                continue;
+            }
+            targetItem.set(newValue);
+            continue;
+        }
+        if(Validator.isProxy(targetItem)) {
+            Observable.update(targetItem, newValue);
+            continue;
+        }
+        $target[key] = newValue;
+    }
+};
 /**
  *
  * @param {Array} target

package/src/utils/plugins-manager.js

@@ -0,0 +1,12 @@
+
+const pluginsManager = (function() {
+
+    const $plugins = [];
+
+    return {
+        list : () => $plugins,
+        add : (plugin) => $plugins.push(plugin)
+    };
+}());
+
+export default pluginsManager;

package/src/utils/validator.js

@@ -70,7 +70,13 @@ const Validator = {
 
         return children;
     },
-
+    containsObservables(data) {
+        if(!data) {
+            return false;
+        }
+        return Validator.isObject(data)
+            && Object.values(data).some(value => Validator.isObservable(value));
+    },
     validateAttributes(attributes) {
         if (!attributes || typeof attributes !== 'object') {
             return attributes;

package/src/wrappers/HtmlElementWrapper.js

@@ -5,6 +5,7 @@ import DocumentObserver from "./DocumentObserver";
 import Validator from "../utils/validator";
 import DebugManager from "../utils/debug-manager";
 import Anchor from "../elements/anchor";
+import PluginsManager from "../utils/plugins-manager";
 
 /**
  *
@@ -160,6 +161,11 @@ export const ElementCreator = {
         HtmlElementEventsWrapper(element);
         const item = (typeof customWrapper === 'function') ? customWrapper(element) : element;
         addUtilsMethods(item);
+
+        PluginsManager.list().forEach(plugin => {
+            plugin?.element?.setup && plugin.element.setup(item, attributes);
+        });
+
         return item;
     }
 };