zero-query 0.3.1 → 0.5.2

package/src/core.js

@@ -468,6 +468,16 @@ query.id       = (id) => document.getElementById(id);
 query.class    = (name) => document.querySelector(`.${name}`);
 query.classes  = (name) => Array.from(document.getElementsByClassName(name));
 query.tag      = (name) => Array.from(document.getElementsByTagName(name));
+Object.defineProperty(query, 'name', {
+  value: (name) => Array.from(document.getElementsByName(name)),
+  writable: true, configurable: true
+});
+query.attr     = (attr, value) => Array.from(
+  document.querySelectorAll(value !== undefined ? `[${attr}="${value}"]` : `[${attr}]`)
+);
+query.data     = (key, value) => Array.from(
+  document.querySelectorAll(value !== undefined ? `[data-${key}="${value}"]` : `[data-${key}]`)
+);
 query.children = (parentId) => {
   const p = document.getElementById(parentId);
   return p ? Array.from(p.children) : [];
@@ -496,13 +506,26 @@ query.ready = (fn) => {
   else document.addEventListener('DOMContentLoaded', fn);
 };
 
-// Global event delegation
-query.on = (event, selector, handler) => {
+// Global event listeners — supports direct and delegated forms
+//   $.on('keydown', handler)           → direct listener on document
+//   $.on('click', '.btn', handler)     → delegated via closest()
+query.on = (event, selectorOrHandler, handler) => {
+  if (typeof selectorOrHandler === 'function') {
+    // 2-arg: direct document listener (keydown, resize, etc.)
+    document.addEventListener(event, selectorOrHandler);
+    return;
+  }
+  // 3-arg: delegated
   document.addEventListener(event, (e) => {
-    const target = e.target.closest(selector);
+    const target = e.target.closest(selectorOrHandler);
     if (target) handler.call(target, e);
   });
 };
 
+// Remove a direct global listener
+query.off = (event, handler) => {
+  document.removeEventListener(event, handler);
+};
+
 // Extend collection prototype (like $.fn in jQuery)
 query.fn = ZQueryCollection.prototype;

package/src/router.js

@@ -22,9 +22,9 @@ import { mount, destroy } from './component.js';
 class Router {
   constructor(config = {}) {
     this._el = null;
-    // Auto-detect: file:// protocol can't use pushState, fall back to hash
+    // file:// protocol can't use pushState — always force hash mode
     const isFile = typeof location !== 'undefined' && location.protocol === 'file:';
-    this._mode = config.mode || (isFile ? 'hash' : 'history');
+    this._mode = isFile ? 'hash' : (config.mode || 'history');
 
     // Base path for sub-path deployments
     // Priority: explicit config.base → window.__ZQ_BASE → <base href> tag