@domql/element 3.0.6 → 3.1.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@domql/element",
-  "version": "3.0.6",
+  "version": "3.1.1",
   "license": "MIT",
   "type": "module",
   "module": "index.js",
@@ -21,20 +21,19 @@
   ],
   "scripts": {
     "copy:package:cjs": "cp ../../build/package-cjs.json dist/cjs/package.json",
-    "build:esm": "npx esbuild \"*.js\" \"utils/**/*.js\" \"mixins/**/*.js\" \"methods/**/*.js\" --target=es2019 --format=esm --outdir=dist/esm",
-    "build:cjs": "npx esbuild \"*.js\" \"utils/**/*.js\" \"mixins/**/*.js\" \"methods/**/*.js\" --target=node16 --format=cjs --outdir=dist/cjs",
-    "build": "rimraf -I dist; npm run build:cjs; npm run build:esm",
-    "prepublish": "rimraf -I dist && npm run build && npm run copy:package:cjs"
+    "build:esm": "npx esbuild *.js **/*.js --target=es2019 --format=esm --outdir=dist/esm",
+    "build:cjs": "npx esbuild *.js **/*.js --target=node16 --format=cjs --outdir=dist/cjs",
+    "build": "npx rimraf -I dist; npm run build:cjs; npm run build:esm",
+    "prepublish": "npx rimraf -I dist && npm run build && npm run copy:package:cjs"
   },
   "dependencies": {
-    "@domql/event": "^3.0.6",
-    "@domql/render": "^3.0.6",
-    "@domql/report": "^3.0.0",
-    "@domql/state": "^3.0.6",
-    "@domql/utils": "^3.0.6"
+    "@domql/event": "^3.1.1",
+    "@domql/render": "^3.1.1",
+    "@domql/state": "^3.1.1",
+    "@domql/utils": "^3.1.1"
   },
-  "gitHead": "ef6f7abdb0a8cdaa28559e377bc10a12e76ef8f0",
+  "gitHead": "39fb7a8c07355468ccce79e2f787ca3fa0715692",
   "devDependencies": {
-    "@babel/core": "^7.12.0"
+    "@babel/core": "^7.26.0"
   }
 }

package/update.js

@@ -12,13 +12,13 @@ import {
   merge,
   overwriteDeep,
   deepClone,
-  propertizeElement,
   isMethod,
   findInheritedState,
   deepMerge,
   OPTIONS,
   updateProps,
-  captureSnapshot
+  captureSnapshot,
+  propertizeUpdate
 } from '@domql/utils'
 
 import { applyEvent, triggerEventOn, triggerEventOnUpdate } from '@domql/event'
@@ -84,7 +84,8 @@ export const update = async function (params = {}, opts) {
     params = { text: params }
   }
 
-  params = propertizeElement(params)
+  // apply new updates
+  params = propertizeUpdate.call(element, params)
 
   const inheritState = await inheritStateUpdates(element, options)
   if (inheritState === false) return
