mattermost-claude-code 0.3.0 → 0.3.1

package/dist/claude/cli.js

@@ -47,7 +47,9 @@ export class ClaudeCli extends EventEmitter {
             args.push('--mcp-config', JSON.stringify(mcpConfig));
             args.push('--permission-prompt-tool', 'mcp__mm-claude-permissions__permission_prompt');
         }
-        console.log(`[Claude] Starting: ${claudePath} ${args.slice(0, 5).join(' ')}...`);
+        if (this.debug) {
+            console.log(`  [claude] Starting: ${claudePath} ${args.slice(0, 5).join(' ')}...`);
+        }
         this.process = spawn(claudePath, args, {
             cwd: this.options.workingDir,
             env: process.env,
@@ -57,14 +59,18 @@ export class ClaudeCli extends EventEmitter {
             this.parseOutput(chunk.toString());
         });
         this.process.stderr?.on('data', (chunk) => {
-            console.error(`[Claude stderr] ${chunk.toString().trim()}`);
+            if (this.debug) {
+                console.error(`  [claude:err] ${chunk.toString().trim()}`);
+            }
         });
         this.process.on('error', (err) => {
-            console.error('[Claude] Error:', err);
+            console.error('  ❌ Claude error:', err);
             this.emit('error', err);
         });
         this.process.on('exit', (code) => {
-            console.log(`[Claude] Exited ${code}`);
+            if (this.debug) {
+                console.log(`  [claude] Exited ${code}`);
+            }
             this.process = null;
             this.buffer = '';
             this.emit('exit', code);
@@ -78,7 +84,9 @@ export class ClaudeCli extends EventEmitter {
             type: 'user',
             message: { role: 'user', content }
         }) + '\n';
-        console.log(`[Claude] Sending: ${content.substring(0, 50)}...`);
+        if (this.debug) {
+            console.log(`  [claude] Sending: ${content.substring(0, 50)}...`);
+        }
         this.process.stdin.write(msg);
     }
     // Send a tool result response
@@ -96,7 +104,9 @@ export class ClaudeCli extends EventEmitter {
                     }]
             }
         }) + '\n';
