@domql/element 2.5.113 → 2.5.114

package/dist/cjs/methods/index.js

@@ -34,7 +34,8 @@ __export(methods_exports, {
   remove: () => remove,
   setNodeStyles: () => setNodeStyles,
   setProps: () => setProps,
-  spotByPath: () => spotByPath
+  spotByPath: () => spotByPath,
+  variables: () => variables
 });
 module.exports = __toCommonJS(methods_exports);
 var import_utils = require("@domql/utils");
@@ -237,6 +238,40 @@ const previousElement = function(el) {
   const currentIndex = __children.indexOf(key);
   return parent[__children[currentIndex - 1]];
 };
+const variables = function(obj = {}) {
+  const element = this;
+  if (!element.data)
+    element.data = {};
+  if (!element.data.varCaches)
+    element.data.varCaches = {};
+  const varCaches = element.data.varCaches;
+  const changes = {};
+  let changed;
+  for (const key in obj) {
+    if (obj[key] !== varCaches[key]) {
+      changed = true;
+      changes[key] = obj[key];
+    }
+  }
+  return {
+    changed: (cb) => {
+      if (!changed)
+        return;
+      cb(changes, (0, import_utils.deepClone)(varCaches));
+      for (const key in changes) {
+        varCaches[key] = changes[key];
+      }
+    },
+    timeout: (cb, timeout) => {
+      if (!changed)
+        return;
+      const t = setTimeout(() => {
+        cb(changes);
+        clearTimeout(t);
+      }, timeout);
+    }
+  };
+};
 const METHODS = [
   "set",
   "reset",
@@ -253,6 +288,7 @@ const METHODS = [
   "parse",
   "setProps",
   "parseDeep",
+  "variables",
   "if",
   "log",
   "nextElement",

package/dist/cjs/methods/set.js

@@ -41,6 +41,7 @@ const addMethods = (element, parent) => {
     set: import_set.default.bind(element),
     reset: import_set.reset.bind(element),
     update: import_update.default.bind(element),
+    variables: import__.variables.bind(element),
     remove: import__.remove.bind(element),
     updateContent: import_content.updateContent.bind(element),
     removeContent: import_content.removeContent.bind(element),

package/dist/cjs/mixins/registry.js

@@ -61,6 +61,7 @@ var registry_default = {
   remove: {},
   updateContent: {},
   removeContent: {},
+  variables: {},
   lookup: {},
   lookdown: {},
   lookdownAll: {},

package/dist/cjs/set.js

@@ -66,6 +66,7 @@ const set = function(params, options = {}, el) {
   if (options.preventContentUpdate === true && !hasCollection)
     return;
   if (ref.__noCollectionDifference || __contentRef && __contentRef.__cached && (0, import_utils.deepContains)(params, content)) {
+    console.log((0, import_utils.deepContains)(params, content));
     if (content == null ? void 0 : content.update)
       content.update();
     return;

package/methods/index.js

@@ -1,6 +1,6 @@
 'use strict'
 
-import { isDefined, isObject, isFunction, isObjectLike, isProduction, removeValueFromArray } from '@domql/utils'
+import { isDefined, isObject, isFunction, isObjectLike, isProduction, removeValueFromArray, deepClone } from '@domql/utils'
 import { TREE } from '../tree'
 import { parseFilters, registry } from '../mixins'
 
@@ -210,6 +210,37 @@ export const previousElement = function (el) {
   return parent[__children[currentIndex - 1]]
 }
 
+export const variables = function (obj = {}) {
+  const element = this
+  if (!element.data) element.data = {}
+  if (!element.data.varCaches) element.data.varCaches = {}
+  const varCaches = element.data.varCaches
+  const changes = {}
+  let changed
+  for (const key in obj) {
+    if (obj[key] !== varCaches[key]) {
+      changed = true
+      changes[key] = obj[key]
+    }
+  }
+  return {
+    changed: (cb) => {
+      if (!changed) return
+      cb(changes, deepClone(varCaches))
+      for (const key in changes) {
+        varCaches[key] = changes[key]
+      }
+    },
+    timeout: (cb, timeout) => {
+      if (!changed) return
+      const t = setTimeout(() => {
+        cb(changes)
+        clearTimeout(t)
+      }, timeout)
+    }
+  }
+}
+
 export const METHODS = [
   'set',
   'reset',
@@ -226,6 +257,7 @@ export const METHODS = [
   'parse',
   'setProps',
   'parseDeep',
+  'variables',
   'if',
   'log',
   'nextElement',

package/methods/set.js

@@ -14,6 +14,7 @@ import {
   remove,
   spotByPath,
   log,
+  variables,
   keys,
   parse,
   parseDeep,
@@ -28,6 +29,7 @@ export const addMethods = (element, parent) => {
     set: set.bind(element),
     reset: reset.bind(element),
     update: update.bind(element),
+    variables: variables.bind(element),
     remove: remove.bind(element),
     updateContent: updateContent.bind(element),
     removeContent: removeContent.bind(element),

package/mixins/registry.js

@@ -45,6 +45,7 @@ export default {
   remove: {},
   updateContent: {},
   removeContent: {},
+  variables: {},
   lookup: {},
   lookdown: {},
   lookdownAll: {},

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@domql/element",
-  "version": "2.5.113",
+  "version": "2.5.114",
   "license": "MIT",
   "type": "module",
   "module": "index.js",
@@ -31,7 +31,7 @@
     "@domql/state": "latest",
     "@domql/utils": "latest"
   },
-  "gitHead": "8436abbfa2752c4659982516ff9ad1db80862e42",
+  "gitHead": "61b7ecee05aaf0d6682e5f3cdb11f0091e880f3d",
   "devDependencies": {
     "@babel/core": "^7.12.0"
   }

package/set.js

@@ -37,6 +37,7 @@ const set = function (params, options = {}, el) {
   if (options.preventContentUpdate === true && !hasCollection) return
 
   if (ref.__noCollectionDifference || (__contentRef && __contentRef.__cached && deepContains(params, content))) {
+    console.log(deepContains(params, content))
     if (content?.update) content.update()
     return
   }