@techninja/clearstack 0.3.33 → 0.3.35

package/docs/OG_METADATA_SPEC.md

@@ -25,9 +25,9 @@ still handles rendering for real users.
    ```yaml
    routes:
      /traits/:id:
-       title: "{trait.emoji} {trait.name} | {app.name}"
-       description: "{trait.description}"
-       image: "{trait.cover_image.url}"
+       title: '{trait.emoji} {trait.name} | {app.name}'
+       description: '{trait.description}'
+       image: '{trait.cover_image.url}'
        data: trait_manifest.traits
    ```
 

package/lib/og-template.js

@@ -41,16 +41,20 @@ export function buildMetaTags(meta) {
 }
 
 /**
- * Inject OG meta tags into an HTML shell (replaces <title> and adds meta).
+ * Inject OG meta tags into an HTML shell (replaces <title> and existing OG/twitter meta).
  * @param {string} html - The base index.html content
  * @param {OGMeta} meta
  * @returns {string}
  */
 export function injectMeta(html, meta) {
   const tags = buildMetaTags(meta);
+  // Strip existing OG and twitter meta tags (single or multi-line)
+  let cleaned = html.replace(/\s*<meta\s+(?:property="og:[^"]*"|name="twitter:[^"]*")[^>]*\/?>/g, '');
+  // Also strip standalone name="description" meta
+  cleaned = cleaned.replace(/\s*<meta\s+name="description"[^>]*\/?>/g, '');
   // Replace existing <title>...</title> with full meta block
-  const withMeta = html.replace(/<title>[^<]*<\/title>/, tags);
-  return withMeta;
+  cleaned = cleaned.replace(/<title>[^<]*<\/title>/, tags);
+  return cleaned;
 }
 
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@techninja/clearstack",
-  "version": "0.3.33",
+  "version": "0.3.35",
   "type": "module",
   "description": "A no-build web component framework specification — scaffold, validate, and evolve spec-compliant projects",
   "bin": {

package/templates/shared/docs/clearstack/OG_METADATA_SPEC.md

@@ -25,9 +25,9 @@ still handles rendering for real users.
    ```yaml
    routes:
      /traits/:id:
-       title: "{trait.emoji} {trait.name} | {app.name}"
-       description: "{trait.description}"
-       image: "{trait.cover_image.url}"
+       title: '{trait.emoji} {trait.name} | {app.name}'
+       description: '{trait.description}'
+       image: '{trait.cover_image.url}'
        data: trait_manifest.traits
    ```