bloby-bot 0.23.3 → 0.23.5

package/dist-bloby/assets/{highlighted-body-OFNGDK62-CZjp0iMu.js → highlighted-body-OFNGDK62-DTNO5HAa.js}

@@ -1 +1 @@
-import{c as e,r as t,t as n}from"./jsx-runtime-C0W9Wf2W.js";import{n as r,r as i,t as a}from"./bloby-C0a7vrLL.js";var o=e(t(),1),s=n(),c=({code:e,language:t,raw:n,className:c,startLine:l,lineNumbers:u,...d})=>{let{shikiTheme:f}=(0,o.useContext)(i),p=r(),[m,h]=(0,o.useState)(n);return(0,o.useEffect)(()=>{if(!p){h(n);return}let r=p.highlight({code:e,language:t,themes:f},e=>{h(e)});r&&h(r)},[e,t,f,p,n]),(0,s.jsx)(a,{className:c,language:t,lineNumbers:u,result:m,startLine:l,...d})};export{c as HighlightedCodeBlockBody};
+import{c as e,r as t,t as n}from"./jsx-runtime-C0W9Wf2W.js";import{n as r,r as i,t as a}from"./bloby-D5KNR5Eq.js";var o=e(t(),1),s=n(),c=({code:e,language:t,raw:n,className:c,startLine:l,lineNumbers:u,...d})=>{let{shikiTheme:f}=(0,o.useContext)(i),p=r(),[m,h]=(0,o.useState)(n);return(0,o.useEffect)(()=>{if(!p){h(n);return}let r=p.highlight({code:e,language:t,themes:f},e=>{h(e)});r&&h(r)},[e,t,f,p,n]),(0,s.jsx)(a,{className:c,language:t,lineNumbers:u,result:m,startLine:l,...d})};export{c as HighlightedCodeBlockBody};

package/dist-bloby/assets/mermaid-GHXKKRXX-BcQuheG7.js

@@ -0,0 +1 @@
+import{i as e}from"./bloby-D5KNR5Eq.js";export{e as Mermaid};

package/dist-bloby/bloby.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, interactive-widget=resizes-content" />
     <title>Bloby Chat</title>
-    <script type="module" crossorigin src="/bloby/assets/bloby-C0a7vrLL.js"></script>
+    <script type="module" crossorigin src="/bloby/assets/bloby-D5KNR5Eq.js"></script>
     <link rel="modulepreload" crossorigin href="/bloby/assets/jsx-runtime-C0W9Wf2W.js">
     <link rel="modulepreload" crossorigin href="/bloby/assets/globals-F7yBpvwG.js">
     <link rel="stylesheet" crossorigin href="/bloby/assets/globals-CLC60WUS.css">

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bloby-bot",
-  "version": "0.23.3",
+  "version": "0.23.5",
   "releaseNotes": [
     "1. new stuff",
     "2. ",

package/supervisor/channels/manager.ts

@@ -138,11 +138,59 @@ export class ChannelManager {
     this.providers.clear();
   }
 
-  /** Send a message via a specific channel */
+  /** Send a message via a specific channel, processing any custom UI tags */
   async sendMessage(channel: ChannelType, to: string, text: string): Promise<void> {
     const provider = this.providers.get(channel);
     if (!provider) throw new Error(`Channel ${channel} not available`);
-    await provider.sendMessage(to, text);
+
+    // Process custom tags for channel delivery
+    let processed = text;
+
+    // <BlobyImage> — send the image natively, remove tag from text
+    const imgRegex = /<BlobyImage\s+src="([^"]+)"(?:\s+alt="([^"]*)")?\s*\/>/g;
+    const images: { src: string; alt: string }[] = [];
+    let imgMatch;
+    while ((imgMatch = imgRegex.exec(text)) !== null) {
+      images.push({ src: imgMatch[1], alt: imgMatch[2] || '' });
+    }
+    processed = processed.replace(imgRegex, '').trim();
+
+    // <BlobyText> — flatten to plain title + content
+    processed = processed.replace(
+      /<BlobyText\s+title="([^"]+)">([\s\S]*?)<\/BlobyText>/g,
+      (_match, title, content) => `📄 *${title}*\n\n${content.trim()}`,
+    );
+
+    // Send text (if any remains after stripping tags)
+    if (processed) {
+      await provider.sendMessage(to, processed);
+    }
+
+    // Send images natively via WhatsApp
+    if (images.length > 0 && provider instanceof WhatsAppChannel) {
+      for (const img of images) {
+        try {
+          // Resolve file path — try multiple locations since the bot might save anywhere
+          const relPath = img.src.replace(/^\/api\/files\//, '');
+          const candidates = [
+            path.join(WORKSPACE_DIR, 'files', relPath),           // /api/files/images/x.png → workspace/files/images/x.png
+            path.join(WORKSPACE_DIR, relPath),                     // /x.png → workspace/x.png
+            path.join(WORKSPACE_DIR, 'client', 'public', relPath), // /x.png → workspace/client/public/x.png
+          ];
+          const absPath = candidates.find((p) => fs.existsSync(p));
+          if (absPath) {
+            const buffer = fs.readFileSync(absPath);
+            const ext = path.extname(absPath).slice(1);
+            const mimeMap: Record<string, string> = { png: 'image/png', jpg: 'image/jpeg', jpeg: 'image/jpeg', gif: 'image/gif', webp: 'image/webp' };
+            await provider.sendImage(to, buffer, img.alt || undefined, mimeMap[ext] || 'image/png');
+          } else {
+            log.warn(`[channels] Image file not found in any location: ${img.src}`);
+          }
+        } catch (err: any) {
+          log.warn(`[channels] Failed to send image via WhatsApp: ${err.message}`);
+        }
+      }
+    }
   }
 
   /** Show "typing..." indicator in a chat */

