@unhead/dom 1.3.9 → 1.4.0

package/dist/index.cjs

@@ -2,10 +2,12 @@
 
 const shared = require('@unhead/shared');
 
-function elementToTag($el) {
+async function elementToTag($el) {
   const tag = {
     tag: $el.tagName.toLowerCase(),
-    props: $el.getAttributeNames().reduce((props, name) => ({ ...props, [name]: $el.getAttribute(name) }), {}),
+    props: await shared.normaliseProps(
+      $el.getAttributeNames().reduce((props, name) => ({ ...props, [name]: $el.getAttribute(name) }), {})
+    ),
     innerHTML: $el.innerHTML
   };
   tag._d = shared.tagDedupeKey(tag);
@@ -32,7 +34,7 @@ async function renderDOMHead(head, options = {}) {
     for (const key of ["body", "head"]) {
       const children = dom?.[key]?.children;
       for (const c of [...children].filter((c2) => shared.HasElementTags.includes(c2.tagName.toLowerCase())))
-        state.elMap[c.getAttribute("data-hid") || shared.hashTag(elementToTag(c))] = c;
+        state.elMap[c.getAttribute("data-hid") || shared.hashTag(await elementToTag(c))] = c;
     }
   }
   state.pendingSideEffects = { ...state.sideEffects || {} };
@@ -55,7 +57,6 @@ async function renderDOMHead(head, options = {}) {
       });
     }
     Object.entries(tag.props).forEach(([k, value]) => {
-      value = String(value);
       const ck = `attr:${k}`;
       if (k === "class") {
         for (const c of (value || "").split(" ").filter(Boolean)) {
@@ -63,7 +64,7 @@ async function renderDOMHead(head, options = {}) {
           !$el.classList.contains(c) && $el.classList.add(c);
         }
       } else {
-        $el.getAttribute(k) !== value && $el.setAttribute(k, value);
+        $el.getAttribute(k) !== value && $el.setAttribute(k, value === true ? "" : String(value));
         isAttrTag && track(id, ck, () => $el.removeAttribute(k));
       }
     });
@@ -114,6 +115,7 @@ async function debouncedRenderDOMHead(head, options = {}) {
   }));
 }
 
