@glance-mcp/server 1.0.0 → 1.1.0

package/package.json

@@ -1,13 +1,31 @@
 {
   "name": "@glance-mcp/server",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "MCP server for Glance — capture what a web page looks like and does",
   "type": "module",
-  "bin": { "glance-mcp": "./src/index.mjs" },
+  "bin": {
+    "glance-mcp": "src/index.mjs"
+  },
   "main": "./src/index.mjs",
-  "files": ["src"],
-  "engines": { "node": ">=18" },
+  "files": [
+    "src"
+  ],
+  "engines": {
+    "node": ">=18"
+  },
   "license": "MIT",
   "homepage": "https://glance.tools",
-  "keywords": ["mcp", "mcp-server", "glance", "screenshot", "web-capture", "model-context-protocol", "claude", "cursor", "web-scraping", "headless-chrome", "llm-tools"]
+  "keywords": [
+    "mcp",
+    "mcp-server",
+    "glance",
+    "screenshot",
+    "web-capture",
+    "model-context-protocol",
+    "claude",
+    "cursor",
+    "web-scraping",
+    "headless-chrome",
+    "llm-tools"
+  ]
 }

package/src/api.mjs

@@ -39,6 +39,17 @@ export function createApiClient({ apiKey, apiUrl } = {}) {
     return json.result;
   }
 
+  async function fetchImage(imageUrl) {
+    const headers = {};
+    if (key) headers['Authorization'] = `Bearer ${key}`;
+
+    const res = await fetch(imageUrl, { headers });
+    if (!res.ok) {
+      throw new Error(`Failed to fetch image: HTTP ${res.status}`);
+    }
+    return Buffer.from(await res.arrayBuffer());
+  }
+
   return {
     get apiKey() { return key; },
 
@@ -50,5 +61,6 @@ export function createApiClient({ apiKey, apiUrl } = {}) {
     result(job)      { return rpc('result', { job }); },
     usage()          { return rpc('usage'); },
     feedback(message){ return rpc('feedback', { message }); },
+    fetchImage,
   };
 }

package/src/tools.mjs

@@ -208,13 +208,15 @@ async function handleGlance(args, api) {
 
     if (res.status === 'done') {
       const lines = [`Capture complete for ${args.url}`, ''];
+      const screenshotEntries = [];
 
       if (res.artifacts) {
         const { meta, ...urlArtifacts } = res.artifacts;
 
-        // Screenshot and file URLs
         for (const [key, value] of Object.entries(urlArtifacts)) {
-          if (typeof value === 'string') {
+          if (typeof value === 'string' && value.endsWith('.png')) {
+            screenshotEntries.push([key, value]);
+          } else if (typeof value === 'string') {
             lines.push(`${key}: ${value}`);
           }
         }
@@ -231,7 +233,20 @@ async function handleGlance(args, api) {
         lines.push(`Usage: ${res.usage.used} used, ${res.usage.remaining} remaining`);
       }
 
-      return textResult(lines.join('\n'));
+      const content = [{ type: 'text', text: lines.join('\n') }];
+
+      // Fetch screenshots and return as inline image blocks
+      for (const [key, url] of screenshotEntries) {
+        try {
+          const buf = await api.fetchImage(url);
+          content.push({ type: 'image', data: buf.toString('base64'), mimeType: 'image/png' });
+        } catch {
+          // If fetch fails, include the URL as text instead
+          content.push({ type: 'text', text: `${key}: ${url} (image fetch failed)` });
+        }
+      }
+
+      return { content };
     }
 
     if (res.status === 'failed') {