@domql/utils 2.5.126 → 2.5.134

package/component.js

@@ -0,0 +1,159 @@
+'use strict'
+
+import { exec, isArray, isFunction, isObject, isString, joinArrays } from '.'
+const ENV = process.env.NODE_ENV
+
+export const checkIfKeyIsComponent = (key) => {
+  const isFirstKeyString = isString(key)
+  if (!isFirstKeyString) return
+  const firstCharKey = key.slice(0, 1)
+  return /^[A-Z]*$/.test(firstCharKey)
+}
+
+export const checkIfKeyIsProperty = (key) => {
+  const isFirstKeyString = isString(key)
+  if (!isFirstKeyString) return
+  const firstCharKey = key.slice(0, 1)
+  return /^[a-z]*$/.test(firstCharKey)
+}
+
+export const addAdditionalExtend = (newExtend, element) => {
+  const { extend: elementExtend } = element
+  const originalArray = isArray(elementExtend) ? elementExtend : [elementExtend]
+  const receivedArray = isArray(newExtend) ? newExtend : [newExtend]
+  const extend = joinArrays(receivedArray, originalArray)
+  return { ...element, extend }
+}
+
+export const extendizeByKey = (element, parent, key) => {
+  const { context } = parent
+  const { tag, extend, props, attr, state, childExtend, childProps, on, if: condition, data } = element
+  const hasComponentAttrs = extend || childExtend || props || state || on || condition || attr || data
+
+  const extendFromKey = key.includes('+')
+    ? key.split('+') // get array of componentKeys
+    : key.includes('_')
+      ? [key.split('_')[0]] // get component key split _
+      : key.includes('.') && !checkIfKeyIsComponent(key.split('.')[1])
+        ? [key.split('.')[0]] // get component key split .
+        : [key]
+
+  // console.log(extendFromKey)
+  // console.log(context, context?.components)
+  // console.log(element)
+  const isExtendKeyComponent = context && context.components[extendFromKey]
+
+  if (element === isExtendKeyComponent) return element
+  else if (!hasComponentAttrs || childProps) {
+    return {
+      extend: extendFromKey,
+      tag,
+      props: { ...element }
+    }
+  } else if (!extend || extend === true) {
+    return {
+      ...element,
+      tag,
+      extend: extendFromKey
+    }
+  } else if (extend) {
+    return addAdditionalExtend(extendFromKey, element)
+  } else if (isFunction(element)) {
+    return {
+      extend: extendFromKey,
+      tag,
+      props: { ...exec(element, parent) }
+    }
+  }
+}
+
+export const applyKeyComponentAsExtend = (element, parent, key) => {
+  return extendizeByKey(element, parent, key) || element
+}
+
+export const applyComponentFromContext = (element, parent, options) => {
+  const { context } = element
+
+  if (!context || !context.components) return
+
+  const { components } = context
+  const { extend } = element
+  const execExtend = exec(extend, element)
+  if (isString(execExtend)) {
+    const componentExists = components[execExtend] || components['smbls.' + execExtend]
+    if (componentExists) element.extend = componentExists
+    else {
+      if ((ENV === 'test' || ENV === 'development') && options.verbose) {
+        console.warn(execExtend, 'is not in library', components, element)
+        console.warn('replacing with ', {})
+      }
+      element.extend = {}
+    }
+  }
+}
+
+export const isVariant = (param) => {
+  if (!isString(param)) return
+  const firstCharKey = param.slice(0, 1)
+  // return (firstCharKey === '.' || firstCharKey === '$')
+  return (firstCharKey === '.')
+}
+
+export const hasVariantProp = (element) => {
+  const { props } = element
+  if (isObject(props) && isString(props.variant)) return true
+}
+
+export const getChildrenComponentsByKey = (key, el) => {
+  if (key === el.key || el.__ref.__componentKey === key) {
+    return el
+  }
+
+  // Check if the prop is "extend" and it's either a string or an array
+  if (el.extend) {
+    // Add the value of the extend key to the result array
+    const foundString = isString(el.extend) && el.extend === key
+    const foundInArray = isArray(el.extend) && el.extend.filter(v => v === key).length
+    if (foundString || foundInArray) return el
+  }
+
+  if (el.parent && el.parent.childExtend) {
+    // Add the value of the extend key to the result array
+    const foundString = isString(el.parent.childExtend) && el.parent.childExtend === key
+    const foundInArray = isArray(el.parent.childExtend) && el.parent.childExtend.filter(v => v === key).length
+    if (foundString || foundInArray) return el
+  }
+}
+
+export const getExtendsInElement = (obj) => {
+  let result = []
+
+  function traverse (o) {
+    for (const key in o) {
+      if (Object.hasOwnProperty.call(o, key)) {
+        // Check if the key starts with a capital letter and exclude keys like @mobileL, $propsCollection
+        if (checkIfKeyIsComponent(key)) {
+          result.push(key)
+        }
+
+        // Check if the key is "extend" and it's either a string or an array
+        if (key === 'extend') {
+          // Add the value of the extend key to the result array
+          if (typeof o[key] === 'string') {
+            result.push(o[key])
+          } else if (Array.isArray(o[key])) {
+            result = result.concat(o[key])
+          }
+        }
+
+        // If the property is an object, traverse it
+        if (typeof o[key] === 'object' && o[key] !== null) {
+          traverse(o[key])
+        }
+      }
+    }
+  }
+
+  traverse(obj)
+  return result
+}

