[{"_1":2,"_311":-5,"_312":-5},"loaderData",{"_3":4,"_53":54,"_55":56,"_253":254},"root",{"_5":6,"_49":50,"_51":52},"appGlobal",{"_7":8,"_38":39,"_40":41},"config",{"_9":10,"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":22,"_23":-5,"_24":25,"_26":27,"_28":29,"_30":31,"_32":33,"_34":31,"_35":31,"_36":37},"APP_URL","https://glama.ai","CLIENT_ASSETS_URL","https://static.glama.ai/client/","ENVIRONMENT","LIVE","FACEBOOK_PIXEL_ID","1988603181578092","GOOGLE_ANALYTICS_MEASUREMENT_ID","G-GDQ5NW5CB5","GOOGLE_OAUTH2_CLIENT_ID","48173796263-7ohlqirg28gh2a7nel61coff3m1ogjtc.apps.googleusercontent.com","INTERCOM_APP_ID","wgcqevfz","INTERCOM_USER_HASH","POSTHOG_API_KEY","phc_aK0RnJxBEBRE0h0LIz21yyc9w6ylBxwUHMPB4712Bjc","REDDIT_PIXEL_ID","a2_fcqsoymvje51","RELEASE_VERSION","glama@production","SENTRY_DRY_RUN",false,"SENTRY_DSN","https://fc82aa9f808b13927ff29c56bda4d486@o4507975513735168.ingest.us.sentry.io/4507975514849280","SENTRY_SPOTLIGHT","SENTRY_TRACE","STRIPE_PUBLIC_KEY","pk_live_51QpZQ32LV3sZcHqzHlFuNhgSfggSNaQqCzZw9EMJ8tbhpQyZgcwQj1vz168FxQ35EGRcztKu2MankxiSs7zLCF4g00blUverGs","viewportWidth",1280,"visitorSession",{"_42":43,"_45":-5,"_46":47,"_48":-5},"attributes",[44],"BOT","membership","uid","tskai3eqsr","userAccount","nonce","f819a99786464bde9b24fba383358b63","toasts",[],"routes/_public/_layout",{},"routes/_public/mcp/servers/~uid/_pages/_layout",{"_57":-5,"_58":59,"_171":172},"githubUser","mcpServer",{"_60":61,"_62":63,"_42":70,"_74":75,"_76":75,"_77":78,"_83":84,"_107":108,"_109":98,"_103":110,"_111":-5,"_112":-5,"_113":114,"_120":121,"_130":131,"_136":-5,"_137":-5,"_138":139,"_46":168,"_169":170},"addedAt",["D",1734957238932],"argumentsJsonSchema",{"_64":65,"_66":67,"_68":69},"type","object","required",[],"properties",{},[71,72,73],"category:file-systems","category:browser-automation","language:javascript","descriptionMarkdown","Provides HTML file preview and analysis capabilities. This server enables capturing full-page screenshots of local HTML files and analyzing their structure.","descriptionPlainText","githubProject",{"_79":80,"_81":82},"readme","# MCP File Preview Server\n\nA Model Context Protocol (MCP) server that provides HTML file preview and analysis capabilities. This server enables capturing full-page screenshots of local HTML files and analyzing their structure.\n\n## Features\n\n- **File Preview**: Capture full-page screenshots of HTML files with proper CSS styling\n- **Content Analysis**: Analyze HTML structure (headings, paragraphs, images, links)\n- **Local File Support**: Handle local file paths and resources\n- **Screenshot Management**: Save screenshots to a dedicated directory\n\n## Installation\n\n1. Clone the repository:\n```bash\ngit clone https://github.com/your-username/mcp-file-preview.git\ncd mcp-file-preview\n```\n\n2. Install dependencies:\n```bash\nnpm install\n```\n\n3. Build the project:\n```bash\nnpm run build\n```\n\n## Configuration\n\nAdd the server to your Claude or Cline MCP settings:\n\n### Claude Desktop App\nAdd to `~/Library/Application Support/Claude/claude_desktop_config.json`:\n```json\n{\n \"mcpServers\": {\n \"file-preview\": {\n \"command\": \"node\",\n \"args\": [\"/path/to/mcp-file-preview/build/index.js\"]\n }\n }\n}\n```\n\n### Cline VSCode Extension\nAdd to VSCode's MCP settings:\n```json\n{\n \"mcpServers\": {\n \"file-preview\": {\n \"command\": \"node\",\n \"args\": [\"/path/to/mcp-file-preview/build/index.js\"]\n }\n }\n}\n```\n\n## Usage\n\nThe server provides two main tools:\n\n### preview_file\nCaptures a screenshot and returns HTML content:\n```typescript\n\nfile-preview\npreview_file\n\n{\n \"filePath\": \"/path/to/file.html\",\n \"width\": 1024, // optional\n \"height\": 768 // optional\n}\n\n\n```\n\nScreenshots are saved to `screenshots/` directory in the project folder.\n\n### analyze_content\nAnalyzes HTML structure:\n```typescript\n\nfile-preview\nanalyze_content\n\n{\n \"filePath\": \"/path/to/file.html\"\n}\n\n\n```\n\nReturns counts of:\n- Headings\n- Paragraphs\n- Images\n- Links\n\n## Development\n\n1. Install dependencies:\n```bash\nnpm install @modelcontextprotocol/sdk puppeteer typescript @types/node @types/puppeteer\n```\n\n2. Make changes in `src/`\n3. Build:\n```bash\nnpm run build\n```\n4. Test locally:\n```bash\nnpm run dev\n```\n\n## Implementation Details\n\nThe server uses the MCP SDK's Server class with proper initialization:\n\n```typescript\nthis.server = new Server(\n // Metadata object\n {\n name: 'file-preview-server',\n version: '0.1.0'\n },\n // Options object with capabilities\n {\n capabilities: {\n tools: {\n preview_file: {\n description: 'Preview local HTML file and capture screenshot',\n inputSchema: {\n // ... schema definition\n }\n }\n }\n }\n }\n);\n```\n\nKey points:\n- Server constructor takes separate metadata and options objects\n- Tools are declared in capabilities.tools\n- Each tool needs a description and inputSchema\n- Screenshots are saved to a local `screenshots/` directory\n\n## Debugging\n\n1. Use the MCP Inspector:\n```bash\nnpx @modelcontextprotocol/inspector\n```\n\n2. Connect with:\n - Transport Type: STDIO\n - Command: node\n - Arguments: /path/to/build/index.js\n\n3. Check Claude OS logs if tools don't appear in the dropdown\n\n## Contributing\n\nPlease read [CONTRIBUTING.md](CONTRIBUTING.md) for details on our code of conduct and the process for submitting pull requests.\n\n## License\n\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.\n","url","https://github.com/seanivore/mcp-file-preview","githubRepository",{"_85":86,"_87":88,"_89":90,"_91":92,"_93":94,"_99":100,"_101":102,"_105":106},"defaultBranch","main","fullName","seanivore/mcp-file-preview","githubTreeId",36591,"language","JavaScript","owner",{"_95":96,"_97":98},"login","seanivore","verified",true,"recentStargazers",0,"spdxLicense",{"_103":104},"name","MIT License","stargazers",5,"id",430,"inspectable","MCP File Preview Server","npmPackage","prompts","relatedMcpServerIds",[115,116,117,118,119],283,368,329,240,323,"resources",[122],{"_123":124,"_103":125,"_126":127,"_128":129},"uri","file://preview/html","HTML Preview","mimeType","text/html","description","Preview HTML files with styling","scores",{"_132":133,"_134":133,"_135":133},"license",100,"quality","security","simpleIcon","supportedPlatforms","tools",[140,161],{"_103":141,"_128":142,"_143":144},"preview_file","Preview local HTML file and capture screenshot","inputSchema",{"_64":65,"_66":145,"_68":147},[146],"filePath",{"_148":149,"_154":155,"_146":158},"width",{"_64":150,"_151":152,"_128":153},"number","default",1024,"Viewport width","height",{"_64":150,"_151":156,"_128":157},768,"Viewport height",{"_64":159,"_128":160},"string","Path to local HTML file",{"_103":162,"_128":163,"_143":164},"analyze_content","Analyze HTML content structure",{"_64":65,"_66":165,"_68":166},[146],{"_146":167},{"_64":159,"_128":160},"23jdwr6v07","updatedAt",["D",1740225703985],"meta",[173,176,178,185,188,190,193,196,199,202,205,207,210,213,215,217,219,221,223],{"_174":175},"title","MCP File Preview Server | Glama",{"_177":75,"_103":128},"content",{"_179":180,"_181":182,"_183":184},"href","https://glama.ai/mcp/servers/23jdwr6v07","rel","canonical","tagName","link",{"_177":110,"_186":187},"property","og:title",{"_177":75,"_186":189},"og:description",{"_177":191,"_186":192},"https://glama.ai/logo.png","og:logo",{"_177":194,"_186":195},"https://glama.ai/mcp/servers/23jdwr6v07/og-image","og:image",{"_177":197,"_186":198},"630","og:image:height",{"_177":200,"_186":201},"1200","og:image:width",{"_177":203,"_186":204},"website","og:type",{"_177":180,"_186":206},"og:url",{"_177":208,"_186":209},"ChatGPT alternative for power users","og:site_name",{"_177":211,"_103":212},"summary_large_image","twitter:card",{"_177":208,"_103":214},"twitter:title",{"_177":75,"_103":216},"twitter:description",{"_177":194,"_103":218},"twitter:image",{"_177":197,"_103":220},"twitter:image:height",{"_177":200,"_103":222},"twitter:image:width",{"_224":225},"script:ld+json",{"_226":227,"_228":229},"@context","http://schema.org","@graph",[230],{"_226":231,"_232":233,"_234":235},"https://schema.org","@type","BreadcrumbList","itemListElement",[236,243,247,251],{"_232":237,"_238":239,"_103":240,"_241":242},"ListItem","item","https://glama.ai/","Glama","position",1,{"_232":237,"_238":244,"_103":245,"_241":246},"https://glama.ai/mcp","MCP",2,{"_232":237,"_238":248,"_103":249,"_241":250},"https://glama.ai/mcp/servers","Servers",3,{"_232":237,"_238":180,"_103":110,"_241":252},4,"routes/_public/mcp/servers/~uid/_pages/_explorer/blob/~branch/~/_route",{"_255":256,"_260":86,"_58":261,"_289":290,"_291":292},"blob",{"_177":257,"_258":259},"node_modules/\nbuild/\n*.log\n.env*\nPRIVATE_README.md\nvscode\n.vscode\n","fileName",".gitignore","branch",{"_60":262,"_62":263,"_42":266,"_74":75,"_76":75,"_77":267,"_83":268,"_107":108,"_109":98,"_103":110,"_111":-5,"_112":-5,"_113":271,"_120":272,"_130":274,"_136":-5,"_137":-5,"_138":275,"_46":168,"_169":288},["D",1734957238932],{"_64":65,"_66":264,"_68":265},[],{},[71,72,73],{"_79":80,"_81":82},{"_85":86,"_87":88,"_89":90,"_91":92,"_93":269,"_99":100,"_101":270,"_105":106},{"_95":96,"_97":98},{"_103":104},[115,116,117,118,119],[273],{"_123":124,"_103":125,"_126":127,"_128":129},{"_132":133,"_134":133,"_135":133},[276,283],{"_103":141,"_128":142,"_143":277},{"_64":65,"_66":278,"_68":279},[146],{"_148":280,"_154":281,"_146":282},{"_64":150,"_151":152,"_128":153},{"_64":150,"_151":156,"_128":157},{"_64":159,"_128":160},{"_103":162,"_128":163,"_143":284},{"_64":65,"_66":285,"_68":286},[146],{"_146":287},{"_64":159,"_128":160},["D",1740225703985],"path","","treeMembers",[293,296,298,299,301,303,305,307,309],{"_289":294,"_64":295},"src","tree",{"_289":297,"_64":255},"Dockerfile",{"_289":259,"_64":255},{"_289":300,"_64":255},"LICENSE",{"_289":302,"_64":255},"package.json",{"_289":304,"_64":255},"package-lock.json",{"_289":306,"_64":255},"README.md",{"_289":308,"_64":255},"smithery.yaml",{"_289":310,"_64":255},"tsconfig.json","actionData","errors"]