+// @__NO_SIDE_EFFECTS__
 function DomPlugin(options) {
   return shared.defineHeadPlugin((head) => {
     const initialPayload = head.resolvedOptions.document?.head.querySelector('script[id="unhead:payload"]')?.innerHTML || false;

package/dist/index.d.cts

@@ -0,0 +1,31 @@
+import * as _unhead_schema from '@unhead/schema';
+import { Unhead } from '@unhead/schema';
+
+interface RenderDomHeadOptions {
+    /**
+     * Document to use for rendering. Allows stubbing for testing.
+     */
+    document?: Document;
+}
+/**
+ * Render the head tags to the DOM.
+ */
+declare function renderDOMHead<T extends Unhead<any>>(head: T, options?: RenderDomHeadOptions): Promise<void>;
+
+interface DomPluginOptions extends RenderDomHeadOptions {
+    delayFn?: (fn: () => void) => void;
+}
+declare function DomPlugin(options?: DomPluginOptions): _unhead_schema.HeadPlugin;
+
+interface DebouncedRenderDomHeadOptions extends RenderDomHeadOptions {
+    /**
+     * Specify a custom delay function for delaying the render.
+     */
+    delayFn?: (fn: () => void) => void;
+}
+/**
+ * Queue a debounced update of the DOM head.
+ */
+declare function debouncedRenderDOMHead<T extends Unhead<any>>(head: T, options?: DebouncedRenderDomHeadOptions): Promise<void>;
+
+export { type DebouncedRenderDomHeadOptions, DomPlugin, type DomPluginOptions, type RenderDomHeadOptions, debouncedRenderDOMHead, renderDOMHead };

package/dist/index.d.mts

@@ -0,0 +1,31 @@
+import * as _unhead_schema from '@unhead/schema';
+import { Unhead } from '@unhead/schema';
+
+interface RenderDomHeadOptions {
+    /**
+     * Document to use for rendering. Allows stubbing for testing.
+     */
+    document?: Document;
+}
+/**
+ * Render the head tags to the DOM.
+ */
+declare function renderDOMHead<T extends Unhead<any>>(head: T, options?: RenderDomHeadOptions): Promise<void>;
+
+interface DomPluginOptions extends RenderDomHeadOptions {
+    delayFn?: (fn: () => void) => void;
+}
+declare function DomPlugin(options?: DomPluginOptions): _unhead_schema.HeadPlugin;
+
+interface DebouncedRenderDomHeadOptions extends RenderDomHeadOptions {
+    /**
+     * Specify a custom delay function for delaying the render.
+     */
+    delayFn?: (fn: () => void) => void;
+}
+/**
+ * Queue a debounced update of the DOM head.
+ */
+declare function debouncedRenderDOMHead<T extends Unhead<any>>(head: T, options?: DebouncedRenderDomHeadOptions): Promise<void>;
+
+export { type DebouncedRenderDomHeadOptions, DomPlugin, type DomPluginOptions, type RenderDomHeadOptions, debouncedRenderDOMHead, renderDOMHead };

package/dist/index.d.ts

@@ -28,4 +28,4 @@ interface DebouncedRenderDomHeadOptions extends RenderDomHeadOptions {
  */
 declare function debouncedRenderDOMHead<T extends Unhead<any>>(head: T, options?: DebouncedRenderDomHeadOptions): Promise<void>;
 
-export { DebouncedRenderDomHeadOptions, DomPlugin, DomPluginOptions, RenderDomHeadOptions, debouncedRenderDOMHead, renderDOMHead };
+export { type DebouncedRenderDomHeadOptions, DomPlugin, type DomPluginOptions, type RenderDomHeadOptions, debouncedRenderDOMHead, renderDOMHead };

package/dist/index.mjs

@@ -1,9 +1,11 @@
-import { HasElementTags, hashTag, tagDedupeKey, defineHeadPlugin } from '@unhead/shared';
+import { HasElementTags, hashTag, normaliseProps, tagDedupeKey, defineHeadPlugin } from '@unhead/shared';
 
-function elementToTag($el) {
+async function elementToTag($el) {
   const tag = {
     tag: $el.tagName.toLowerCase(),
-    props: $el.getAttributeNames().reduce((props, name) => ({ ...props, [name]: $el.getAttribute(name) }), {}),
+    props: await normaliseProps(
+      $el.getAttributeNames().reduce((props, name) => ({ ...props, [name]: $el.getAttribute(name) }), {})
+    ),
     innerHTML: $el.innerHTML
   };
   tag._d = tagDedupeKey(tag);
@@ -30,7 +32,7 @@ async function renderDOMHead(head, options = {}) {
     for (const key of ["body", "head"]) {
       const children = dom?.[key]?.children;
       for (const c of [...children].filter((c2) => HasElementTags.includes(c2.tagName.toLowerCase())))
-        state.elMap[c.getAttribute("data-hid") || hashTag(elementToTag(c))] = c;
+        state.elMap[c.getAttribute("data-hid") || hashTag(await elementToTag(c))] = c;
     }
   }
   state.pendingSideEffects = { ...state.sideEffects || {} };
@@ -53,7 +55,6 @@ async function renderDOMHead(head, options = {}) {
       });
     }
     Object.entries(tag.props).forEach(([k, value]) => {
-      value = String(value);
       const ck = `attr:${k}`;
       if (k === "class") {
         for (const c of (value || "").split(" ").filter(Boolean)) {
@@ -61,7 +62,7 @@ async function renderDOMHead(head, options = {}) {
           !$el.classList.contains(c) && $el.classList.add(c);
         }
       } else {
-        $el.getAttribute(k) !== value && $el.setAttribute(k, value);
+        $el.getAttribute(k) !== value && $el.setAttribute(k, value === true ? "" : String(value));
         isAttrTag && track(id, ck, () => $el.removeAttribute(k));
       }
     });
@@ -112,6 +113,7 @@ async function debouncedRenderDOMHead(head, options = {}) {
   }));
 }
 
+// @__NO_SIDE_EFFECTS__
 function DomPlugin(options) {
   return defineHeadPlugin((head) => {
     const initialPayload = head.resolvedOptions.document?.head.querySelector('script[id="unhead:payload"]')?.innerHTML || false;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@unhead/dom",
   "type": "module",
-  "version": "1.3.9",
+  "version": "1.4.0",
   "author": "Harlan Wilton <harlan@harlanzw.com>",
   "license": "MIT",
   "funding": "https://github.com/sponsors/harlan-zw",
@@ -29,8 +29,8 @@
     "dist"
   ],
   "dependencies": {
-    "@unhead/schema": "1.3.9",
-    "@unhead/shared": "1.3.9"
+    "@unhead/schema": "1.4.0",
+    "@unhead/shared": "1.4.0"
   },
   "scripts": {
     "build": "unbuild .",