@techninja/clearstack 0.3.44 → 0.3.46

package/lib/og-image-template.js

@@ -53,10 +53,12 @@ export function loadTokens(projectDir) {
     const full = resolve(projectDir, p);
     if (!existsSync(full)) continue;
     const css = readFileSync(full, 'utf-8');
+    /** @type {Record<string, string>} */
     const vars = {};
     for (const m of css.matchAll(/--([^:]+):\s*([^;]+)/g)) vars[m[1].trim()] = m[2].trim();
     if (Object.keys(vars).length) return vars;
   }
+  /** @type {Record<string, string>} */
   return {};
 }
 
@@ -67,22 +69,26 @@ export function loadTokens(projectDir) {
  * @param {{ tokens?: Record<string, string>, logo?: string, siteName?: string }} site
  */
 export function buildContext(config, itemData, site) {
-  const t = site.tokens || {};
+  const t = /** @type {Record<string, string>} */ (site.tokens || {});
   const title = interpolate(config.title, itemData);
   const desc = config.description ? interpolate(config.description, itemData) : '';
   const image = config.image ? interpolate(config.image, itemData) : '';
   const baseUrl = itemData.store?.url || '';
   const resolvedImage = image && !image.startsWith('http') ? `${baseUrl}${image}` : image;
-  const item = itemData.item || {};
-  const emoji = item.emoji || itemData.emoji || '';
-  const tags = item.tags || itemData.tags || [];
+  const item = /** @type {Record<string, unknown>} */ (itemData.item || {});
+  const emoji = /** @type {string} */ (item.emoji || itemData.emoji || '');
+  const tags = /** @type {string[]} */ (item.tags || itemData.tags || []);
   const tagsHtml = tags.map((t) => `<div class="tag">#${t}</div>`).join('');
-  const postTitle = item.title || item.caption || item.name || '';
-  const logoSrc = item.logo?.wordmark || item.logo?.mark || '';
+  const postTitle = /** @type {string} */ (item.title || item.caption || item.name || '');
+  const logo = /** @type {{wordmark?: string, mark?: string}} */ (item.logo || {});
+  const logoSrc = logo.wordmark || logo.mark || '';
   const itemLogoHtml = logoSrc ? `<img src="${logoSrc}" alt="${postTitle}">` : '';
-  const dateFormatted = item.date ? new Date(item.date).toLocaleDateString('en-US', { year: 'numeric', month: 'long', day: 'numeric' }) : '';
-  const mediaUrl = resolvedImage || (item.files?.[0] ? `https://data.tn42.com/assets-media/${item.files[0]}` : '');
-  const isVideo = item.type === 'video' || (item.files?.[0] || '').endsWith('.mp4');
+  const rawDate = /** @type {string|number} */ (item.date || '');
+  const dateFormatted = rawDate ? new Date(rawDate).toLocaleDateString('en-US', { year: 'numeric', month: 'long', day: 'numeric' }) : '';
+  const files = /** @type {string[]} */ (item.files || []);
+  const mediaUrl = resolvedImage || (files[0] ? `https://data.tn42.com/assets-media/${files[0]}` : '');
+  const isVideo = item.type === 'video' || (files[0] || '').endsWith('.mp4');
+  const price = /** @type {number} */ (item.price || 0);
 
   return {
     ...itemData, ...item,
@@ -103,7 +109,7 @@ export function buildContext(config, itemData, site) {
       : mediaUrl ? `<img src="${mediaUrl}" style="position:absolute;inset:0;width:100%;height:100%;object-fit:cover">` : '',
     variantsFormatted: formatNum(item.expected_variants),
     uniqueFormatted: formatNum(item.estimated_unique_variants),
-    priceFormatted: item.price ? `$${(item.price / 100).toFixed(2)}` : '',
+    priceFormatted: price ? `$${(price / 100).toFixed(2)}` : '',
     imageHtml: resolvedImage ? `<img class="hero" src="${resolvedImage}">` : '',
     cardClass: resolvedImage ? 'card-with-image' : '',
     siteLogo: site.logo ? `<img class="logo" src="${site.logo}">` : '',

package/package.json

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