domql 3.7.0 → 3.7.3

package/dist/iife/index.js

@@ -631,8 +631,38 @@ var Domql = (() => {
   });
 
   // ../utils/dist/esm/function.js
+  var hasHandlerPlugin, resolveHandler, runPluginHook;
   var init_function = __esm({
     "../utils/dist/esm/function.js"() {
+      hasHandlerPlugin = (ctx) => {
+        const plugins = ctx?.plugins;
+        if (!plugins || !plugins.length) return false;
+        for (const plugin of plugins) {
+          if (plugin.resolveHandler) return true;
+        }
+        return false;
+      };
+      resolveHandler = (handler, element) => {
+        if (typeof handler === "function") return handler;
+        const plugins = element?.context?.plugins;
+        if (!plugins) return handler;
+        for (const plugin of plugins) {
+          if (plugin.resolveHandler) {
+            const resolved = plugin.resolveHandler(handler, element);
+            if (typeof resolved === "function") return resolved;
+          }
+        }
+        return handler;
+      };
+      runPluginHook = (hookName, element, ...args) => {
+        const plugins = element?.context?.plugins;
+        if (!plugins) return;
+        for (const plugin of plugins) {
+          if (typeof plugin[hookName] === "function") {
+            plugin[hookName](element, ...args);
+          }
+        }
+      };
     }
   });
 