package/supervisor/channels/whatsapp.ts

@@ -114,6 +114,23 @@ export class WhatsAppChannel implements ChannelProvider {
     log.info(`[whatsapp] Sent message to ${jid} (id=${result?.key?.id || 'unknown'})`);
   }
 
+  /** Send an image via WhatsApp */
+  async sendImage(to: string, image: Buffer, caption?: string, mimetype?: string): Promise<void> {
+    if (!this.sock || !this.connected) {
+      log.warn('[whatsapp] Cannot send image — not connected');
+      return;
+    }
+    const jid = to.includes('@') ? to : `${to.replace(/[^0-9]/g, '')}@s.whatsapp.net`;
+    this.stopTyping(jid);
+
+    const msg: any = { image, mimetype: mimetype || 'image/png' };
+    if (caption) msg.caption = caption;
+
+    const result = await this.sock.sendMessage(jid, msg);
+    if (result?.key?.id) this.trackSentId(result.key.id);
+    log.info(`[whatsapp] Sent image to ${jid} (id=${result?.key?.id || 'unknown'})`);
+  }
+
   /** Show "typing..." indicator in a chat. Re-sends every 20s to keep it visible. */
   startTyping(jid: string): void {
     if (!this.sock || !this.connected) return;

package/supervisor/chat/src/components/Chat/BlobyImageCard.tsx

@@ -1,4 +1,5 @@
-import { Download } from 'lucide-react';
+import { useState } from 'react';
+import { Download, ImageOff } from 'lucide-react';
 
 interface Props {
   src: string;
@@ -11,6 +12,8 @@ function getFilename(src: string): string {
 }
 
 export default function BlobyImageCard({ src, alt }: Props) {
+  const [failed, setFailed] = useState(false);
+
   const handleDownload = async () => {
     try {
       const res = await fetch(src);
@@ -28,6 +31,15 @@ export default function BlobyImageCard({ src, alt }: Props) {
     }
   };
 
+  if (failed) {
+    return (
+      <div className="my-2 flex items-center gap-2.5 px-3.5 py-2.5 rounded-xl border border-border/30 bg-black/10 text-muted-foreground/50 text-xs">
+        <ImageOff className="h-4 w-4 shrink-0" />
+        <span className="truncate">{alt || 'Image not found'}</span>
+      </div>
+    );
+  }
+
   return (
     <div className="relative group/img my-2 rounded-xl overflow-hidden border border-border/30 bg-black/20 w-fit max-w-full">
       <img
@@ -35,6 +47,7 @@ export default function BlobyImageCard({ src, alt }: Props) {
         alt={alt || 'Generated image'}
         className="max-w-full max-h-80 object-contain"
         loading="lazy"
+        onError={() => setFailed(true)}
       />
       <div className="absolute top-2 right-2 flex gap-1.5 opacity-0 group-hover/img:opacity-100 transition-opacity">
         <button

package/dist-bloby/assets/mermaid-GHXKKRXX-Br2SGJBW.js

@@ -1 +0,0 @@
-import{i as e}from"./bloby-C0a7vrLL.js";export{e as Mermaid};