-        console.log(`[Claude] Sending tool_result for ${toolUseId}`);
+        if (this.debug) {
+            console.log(`  [claude] Sending tool_result for ${toolUseId}`);
+        }
         this.process.stdin.write(msg);
     }
     parseOutput(data) {

package/dist/claude/session.js

@@ -1,4 +1,9 @@
 import { ClaudeCli } from './cli.js';
+import { readFileSync } from 'fs';
+import { dirname, resolve } from 'path';
+import { fileURLToPath } from 'url';
+const __dirname = dirname(fileURLToPath(import.meta.url));
+const pkg = JSON.parse(readFileSync(resolve(__dirname, '..', '..', 'package.json'), 'utf-8'));
 const REACTION_EMOJIS = ['one', 'two', 'three', 'four'];
 const EMOJI_TO_INDEX = {
     'one': 0, '1️⃣': 0,
@@ -78,7 +83,24 @@ export class SessionManager {
             return;
         }
         // Post session start message
-        const msg = `🚀 **Session started**\n> Working directory: \`${this.workingDir}\``;
+        const shortDir = this.workingDir.replace(process.env.HOME || '', '~');
+        const sessionNum = this.sessions.size + 1;
+        const permMode = this.skipPermissions ? '⚡ Auto' : '🔐 Interactive';
+        const promptPreview = options.prompt.length > 60
+            ? options.prompt.substring(0, 60) + '…'
+            : options.prompt;
+        const msg = [
+            `### 🤖 Claude Code \`v${pkg.version}\``,
+            ``,
+            `| | |`,
+            `|:--|:--|`,
+            `| 📂 **Directory** | \`${shortDir}\` |`,
+            `| 👤 **Started by** | @${username} |`,
+            `| 🔢 **Session** | #${sessionNum} of ${MAX_SESSIONS} max |`,
+            `| ${permMode.split(' ')[0]} **Permissions** | ${permMode.split(' ')[1]} |`,
+            ``,
+            `> ${promptPreview}`,
+        ].join('\n');
         const post = await this.mattermost.createPost(msg, replyToPostId);
         const actualThreadId = replyToPostId || post.id;
         // Create Claude CLI with options
@@ -107,7 +129,10 @@ export class SessionManager {
         };
         // Register session
         this.sessions.set(actualThreadId, session);
-        console.log(`[Sessions] Started session for thread ${actualThreadId} by ${username} (active: ${this.sessions.size})`);
+        const shortId = actualThreadId.substring(0, 8);
+        console.log(`  ▶ Session #${this.sessions.size} started (${shortId}…) by @${username}`);
+        // Start typing indicator immediately so user sees activity
+        this.startTyping(session);
         // Bind event handlers with closure over threadId
         claude.on('event', (e) => this.handleEvent(actualThreadId, e));
         claude.on('exit', (code) => this.handleExit(actualThreadId, code));
@@ -115,14 +140,14 @@ export class SessionManager {
             claude.start();
         }
         catch (err) {
-            console.error('[Session] Start error:', err);
+            console.error('  ❌ Failed to start Claude:', err);
+            this.stopTyping(session);
             await this.mattermost.createPost(`❌ ${err}`, actualThreadId);
             this.sessions.delete(actualThreadId);
             return;
         }
-        // Send the message and start typing indicator
+        // Send the message to Claude
         claude.sendMessage(options.prompt);
-        this.startTyping(session);
     }
     handleEvent(threadId, event) {
         const session = this.sessions.get(threadId);
@@ -642,7 +667,8 @@ export class SessionManager {
                 this.postIndex.delete(postId);
             }
         }
-        console.log(`[Sessions] Session ended for thread ${threadId} (remaining: ${this.sessions.size})`);
+        const shortId = threadId.substring(0, 8);
+        console.log(`  ■ Session ended (${shortId}…) — ${this.sessions.size} active`);
     }
     // ---------------------------------------------------------------------------
     // Public Session API
@@ -679,14 +705,15 @@ export class SessionManager {
                 this.postIndex.delete(postId);
             }
         }
