@xylabs/sdk-meta 4.8.8 → 4.9.0

package/dist/neutral/index.mjs

@@ -45,7 +45,7 @@ var addMetaToHead = ($, name, value) => {
   if (typeof value === "string") {
     const newMeta = `<meta property="${name}" content="${value}" />`;
     const existingMeta = $(`head meta[property="${name}"]`);
-    if (existingMeta?.length) {
+    if ((existingMeta?.length ?? 0) > 0) {
       existingMeta.replaceWith(newMeta);
     } else {
       $("head").append(newMeta);

package/dist/neutral/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/html/mergeDocumentHead.ts","../../src/lib/getMetaAsDict.ts","../../src/meta/builder.ts"],"sourcesContent":["import { load } from 'cheerio'\n\nconst opts = {}\n// const opts = { decodeEntities: false }\n\nexport const mergeDocumentHead = (destination: string, source: string) => {\n  const $destination = load(destination, opts)\n  const $source = load(source, opts)\n\n  // For each child node of the source head\n  $source('head')\n    .children()\n    .each((_, element) => {\n      const el = $destination(element)\n\n      // Special case for meta tags: We want to match them by the name attribute\n      if (el[0].tagName === 'meta') {\n        const property = el.attr('property')\n        if (property) {\n          const match = $destination(`head meta[property=\"${property}\"]`)\n\n          // If it exists, replace it, otherwise append it\n          if (match.length > 0) {\n            match.replaceWith(el)\n            return\n          } else {\n            $destination('head').append(el)\n          }\n        }\n        // else {\n        //   // For all other elements, just check if the same element exists in the first HTML string\n        //   const match = $destination(el[0].tagName)\n\n        //   // If it exists, replace it, otherwise append it\n        //   if (match.length > 0) {\n        //     match.replaceWith(el)\n        //   } else {\n        //     $destination('head').append(el)\n        //   }\n        // }\n      }\n    })\n\n  // Return the merged HTML\n  return $destination.html(opts)\n}\n","// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type StringIndexable = { [key: string]: any }\n\nconst propertyDelimiter = ':'\n\nexport const getMetaAsDict = (obj: StringIndexable, parentKey = ''): Record<string, string> => {\n  let flatRecord: StringIndexable = {}\n  for (const key in obj) {\n    if (typeof obj[key] === 'object' && obj[key] !== null) {\n      // If the value is another object, we want to iterate through its keys as well.\n      const childRecord = getMetaAsDict(obj[key] as StringIndexable, `${parentKey}${key}${propertyDelimiter}`)\n      flatRecord = { ...flatRecord, ...childRecord }\n    } else {\n      // Concatenate the key with its parent key.\n      const newKey = parentKey ? `${parentKey}${key}` : key\n      const trimmed = newKey.endsWith(propertyDelimiter) ? newKey.slice(0, -1) : newKey\n      flatRecord[trimmed] = `${obj[key]}`\n    }\n  }\n  return flatRecord\n}\n","import type { CheerioAPI } from 'cheerio'\nimport { load } from 'cheerio'\n\nimport { getMetaAsDict } from '../lib/index.ts'\nimport type { Meta } from '../models/index.ts'\n\n/* test change */\n\nconst addMetaToHead = ($: CheerioAPI, name: string, value: string | object) => {\n  if (typeof value === 'string') {\n    const newMeta = `<meta property=\"${name}\" content=\"${value}\" />`\n    const existingMeta = $(`head meta[property=\"${name}\"]`)\n    if (existingMeta?.length) {\n      existingMeta.replaceWith(newMeta)\n    } else {\n      $('head').append(newMeta)\n    }\n  } else if (Array.isArray(value)) {\n    for (const item of value) addMetaToHead($, `${name}`, item)\n  } else if (typeof value === 'object') {\n    for (let [key, v] of Object.entries(value)) {\n      if (key === 'url') {\n        addMetaToHead($, name, v)\n      } else {\n        addMetaToHead($, `${name}:${key}`, v)\n      }\n    }\n  } else {\n    throw new TypeError(`Invalid item type [${name}, ${typeof value}]`)\n  }\n}\n\nexport const metaBuilder = (html: string, meta: Meta, handler?: string) => {\n  const $ = load(html)\n  // NOTE: This assumes unique meta properties (no duplicates)\n  // which is generally the case, but not always (you can have\n  // multiple og:video:tag tags, for example)\n  const metaProperties = getMetaAsDict(meta)\n  for (const [key, value] of Object.entries(metaProperties)) {\n    if (value) addMetaToHead($, key, value)\n  }\n  if (meta.description) {\n    addMetaToHead($, 'description', meta.description)\n  }\n  if (meta.title) {\n    $('title').text(meta.title)\n  }\n  if (handler) {\n    addMetaToHead($, 'meta-handler', handler)\n  }\n  return $.html()\n}\n"],"mappings":"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","names":["load","load"]}
+{"version":3,"sources":["../../src/html/mergeDocumentHead.ts","../../src/lib/getMetaAsDict.ts","../../src/meta/builder.ts"],"sourcesContent":["import { load } from 'cheerio'\n\nconst opts = {}\n// const opts = { decodeEntities: false }\n\nexport const mergeDocumentHead = (destination: string, source: string) => {\n  const $destination = load(destination, opts)\n  const $source = load(source, opts)\n\n  // For each child node of the source head\n  $source('head')\n    .children()\n    .each((_, element) => {\n      const el = $destination(element)\n\n      // Special case for meta tags: We want to match them by the name attribute\n      if (el[0].tagName === 'meta') {\n        const property = el.attr('property')\n        if (property) {\n          const match = $destination(`head meta[property=\"${property}\"]`)\n\n          // If it exists, replace it, otherwise append it\n          if (match.length > 0) {\n            match.replaceWith(el)\n            return\n          } else {\n            $destination('head').append(el)\n          }\n        }\n        // else {\n        //   // For all other elements, just check if the same element exists in the first HTML string\n        //   const match = $destination(el[0].tagName)\n\n        //   // If it exists, replace it, otherwise append it\n        //   if (match.length > 0) {\n        //     match.replaceWith(el)\n        //   } else {\n        //     $destination('head').append(el)\n        //   }\n        // }\n      }\n    })\n\n  // Return the merged HTML\n  return $destination.html(opts)\n}\n","// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type StringIndexable = { [key: string]: any }\n\nconst propertyDelimiter = ':'\n\nexport const getMetaAsDict = (obj: StringIndexable, parentKey = ''): Record<string, string> => {\n  let flatRecord: StringIndexable = {}\n  for (const key in obj) {\n    if (typeof obj[key] === 'object' && obj[key] !== null) {\n      // If the value is another object, we want to iterate through its keys as well.\n      const childRecord = getMetaAsDict(obj[key] as StringIndexable, `${parentKey}${key}${propertyDelimiter}`)\n      flatRecord = { ...flatRecord, ...childRecord }\n    } else {\n      // Concatenate the key with its parent key.\n      const newKey = parentKey ? `${parentKey}${key}` : key\n      const trimmed = newKey.endsWith(propertyDelimiter) ? newKey.slice(0, -1) : newKey\n      flatRecord[trimmed] = `${obj[key]}`\n    }\n  }\n  return flatRecord\n}\n","import type { CheerioAPI } from 'cheerio'\nimport { load } from 'cheerio'\n\nimport { getMetaAsDict } from '../lib/index.ts'\nimport type { Meta } from '../models/index.ts'\n\n/* test change */\n\nconst addMetaToHead = ($: CheerioAPI, name: string, value: string | object) => {\n  if (typeof value === 'string') {\n    const newMeta = `<meta property=\"${name}\" content=\"${value}\" />`\n    const existingMeta = $(`head meta[property=\"${name}\"]`)\n    if ((existingMeta?.length ?? 0) > 0) {\n      existingMeta.replaceWith(newMeta)\n    } else {\n      $('head').append(newMeta)\n    }\n  } else if (Array.isArray(value)) {\n    for (const item of value) addMetaToHead($, `${name}`, item)\n  } else if (typeof value === 'object') {\n    for (let [key, v] of Object.entries(value)) {\n      if (key === 'url') {\n        addMetaToHead($, name, v)\n      } else {\n        addMetaToHead($, `${name}:${key}`, v)\n      }\n    }\n  } else {\n    throw new TypeError(`Invalid item type [${name}, ${typeof value}]`)\n  }\n}\n\nexport const metaBuilder = (html: string, meta: Meta, handler?: string) => {\n  const $ = load(html)\n  // NOTE: This assumes unique meta properties (no duplicates)\n  // which is generally the case, but not always (you can have\n  // multiple og:video:tag tags, for example)\n  const metaProperties = getMetaAsDict(meta)\n  for (const [key, value] of Object.entries(metaProperties)) {\n    if (value) addMetaToHead($, key, value)\n  }\n  if (meta.description) {\n    addMetaToHead($, 'description', meta.description)\n  }\n  if (meta.title) {\n    $('title').text(meta.title)\n  }\n  if (handler) {\n    addMetaToHead($, 'meta-handler', handler)\n  }\n  return $.html()\n}\n"],"mappings":"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","names":["load","load"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xylabs/sdk-meta",
-  "version": "4.8.8",
+  "version": "4.9.0",
   "description": "Base functionality used throughout XYO TypeScript/JavaScript libraries",
   "keywords": [
     "meta",
@@ -34,11 +34,11 @@
     "cheerio": "^1.0.0"
   },
   "devDependencies": {
-    "@types/node": "^22.15.3",
-    "@xylabs/ts-scripts-yarn3": "^6.4.5",
-    "@xylabs/tsconfig": "^6.4.5",
+    "@types/node": "^22.15.8",
+    "@xylabs/ts-scripts-yarn3": "^6.5.5",
+    "@xylabs/tsconfig": "^6.5.5",
     "typescript": "^5.8.3",
-    "vitest": "^3.1.2"
+    "vitest": "^3.1.3"
   },
   "packageManager": "yarn@3.2.0",
   "publishConfig": {

package/src/html/spec/__snapshots__/mergeDocumentHead.approval.spec.ts.snap

@@ -21,25 +21,3 @@ exports[`mergeDocumentHead > with real documents 1`] = `
 
 </body></html>"
 `;
-
-exports[`mergeDocumentHead with real documents 1`] = `
-"<!DOCTYPE html><html lang="en"><head>
-  <meta charset="utf-8">
-  <link rel="icon" href="/favicon.ico">
-  <meta name="viewport" content="width=device-width,initial-scale=1">
-  <meta name="description" content="Your Data, Forever Long.">
-  <link rel="preconnect" href="https://fonts.googleapis.com">
-  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
-  <link href="https://fonts.googleapis.com/css2?family=Roboto+Flex:wght@300;400;500;600;800&amp;display=swap" rel="stylesheet">
-  <link rel="apple-touch-icon" href="/foreventory-logo-icon-black.png">
-  <link rel="manifest" href="/manifest.json">
-  <title>Foreventory</title>
-  <script defer="defer" src="/static/js/main.297e104a.js"></script>
-<meta content="website" property="og:type" data-react-helmet="true"><meta property="og:image" content="/netflix/insights/6f088236519e8e0c9ab9294c2e59fb2b8b434091a7559401ae860ff445fb1355/share/1600/900"><meta property="og:image:height" content="900"><meta property="og:image:secure_url" content="/netflix/insights/6f088236519e8e0c9ab9294c2e59fb2b8b434091a7559401ae860ff445fb1355/share/1600/900"><meta property="og:image:type" content="image/png"><meta property="og:image:url" content="/netflix/insights/6f088236519e8e0c9ab9294c2e59fb2b8b434091a7559401ae860ff445fb1355/share/1600/900"><meta property="og:image:width" content="1600"><meta property="twitter:image" content="/netflix/insights/6f088236519e8e0c9ab9294c2e59fb2b8b434091a7559401ae860ff445fb1355/share/1600/900"></head>
-
-<body><noscript>You need to enable JavaScript to run this app.</noscript>
-  <div id="root"></div>
-
-
-</body></html>"
-`;

package/src/meta/builder.ts

@@ -10,7 +10,7 @@ const addMetaToHead = ($: CheerioAPI, name: string, value: string | object) => {
   if (typeof value === 'string') {
     const newMeta = `<meta property="${name}" content="${value}" />`
     const existingMeta = $(`head meta[property="${name}"]`)
-    if (existingMeta?.length) {
+    if ((existingMeta?.length ?? 0) > 0) {
       existingMeta.replaceWith(newMeta)
     } else {
       $('head').append(newMeta)

package/src/spec/__snapshots__/builder.spec.ts.snap

@@ -92,96 +92,3 @@ exports[`builder > Overwrites existing values with new values 1`] = `
 
     </body></html>"
 `;
-
-exports[`builder Adds meta Open Graph (OG) 1`] = `
-"<!DOCTYPE html><html lang="en"><head>
-  <meta charset="utf-8">
-  <link rel="icon" href="/favicon.ico">
-  <meta name="viewport" content="width=device-width,initial-scale=1">
-  <meta name="theme-color" content="#000000">
-  <meta name="description" content="Own your piece of XYO's Decentralized Digital World!">
-  <link rel="apple-touch-icon" href="/apple-touch-icon.png">
-  <link rel="manifest" href="/manifest.json">
-  <title>Death Valley Wilderness: Wilderness Light</title>
-  <link href="https://fonts.googleapis.com/css?family=Nunito+Sans|Lexend+Deca|Rock+Salt|Source+Code+Pro&amp;display=swap" rel="stylesheet">
-  <script async="" src="https://www.googletagmanager.com/gtag/js?id=G-795QBPW744"></script>
-  <script>function gtag() { dataLayer.push(arguments) } window.dataLayer = window.dataLayer || [], gtag("js", new Date), gtag("config", "G-795QBPW744")</script>
-  <style>
-    html {
-      overflow-y: auto;
-      overflow-x: hidden
-    }
-
-    #root,
-    body {
-      height: 100%;
-      width: 100%;
-      margin: 0;
-      padding: 0
-    }
-  </style>
-  <script defer="defer" src="/static/js/main.ae7f7033.js"></script>
-  <link href="/static/css/main.026e3fe6.css" rel="stylesheet">
-<meta property="description" content="Follow the course of light through the Death Valley Wilderness and observe the obvious and subtle changes across the landscape.Produced by Sylvia JohnsonTo w..."><meta property="title" content="Death Valley Wilderness: Wilderness Light"><meta property="og:description" content="Follow the course of light through the Death Valley Wilderness and observe the obvious and subtle changes across the landscape.Produced by Sylvia JohnsonTo w..."><meta property="og:image" content="https://i.ytimg.com/vi/Kauv7MVPcsA/maxresdefault.jpg"><meta property="og:image:height" content="720"><meta property="og:image:width" content="1280"><meta property="og:site_name" content="YouTube"><meta property="og:title" content="Death Valley Wilderness: Wilderness Light"><meta property="og:type" content="video.other"><meta property="og:url" content="https://www.youtube.com/watch?v=Kauv7MVPcsA"><meta property="og:video:height" content="720"><meta property="og:video:secure_url" content="https://www.youtube.com/embed/Kauv7MVPcsA"><meta property="og:video:type" content="text/html"><meta property="og:video:url" content="https://www.youtube.com/embed/Kauv7MVPcsA"><meta property="og:video:width" content="1280"></head>
-
-<body style="padding:0;margin:0;overflow-x:hidden"><noscript><iframe
-      src="https://www.googletagmanager.com/ns.html?id=GTM-W2TFNXL" height="0" width="0"
-      style="display:none;visibility:hidden"></iframe></noscript><noscript>You need to enable JavaScript to run this
-    app.</noscript>
-  <div id="root"></div>
-
-
-</body></html>"
-`;
-
-exports[`builder Adds meta Twitter 1`] = `
-"<!DOCTYPE html><html lang="en"><head>
-  <meta charset="utf-8">
-  <link rel="icon" href="/favicon.ico">
-  <meta name="viewport" content="width=device-width,initial-scale=1">
-  <meta name="theme-color" content="#000000">
-  <meta name="description" content="Own your piece of XYO's Decentralized Digital World!">
-  <link rel="apple-touch-icon" href="/apple-touch-icon.png">
-  <link rel="manifest" href="/manifest.json">
-  <title>Death Valley Wilderness: Wilderness Light</title>
-  <link href="https://fonts.googleapis.com/css?family=Nunito+Sans|Lexend+Deca|Rock+Salt|Source+Code+Pro&amp;display=swap" rel="stylesheet">
-  <script async="" src="https://www.googletagmanager.com/gtag/js?id=G-795QBPW744"></script>
-  <script>function gtag() { dataLayer.push(arguments) } window.dataLayer = window.dataLayer || [], gtag("js", new Date), gtag("config", "G-795QBPW744")</script>
-  <style>
-    html {
-      overflow-y: auto;
-      overflow-x: hidden
-    }
-
-    #root,
-    body {
-      height: 100%;
-      width: 100%;
-      margin: 0;
-      padding: 0
-    }
-  </style>
-  <script defer="defer" src="/static/js/main.ae7f7033.js"></script>
-  <link href="/static/css/main.026e3fe6.css" rel="stylesheet">
-<meta property="description" content="Follow the course of light through the Death Valley Wilderness and observe the obvious and subtle changes across the landscape.Produced by Sylvia JohnsonTo w..."><meta property="title" content="Death Valley Wilderness: Wilderness Light"><meta property="twitter:app:id:googleplay" content="com.google.android.youtube"><meta property="twitter:app:id:ipad" content="544007664"><meta property="twitter:app:id:iphone" content="544007664"><meta property="twitter:app:name:googleplay" content="YouTube"><meta property="twitter:app:name:ipad" content="YouTube"><meta property="twitter:app:name:iphone" content="YouTube"><meta property="twitter:app:url:googleplay" content="https://www.youtube.com/watch?v=Kauv7MVPcsA"><meta property="twitter:app:url:ipad" content="vnd.youtube://www.youtube.com/watch?v=Kauv7MVPcsA&amp;feature=applinks"><meta property="twitter:app:url:iphone" content="vnd.youtube://www.youtube.com/watch?v=Kauv7MVPcsA&amp;feature=applinks"><meta property="twitter:card" content="summary"><meta property="twitter:description" content="Follow the course of light through the Death Valley Wilderness and observe the obvious and subtle changes across the landscape.Produced by Sylvia JohnsonTo w..."><meta property="twitter:image" content="https://www.twitter.com/image/url"><meta property="twitter:player" content="https://www.youtube.com/watch?v=Kauv7MVPcsA"><meta property="twitter:player:height" content="720"><meta property="twitter:player:width" content="1028"><meta property="twitter:site" content="@youtube"><meta property="twitter:title" content="Death Valley Wilderness: Wilderness Light"></head>
-
-<body style="padding:0;margin:0;overflow-x:hidden"><noscript><iframe
-      src="https://www.googletagmanager.com/ns.html?id=GTM-W2TFNXL" height="0" width="0"
-      style="display:none;visibility:hidden"></iframe></noscript><noscript>You need to enable JavaScript to run this
-    app.</noscript>
-  <div id="root"></div>
-
-
-</body></html>"
-`;
-
-exports[`builder Overwrites existing values with new values 1`] = `
-"<!DOCTYPE html><html lang="en"><head>
-  <title>XYO 2.0</title>
-  <meta property="og:image" content="https://example.com/newimage.jpg">
-  <meta property="twitter:image" content="https://example.com/newimage.jpg">
-</head>
-<body>
-
-    </body></html>"
-`;