@domql/element 2.29.77 → 2.29.79

package/dist/cjs/methods/index.js

@@ -19,6 +19,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var methods_exports = {};
 __export(methods_exports, {
   METHODS: () => METHODS,
+  append: () => append,
   call: () => call,
   defineSetter: () => defineSetter,
   error: () => error,
@@ -49,6 +50,7 @@ var import_event = require("@domql/event");
 var import_utils = require("@domql/utils");
 var import_tree = require("../tree.js");
 var import_mixins = require("../mixins/index.js");
+var import_create = require("../create.js");
 function spotByPath(path) {
   const element = this;
   const arr = [].concat(path);
@@ -219,8 +221,10 @@ function verbose(element, ...args) {
   const { __ref: ref } = parent;
   console.groupCollapsed(parent.key);
   if (args.length) {
-    args.forEach((v) => console.log(`%c${v}:
-`, "font-weight: bold", parent[v]));
+    args.forEach(
+      (v) => console.log(`%c${v}:
+`, "font-weight: bold", parent[v])
+    );
   } else {
     console.log(ref.path);
     const keys2 = parent.keys();
@@ -250,6 +254,9 @@ function nextElement() {
   const nextChild = __children[currentIndex + 1];
   return parent[nextChild];
 }
+async function append(el, key) {
+  return await (0, import_create.create)(el, this, key);
+}
 function previousElement(el) {
   const element = el || this;
   const { key, parent } = element;
@@ -331,6 +338,7 @@ const METHODS = [
   "error",
   "call",
   "nextElement",
+  "append",
   "previousElement"
 ];
 function isMethod(param, element) {

package/dist/cjs/methods/set.js

@@ -52,8 +52,10 @@ const addMethods = (element, parent, options = {}) => {
     verbose: import_index.verbose,
     warn: import_index.warn,
     error: import_index.error,
+    append: import_index.append,
     call: import_index.call
   };
-  if (element.context.methods) (options.strict ? import_utils.merge : import_utils.overwrite)(proto, element.context.methods);
+  if (element.context.methods)
+    (options.strict ? import_utils.merge : import_utils.overwrite)(proto, element.context.methods);
   Object.setPrototypeOf(element, proto);
 };

package/dist/cjs/mixins/registry.js

@@ -81,6 +81,8 @@ const REGISTRY = {
   lookdownAll: {},
   setNodeStyles: {},
   spotByPath: {},
+  append: {},
+  routes: {},
   keys: {},
   log: {},
   parse: {},

package/dist/cjs/utils/object.js

@@ -78,6 +78,7 @@ const METHODS = [
   "getPath",
   "setNodeStyles",
   "spotByPath",
+  "append",
   "keys",
   "parse",
   "setProps",

package/dist/esm/methods/index.js

@@ -6,11 +6,11 @@ import {
   isObjectLike,
   isProduction,
   removeValueFromArray,
-  deepClone,
-  isNotProduction
+  deepClone
 } from "@domql/utils";
 import { TREE } from "../tree.js";
 import { parseFilters, REGISTRY } from "../mixins/index.js";
+import { create } from "../create.js";
 function spotByPath(path) {
   const element = this;
   const arr = [].concat(path);
@@ -181,8 +181,10 @@ function verbose(element, ...args) {
   const { __ref: ref } = parent;
   console.groupCollapsed(parent.key);
   if (args.length) {
-    args.forEach((v) => console.log(`%c${v}:
-`, "font-weight: bold", parent[v]));
+    args.forEach(
+      (v) => console.log(`%c${v}:
+`, "font-weight: bold", parent[v])
+    );
   } else {
     console.log(ref.path);
     const keys2 = parent.keys();
@@ -212,6 +214,9 @@ function nextElement() {
   const nextChild = __children[currentIndex + 1];
   return parent[nextChild];
 }
+async function append(el, key) {
+  return await create(el, this, key);
+}
 function previousElement(el) {
   const element = el || this;
   const { key, parent } = element;
@@ -293,6 +298,7 @@ const METHODS = [
   "error",
   "call",
   "nextElement",
+  "append",
   "previousElement"
 ];
 function isMethod(param, element) {
@@ -301,6 +307,7 @@ function isMethod(param, element) {
 }
 export {
   METHODS,
+  append,
   call,
   defineSetter,
   error,

package/dist/esm/methods/set.js

@@ -22,6 +22,7 @@ import {
   spotByPath,
   variables,
   verbose,
+  append,
   warn
 } from "./index.js";
 const addMethods = (element, parent, options = {}) => {
@@ -50,9 +51,11 @@ const addMethods = (element, parent, options = {}) => {
     verbose,
     warn,
     error,
+    append,
     call
   };
-  if (element.context.methods) (options.strict ? merge : overwrite)(proto, element.context.methods);
+  if (element.context.methods)
+    (options.strict ? merge : overwrite)(proto, element.context.methods);
   Object.setPrototypeOf(element, proto);
 };
 export {

package/dist/esm/mixins/registry.js

@@ -55,6 +55,8 @@ const REGISTRY = {
   lookdownAll: {},
   setNodeStyles: {},
   spotByPath: {},
+  append: {},
+  routes: {},
   keys: {},
   log: {},
   parse: {},

package/dist/esm/utils/object.js

@@ -1,4 +1,10 @@
-import { isArray, isObject, isObjectLike, joinArrays, deepClone } from "@domql/utils";
+import {
+  isArray,
+  isObject,
+  isObjectLike,
+  joinArrays,
+  deepClone
+} from "@domql/utils";
 import { IGNORE_PROPS_PARAMS } from "../props/index.js";
 const IGNORE_STATE_PARAMS = [
   "update",
@@ -45,6 +51,7 @@ const METHODS = [
   "getPath",
   "setNodeStyles",
   "spotByPath",
+  "append",
   "keys",
   "parse",
   "setProps",

package/methods/index.js

@@ -8,14 +8,14 @@ import {
   isObjectLike,
   isProduction,
   removeValueFromArray,
-  deepClone,
-  isNotProduction
+  deepClone
 } from '@domql/utils'
 import { TREE } from '../tree.js'
 import { parseFilters, REGISTRY } from '../mixins/index.js'
+import { create } from '../create.js'
 
 // TODO: update these files
-export function spotByPath (path) {
+export function spotByPath(path) {
   const element = this
   const arr = [].concat(path)
   let active = TREE[arr[0]]
@@ -34,7 +34,7 @@ export function spotByPath (path) {
 }
 
 // TODO: update these files
-export function lookup (param) {
+export function lookup(param) {
   const el = this
   let { parent } = el
 
@@ -56,7 +56,7 @@ export function lookup (param) {
   return parent
 }
 
-export function lookdown (param) {
+export function lookdown(param) {
   const el = this
   const { __ref: ref } = el
   const children = ref?.__children
@@ -79,7 +79,7 @@ export function lookdown (param) {
   }
 }
 
-export function lookdownAll (param, results = []) {
+export function lookdownAll(param, results = []) {
   const el = this
   const { __ref: ref } = el
   const children = ref?.__children
@@ -101,7 +101,7 @@ export function lookdownAll (param, results = []) {
   return results.length ? results : undefined
 }
 
-export function setNodeStyles (params = {}) {
+export function setNodeStyles(params = {}) {
   const el = this
   if (!el.node?.style) return
 
@@ -115,7 +115,7 @@ export function setNodeStyles (params = {}) {
   return el
 }
 
-export async function remove (opts) {
+export async function remove(opts) {
   const element = this
   const beforeRemoveReturns = triggerEventOn('beforeRemove', element, opts)
   if (beforeRemoveReturns === false) return element
@@ -133,29 +133,29 @@ export async function remove (opts) {
   await triggerEventOn('remove', element, opts)
 }
 
-export function get (param) {
+export function get(param) {
   const element = this
   return element[param]
 }
 
-export function setProps (param, options) {
+export function setProps(param, options) {
   const element = this
   if (!param || !element.props) return
   element.update({ props: param }, options)
   return element
 }
 
-export function getRef (key) {
+export function getRef(key) {
   if (key) return this.__ref && this.__ref[key]
   return this.__ref
 }
 
-export function getChildren () {
+export function getChildren() {
   const __children = this.getRef('__children')
-  return __children.map(k => this[k])
+  return __children.map((k) => this[k])
 }
 
-export function getPath () {
+export function getPath() {
   return this.getRef().path
 }
 
@@ -168,7 +168,7 @@ export function getPath () {
 export const defineSetter = (element, key, get, set) =>
   Object.defineProperty(element, key, { get, set })
 
-export function keys () {
+export function keys() {
   const element = this
   const keys = []
   for (const param in element) {
@@ -183,11 +183,11 @@ export function keys () {
   return keys
 }
 
-export function parse (excl = []) {
+export function parse(excl = []) {
   const element = this
   const obj = {}
   const keyList = keys.call(element)
-  keyList.forEach(v => {
+  keyList.forEach((v) => {
     if (excl.includes(v)) return
     const val = element[v]
     if (v === 'state') {
@@ -208,7 +208,7 @@ export function parse (excl = []) {
   return obj
 }
 
-export function parseDeep (excl = []) {
+export function parseDeep(excl = []) {
   const element = this
   const obj = parse.call(element, excl)
   for (const v in obj) {
@@ -220,37 +220,39 @@ export function parseDeep (excl = []) {
   return obj
 }
 
-export function verbose (element, ...args) {
+export function verbose(element, ...args) {
   if (isProduction()) return
 
   const parent = this
   const { __ref: ref } = parent
   console.groupCollapsed(parent.key)
   if (args.length) {
-    args.forEach(v => console.log(`%c${v}:\n`, 'font-weight: bold', parent[v]))
+    args.forEach((v) =>
+      console.log(`%c${v}:\n`, 'font-weight: bold', parent[v])
+    )
   } else {
     console.log(ref.path)
     const keys = parent.keys()
-    keys.forEach(v => console.log(`%c${v}:`, 'font-weight: bold', parent[v]))
+    keys.forEach((v) => console.log(`%c${v}:`, 'font-weight: bold', parent[v]))
   }
   console.log(parent)
   console.groupEnd(parent.key)
   return parent
 }
 
-export function log (...params) {
+export function log(...params) {
   // if (isNotProduction()) {
   console.log(...params)
   // }
 }
 
-export function warn (...params) {
+export function warn(...params) {
   // if (isNotProduction()) {
   console.warn(...params)
   // }
 }
 
-export function error (...params) {
+export function error(...params) {
   // if (isNotProduction()) {
   if (params[params.length - 1]?.debugger) debugger // eslint-disable-line
   if (params[params.length - 1]?.verbose) verbose.call(this, ...params)
@@ -258,7 +260,7 @@ export function error (...params) {
   // }
 }
 
-export function nextElement () {
+export function nextElement() {
   const element = this
   const { key, parent } = element
   const { __children } = parent.__ref
@@ -269,7 +271,11 @@ export function nextElement () {
   return parent[nextChild]
 }
 
-export function previousElement (el) {
+export async function append(el, key) {
+  return await create(el, this, key)
+}
+
+export function previousElement(el) {
   const element = el || this
   const { key, parent } = element
   const { __children } = parent.__ref
@@ -280,7 +286,7 @@ export function previousElement (el) {
   return parent[__children[currentIndex - 1]]
 }
 
-export function variables (obj = {}) {
+export function variables(obj = {}) {
   const element = this
   if (!element.data) element.data = {}
   if (!element.data.varCaches) element.data.varCaches = {}
@@ -294,7 +300,7 @@ export function variables (obj = {}) {
     }
   }
   return {
-    changed: cb => {
+    changed: (cb) => {
       if (!changed || !varCaches) return
       const returns = cb(changes, deepClone(varCaches))
       for (const key in changes) {
@@ -321,7 +327,7 @@ export function variables (obj = {}) {
  * @param {...any} args - Arguments to pass to the function
  * @returns {any|Promise} - The result or a Promise to the result
  */
-export function call (fnKey, ...args) {
+export function call(fnKey, ...args) {
   const fn =
     this.context.utils?.[fnKey] ||
     this.context.functions?.[fnKey] ||
@@ -376,9 +382,10 @@ export const METHODS = [
   'error',
   'call',
   'nextElement',
+  'append',
   'previousElement'
 ]
 
-export function isMethod (param, element) {
+export function isMethod(param, element) {
   return METHODS.includes(param) || element?.context?.methods?.[param]
 }

package/methods/set.js

@@ -26,6 +26,7 @@ import {
   spotByPath,
   variables,
   verbose,
+  append,
   warn
 } from './index.js'
 
@@ -55,8 +56,10 @@ export const addMethods = (element, parent, options = {}) => {
     verbose,
     warn,
     error,
+    append,
     call
   }
-  if (element.context.methods) (options.strict ? merge : overwrite)(proto, element.context.methods)
+  if (element.context.methods)
+    (options.strict ? merge : overwrite)(proto, element.context.methods)
   Object.setPrototypeOf(element, proto)
 }

package/mixins/registry.js

@@ -60,6 +60,8 @@ export const REGISTRY = {
   lookdownAll: {},
   setNodeStyles: {},
   spotByPath: {},
+  append: {},
+  routes: {},
   keys: {},
   log: {},
   parse: {},

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@domql/element",
-  "version": "2.29.77",
+  "version": "2.29.79",
   "license": "MIT",
   "type": "module",
   "module": "index.js",
@@ -27,12 +27,12 @@
     "prepublish": "npx rimraf -I dist && npm run build && npm run copy:package:cjs"
   },
   "dependencies": {
-    "@domql/event": "^2.29.77",
-    "@domql/render": "^2.29.77",
-    "@domql/state": "^2.29.77",
-    "@domql/utils": "^2.29.77"
+    "@domql/event": "^2.29.79",
+    "@domql/render": "^2.29.79",
+    "@domql/state": "^2.29.79",
+    "@domql/utils": "^2.29.79"
   },
-  "gitHead": "576ad1140f3bbb46be9531ec57c50136bcd5d2f1",
+  "gitHead": "aefa41e70ddc76983c23822905afa22a2b944299",
   "devDependencies": {
     "@babel/core": "^7.27.1"
   }

package/utils/object.js

@@ -1,6 +1,12 @@
 'use strict'
 
-import { isArray, isObject, isObjectLike, joinArrays, deepClone } from '@domql/utils'
+import {
+  isArray,
+  isObject,
+  isObjectLike,
+  joinArrays,
+  deepClone
+} from '@domql/utils'
 import { IGNORE_PROPS_PARAMS } from '../props/index.js'
 
 // breaks server build
@@ -8,10 +14,35 @@ import { IGNORE_PROPS_PARAMS } from '../props/index.js'
 // import { METHODS } from '../methods'
 
 const IGNORE_STATE_PARAMS = [
-  'update', 'parse', 'clean', 'create', 'destroy', 'add', 'toggle', 'remove', 'apply', 'set', 'reset',
-  'replace', 'quietReplace', 'quietUpdate', 'applyReplace', 'applyFunction',
-  'rootUpdate', 'parentUpdate', 'parent', '__element', '__depends', '__ref', '__children', 'root',
-  'setByPath', 'setPathCollection', 'removeByPath', 'removePathCollection', 'getByPath'
+  'update',
+  'parse',
+  'clean',
+  'create',
+  'destroy',
+  'add',
+  'toggle',
+  'remove',
+  'apply',
+  'set',
+  'reset',
+  'replace',
+  'quietReplace',
+  'quietUpdate',
+  'applyReplace',
+  'applyFunction',
+  'rootUpdate',
+  'parentUpdate',
+  'parent',
+  '__element',
+  '__depends',
+  '__ref',
+  '__children',
+  'root',
+  'setByPath',
+  'setPathCollection',
+  'removeByPath',
+  'removePathCollection',
+  'getByPath'
 ]
 
 export const METHODS = [
@@ -28,6 +59,7 @@ export const METHODS = [
   'getPath',
   'setNodeStyles',
   'spotByPath',
+  'append',
   'keys',
   'parse',
   'setProps',
@@ -145,14 +177,17 @@ export const mergeIfExisted = (a, b) => {
 /**
  * Merges array extends
  */
-export const mergeArray = (arr, exclude = ['parent', 'node', '__element', 'state', 'context', '__ref']) => {
+export const mergeArray = (
+  arr,
+  exclude = ['parent', 'node', '__element', 'state', 'context', '__ref']
+) => {
   return arr.reduce((a, c) => deepMerge(a, deepClone(c, { exclude })), {})
 }
 
 /**
  * Merges array extends
  */
-export const mergeAndCloneIfArray = obj => {
+export const mergeAndCloneIfArray = (obj) => {
   return isArray(obj) ? mergeArray(obj) : deepClone(obj)
 }