package/cookie.js

@@ -27,3 +27,8 @@ export const getCookie = (cname) => {
   }
   return ''
 }
+
+export const removeCookie = (cname) => {
+  if (isUndefined(document) || isUndefined(document.cookie)) return
+  document.cookie = cname + '=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;'
+}

package/dist/cjs/component.js

@@ -0,0 +1,160 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var component_exports = {};
+__export(component_exports, {
+  addAdditionalExtend: () => addAdditionalExtend,
+  applyComponentFromContext: () => applyComponentFromContext,
+  applyKeyComponentAsExtend: () => applyKeyComponentAsExtend,
+  checkIfKeyIsComponent: () => checkIfKeyIsComponent,
+  checkIfKeyIsProperty: () => checkIfKeyIsProperty,
+  extendizeByKey: () => extendizeByKey,
+  getChildrenComponentsByKey: () => getChildrenComponentsByKey,
+  getExtendsInElement: () => getExtendsInElement,
+  hasVariantProp: () => hasVariantProp,
+  isVariant: () => isVariant
+});
+module.exports = __toCommonJS(component_exports);
+var import__ = require(".");
+const ENV = "development";
+const checkIfKeyIsComponent = (key) => {
+  const isFirstKeyString = (0, import__.isString)(key);
+  if (!isFirstKeyString)
+    return;
+  const firstCharKey = key.slice(0, 1);
+  return /^[A-Z]*$/.test(firstCharKey);
+};
+const checkIfKeyIsProperty = (key) => {
+  const isFirstKeyString = (0, import__.isString)(key);
+  if (!isFirstKeyString)
+    return;
+  const firstCharKey = key.slice(0, 1);
+  return /^[a-z]*$/.test(firstCharKey);
+};
+const addAdditionalExtend = (newExtend, element) => {
+  const { extend: elementExtend } = element;
+  const originalArray = (0, import__.isArray)(elementExtend) ? elementExtend : [elementExtend];
+  const receivedArray = (0, import__.isArray)(newExtend) ? newExtend : [newExtend];
+  const extend = (0, import__.joinArrays)(receivedArray, originalArray);
+  return { ...element, extend };
+};
+const extendizeByKey = (element, parent, key) => {
+  const { context } = parent;
+  const { tag, extend, props, attr, state, childExtend, childProps, on, if: condition, data } = element;
+  const hasComponentAttrs = extend || childExtend || props || state || on || condition || attr || data;
+  const extendFromKey = key.includes("+") ? key.split("+") : key.includes("_") ? [key.split("_")[0]] : key.includes(".") && !checkIfKeyIsComponent(key.split(".")[1]) ? [key.split(".")[0]] : [key];
+  const isExtendKeyComponent = context && context.components[extendFromKey];
+  if (element === isExtendKeyComponent)
+    return element;
+  else if (!hasComponentAttrs || childProps) {
+    return {
+      extend: extendFromKey,
+      tag,
+      props: { ...element }
+    };
+  } else if (!extend || extend === true) {
+    return {
+      ...element,
+      tag,
+      extend: extendFromKey
+    };
+  } else if (extend) {
+    return addAdditionalExtend(extendFromKey, element);
+  } else if ((0, import__.isFunction)(element)) {
+    return {
+      extend: extendFromKey,
+      tag,
+      props: { ...(0, import__.exec)(element, parent) }
+    };
+  }
+};
+const applyKeyComponentAsExtend = (element, parent, key) => {
+  return extendizeByKey(element, parent, key) || element;
+};
+const applyComponentFromContext = (element, parent, options) => {
+  const { context } = element;
+  if (!context || !context.components)
+    return;
+  const { components } = context;
+  const { extend } = element;
+  const execExtend = (0, import__.exec)(extend, element);
+  if ((0, import__.isString)(execExtend)) {
+    const componentExists = components[execExtend] || components["smbls." + execExtend];
+    if (componentExists)
+      element.extend = componentExists;
+    else {
+      if ((ENV === "test" || ENV === "development") && options.verbose) {
+        console.warn(execExtend, "is not in library", components, element);
+        console.warn("replacing with ", {});
+      }
+      element.extend = {};
+    }
+  }
+};
+const isVariant = (param) => {
+  if (!(0, import__.isString)(param))
+    return;
+  const firstCharKey = param.slice(0, 1);
+  return firstCharKey === ".";
+};
+const hasVariantProp = (element) => {
+  const { props } = element;
+  if ((0, import__.isObject)(props) && (0, import__.isString)(props.variant))
+    return true;
+};
+const getChildrenComponentsByKey = (key, el) => {
+  if (key === el.key || el.__ref.__componentKey === key) {
+    return el;
+  }
+  if (el.extend) {
+    const foundString = (0, import__.isString)(el.extend) && el.extend === key;
+    const foundInArray = (0, import__.isArray)(el.extend) && el.extend.filter((v) => v === key).length;
+    if (foundString || foundInArray)
+      return el;
+  }
+  if (el.parent && el.parent.childExtend) {
+    const foundString = (0, import__.isString)(el.parent.childExtend) && el.parent.childExtend === key;
+    const foundInArray = (0, import__.isArray)(el.parent.childExtend) && el.parent.childExtend.filter((v) => v === key).length;
+    if (foundString || foundInArray)
+      return el;
+  }
+};
+const getExtendsInElement = (obj) => {
+  let result = [];
+  function traverse(o) {
+    for (const key in o) {
+      if (Object.hasOwnProperty.call(o, key)) {
+        if (checkIfKeyIsComponent(key)) {
+          result.push(key);
+        }
+        if (key === "extend") {
+          if (typeof o[key] === "string") {
+            result.push(o[key]);
+          } else if (Array.isArray(o[key])) {
+            result = result.concat(o[key]);
+          }
+        }
+        if (typeof o[key] === "object" && o[key] !== null) {
+          traverse(o[key]);
+        }
+      }
+    }
+  }
+  traverse(obj);
+  return result;
+};

