@ienlab/react-library 0.17.0-beta.33 → 0.17.0-beta.35

package/dist/og/generateOGPages.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"generateOGPages.d.ts","sourceRoot":"","sources":["../../src/og/generateOGPages.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,YAAY,CAAA;AAEtC,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CA+B9D;AAED,wBAAgB,eAAe,CAC7B,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAChC,YAAY,SAAe,GAC1B,IAAI,CAoBN"}
+{"version":3,"file":"generateOGPages.d.ts","sourceRoot":"","sources":["../../src/og/generateOGPages.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,YAAY,CAAA;AAiCtC,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAmB9D;AAED,wBAAgB,eAAe,CAC7B,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAChC,YAAY,SAAe,GAC1B,IAAI,CAoBN"}

package/dist/og/generateOGPages.js

@@ -1,16 +1,36 @@
 /// <reference types="node" />
 import { existsSync, mkdirSync, readFileSync, writeFileSync } from "node:fs";
 import { join } from "node:path";
+function escapeHtml(str) {
+    return str
+        .replace(/&/g, "&amp;")
+        .replace(/</g, "&lt;")
+        .replace(/>/g, "&gt;")
+        .replace(/"/g, "&quot;")
+        .replace(/'/g, "&#039;");
+}
+function replaceMetaContent(html, attrName, attrValue, newContent) {
+    const metaRegex = /<meta\s[^>]*\/?>/gi;
+    return html.replace(metaRegex, (tag) => {
+        const hasTarget = new RegExp(`\\s${attrName}=["']${attrValue.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")}["']`, "i").test(tag);
+        if (!hasTarget)
+            return tag;
+        return tag.replace(/content=["']([^"']*)["']/i, `content="${newContent}"`);
+    });
+}
 export function replaceOGTags(html, og) {
-    return html
-        .replace(/(<title>)[^<]*(<\/title>)/, `$1${og.title}$2`)
-        .replace(/(<meta\s+name="description"\s+content=")[^"]*(")/, `$1${og.description}$2`)
-        .replace(/(<meta\s+property="og:title"\s+content=")[^"]*(")/, `$1${og.title}$2`)
-        .replace(/(<meta\s+property="og:description"\s+content=")[^"]*(")/, `$1${og.description}$2`)
-        .replace(/(<meta\s+property="og:image"\s+content=")[^"]*(")/, `$1${og.image}$2`)
-        .replace(/(<meta\s+name="twitter:title"\s+content=")[^"]*(")/, `$1${og.title}$2`)
-        .replace(/(<meta\s+name="twitter:description"\s+content=")[^"]*(")/, `$1${og.description}$2`)
-        .replace(/(<meta\s+name="twitter:image"\s+content=")[^"]*(")/, `$1${og.image}$2`);
+    const t = escapeHtml(og.title);
+    const d = escapeHtml(og.description);
+    const i = escapeHtml(og.image);
+    let result = html.replace(/(<title[^>]*>)[^<]*(<\/title>)/i, (_, open, close) => `${open}${t}${close}`);
+    result = replaceMetaContent(result, "name", "description", d);
+    result = replaceMetaContent(result, "property", "og:title", t);
+    result = replaceMetaContent(result, "property", "og:description", d);
+    result = replaceMetaContent(result, "property", "og:image", i);
+    result = replaceMetaContent(result, "name", "twitter:title", t);
+    result = replaceMetaContent(result, "name", "twitter:description", d);
+    result = replaceMetaContent(result, "name", "twitter:image", i);
+    return result;
 }
 export function generateOGPages(distDir, routeMap, templateFile = "index.html") {
     const indexPath = join(distDir, templateFile);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ienlab/react-library",
-  "version": "0.17.0-beta.33",
+  "version": "0.17.0-beta.35",
   "description": "My React component library",
   "main": "./dist/my-library.cjs.js",
   "module": "./dist/my-library.es.js",