@@ -1255,7 +1285,9 @@ var Domql = (() => {
     if (isFunction(origEvent)) {
       on[eventName] = (...args) => {
         const originalEventRetunrs = origEvent(...args);
-        if (originalEventRetunrs !== false) funcFromProps(...args);
+        if (originalEventRetunrs !== false) {
+          if (isFunction(funcFromProps)) return funcFromProps(...args);
+        }
       };
     } else on[eventName] = funcFromProps;
   }
@@ -1271,7 +1303,8 @@ var Domql = (() => {
     const cachedKeys = opts.cachedKeys || [];
     for (const key in obj) {
       const value = obj[key];
-      const isEventHandler = key.length > 2 && key.charCodeAt(0) === 111 && key.charCodeAt(1) === 110 && key[2] === key[2].toUpperCase() && isFunction(value);
+      const isOnKey = key.length > 2 && key.charCodeAt(0) === 111 && key.charCodeAt(1) === 110 && key[2] === key[2].toUpperCase();
+      const isEventHandler = isOnKey && (isFunction(value) || value != null && hasHandlerPlugin(this.context));
       if (isEventHandler) {
         const eventName = lowercaseFirstLetter(key.slice(2));
         if (obj.on) obj.on[eventName] = value;
@@ -1311,8 +1344,8 @@ var Domql = (() => {
     for (const key in obj.props) {
       const value = obj.props[key];
       const isEvent = key.length > 2 && key.charCodeAt(0) === 111 && key.charCodeAt(1) === 110;
-      const isFn = isFunction(value);
-      if (isEvent && isFn) {
+      const isHandler = isFunction(value) || value != null && hasHandlerPlugin(this.context);
+      if (isEvent && isHandler) {
         addEventFromProps(key, obj);
         delete obj.props[key];
         continue;
@@ -1363,6 +1396,7 @@ var Domql = (() => {
       init_object();
       init_types();
       init_string();
+      init_function();
       RE_UPPER = /^[A-Z]/;
       RE_DIGITS = /^\d+$/;
       CSS_SELECTOR_PREFIXES = /* @__PURE__ */ new Set([":", "@", "[", "*", "+", "~", "&", ">", "$", "-", ".", "!"]);
@@ -1786,6 +1820,7 @@ var Domql = (() => {
   var init_triggerEvent = __esm({
     "../utils/dist/esm/triggerEvent.js"() {
       init_types();
+      init_function();
       getOnOrPropsEvent = (param, element) => {
         const onEvent = element.on?.[param];
         if (onEvent) return onEvent;
@@ -1795,6 +1830,7 @@ var Domql = (() => {
         return props[propKey];
       };
       applyEvent = (param, element, state2, context, options) => {
+        param = resolveHandler(param, element);
         if (!isFunction(param)) return;
         try {
           const result = param.call(
@@ -1821,6 +1857,7 @@ var Domql = (() => {
         if (!element) {
           throw new Error("Element is required");
         }
+        runPluginHook(param, element, options);
         const appliedFunction = getOnOrPropsEvent(param, element);
         if (appliedFunction) {
           const { state: state2, context } = element;
@@ -1828,6 +1865,7 @@ var Domql = (() => {
         }
       };
       applyEventUpdate = (param, updatedObj, element, state2, context, options) => {
+        param = resolveHandler(param, element);
         if (!isFunction(param)) return;
         try {
           const result = param.call(
@@ -1852,6 +1890,7 @@ var Domql = (() => {
         }
       };
       triggerEventOnUpdate = (param, updatedObj, element, options) => {
+        runPluginHook(param, element, updatedObj, options);
         const appliedFunction = getOnOrPropsEvent(param, element);
         if (appliedFunction) {
           const { state: state2, context } = element;
@@ -2307,13 +2346,14 @@ var Domql = (() => {
     createAdapter: () => createAdapter,
     default: () => fetch_default,
     executeFetch: () => executeFetch,
+    fetchPlugin: () => fetchPlugin,
     initAdapterAuth: () => initAdapterAuth,
     parseDuration: () => parseDuration,
     queryClient: () => queryClient,
     registerAdapter: () => registerAdapter,
     resolveDb: () => resolveDb
   });
-  var ADAPTER_METHODS, BUILTIN_ADAPTERS, registerAdapter, createAdapter, resolveDb, parseDuration, cacheStore, querySubscribers, activeQueries, buildCacheKey, getCacheEntry, setCacheEntry, invalidateCache, removeCache, parseCacheConfig, gcTimer, startGC, DEFAULT_RETRY, DEFAULT_RETRY_DELAY, resolveRetryConfig, withRetry, globalListeners, globalListenersAttached, attachGlobalListeners, resolveFetchConfig, resolveParamsSync, resolveParams, initAdapterAuth, resolveAdapter, triggerCallback, collectFormData, updateElementState, setFetchStatus, runFetch, bindEvent, bindAutoRefetch, applyOptimisticUpdate, rollbackOptimistic, runMutation, executeFetch, queryClient, fetch_default;
+  var ADAPTER_METHODS, BUILTIN_ADAPTERS, registerAdapter, createAdapter, resolveDb, parseDuration, cacheStore, querySubscribers, activeQueries, buildCacheKey, getCacheEntry, setCacheEntry, invalidateCache, removeCache, parseCacheConfig, gcTimer, startGC, DEFAULT_RETRY, DEFAULT_RETRY_DELAY, resolveRetryConfig, withRetry, globalListeners, globalListenersAttached, attachGlobalListeners, resolveFetchConfig, resolveParamsSync, resolveLanguage, resolveParams, initAdapterAuth, resolveAdapter, triggerCallback, collectFormData, updateElementState, setFetchStatus, runFetch, bindEvent, bindAutoRefetch, applyOptimisticUpdate, rollbackOptimistic, runMutation, executeFetch, queryClient, fetchPlugin, fetch_default;
   var init_fetch = __esm({
     "../../plugins/fetch/index.js"() {
       "use strict";
@@ -2509,13 +2549,23 @@ var Domql = (() => {
         if (!params || isFunction(params)) return params;
         return params;
       };
-      resolveParams = (params, element) => {
-        if (!params) return void 0;
-        if (isFunction(params)) return params(element, element.state);
-        const resolved = {};
-        for (const key in params) {
-          const val = params[key];
-          resolved[key] = isFunction(val) ? val(element, element.state) : val;
+      resolveLanguage = (element, context) => {
+        const root = element?.state?.root || context?.state?.root;
+        if (root?.lang) return root.lang;
+        return void 0;
+      };
+      resolveParams = (params, element, context) => {
+        let resolved;
+        if (!params) {
+          resolved = void 0;
+        } else if (isFunction(params)) {
+          resolved = params(element, element.state);
+        } else {
+          resolved = {};
+          for (const key in params) {
+            const val = params[key];
+            resolved[key] = isFunction(val) ? val(element, element.state) : val;
+          }
         }
         return resolved;
       };
@@ -2553,7 +2603,7 @@ var Domql = (() => {
         db.__resolving = resolveDb(db);
         const resolved = await db.__resolving;
         db.__resolved = resolved;
-        context.db = resolved;
+        context.fetch = resolved;
         delete db.__resolving;
         if (db.auth !== false) await initAdapterAuth(resolved, context);
         return resolved;
@@ -2601,7 +2651,7 @@ var Domql = (() => {
         ref.__fetchError = status.error;
       };
       runFetch = async (config, element, context, opts = {}) => {
-        const db = context?.db;
+        const db = context?.fetch;
         if (!db) return;
         if (config.enabled === false) return;
         if (isFunction(config.enabled) && !config.enabled(element, element.state)) return;
@@ -2641,7 +2691,7 @@ var Domql = (() => {
           const q = element.getQuery(adapter.name || "paths");
           if (q) select = q.select || q.length && q.join(",") || void 0;
         }
-        const params = resolveParams(rawParams, element);
+        const params = resolveParams(rawParams, element, context);
         const cacheConfig = parseCacheConfig(cacheRaw);
         const retryConfig = resolveRetryConfig(config);
         const cacheKey = cacheConfig ? cacheRaw?.key || `${from}:${method}:${JSON.stringify(params || "")}${infinite ? ":infinite" : ""}${page ? ":p" + JSON.stringify(page) : ""}` : null;
@@ -2711,6 +2761,10 @@ var Domql = (() => {
           const fn = adapter[method];
           if (!isFunction(fn)) return { data: null, error: { message: `Method "${method}" not found on adapter` } };
           const request2 = { from, select, params, single, limit, offset, order, headers, baseUrl };
+          const lang = resolveLanguage(element, context);
+          if (lang) {
+            request2.headers = { ...request2.headers, "Accept-Language": lang };
+          }
           if (page !== void 0) {
             if (isObject(page)) {
               if (page.offset !== void 0) request2.offset = page.offset;
@@ -2893,7 +2947,7 @@ var Domql = (() => {
         }
       };
       runMutation = async (config, element, context) => {
-        const db = context?.db;
+        const db = context?.fetch;
         if (!db) return;
         const adapter = await resolveAdapter(db, context);
         if (!adapter) return;
@@ -2930,7 +2984,11 @@ var Domql = (() => {
           const fn = adapter[method];
           if (!isFunction(fn)) return;
           const request2 = { from, data: mutationData, headers, baseUrl };
-          if (config.params) request2.params = resolveParams(config.params, element);
+          if (config.params) request2.params = resolveParams(config.params, element, context);
+          const lang = resolveLanguage(element, context);
+          if (lang) {
+            request2.headers = { ...request2.headers, "Accept-Language": lang };
+          }
           const retryConfig = resolveRetryConfig(config);
           const result = await withRetry(() => fn(request2), retryConfig);
           const { data: data2, error: error2 } = result || {};
@@ -2975,7 +3033,7 @@ var Domql = (() => {
       };
       executeFetch = (param, element, state2, context) => {
         if (!param) return;
-        const db = context?.db;
+        const db = context?.fetch;
         if (!db) return;
         const fetchProp = exec(param, element);
         if (!fetchProp) return;
@@ -3061,7 +3119,7 @@ var Domql = (() => {
           setCacheEntry(key, data2, null);
         },
         prefetchQuery: async (config, context) => {
-          const db = context?.db;
+          const db = context?.fetch;
           if (!db) return;
           const adapter = await resolveAdapter(db, context);
           if (!adapter) return;
@@ -3085,6 +3143,15 @@ var Domql = (() => {
         getCache: () => cacheStore,
         clear: () => removeCache()
       };
+      fetchPlugin = {
+        name: "fetch",
+        // Hook into element creation to auto-execute fetch configs
+        create(element) {
+          const fetchProp = element.fetch || element.props?.fetch;
+          if (!fetchProp) return;
+          executeFetch(fetchProp, element, element.state, element.context);
+        }
+      };
       fetch_default = executeFetch;
     }
   });
@@ -3395,7 +3462,7 @@ var Domql = (() => {
   }
   async function getDB() {
     const element = this;
-    const db = element.context?.db;
+    const db = element.context?.fetch;
     if (!db) return null;
     if (typeof db.select === "function") {
       if (!db.__authInitialized && db.getSession) {
@@ -3416,7 +3483,7 @@ var Domql = (() => {
     db.__resolving = resolvePromise;
     const resolved = await resolvePromise;
     db.__resolved = resolved;
-    element.context.db = resolved;
+    element.context.fetch = resolved;
     delete db.__resolving;
     if (resolved.getSession) {
       const { initAdapterAuth: initAdapterAuth2 } = await Promise.resolve().then(() => (init_fetch(), fetch_exports));
@@ -3776,7 +3843,7 @@ ${element}` : "";
     return props[propKey];
   };
   var registerNodeEvent = (param, element, node, options) => {
-    const appliedFunction = getOnOrPropsEvent2(param, element);
+    const appliedFunction = resolveHandler(getOnOrPropsEvent2(param, element), element);
     if (isFunction(appliedFunction)) {
       const { __ref: ref } = element;
       if (!ref.__eventListeners) ref.__eventListeners = {};
@@ -3811,24 +3878,11 @@ ${element}` : "";
     }
   };
   var applyEventsOnNode = (element, options) => {
-    const { node, on, props } = element;
-    const handled = /* @__PURE__ */ new Set();
+    const { node, on } = element;
     for (const param in on) {
       if (DOMQL_EVENTS.has(param)) continue;
-      handled.add(param);
       registerNodeEvent(param, element, node, options);
     }
-    if (props) {
-      for (const key in props) {
-        if (key.length > 2 && key.charCodeAt(0) === 111 && key.charCodeAt(1) === 110 && isFunction(props[key])) {
-          const thirdChar = key[2];
-          if (thirdChar !== thirdChar.toUpperCase()) continue;
-          const eventName = thirdChar.toLowerCase() + key.slice(3);
-          if (handled.has(eventName) || DOMQL_EVENTS.has(eventName)) continue;
-          registerNodeEvent(eventName, element, node, options);
-        }
-      }
-    }
   };
 
   // ../element/dist/esm/event/can.js
@@ -3918,25 +3972,30 @@ ${element}` : "";
       if (isFunction(origEvent)) {
         on[eventName] = (...args) => {
           const originalEventRetunrs = origEvent(...args);
-          if (originalEventRetunrs !== false) return funcFromProps(...args);
+          if (originalEventRetunrs !== false) {
+            if (isFunction(funcFromProps)) return funcFromProps(...args);
+          }
         };
       } else on[eventName] = funcFromProps;
     }
   };
   var propagateEventsFromElement = (element) => {
     const { on } = element;
+    const pluginActive = hasHandlerPlugin(element.context);
     for (const param in element) {
       if (param.charCodeAt(0) !== 111 || param.charCodeAt(1) !== 110 || !Object.prototype.hasOwnProperty.call(element, param)) continue;
-      const fn = element[param];
-      if (!isFunction(fn)) continue;
+      const handler = element[param];
+      if (!isFunction(handler) && !(pluginActive && handler != null)) continue;
       const eventName = lowercaseFirstLetter(param.slice(2));
       const origEvent = on[eventName];
       if (isFunction(origEvent)) {
         on[eventName] = (...args) => {
           const ret = origEvent(...args);
-          if (ret !== false) return fn(...args);
+          if (ret !== false) {
+            if (isFunction(handler)) return handler(...args);
+          }
         };
-      } else on[eventName] = fn;
+      } else on[eventName] = handler;
     }
   };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "domql",
-  "version": "3.7.0",
+  "version": "3.7.3",
   "license": "CC-BY-NC-4.0",
   "type": "module",
   "module": "./dist/esm/index.js",
@@ -25,9 +25,9 @@
     "build:iife": "cross-env NODE_ENV=$NODE_ENV esbuild index.js --bundle --target=es2020 --format=iife --global-name=Domql --outfile=dist/iife/index.js --define:process.env.NODE_ENV=process.env.NODE_ENV"
   },
   "dependencies": {
-    "@domql/element": "^3.7.0",
-    "@domql/state": "^3.7.0",
-    "@domql/utils": "^3.7.0"
+    "@domql/element": "^3.7.3",
+    "@domql/state": "^3.7.3",
+    "@domql/utils": "^3.7.3"
   },
   "gitHead": "9fc1b79b41cdc725ca6b24aec64920a599634681",
   "browser": "./dist/esm/index.js",