@unhead/ssr 1.0.22 → 1.1.1

package/dist/index.cjs

@@ -15,17 +15,34 @@ const propsToString = (props) => {
   return handledAttributes.length > 0 ? ` ${handledAttributes.join(" ")}` : "";
 };
 
-function encodeHtmlEntities(str) {
-  return str.replace(/[\u00A0-\u9999<>\&]/gim, (i) => `&#${i.charCodeAt(0)};`);
+function encodeInnerHtml(str) {
+  return str.replace(/[&<>"'/]/g, (char) => {
+    switch (char) {
+      case "&":
+        return "&amp;";
+      case "<":
+        return "&lt;";
+      case ">":
+        return "&gt;";
+      case '"':
+        return "&quot;";
+      case "'":
+        return "&#x27;";
+      case "/":
+        return "&#x2F;";
+      default:
+        return char;
+    }
+  });
 }
 const tagToString = (tag) => {
   const attrs = propsToString(tag.props);
   const openTag = `<${tag.tag}${attrs}>`;
   if (!shared.TagsWithInnerContent.includes(tag.tag))
     return shared.SelfClosingTags.includes(tag.tag) ? openTag : `${openTag}</${tag.tag}>`;
-  let content = tag.children || "";
-  if (content && tag.tag === "title")
-    content = encodeHtmlEntities(content);
+  let content = tag.innerHTML || "";
+  if (tag.textContent)
+    content = encodeInnerHtml(tag.textContent);
   return shared.SelfClosingTags.includes(tag.tag) ? openTag : `${openTag}${content}</${tag.tag}>`;
 };
 
@@ -60,6 +77,20 @@ async function renderSSRHead(head) {
     };
   }
   const ctx = { tags: await head.resolveTags() };
+  if (head.resolvedOptions.experimentalHashHydration) {
+    ctx.tags.push({
+      tag: "meta",
+      props: {
+        name: "unhead:ssr",
+        content: shared.computeHashes(
+          ctx.tags.filter((t) => {
+            const entry = head.headEntries().find((entry2) => entry2._i === t._e);
+            return entry?._m !== "server";
+          }).map((tag) => tag._h)
+        )
+      }
+    });
+  }
   await head.hooks.callHook("ssr:render", ctx);
   const html = ssrRenderTags(ctx.tags);
   const renderCtx = { tags: ctx.tags, html };
@@ -67,7 +98,7 @@ async function renderSSRHead(head) {
   return renderCtx.html;
 }
 
-exports.encodeHtmlEntities = encodeHtmlEntities;
+exports.encodeInnerHtml = encodeInnerHtml;
 exports.propsToString = propsToString;
 exports.renderSSRHead = renderSSRHead;
 exports.ssrRenderTags = ssrRenderTags;

package/dist/index.d.ts

@@ -5,7 +5,7 @@ declare function renderSSRHead<T extends {}>(head: Unhead<T>): Promise<SSRHeadPa
 
 declare const propsToString: (props: Record<string, any>) => string;
 
-declare function encodeHtmlEntities(str: string): string;
+declare function encodeInnerHtml(str: string): string;
 declare const tagToString: <T extends HeadTag>(tag: T) => string;
 
 declare function ssrRenderTags<T extends HeadTag>(tags: T[]): {
@@ -16,4 +16,4 @@ declare function ssrRenderTags<T extends HeadTag>(tags: T[]): {
     bodyAttrs: string;
 };
 
-export { encodeHtmlEntities, propsToString, renderSSRHead, ssrRenderTags, tagToString };
+export { encodeInnerHtml, propsToString, renderSSRHead, ssrRenderTags, tagToString };

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { TagsWithInnerContent, SelfClosingTags } from '@unhead/shared';
+import { TagsWithInnerContent, SelfClosingTags, computeHashes } from '@unhead/shared';
 
 const propsToString = (props) => {
   const handledAttributes = [];
@@ -13,17 +13,34 @@ const propsToString = (props) => {
   return handledAttributes.length > 0 ? ` ${handledAttributes.join(" ")}` : "";
 };
 
-function encodeHtmlEntities(str) {
-  return str.replace(/[\u00A0-\u9999<>\&]/gim, (i) => `&#${i.charCodeAt(0)};`);
+function encodeInnerHtml(str) {
+  return str.replace(/[&<>"'/]/g, (char) => {
+    switch (char) {
+      case "&":
+        return "&amp;";
+      case "<":
+        return "&lt;";
+      case ">":
+        return "&gt;";
+      case '"':
+        return "&quot;";
+      case "'":
+        return "&#x27;";
+      case "/":
+        return "&#x2F;";
+      default:
+        return char;
+    }
+  });
 }
 const tagToString = (tag) => {
   const attrs = propsToString(tag.props);
   const openTag = `<${tag.tag}${attrs}>`;
   if (!TagsWithInnerContent.includes(tag.tag))
     return SelfClosingTags.includes(tag.tag) ? openTag : `${openTag}</${tag.tag}>`;
-  let content = tag.children || "";
-  if (content && tag.tag === "title")
-    content = encodeHtmlEntities(content);
+  let content = tag.innerHTML || "";
+  if (tag.textContent)
+    content = encodeInnerHtml(tag.textContent);
   return SelfClosingTags.includes(tag.tag) ? openTag : `${openTag}${content}</${tag.tag}>`;
 };
 
@@ -58,6 +75,20 @@ async function renderSSRHead(head) {
     };
   }
   const ctx = { tags: await head.resolveTags() };
+  if (head.resolvedOptions.experimentalHashHydration) {
+    ctx.tags.push({
+      tag: "meta",
+      props: {
+        name: "unhead:ssr",
+        content: computeHashes(
+          ctx.tags.filter((t) => {
+            const entry = head.headEntries().find((entry2) => entry2._i === t._e);
+            return entry?._m !== "server";
+          }).map((tag) => tag._h)
+        )
+      }
+    });
+  }
   await head.hooks.callHook("ssr:render", ctx);
   const html = ssrRenderTags(ctx.tags);
   const renderCtx = { tags: ctx.tags, html };
@@ -65,4 +96,4 @@ async function renderSSRHead(head) {
   return renderCtx.html;
 }
 
-export { encodeHtmlEntities, propsToString, renderSSRHead, ssrRenderTags, tagToString };
+export { encodeInnerHtml, propsToString, renderSSRHead, ssrRenderTags, tagToString };

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@unhead/ssr",
   "type": "module",
-  "version": "1.0.22",
-  "packageManager": "pnpm@7.26.3",
+  "version": "1.1.1",
+  "packageManager": "pnpm@7.27.1",
   "author": "Harlan Wilton <harlan@harlanzw.com>",
   "license": "MIT",
   "funding": "https://github.com/sponsors/harlan-zw",
@@ -30,8 +30,8 @@
     "dist"
   ],
   "dependencies": {
-    "@unhead/schema": "1.0.22",
-    "@unhead/shared": "1.0.22"
+    "@unhead/schema": "1.1.1",
+    "@unhead/shared": "1.1.1"
   },
   "scripts": {
     "build": "unbuild .",