aberdeen 1.7.5 → 1.9.0

package/dist/aberdeen.d.ts

@@ -419,6 +419,7 @@ export declare function disableCreateDestroy(): void;
  * - **Two-way data binding:** When the key is `"bind"` a two-way binding between the `.value` property of the given proxied object, and the *current* input element (`<input>`, `<select>` or `<textarea>`) is created. This is often used together with {@link ref}, in order to use properties other than `.value`.
  * - **Text:**: If the key is `"text"`, the value will be appended as a `TextNode` to the *current* element. The same can also be done with the `#` syntax in string arguments, though `text=` allows additional properties to come after in the same string: `$('button text=Hello click=', alert)`.
  * - **Unsafe HTML:** When the key is `"html"`, the value will be added as HTML to the *current* element. This should only be used in exceptional situations. Beware of XSS! Never use this with untrusted user data.
+ * - **Rich text:** When the key is `"rich"`, the value is parsed as simple markdown-like syntax and rendered as inline elements. Supports `*italic*`, `**bold**`, `` `code` ``, and `[link text](/path)`. All text content is safely escaped, making it suitable for user data (though links should be validated if untrusted). Example: `$('p rich="Click *here* for **more** info")`.
  *
  * ### CSS shortcuts
  * For conciseness, Aberdeen supports some CSS shortcuts when setting CSS properties.

package/dist/aberdeen.js

@@ -105,7 +105,7 @@ var topRedrawScope;
 function queue(runner) {
   if (!sortedQueue) {
     sortedQueue = new ReverseSortedSet("prio");
-    setTimeout(runQueue, 0);
+    queueMicrotask(runQueue);
   } else if (!(runQueueDepth & 1)) {
     runQueueDepth++;
     if (runQueueDepth > 98) {
@@ -1225,6 +1225,7 @@ function applyBind(el, target) {
     el.removeEventListener("input", onInputChange);
   });
 }
+var RICH_PATTERN = /\*\*(.+?)\*\*|\*(.+?)\*|`(.+?)`|\[(.+?)\]\((.+?)\)/g;
 var SPECIAL_PROPS = {
   create: (el, value) => {
     if (currentScope !== topRedrawScope)
@@ -1251,6 +1252,38 @@ var SPECIAL_PROPS = {
   },
   text: (el, value) => {
     addNode(el, document.createTextNode(value));
+  },
+  rich: (el, value) => {
+    let lastIndex = 0;
+    let match;
+    const str = String(value);
+    RICH_PATTERN.lastIndex = 0;
+    while ((match = RICH_PATTERN.exec(str)) !== null) {
+      if (match.index > lastIndex) {
+        addNode(el, document.createTextNode(str.slice(lastIndex, match.index)));
+      }
+      let node;
+      if (match[1] !== undefined) {
+        node = document.createElement("strong");
+        node.textContent = match[1];
+      } else if (match[2] !== undefined) {
+        node = document.createElement("em");
+        node.textContent = match[2];
+      } else if (match[3] !== undefined) {
+        node = document.createElement("code");
+        node.textContent = match[3];
+      } else {
+        const a = document.createElement("a");
+        a.textContent = match[4];
+        a.href = match[5];
+        node = a;
+      }
+      addNode(el, node);
+      lastIndex = RICH_PATTERN.lastIndex;
+    }
+    if (lastIndex < str.length) {
+      addNode(el, document.createTextNode(str.slice(lastIndex)));
+    }
   }
 };
 function disableCreateDestroy() {
@@ -1718,5 +1751,5 @@ export {
   $
 };
 
-//# debugId=FDDA844AB902255064756E2164756E21
+//# debugId=4395666872F3B8E864756E2164756E21
 //# sourceMappingURL=aberdeen.js.map