@thi.ng/rdom 1.1.21 → 1.2.0

package/CHANGELOG.md

@@ -1,6 +1,6 @@
 # Change Log
 
-- **Last updated**: 2024-03-27T09:53:45Z
+- **Last updated**: 2024-04-11T12:32:44Z
 - **Generator**: [thi.ng/monopub](https://thi.ng/monopub)
 
 All notable changes to this project will be documented in this file.
@@ -9,6 +9,14 @@ See [Conventional Commits](https://conventionalcommits.org/) for commit guidelin
 **Note:** Unlisted _patch_ versions only involve non-code or otherwise excluded changes
 and/or version bumps of transitive dependencies.
 
+## [1.2.0](https://github.com/thi-ng/umbrella/tree/@thi.ng/rdom@1.2.0) (2024-04-11)
+
+#### 🚀 Features
+
+- update setAttrib() property vs. attrib handling ([52cfe72](https://github.com/thi-ng/umbrella/commit/52cfe72))
+  - add/build cache of property setters
+  - update setAttrib() to prioritize setters and only fallback to attributes
+
 ## [1.1.0](https://github.com/thi-ng/umbrella/tree/@thi.ng/rdom@1.1.0) (2024-02-10)
 
 #### 🚀 Features

package/README.md

@@ -7,7 +7,7 @@
 [![Mastodon Follow](https://img.shields.io/mastodon/follow/109331703950160316?domain=https%3A%2F%2Fmastodon.thi.ng&style=social)](https://mastodon.thi.ng/@toxi)
 
 > [!NOTE]
-> This is one of 190 standalone projects, maintained as part
+> This is one of 192 standalone projects, maintained as part
 > of the [@thi.ng/umbrella](https://github.com/thi-ng/umbrella/) monorepo
 > and anti-framework.
 >
@@ -265,7 +265,13 @@ $compile([
 yarn add @thi.ng/rdom
 ```
 
-ES module import:
+ESM import:
+
+```ts
+import * as rdom from "@thi.ng/rdom";
+```
+
+Browser ESM import:
 
 ```html
 <script type="module" src="https://cdn.skypack.dev/@thi.ng/rdom"></script>
@@ -273,13 +279,7 @@ ES module import:
 
 [Skypack documentation](https://docs.skypack.dev/)
 
-For Node.js REPL:
-
-```js
-const rdom = await import("@thi.ng/rdom");
-```
-
-Package sizes (brotli'd, pre-treeshake): ESM: 4.02 KB
+Package sizes (brotli'd, pre-treeshake): ESM: 4.04 KB
 
 ## Dependencies
 

package/dom.js

@@ -100,10 +100,17 @@ const $attribs = (el, attribs) => {
   }
   return el;
 };
+const __setterCache = {};
+const getproto = Object.getPrototypeOf;
+const getdesc = Object.getOwnPropertyDescriptor;
+const __desc = (proto, prop) => proto ? getdesc(proto, prop) ?? __desc(getproto(proto), prop) : void 0;
+const __setter = (el, prop) => {
+  const key = `${el.namespaceURI}/${el.tagName}#${prop}`;
+  return __setterCache[key] ?? (__setterCache[key] = __desc(getproto(el), prop)?.set ?? false);
+};
 const setAttrib = (el, id, val, attribs) => {
   implementsFunction(val, "deref") && (val = val.deref());
-  const isListener = id.startsWith("on");
-  if (isListener) {
+  if (id.startsWith("on")) {
     if (isString(val)) {
       el.setAttribute(id, val);
     } else {
@@ -130,27 +137,11 @@ const setAttrib = (el, id, val, attribs) => {
     case "prefix":
       el.setAttribute(id, isString(val) ? val : formatPrefixes(val));
       break;
-    case "accessKey":
-    case "autocapitalize":
-    case "checked":
-    case "contentEditable":
-    case "dir":
-    case "draggable":
-    case "hidden":
-    case "id":
-    case "indeterminate":
-    case "lang":
-    case "scrollLeft":
-    case "scrollTop":
-    case "selectionEnd":
-    case "selectionStart":
-    case "slot":
-    case "spellcheck":
-    case "tabIndex":
-    case "title":
-      el[id] = val;
-      break;
     default: {
+      const setter = __setter(el, id);
+      if (setter && val != null) {
+        return setter.call(el, val);
+      }
       const idx = id.indexOf(":");
       if (idx < 0) {
         val === false || val == null ? el.removeAttribute(id) : el.setAttribute(id, val === true ? id : val);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thi.ng/rdom",
-  "version": "1.1.21",
+  "version": "1.2.0",
   "description": "Lightweight, reactive, VDOM-less UI/DOM components with async lifecycle and @thi.ng/hiccup compatible",
   "type": "module",
   "module": "./index.js",
@@ -37,14 +37,14 @@
     "tool:tangle": "../../node_modules/.bin/tangle src/**/*.ts"
   },
   "dependencies": {
-    "@thi.ng/api": "^8.9.31",
-    "@thi.ng/checks": "^3.5.5",
-    "@thi.ng/errors": "^2.5.2",
-    "@thi.ng/hiccup": "^5.1.26",
-    "@thi.ng/paths": "^5.1.76",
-    "@thi.ng/prefixes": "^2.3.14",
-    "@thi.ng/rstream": "^8.3.19",
-    "@thi.ng/strings": "^3.7.28"
+    "@thi.ng/api": "^8.10.1",
+    "@thi.ng/checks": "^3.6.1",
+    "@thi.ng/errors": "^2.5.4",
+    "@thi.ng/hiccup": "^5.1.28",
+    "@thi.ng/paths": "^5.1.78",
+    "@thi.ng/prefixes": "^2.3.16",
+    "@thi.ng/rstream": "^8.4.0",
+    "@thi.ng/strings": "^3.7.30"
   },
   "devDependencies": {
     "@microsoft/api-extractor": "^7.43.0",
@@ -143,5 +143,5 @@
     ],
     "year": 2020
   },
-  "gitHead": "ce5ae2a322d50a7ce8ecccbd94fa55c496ba04fd\n"
+  "gitHead": "18a0c063a7b33d790e5bc2486c106f45f663ac28\n"
 }