opencrush 0.3.20 → 0.3.22

package/dist/index.js

@@ -245627,7 +245627,7 @@ function parseIdentity(identityPath) {
   const job = jobRaw.split(/[—–\.\+]/).map((s2) => s2.trim()).filter(Boolean)[0] ?? "";
   const hobbiesMatch = content.match(/\*\*Hobbies:\*\*\s*(.+)/i);
   const hobbiesRaw = (hobbiesMatch == null ? void 0 : hobbiesMatch[1]) ?? "";
-  const tags = splitRespectingParens(hobbiesRaw).map((t2) => t2.trim()).filter(Boolean).map((t2) => t2.length > 30 ? t2.split(/[,(]/)[0].trim() : t2).filter((t2) => t2.length > 1).slice(0, 6);
+  const tags = splitRespectingParens(hobbiesRaw).map((t2) => t2.trim()).filter(Boolean).map((t2) => t2.length > 35 ? t2.split(/[,(]/)[0].trim() : t2).filter((t2) => t2.length > 1).slice(0, 6);
   let vibe = "";
   const soulPath = identityPath.replace("IDENTITY.md", "SOUL.md");
   if ((0, import_fs18.existsSync)(soulPath)) {
@@ -245651,68 +245651,76 @@ function splitRespectingParens(str2) {
   if (current) result.push(current);
   return result;
 }
-function escapeXml(str2) {
+function esc(str2) {
   return str2.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&apos;");
 }
-function buildTextPanel(data, panelH, bgR, bgG, bgB) {
+function buildTextOverlay(data, overlayW) {
   const S2 = SCALE;
-  const padX = 48 * S2;
-  const availW = W2 - padX * 2;
-  let y2 = 50 * S2;
-  const nameY = y2;
-  y2 += 56 * S2;
+  const px = 50 * S2;
+  const availW = overlayW - px - 40 * S2;
   const meta = [data.age, data.location].filter(Boolean).join(" \xB7 ");
+  const lines = 1 + (meta ? 1 : 0) + (data.job ? 1 : 0) + (data.tags.length > 0 ? 2 : 0) + (data.vibe ? 1 : 0);
+  const blockH = lines * 44 * S2;
+  let y2 = Math.max(70 * S2, Math.round((H2 - blockH) / 2));
+  const nameY = y2;
+  y2 += 72 * S2;
   const metaY = y2;
-  if (meta) y2 += 36 * S2;
+  if (meta) y2 += 44 * S2;
   const jobY = y2;
-  if (data.job) y2 += 34 * S2;
-  y2 += 16 * S2;
+  if (data.job) y2 += 40 * S2;
+  y2 += 20 * S2;
   const tagStartY = y2;
   let inlineTags = "";
-  let offsetX = padX;
+  let offsetX = px;
   let rowY = tagStartY;
-  const rowH = 32 * S2;
+  const rowH = 38 * S2;
   let currentRow = 1;
   const maxRows = 2;
-  const charW = 6.5 * S2;
-  const padW = 18 * S2;
+  const charW = 8 * S2;
+  const padW = 24 * S2;
   for (const tag of data.tags) {
     const maxChars = Math.floor((availW - padW) / charW);
     const label = tag.length > maxChars ? tag.slice(0, maxChars - 1) + "\u2026" : tag;
     const w2 = Math.ceil(label.length * charW + padW);
-    if (offsetX + w2 > padX + availW) {
+    if (offsetX + w2 > px + availW) {
       if (currentRow >= maxRows) break;
       currentRow++;
-      offsetX = padX;
+      offsetX = px;
       rowY += rowH;
     }
     inlineTags += `
-      <rect x="${offsetX}" y="${rowY - 14 * S2}" width="${w2}" height="${26 * S2}" rx="${13 * S2}" fill="rgba(255,255,255,0.10)" />
-      <text x="${offsetX + 9 * S2}" y="${rowY + 3 * S2}" font-family="system-ui, -apple-system, sans-serif" font-size="${12 * S2}" fill="#ccc">${escapeXml(label)}</text>
+      <rect x="${offsetX}" y="${rowY - 18 * S2}" width="${w2}" height="${32 * S2}" rx="${16 * S2}" fill="rgba(255,255,255,0.10)" />
+      <text x="${offsetX + 12 * S2}" y="${rowY + 4 * S2}" font-family="system-ui, -apple-system, sans-serif" font-size="${16 * S2}" fill="rgba(255,255,255,0.8)">${esc(label)}</text>
     `;
-    offsetX += w2 + 7 * S2;
+    offsetX += w2 + 10 * S2;
   }
-  const vibeY = tagStartY + currentRow * rowH + 24 * S2;
-  const jobMax = Math.floor(availW / (7.5 * S2));
-  const vibeMax = Math.floor(availW / (7 * S2));
+  const vibeY = tagStartY + currentRow * rowH + 32 * S2;
+  const jobMax = Math.floor(availW / (9 * S2));
+  const vibeMax = Math.floor(availW / (8.5 * S2));
   const jobText = data.job.length > jobMax ? data.job.slice(0, jobMax - 1) + "\u2026" : data.job;
   const vibeText = data.vibe.length > vibeMax ? data.vibe.slice(0, vibeMax - 1) + "\u2026" : data.vibe;
-  return `<svg width="${W2}" height="${panelH}" xmlns="http://www.w3.org/2000/svg">
-  <rect width="${W2}" height="${panelH}" fill="rgb(${bgR},${bgG},${bgB})" />
+  return `<svg width="${overlayW}" height="${H2}" xmlns="http://www.w3.org/2000/svg">
+  <!-- Semi-transparent dark overlay for readability -->
+  <rect width="${overlayW}" height="${H2}" fill="rgba(0,0,0,0.55)" />
 
-  <text x="${padX}" y="${nameY}" font-family="system-ui, -apple-system, sans-serif" font-size="${48 * S2}" font-weight="bold" fill="white">${escapeXml(data.name)}</text>
+  <!-- Name -->
+  <text x="${px}" y="${nameY}" font-family="system-ui, -apple-system, sans-serif" font-size="${60 * S2}" font-weight="bold" fill="white">${esc(data.name)}</text>
 
-  ${meta ? `<text x="${padX}" y="${metaY}" font-family="system-ui, -apple-system, sans-serif" font-size="${17 * S2}" fill="rgba(255,255,255,0.65)">${escapeXml(meta)}</text>` : ""}
+  <!-- Meta -->
+  ${meta ? `<text x="${px}" y="${metaY}" font-family="system-ui, -apple-system, sans-serif" font-size="${22 * S2}" fill="rgba(255,255,255,0.65)">${esc(meta)}</text>` : ""}
 
-  ${data.job ? `<text x="${padX}" y="${jobY}" font-family="system-ui, -apple-system, sans-serif" font-size="${14 * S2}" fill="rgba(255,255,255,0.45)">${escapeXml(jobText)}</text>` : ""}
+  <!-- Job -->
+  ${data.job ? `<text x="${px}" y="${jobY}" font-family="system-ui, -apple-system, sans-serif" font-size="${18 * S2}" fill="rgba(255,255,255,0.45)">${esc(jobText)}</text>` : ""}
 
+  <!-- Tags -->
   ${inlineTags}
 
-  ${data.vibe ? `<text x="${padX}" y="${vibeY}" font-family="system-ui, -apple-system, sans-serif" font-size="${14 * S2}" fill="rgba(255,255,255,0.50)" font-style="italic">${escapeXml(vibeText)}</text>` : ""}
+  <!-- Vibe -->
+  ${data.vibe ? `<text x="${px}" y="${vibeY}" font-family="system-ui, -apple-system, sans-serif" font-size="${18 * S2}" fill="rgba(255,255,255,0.50)" font-style="italic">${esc(vibeText)}</text>` : ""}
 
   <!-- Branding -->
-  <text x="${padX}" y="${panelH - 30 * S2}" font-family="system-ui, -apple-system, sans-serif" font-size="${15 * S2}" font-weight="bold" fill="#ff69b4">Opencrush</text>
-  <text x="${W2 - padX}" y="${panelH - 30 * S2}" font-family="system-ui, -apple-system, sans-serif" font-size="${11 * S2}" fill="rgba(255,255,255,0.25)" text-anchor="end">github.com/heloraai/Opencrush</text>
+  <text x="${px}" y="${H2 - 44 * S2}" font-family="system-ui, -apple-system, sans-serif" font-size="${18 * S2}" font-weight="bold" fill="#ff69b4">Opencrush</text>
+  <text x="${overlayW - 60 * S2}" y="${H2 - 44 * S2}" font-family="system-ui, -apple-system, sans-serif" font-size="${13 * S2}" fill="rgba(255,255,255,0.2)" text-anchor="end">github.com/heloraai/Opencrush</text>
 </svg>`;
 }
 async function generateCard(characterName) {
@@ -245733,39 +245741,34 @@ async function generateCard(characterName) {
     }
   }
   if (!refImagePath) return generateFallbackCard(charDir, characterName, data);
-  const { data: colorData } = await sharp(refImagePath).resize(1, 1, { fit: "cover" }).raw().toBuffer({ resolveWithObject: true });
-  const [cr2, cg, cb] = [colorData[0], colorData[1], colorData[2]];
-  const bgR = Math.round(cr2 * 0.15), bgG = Math.round(cg * 0.15), bgB = Math.round(cb * 0.15);
-  const portraitH = Math.round(W2 * 5 / 4);
-  const panelH = H2 - portraitH;
-  const portrait = await sharp(refImagePath).resize(W2, portraitH, { fit: "cover", position: "top" }).png().toBuffer();
+  const portraitW = Math.round(H2 * 4 / 5);
+  const overlayW = W2 - portraitW + Math.round(40 * SCALE);
+  const bgBlur = await sharp(refImagePath).resize(W2, H2, { fit: "cover", position: "center" }).blur(50).modulate({ brightness: 0.3, saturation: 0.5 }).png().toBuffer();
+  const portrait = await sharp(refImagePath).resize(portraitW, H2, { fit: "cover", position: "top" }).png().toBuffer();
   const fadeMask = Buffer.from(
-    `<svg width="${W2}" height="${portraitH}">
+    `<svg width="${portraitW}" height="${H2}">
       <defs>
-        <linearGradient id="fade" x1="0" y1="0" x2="0" y2="1">
+        <linearGradient id="fade" x1="0" y1="0" x2="1" y2="0">
           <stop offset="0%" stop-color="white" />
-          <stop offset="80%" stop-color="white" />
+          <stop offset="65%" stop-color="white" />
           <stop offset="100%" stop-color="black" />
         </linearGradient>
       </defs>
-      <rect width="${W2}" height="${portraitH}" fill="url(#fade)" />
+      <rect width="${portraitW}" height="${H2}" fill="url(#fade)" />
     </svg>`
   );
   const maskedPortrait = await sharp(portrait).composite([{ input: fadeMask, blend: "dest-in" }]).png().toBuffer();
-  const textSvg = buildTextPanel(data, panelH, bgR, bgG, bgB);
-  const textPanel = await sharp(Buffer.from(textSvg)).resize(W2, panelH).png().toBuffer();
-  const bg = await sharp({
-    create: { width: W2, height: H2, channels: 3, background: { r: bgR, g: bgG, b: bgB } }
-  }).png().toBuffer();
-  const card = sharp(bg).composite([
+  const textSvg = buildTextOverlay(data, overlayW);
+  const textOverlay = await sharp(Buffer.from(textSvg)).resize(overlayW, H2).png().toBuffer();
+  const card = sharp(bgBlur).composite([
     { input: maskedPortrait, left: 0, top: 0 },
-    { input: textPanel, left: 0, top: portraitH }
+    { input: textOverlay, left: W2 - overlayW, top: 0 }
   ]);
   const outputPath = (0, import_path12.join)(charDir, "card.png");
   await card.png({ quality: 95 }).toFile(outputPath);
   console.log(source_default.green(`
   Card generated: characters/${characterName}/card.png`));
-  console.log(source_default.gray(`  ${W2}x${H2} PNG (9:16)
+  console.log(source_default.gray(`  ${W2}x${H2} PNG (16:9)
 `));
   return outputPath;
 }
@@ -245773,13 +245776,13 @@ async function generateFallbackCard(charDir, characterName, data) {
   const sharp = (await import("sharp")).default;
   const S2 = SCALE;
   const svg = `<svg width="${W2}" height="${H2}" xmlns="http://www.w3.org/2000/svg">
-    <defs><linearGradient id="bg" x1="0" y1="0" x2="0" y2="1">
+    <defs><linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
       <stop offset="0%" stop-color="#1a1a2e" /><stop offset="100%" stop-color="#0f0f1a" />
     </linearGradient></defs>
     <rect width="${W2}" height="${H2}" fill="url(#bg)" />
-    <text x="${W2 / 2}" y="${H2 / 2 - 20 * S2}" font-family="system-ui" font-size="${48 * S2}" font-weight="bold" fill="white" text-anchor="middle">${escapeXml(data.name)}</text>
-    <text x="${W2 / 2}" y="${H2 / 2 + 30 * S2}" font-family="system-ui" font-size="${16 * S2}" fill="#999" text-anchor="middle">${escapeXml([data.age, data.location, data.job].filter(Boolean).join(" \xB7 "))}</text>
-    <text x="${36 * S2}" y="${H2 - 20 * S2}" font-family="system-ui" font-size="${14 * S2}" font-weight="bold" fill="#ff69b4">Opencrush</text>
+    <text x="${W2 / 2}" y="${H2 / 2 - 20 * S2}" font-family="system-ui" font-size="${60 * S2}" font-weight="bold" fill="white" text-anchor="middle">${esc(data.name)}</text>
+    <text x="${W2 / 2}" y="${H2 / 2 + 50 * S2}" font-family="system-ui" font-size="${20 * S2}" fill="#999" text-anchor="middle">${esc([data.age, data.location, data.job].filter(Boolean).join(" \xB7 "))}</text>
+    <text x="${40 * S2}" y="${H2 - 30 * S2}" font-family="system-ui" font-size="${18 * S2}" font-weight="bold" fill="#ff69b4">Opencrush</text>
   </svg>`;
   const outputPath = (0, import_path12.join)(charDir, "card.png");
   await sharp(Buffer.from(svg)).resize(W2, H2).png().toFile(outputPath);
@@ -245797,8 +245800,8 @@ var init_card = __esm({
     import_gray_matter3 = __toESM(require_gray_matter());
     init_source();
     SCALE = 2;
-    W2 = 1080 * SCALE;
-    H2 = 1920 * SCALE;
+    W2 = 1920 * SCALE;
+    H2 = 1080 * SCALE;
   }
 });
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "opencrush",
-  "version": "0.3.20",
+  "version": "0.3.22",
   "description": "Your AI companion lives on your device. She watches dramas, listens to music, and thinks of you.",
   "bin": {
     "opencrush": "dist/index.js"