package/dist/cjs/cookie.js

@@ -20,6 +20,7 @@ var cookie_exports = {};
 __export(cookie_exports, {
   getCookie: () => getCookie,
   isMobile: () => isMobile,
+  removeCookie: () => removeCookie,
   setCookie: () => setCookie
 });
 module.exports = __toCommonJS(cookie_exports);
@@ -49,3 +50,8 @@ const getCookie = (cname) => {
   }
   return "";
 };
+const removeCookie = (cname) => {
+  if ((0, import_types.isUndefined)(import_utils.document) || (0, import_types.isUndefined)(import_utils.document.cookie))
+    return;
+  import_utils.document.cookie = cname + "=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
+};

package/dist/cjs/index.js

@@ -27,3 +27,4 @@ __reExport(utils_exports, require("./string.js"), module.exports);
 __reExport(utils_exports, require("./globals.js"), module.exports);
 __reExport(utils_exports, require("./cookie.js"), module.exports);
 __reExport(utils_exports, require("./tags.js"), module.exports);
+__reExport(utils_exports, require("./component.js"), module.exports);

package/dist/cjs/object.js

@@ -18,7 +18,6 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var object_exports = {};
 __export(object_exports, {
-  checkIfKeyIsComponent: () => checkIfKeyIsComponent,
   clone: () => clone,
   createNestedObject: () => createNestedObject,
   createObjectWithoutPrototype: () => createObjectWithoutPrototype,
@@ -30,6 +29,7 @@ __export(object_exports, {
   deepDiff: () => deepDiff,
   deepMerge: () => deepMerge,
   deepStringify: () => deepStringify,
+  deepStringifyWithMaxDepth: () => deepStringifyWithMaxDepth,
   detachFunctionsFromObject: () => detachFunctionsFromObject,
   detectInfiniteLoop: () => detectInfiniteLoop,
   diff: () => diff,
@@ -37,8 +37,6 @@ __export(object_exports, {
   diffObjects: () => diffObjects,
   exec: () => exec,
   flattenRecursive: () => flattenRecursive,
-  getChildrenComponentsByKey: () => getChildrenComponentsByKey,
-  getExtendsInElement: () => getExtendsInElement,
   hasOwnProperty: () => hasOwnProperty,
   isEmpty: () => isEmpty,
   isEmptyObject: () => isEmptyObject,
@@ -182,6 +180,11 @@ const deepCloneWithExtend = (obj, excludeFrom = ["node"], options = {}) => {
   return o;
 };
 const deepStringify = (obj, stringified = {}) => {
+  var _a;
+  if (obj.node || obj.__ref || obj.parent || obj.__element || obj.parse) {
+    console.warn("Trying to clone element or state at", obj);
+    obj = (_a = obj.parse) == null ? void 0 : _a.call(obj);
+  }
   for (const prop in obj) {
     const objProp = obj[prop];
     if ((0, import_types.isFunction)(objProp)) {
@@ -207,6 +210,39 @@ const deepStringify = (obj, stringified = {}) => {
   }
   return stringified;
 };
+const MAX_DEPTH = 100;
+const deepStringifyWithMaxDepth = (obj, stringified = {}, depth = 0, path = "") => {
+  if (depth > MAX_DEPTH) {
+    console.warn(`Maximum depth exceeded at path: ${path}. Possible circular reference.`);
+    return "[MAX_DEPTH_EXCEEDED]";
+  }
+  for (const prop in obj) {
+    const currentPath = path ? `${path}.${prop}` : prop;
+    const objProp = obj[prop];
+    if ((0, import_types.isFunction)(objProp)) {
+      stringified[prop] = objProp.toString();
+    } else if ((0, import_types.isObject)(objProp)) {
+      stringified[prop] = {};
+      deepStringifyWithMaxDepth(objProp, stringified[prop], depth + 1, currentPath);
+    } else if ((0, import_types.isArray)(objProp)) {
+      stringified[prop] = [];
+      objProp.forEach((v, i) => {
+        const itemPath = `${currentPath}[${i}]`;
+        if ((0, import_types.isObject)(v)) {
+          stringified[prop][i] = {};
+          deepStringifyWithMaxDepth(v, stringified[prop][i], depth + 1, itemPath);
+        } else if ((0, import_types.isFunction)(v)) {
+          stringified[prop][i] = v.toString();
+        } else {
+          stringified[prop][i] = v;
+        }
+      });
+    } else {
+      stringified[prop] = objProp;
+    }
+  }
+  return stringified;
+};
 const objectToString = (obj = {}, indent = 0) => {
   const spaces = "  ".repeat(indent);
   let str = "{\n";
@@ -543,54 +579,6 @@ const createObjectWithoutPrototype = (obj) => {
   }
   return newObj;
 };
-const checkIfKeyIsComponent = (key) => {
-  const isFirstKeyString = (0, import_types.isString)(key);
-  if (!isFirstKeyString)
-    return;
-  const firstCharKey = key.slice(0, 1);
-  return /^[A-Z]*$/.test(firstCharKey);
-};
-const getChildrenComponentsByKey = (key, el) => {
-  if (key === el.key || el.__ref.__componentKey === key) {
-    return el;
-  }
-  if (el.extend) {
-    const foundString = (0, import_types.isString)(el.extend) && el.extend === key;
-    const foundInArray = (0, import_types.isArray)(el.extend) && el.extend.filter((v) => v === key).length;
-    if (foundString || foundInArray)
-      return el;
-  }
-  if (el.parent && el.parent.childExtend) {
-    const foundString = (0, import_types.isString)(el.parent.childExtend) && el.parent.childExtend === key;
-    const foundInArray = (0, import_types.isArray)(el.parent.childExtend) && el.parent.childExtend.filter((v) => v === key).length;
-    if (foundString || foundInArray)
-      return el;
-  }
-};
-const getExtendsInElement = (obj) => {
-  let result = [];
-  function traverse(o) {
-    for (const key in o) {
-      if (Object.hasOwnProperty.call(o, key)) {
-        if (checkIfKeyIsComponent(key)) {
-          result.push(key);
-        }
-        if (key === "extend") {
-          if (typeof o[key] === "string") {
-            result.push(o[key]);
-          } else if (Array.isArray(o[key])) {
-            result = result.concat(o[key]);
-          }
-        }
-        if (typeof o[key] === "object" && o[key] !== null) {
-          traverse(o[key]);
-        }
-      }
-    }
-  }
-  traverse(obj);
-  return result;
-};
 const createNestedObject = (arr, lastValue) => {
   const nestedObject = {};
   if (arr.length === 0) {

package/index.js

@@ -12,3 +12,4 @@ export * from './string.js'
 export * from './globals.js'
 export * from './cookie.js'
 export * from './tags.js'
+export * from './component.js'

package/object.js

@@ -199,6 +199,11 @@ export const deepCloneWithExtend = (obj, excludeFrom = ['node'], options = {}) =
  * Stringify object
  */
 export const deepStringify = (obj, stringified = {}) => {
+  if (obj.node || obj.__ref || obj.parent || obj.__element || obj.parse) {
+    console.warn('Trying to clone element or state at', obj)
+    obj = obj.parse?.()
+  }
+
   for (const prop in obj) {
     const objProp = obj[prop]
     if (isFunction(objProp)) {
@@ -225,6 +230,42 @@ export const deepStringify = (obj, stringified = {}) => {
   return stringified
 }
 
+const MAX_DEPTH = 100 // Adjust this value as needed
+export const deepStringifyWithMaxDepth = (obj, stringified = {}, depth = 0, path = '') => {
+  if (depth > MAX_DEPTH) {
+    console.warn(`Maximum depth exceeded at path: ${path}. Possible circular reference.`)
+    return '[MAX_DEPTH_EXCEEDED]'
+  }
+
+  for (const prop in obj) {
+    const currentPath = path ? `${path}.${prop}` : prop
+    const objProp = obj[prop]
+
+    if (isFunction(objProp)) {
+      stringified[prop] = objProp.toString()
+    } else if (isObject(objProp)) {
+      stringified[prop] = {}
+      deepStringifyWithMaxDepth(objProp, stringified[prop], depth + 1, currentPath)
+    } else if (isArray(objProp)) {
+      stringified[prop] = []
+      objProp.forEach((v, i) => {
+        const itemPath = `${currentPath}[${i}]`
+        if (isObject(v)) {
+          stringified[prop][i] = {}
+          deepStringifyWithMaxDepth(v, stringified[prop][i], depth + 1, itemPath)
+        } else if (isFunction(v)) {
+          stringified[prop][i] = v.toString()
+        } else {
+          stringified[prop][i] = v
+        }
+      })
+    } else {
+      stringified[prop] = objProp
+    }
+  }
+  return stringified
+}
+
 export const objectToString = (obj = {}, indent = 0) => {
   const spaces = '  '.repeat(indent)
   let str = '{\n'
@@ -668,67 +709,6 @@ export const createObjectWithoutPrototype = (obj) => {
   return newObj
 }
 
-export const checkIfKeyIsComponent = (key) => {
-  const isFirstKeyString = isString(key)
-  if (!isFirstKeyString) return
-  const firstCharKey = key.slice(0, 1)
-  return /^[A-Z]*$/.test(firstCharKey)
-}
-
-export const getChildrenComponentsByKey = (key, el) => {
-  if (key === el.key || el.__ref.__componentKey === key) {
-    return el
-  }
-
-  // Check if the prop is "extend" and it's either a string or an array
-  if (el.extend) {
-    // Add the value of the extend key to the result array
-    const foundString = isString(el.extend) && el.extend === key
-    const foundInArray = isArray(el.extend) && el.extend.filter(v => v === key).length
-    if (foundString || foundInArray) return el
-  }
-
-  if (el.parent && el.parent.childExtend) {
-    // Add the value of the extend key to the result array
-    const foundString = isString(el.parent.childExtend) && el.parent.childExtend === key
-    const foundInArray = isArray(el.parent.childExtend) && el.parent.childExtend.filter(v => v === key).length
-    if (foundString || foundInArray) return el
-  }
-}
-
-export const getExtendsInElement = (obj) => {
-  let result = []
-
-  function traverse (o) {
-    for (const key in o) {
-      if (Object.hasOwnProperty.call(o, key)) {
-        // Check if the key starts with a capital letter and exclude keys like @mobileL, $propsCollection
-        if (checkIfKeyIsComponent(key)) {
-          result.push(key)
-        }
-
-        // Check if the key is "extend" and it's either a string or an array
-        if (key === 'extend') {
-          // Add the value of the extend key to the result array
-          if (typeof o[key] === 'string') {
-            result.push(o[key])
-          } else if (Array.isArray(o[key])) {
-            result = result.concat(o[key])
-          }
-        }
-
-        // If the property is an object, traverse it
-        if (typeof o[key] === 'object' && o[key] !== null) {
-          traverse(o[key])
-        }
-      }
-    }
-  }
-
-  traverse(obj)
-  return result
-}
-
 export const createNestedObject = (arr, lastValue) => {
   const nestedObject = {}
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@domql/utils",
-  "version": "2.5.126",
+  "version": "2.5.134",
   "license": "MIT",
   "type": "module",
   "module": "index.js",
@@ -8,7 +8,9 @@
   "exports": {
     ".": {
       "kalduna": "./index.js",
-      "default": "./dist/cjs/index.js"
+      "default": "./dist/cjs/index.js",
+      "import": "./index.js",
+      "require": "./dist/cjs/index.js"
     }
   },
   "source": "index.js",
@@ -23,7 +25,7 @@
     "build": "yarn build:cjs",
     "prepublish": "rimraf -I dist && yarn build && yarn copy:package:cjs"
   },
-  "gitHead": "e1ba05fba6c04b2379905d5e05d3d4fe17cb0978",
+  "gitHead": "20e65426dc742448bd6dc85211dea3a48ed74ae0",
   "devDependencies": {
     "@babel/core": "^7.12.0"
   }