-        console.log(`[Sessions] Session killed for thread ${threadId} (remaining: ${this.sessions.size})`);
+        const shortId = threadId.substring(0, 8);
+        console.log(`  ✖ Session killed (${shortId}…) — ${this.sessions.size} active`);
     }
     /** Kill all active sessions (for graceful shutdown) */
     killAllSessions() {
-        for (const [threadId, session] of this.sessions.entries()) {
+        const count = this.sessions.size;
+        for (const [, session] of this.sessions.entries()) {
             this.stopTyping(session);
             session.claude.kill();
-            console.log(`[Sessions] Killed session for thread ${threadId}`);
         }
         this.sessions.clear();
         this.postIndex.clear();
@@ -694,7 +721,9 @@ export class SessionManager {
             clearInterval(this.cleanupTimer);
             this.cleanupTimer = null;
         }
-        console.log(`[Sessions] All sessions killed`);
+        if (count > 0) {
+            console.log(`  ✖ Killed ${count} session${count === 1 ? '' : 's'}`);
+        }
     }
     /** Cleanup idle sessions that have exceeded timeout */
     cleanupIdleSessions() {
@@ -702,8 +731,10 @@ export class SessionManager {
         for (const [threadId, session] of this.sessions.entries()) {
             const idleTime = now - session.lastActivityAt.getTime();
             if (idleTime > SESSION_TIMEOUT_MS) {
-                console.log(`[Sessions] Session ${threadId} timed out after ${Math.round(idleTime / 60000)} minutes`);
-                this.mattermost.createPost(`⏰ **Session timed out** - no activity for ${Math.round(idleTime / 60000)} minutes`, session.threadId).catch(err => console.error('[Sessions] Failed to post timeout message:', err));
+                const mins = Math.round(idleTime / 60000);
+                const shortId = threadId.substring(0, 8);
+                console.log(`  ⏰ Session (${shortId}…) timed out after ${mins}m idle`);
+                this.mattermost.createPost(`⏰ **Session timed out** — no activity for ${mins} minutes`, session.threadId).catch(() => { });
                 this.killSession(threadId);
             }
         }

package/dist/config.js

@@ -15,7 +15,9 @@ function loadEnv() {
     ];
     for (const envPath of envPaths) {
         if (existsSync(envPath)) {
-            console.log(`📄 Loading config from: ${envPath}`);
+            if (process.env.DEBUG === '1' || process.argv.includes('--debug')) {
+                console.log(`  [config] Loading from: ${envPath}`);
+            }
             config({ path: envPath });
             break;
         }

package/dist/index.js

@@ -7,6 +7,9 @@ import { dirname, resolve } from 'path';
 import { fileURLToPath } from 'url';
 const __dirname = dirname(fileURLToPath(import.meta.url));
 const pkg = JSON.parse(readFileSync(resolve(__dirname, '..', 'package.json'), 'utf-8'));
+const dim = (s) => `\x1b[2m${s}\x1b[0m`;
+const bold = (s) => `\x1b[1m${s}\x1b[0m`;
+const cyan = (s) => `\x1b[36m${s}\x1b[0m`;
 async function main() {
     if (process.argv.includes('--version') || process.argv.includes('-v')) {
         console.log(pkg.version);
@@ -20,17 +23,22 @@ Usage: cd /your/project && mm-claude`);
     }
     const workingDir = process.cwd();
     const config = loadConfig();
-    console.log(`🚀 mm-claude starting...`);
-    console.log(`📂 ${workingDir}`);
-    console.log(`📝 @${config.mattermost.botName} on ${config.mattermost.url}`);
-    const mattermost = new MattermostClient(config);
-    const session = new SessionManager(mattermost, workingDir, config.skipPermissions);
+    // Nice startup banner
+    console.log('');
+    console.log(bold(`  🤖 mm-claude v${pkg.version}`));
+    console.log(dim('  ─────────────────────────────────'));
+    console.log(`  📂 ${cyan(workingDir)}`);
+    console.log(`  💬 ${cyan('@' + config.mattermost.botName)}`);
+    console.log(`  🌐 ${dim(config.mattermost.url)}`);
     if (config.skipPermissions) {
-        console.log('⚠️  Permissions skipped (--dangerously-skip-permissions)');
+        console.log(`  ⚠️  ${dim('Permissions disabled')}`);
     }
     else {
-        console.log('🔐 Interactive permissions enabled');
+        console.log(`  🔐 ${dim('Interactive permissions')}`);
     }
+    console.log('');
+    const mattermost = new MattermostClient(config);
+    const session = new SessionManager(mattermost, workingDir, config.skipPermissions);
     mattermost.on('message', async (post, user) => {
         const username = user?.username || 'unknown';
         const message = post.message;
@@ -60,12 +68,14 @@ Usage: cd /your/project && mm-claude`);
         }
         await session.startSession({ prompt }, username, threadRoot);
     });
-    mattermost.on('connected', () => console.log('✅ Connected'));
-    mattermost.on('error', (e) => console.error('❌', e));
+    mattermost.on('connected', () => { });
+    mattermost.on('error', (e) => console.error('  ❌ Error:', e));
     await mattermost.connect();
-    console.log(`🎉 Ready! @${config.mattermost.botName}`);
+    console.log(`  ✅ ${bold('Ready!')} Waiting for @${config.mattermost.botName} mentions...`);
+    console.log('');
     const shutdown = () => {
-        console.log('\n👋 Bye');
+        console.log('');
+        console.log(`  👋 ${dim('Shutting down...')}`);
         session.killAllSessions();
         mattermost.disconnect();
         process.exit(0);

package/dist/mattermost/client.d.ts

@@ -16,7 +16,9 @@ export declare class MattermostClient extends EventEmitter {
     private reconnectDelay;
     private userCache;
     private botUserId;
+    private debug;
     constructor(config: Config);
+    private log;
     private api;
     getBotUser(): Promise<MattermostUser>;
     getUser(userId: string): Promise<MattermostUser | null>;

package/dist/mattermost/client.js

@@ -8,10 +8,15 @@ export class MattermostClient extends EventEmitter {
     reconnectDelay = 1000;
     userCache = new Map();
     botUserId = null;
+    debug = process.env.DEBUG === '1' || process.argv.includes('--debug');
     constructor(config) {
         super();
         this.config = config;
     }
+    log(msg) {
+        if (this.debug)
+            console.log(`  [ws] ${msg}`);
+    }
     // REST API helper
     async api(method, path, body) {
         const url = `${this.config.mattermost.url}/api/v4${path}`;
@@ -78,14 +83,14 @@ export class MattermostClient extends EventEmitter {
     async connect() {
         // Get bot user first
         await this.getBotUser();
-        console.log(`[MM] Bot user ID: ${this.botUserId}`);
+        this.log(`Bot user ID: ${this.botUserId}`);
         const wsUrl = this.config.mattermost.url
             .replace(/^http/, 'ws')
             .concat('/api/v4/websocket');
         return new Promise((resolve, reject) => {
             this.ws = new WebSocket(wsUrl);
             this.ws.on('open', () => {
-                console.log('[MM] WebSocket connected');
+                this.log('WebSocket connected');
                 // Authenticate
                 this.ws.send(JSON.stringify({
                     seq: 1,
@@ -105,16 +110,16 @@ export class MattermostClient extends EventEmitter {
                     }
                 }
                 catch (err) {
-                    console.error('[MM] Failed to parse WebSocket message:', err);
+                    this.log(`Failed to parse message: ${err}`);
                 }
             });
             this.ws.on('close', () => {
-                console.log('[MM] WebSocket disconnected');
+                this.log('WebSocket disconnected');
                 this.emit('disconnected');
                 this.scheduleReconnect();
             });
             this.ws.on('error', (err) => {
-                console.error('[MM] WebSocket error:', err);
+                this.log(`WebSocket error: ${err}`);
                 this.emit('error', err);
                 reject(err);
             });
@@ -140,7 +145,7 @@ export class MattermostClient extends EventEmitter {
                 });
             }
             catch (err) {
-                console.error('[MM] Failed to parse post:', err);
+                this.log(`Failed to parse post: ${err}`);
             }
             return;
         }
@@ -160,21 +165,21 @@ export class MattermostClient extends EventEmitter {
                 });
             }
             catch (err) {
-                console.error('[MM] Failed to parse reaction:', err);
+                this.log(`Failed to parse reaction: ${err}`);
             }
         }
     }
     scheduleReconnect() {
         if (this.reconnectAttempts >= this.maxReconnectAttempts) {
-            console.error('[MM] Max reconnection attempts reached');
+            console.error('  ⚠️  Max reconnection attempts reached');
             return;
         }
         this.reconnectAttempts++;
         const delay = this.reconnectDelay * Math.pow(2, this.reconnectAttempts - 1);
-        console.log(`[MM] Reconnecting in ${delay}ms (attempt ${this.reconnectAttempts})`);
+        console.log(`  🔄 Reconnecting... (attempt ${this.reconnectAttempts})`);
         setTimeout(() => {
             this.connect().catch((err) => {
-                console.error('[MM] Reconnection failed:', err);
+                console.error(`  ❌ Reconnection failed: ${err}`);
             });
         }, delay);
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mattermost-claude-code",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "description": "Share Claude Code sessions live in a Mattermost channel with interactive features",
   "main": "dist/index.js",
   "type": "module",