@@ -101,10 +102,11 @@ export const update = async function (params = {}, opts) {
   }
 
   if (!options.preventBeforeUpdateListener && !options.preventListeners) {
+    const simulate = { ...params, ...element }
     const beforeUpdateReturns = await triggerEventOnUpdate(
       'beforeUpdate',
       params,
-      element,
+      simulate,
       options
     )
     if (beforeUpdateReturns === false) return element

package/dist/cjs/utils/onlyResolveExtends.js

@@ -1,85 +0,0 @@
-"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 onlyResolveExtends_exports = {};
-__export(onlyResolveExtends_exports, {
-  onlyResolveExtends: () => onlyResolveExtends
-});
-module.exports = __toCommonJS(onlyResolveExtends_exports);
-var import_utils = require("@domql/utils");
-var import__ = require("..");
-var import_mixins = require("../mixins/index.js");
-var import_set = require("../methods/set");
-var import_state = require("@domql/state");
-var import_render = require("@domql/render");
-var import_iterate = require("../iterate");
-const onlyResolveExtends = (element, parent, key, options) => {
-  const { __ref } = element;
-  element.tag = (0, import_render.detectTag)(element);
-  {
-    const { __ref: ref2 } = element;
-    if (!ref2.__defineCache) ref2.__defineCache = {};
-    if (!ref2.__exec) ref2.__exec = {};
-    if (!ref2.__execProps) ref2.__execProps = {};
-    if (!ref2.__class) ref2.__class = {};
-    if (!ref2.__classNames) ref2.__classNames = {};
-    if (!ref2.__attr) ref2.__attr = {};
-    if (!ref2.__changes) ref2.__changes = [];
-    if (!ref2.__children) ref2.__children = [];
-  }
-  (0, import_set.addMethods)(element, parent, options);
-  (0, import_state.createState)(element, parent);
-  const ref = __ref;
-  if ((0, import_utils.isFunction)(element.if)) {
-    const ifPassed = element.if(element, element.state, element.context);
-    if (!ifPassed) {
-      delete ref.__if;
-    } else ref.__if = true;
-  } else ref.__if = true;
-  if (element.node && ref.__if) {
-    parent[key || element.key] = element;
-  }
-  (0, import_utils.initProps)(element, parent, options);
-  if (element.tag !== "string" && element.tag !== "fragment") {
-    (0, import_iterate.throughInitialDefine)(element);
-    (0, import_iterate.throughInitialExec)(element);
-    for (const param in element) {
-      const prop = element[param];
-      if ((0, import_utils.isUndefined)(prop) || (0, import_utils.isMethod)(param, element) || (0, import_utils.isObject)(import_mixins.REGISTRY[param])) {
-        continue;
-      }
-      const hasDefine = element.define && element.define[param];
-      const contextHasDefine = element.context && element.context.define && element.context.define[param];
-      const optionsHasDefine = options.define && options.define[param];
-      if (import_mixins.REGISTRY[param] && !optionsHasDefine) {
-        continue;
-      } else if (element[param] && !hasDefine && !optionsHasDefine && !contextHasDefine) {
-        (0, import__.create)((0, import_utils.exec)(prop, element), element, param, options);
-      }
-    }
-  }
-  parent[key || element.key] = element;
-  delete element.update;
-  delete element.__element;
-  if (element.props) {
-    delete element.props.update;
-    delete element.props.__element;
-  }
-  if (!options.keepRef) delete element.__ref;
-  return element;
-};

package/dist/esm/utils/onlyResolveExtends.js

@@ -1,72 +0,0 @@
-import {
-  exec,
-  initProps,
-  isFunction,
-  isMethod,
-  isObject,
-  isUndefined
-} from "@domql/utils";
-import { create } from "..";
-import { REGISTRY } from "../mixins/index.js";
-import { addMethods } from "../methods/set";
-import { createState } from "@domql/state";
-import { detectTag } from "@domql/render";
-import { throughInitialDefine, throughInitialExec } from "../iterate";
-const onlyResolveExtends = (element, parent, key, options) => {
-  const { __ref } = element;
-  element.tag = detectTag(element);
-  {
-    const { __ref: ref2 } = element;
-    if (!ref2.__defineCache) ref2.__defineCache = {};
-    if (!ref2.__exec) ref2.__exec = {};
-    if (!ref2.__execProps) ref2.__execProps = {};
-    if (!ref2.__class) ref2.__class = {};
-    if (!ref2.__classNames) ref2.__classNames = {};
-    if (!ref2.__attr) ref2.__attr = {};
-    if (!ref2.__changes) ref2.__changes = [];
-    if (!ref2.__children) ref2.__children = [];
-  }
-  addMethods(element, parent, options);
-  createState(element, parent);
-  const ref = __ref;
-  if (isFunction(element.if)) {
-    const ifPassed = element.if(element, element.state, element.context);
-    if (!ifPassed) {
-      delete ref.__if;
-    } else ref.__if = true;
-  } else ref.__if = true;
-  if (element.node && ref.__if) {
-    parent[key || element.key] = element;
-  }
-  initProps(element, parent, options);
-  if (element.tag !== "string" && element.tag !== "fragment") {
-    throughInitialDefine(element);
-    throughInitialExec(element);
-    for (const param in element) {
-      const prop = element[param];
-      if (isUndefined(prop) || isMethod(param, element) || isObject(REGISTRY[param])) {
-        continue;
-      }
-      const hasDefine = element.define && element.define[param];
-      const contextHasDefine = element.context && element.context.define && element.context.define[param];
-      const optionsHasDefine = options.define && options.define[param];
-      if (REGISTRY[param] && !optionsHasDefine) {
-        continue;
-      } else if (element[param] && !hasDefine && !optionsHasDefine && !contextHasDefine) {
-        create(exec(prop, element), element, param, options);
-      }
-    }
-  }
-  parent[key || element.key] = element;
-  delete element.update;
-  delete element.__element;
-  if (element.props) {
-    delete element.props.update;
-    delete element.props.__element;
-  }
-  if (!options.keepRef) delete element.__ref;
-  return element;
-};
-export {
-  onlyResolveExtends
-};

package/utils/onlyResolveExtends.js

@@ -1,128 +0,0 @@
-'use strict'
-
-import {
-  exec,
-  initProps,
-  isFunction,
-  isMethod,
-  isObject,
-  isUndefined
-} from '@domql/utils'
-import { create } from '..'
-import { REGISTRY } from '../mixins/index.js'
-import { addMethods } from '../methods/set'
-import { createState } from '@domql/state'
-import { detectTag } from '@domql/render'
-import { throughInitialDefine, throughInitialExec } from '../iterate'
-
-export const onlyResolveExtends = (element, parent, key, options) => {
-  const { __ref } = element
-  element.tag = detectTag(element)
-
-  // if (!element.props) element.props = {}
-
-  // Copy-paste of addCaching()
-  {
-    const { __ref: ref } = element
-    // const { __ref: parentRef } = parent
-
-    // enable TRANSFORM in data
-    // TODO: do we need this at all?
-
-    // enable CACHING
-    if (!ref.__defineCache) ref.__defineCache = {}
-
-    // enable EXEC
-    if (!ref.__exec) ref.__exec = {}
-    if (!ref.__execProps) ref.__execProps = {}
-
-    // enable CLASS CACHING
-    if (!ref.__class) ref.__class = {}
-    if (!ref.__classNames) ref.__classNames = {}
-
-    // enable CLASS CACHING
-    if (!ref.__attr) ref.__attr = {}
-
-    // enable CHANGES storing
-    if (!ref.__changes) ref.__changes = []
-
-    // enable CHANGES storing
-    if (!ref.__children) ref.__children = []
-
-    // Add root element property
-    // const hasRoot = parent && parent.key === ':root'
-    // if (!ref.root) ref.root = hasRoot ? element : parentRef.root
-  }
-
-  addMethods(element, parent, options)
-
-  createState(element, parent)
-
-  // Borrowed from createIfConditionFlag()
-  const ref = __ref
-  if (isFunction(element.if)) {
-    const ifPassed = element.if(element, element.state, element.context)
-    if (!ifPassed) {
-      // const ifFragment = cacheNode({ tag: 'fragment' })
-      // ref.__ifFragment = appendNode(ifFragment, parent.node)
-      delete ref.__if
-    } else ref.__if = true
-  } else ref.__if = true
-  /// ///
-
-  if (element.node && ref.__if) {
-    parent[key || element.key] = element
-  } // Borrowed from assignNode()
-
-  initProps(element, parent, options)
-
-  if (element.tag !== 'string' && element.tag !== 'fragment') {
-    throughInitialDefine(element)
-    throughInitialExec(element)
-
-    for (const param in element) {
-      const prop = element[param]
-      if (
-        isUndefined(prop) ||
-        isMethod(param, element) ||
-        isObject(REGISTRY[param])
-      ) {
-        continue
-      }
-
-      const hasDefine = element.define && element.define[param]
-      const contextHasDefine =
-        element.context &&
-        element.context.define &&
-        element.context.define[param]
-      const optionsHasDefine = options.define && options.define[param]
-
-      if (REGISTRY[param] && !optionsHasDefine) {
-        continue
-      } else if (
-        element[param] &&
-        !hasDefine &&
-        !optionsHasDefine &&
-        !contextHasDefine
-      ) {
-        create(exec(prop, element), element, param, options)
-      }
-    }
-  }
-
-  parent[key || element.key] = element // Borrowed from assignNode()
-
-  delete element.update
-  delete element.__element
-
-  // added by initProps
-  if (element.props) {
-    delete element.props.update
-    delete element.props.__element
-  }
-
-  // added by createState
-  if (!options.keepRef) delete element.__ref
-
-  return element
-}