@jackens/nnn 2026.4.11 → 2026.4.12

package/nnn.js

@@ -67,62 +67,65 @@ var isRecord = (arg) => typeof arg === "object" && arg != null && !isArray(arg);
 
 // src/nnn/h.ts
 var XLINK_NS = "http://www.w3.org/1999/xlink";
-var _h = (namespaceUri, tagOrNode, ...args) => {
+var newH = (namespaceUri) => {
   const createElement = namespaceUri == null ? (tag) => document.createElement(tag) : (tag) => document.createElementNS(namespaceUri, tag);
-  const node = isString(tagOrNode) ? createElement(tagOrNode) : tagOrNode;
-  args.forEach((arg) => {
-    let child = null;
-    if (arg instanceof Node) {
-      child = arg;
-    } else if (isArray(arg)) {
-      child = _h(namespaceUri, ...arg);
-    } else if (isRecord(arg)) {
-      for (const name in arg) {
-        const value = arg[name];
-        if (name[0] === "$") {
-          const name1 = name.slice(1);
-          if (isRecord(value)) {
-            node[name1] ??= {};
-            Object.assign(node[name1], value);
-          } else {
-            node[name1] = value;
-          }
-        } else if (node instanceof Element) {
-          const indexOfColon = name.indexOf(":");
-          if (indexOfColon >= 0) {
-            const nsKey = name.slice(0, indexOfColon);
-            if (nsKey === "xlink") {
-              const basename = name.slice(indexOfColon + 1);
+  const h = (tagOrNode, ...args) => {
+    const node = isString(tagOrNode) ? createElement(tagOrNode) : tagOrNode;
+    args.forEach((arg) => {
+      let child = null;
+      if (arg instanceof Node) {
+        child = arg;
+      } else if (isArray(arg)) {
+        child = h(...arg);
+      } else if (isRecord(arg)) {
+        for (const name in arg) {
+          const value = arg[name];
+          if (name[0] === "$") {
+            const name1 = name.slice(1);
+            if (isRecord(value)) {
+              node[name1] ??= {};
+              Object.assign(node[name1], value);
+            } else {
+              node[name1] = value;
+            }
+          } else if (node instanceof Element) {
+            const indexOfColon = name.indexOf(":");
+            if (indexOfColon >= 0) {
+              const nsKey = name.slice(0, indexOfColon);
+              if (nsKey === "xlink") {
+                const basename = name.slice(indexOfColon + 1);
+                if (value === true) {
+                  node.setAttributeNS(XLINK_NS, basename, "");
+                } else if (value === false) {
+                  node.removeAttributeNS(XLINK_NS, basename);
+                } else {
+                  node.setAttributeNS(XLINK_NS, basename, "" + value);
+                }
+              }
+            } else {
               if (value === true) {
-                node.setAttributeNS(XLINK_NS, basename, "");
+                node.setAttribute(name, "");
               } else if (value === false) {
-                node.removeAttributeNS(XLINK_NS, basename);
+                node.removeAttribute(name);
               } else {
-                node.setAttributeNS(XLINK_NS, basename, "" + value);
+                node.setAttribute(name, "" + value);
               }
             }
-          } else {
-            if (value === true) {
-              node.setAttribute(name, "");
-            } else if (value === false) {
-              node.removeAttribute(name);
-            } else {
-              node.setAttribute(name, "" + value);
-            }
           }
         }
+      } else if (isString(arg) || isNumber(arg)) {
+        child = document.createTextNode(arg);
       }
-    } else if (isString(arg) || isNumber(arg)) {
-      child = document.createTextNode(arg);
-    }
-    if (child != null) {
-      node.appendChild(child);
-    }
-  });
-  return node;
+      if (child != null) {
+        node.appendChild(child);
+      }
+    });
+    return node;
+  };
+  return h;
 };
-var h = _h.bind(null, null);
-var s = _h.bind(null, "http://www.w3.org/2000/svg");
+var h = newH(null);
+var s = newH("http://www.w3.org/2000/svg");
 var svgUse = (id, ...args) => s("svg", ["use", { "xlink:href": "#" + id }], ...args);
 
 // src/nnn/fixPlTypography.ts
@@ -304,31 +307,9 @@ var newNounForm = (locale, forms) => (value) => forms[(PLURAL_RULES[locale] ??=
 var omit = (ref, keys) => Object.fromEntries(Object.entries(ref).filter(([key]) => !keys.includes(key)));
 // src/nnn/pick.ts
 var pick = (ref, keys) => Object.fromEntries(Object.entries(ref).filter(([key]) => keys.includes(key)));
-// src/nnn/vivify.ts
-var ARRAY_INDEX_REGEXP = /^(0|[1-9]\d*)$/;
-var isObject = (ref) => typeof ref === "object";
-var getTarget = (parent, parentKey, key) => parent[parentKey] ??= isString(key) && ARRAY_INDEX_REGEXP.test(key) ? [] : {};
-var _vivify = (parent, parentKey) => new Proxy(parent, {
-  get(_, key) {
-    const target = getTarget(parent, parentKey, key);
-    const value = target[key];
-    return isString(key) && isObject(target) && (value == null || isObject(value)) ? _vivify(target, key) : value;
-  },
-  set(_, key, value) {
-    const target = getTarget(parent, parentKey, key);
-    target[key] = value;
-    return true;
-  },
-  deleteProperty(_, key) {
-    const target = getTarget(parent, parentKey, key);
-    return delete target[key];
-  }
-});
-var vivify = (ref) => _vivify({ _: ref }, "_");
-
 // src/nnn/rwd.ts
 var rwd = (root, selector, cellWidthPx, cellHeightPx, ...specs) => {
-  const main = vivify(root)[selector];
+  const main = root[selector] ??= {};
   main.boxSizing = "border-box";
   main.display = "block";
   main.float = "left";
@@ -336,7 +317,8 @@ var rwd = (root, selector, cellWidthPx, cellHeightPx, ...specs) => {
   main.height = `${cellHeightPx}px`;
   specs.sort(([a], [b]) => a - b);
   for (let [maxWidth, width, height] of specs) {
-    const node = maxWidth === 1 ? main : vivify(root)[`@media(min-width:${cellWidthPx * maxWidth}px)`][selector];
+    const mediaSelector = `@media(min-width:${cellWidthPx * maxWidth}px)`;
+    const node = maxWidth === 1 ? main : (root[mediaSelector] ??= {})[selector] ??= {};
     width ??= 1;
     height ??= 1;
     let gcd = 100 * width;
@@ -357,6 +339,27 @@ var uuidV1 = (date = new Date, node = Math.random().toString(16).slice(2)) => {
   counter = counter + 1 & 16383;
   return time.slice(-8).concat("-", time.slice(-12, -8), -1, time.slice(-15, -12), "-", (8 | counter >> 12).toString(16), (ZEROS + (counter & 4095).toString(16)).slice(-3), "-", (ZEROS + node).slice(-12));
 };
+// src/nnn/vivify.ts
+var ARRAY_INDEX_REGEXP = /^(0|[1-9]\d*)$/;
+var isObject = (ref) => typeof ref === "object";
+var getTarget = (parent, parentKey, key) => parent[parentKey] ??= isString(key) && ARRAY_INDEX_REGEXP.test(key) ? [] : {};
+var _vivify = (parent, parentKey) => new Proxy(parent, {
+  get(_, key) {
+    const target = getTarget(parent, parentKey, key);
+    const value = target[key];
+    return isString(key) && isObject(target) && (value == null || isObject(value)) ? _vivify(target, key) : value;
+  },
+  set(_, key, value) {
+    const target = getTarget(parent, parentKey, key);
+    target[key] = value;
+    return true;
+  },
+  deleteProperty(_, key) {
+    const target = getTarget(parent, parentKey, key);
+    return delete target[key];
+  }
+});
+var vivify = (ref) => _vivify({ _: ref }, "_");
 export {
   vivify,
   uuidV1,

package/package.json

@@ -44,5 +44,5 @@
   "name": "@jackens/nnn",
   "type": "module",
   "types": "nnn.d.ts",
-  "version": "2026.4.11"
+  "version": "2026.4.12"
 }

package/readme.md

@@ -1,6 +1,6 @@
 # nnn
 
-A collection of Jackens’ JavaScript helper utilities (version: `2026.4.11`).
+A collection of Jackens’ JavaScript helper utilities (version: `2026.4.12`).
 
 ## Installation