@mcp-web/mcpb 0.1.0

package/LICENSE

@@ -0,0 +1,201 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright 2025 Fritz Lekschas
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

package/README.md

@@ -0,0 +1,148 @@
+# @mcp-web/mcpb
+
+Generate pre-configured MCPB bundles for one-click installation in Claude Desktop.
+
+## Overview
+
+`@mcp-web/mcpb` enables websites running MCP-Web to generate `.mcpb` files (MCP Bundle format) that users can install in Claude Desktop with a single click. The auth token and bridge connection URL are pre-baked into the bundle, eliminating any manual configuration.
+
+## Installation
+
+```bash
+npm install @mcp-web/mcpb
+# or
+pnpm add @mcp-web/mcpb
+# or
+yarn add @mcp-web/mcpb
+```
+
+## Usage
+
+### Basic Example
+
+```typescript
+import { MCPWeb } from '@mcp-web/core';
+import { getMcpBundle } from '@mcp-web/mcpb';
+
+// Create your MCP-Web instance
+const mcp = new MCPWeb({
+  name: 'My Todo App',
+  description: 'AI-controllable todo application',
+  autoConnect: true,
+});
+
+// Register your tools
+mcp.addTool({
+  name: 'create_todo',
+  description: 'Create a new todo',
+  handler: (input) => {
+    // Your logic here
+  },
+});
+
+// Generate MCPB bundle
+async function handleInstallClick() {
+  const bundle = await getMcpBundle(mcp, {
+    displayName: 'My Todo App - Claude Extension',
+    version: '1.0.0',
+    author: {
+      name: 'Your Name',
+      url: 'https://yourwebsite.com'
+    }
+  });
+  
+  // Trigger browser download
+  bundle.download();
+}
+```
+
+### With Icon
+
+```typescript
+const bundle = await getMcpBundle(mcp, {
+  displayName: 'My App',
+  version: '1.0.0',
+  icon: 'https://yourwebsite.com/icon.png', // URL to icon
+  // or
+  icon: iconBlob, // Blob object
+});
+```
+
+### Custom Client Bundle URL
+
+If you want to host the client bundle yourself:
+
+```typescript
+const bundle = await getMcpBundle(mcp, {
+  clientBundleUrl: 'https://yourcdn.com/mcp-web-client.js',
+});
+```
+
+## API
+
+### `getMcpBundle(mcpWeb, options?)`
+
+Generates a pre-configured MCPB bundle.
+
+**Parameters:**
+- `mcpWeb` (MCPWeb): The MCPWeb instance to create a bundle for
+- `options` (McpBundleOptions, optional):
+  - `displayName` (string): Display name in Claude Desktop (defaults to mcpWeb config name)
+  - `version` (string): Semantic version (defaults to "1.0.0")
+  - `description` (string): Bundle description (defaults to mcpWeb config description)
+  - `author` (object): Author info with `name`, `email`, and `url` fields
+  - `icon` (string | Blob): Icon as URL or Blob (PNG recommended)
+  - `clientBundleUrl` (string): Custom URL for client bundle
+
+**Returns:** `Promise<McpBundleResult>`
+- `blob` (Blob): The .mcpb file as a Blob
+- `filename` (string): Suggested filename (e.g., "my-app.mcpb")
+- `download()` (function): Helper to trigger browser download
+
+## How It Works
+
+1. **Generate Manifest**: Creates a `manifest.json` with pre-baked environment variables:
+   - `MCP_SERVER_URL`: Bridge connection URL
+   - `AUTH_TOKEN`: Unique authentication token
+   
+2. **Fetch Client Bundle**: Downloads the standalone `@mcp-web/client` from CDN (unpkg with jsdelivr fallback)
+
+3. **Create Archive**: Packages everything into a `.mcpb` zip file:
+   ```
+   my-app.mcpb
+   ├── manifest.json
+   ├── server/
+   │   └── index.js (standalone client)
+   └── icon.png (optional)
+   ```
+
+4. **Download**: User downloads the `.mcpb` file and double-clicks to install in Claude Desktop
+
+## User Experience
+
+From the user's perspective:
+
+1. Visit your website
+2. Click "Install Extension" button
+3. Download `.mcpb` file
+4. Double-click to open with Claude Desktop
+5. Click "Install"
+6. Done! No configuration needed.
+
+## Security
+
+The auth token is:
+- **User-specific**: Generated uniquely for each user
+- **Permanent**: Valid until explicitly revoked
+- **Local**: Stored only on the user's machine
+- **Equivalent** to manually editing Claude Desktop's config file
+
+## Requirements
+
+- Node.js 22+ (specified in bundle manifest)
+- Browser environment with `fetch` and `Blob` support
+- Network access to CDN (unless using custom `clientBundleUrl`)
+
+## License
+
+MIT

package/dist/fetch-client.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Fetches the pre-built @mcp-web/client standalone bundle from CDN.
+ *
+ * Tries the primary CDN (unpkg) first, then falls back to jsdelivr if that fails.
+ * If a custom URL is provided, only that URL is tried.
+ *
+ * @param customUrl - Optional custom URL to fetch the bundle from
+ * @returns The client bundle code as a string
+ * @throws Error if all CDN attempts fail
+ */
+export declare function fetchClientBundle(customUrl?: string): Promise<string>;
+//# sourceMappingURL=fetch-client.d.ts.map

package/dist/fetch-client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fetch-client.d.ts","sourceRoot":"","sources":["../src/fetch-client.ts"],"names":[],"mappings":"AAaA;;;;;;;;;GASG;AACH,wBAAsB,iBAAiB,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAkB3E"}

package/dist/fetch-client.js

@@ -0,0 +1,36 @@
+/**
+ * Default CDN URL for fetching the @mcp-web/client standalone bundle.
+ * Uses unpkg as the primary CDN.
+ */
+const DEFAULT_CDN_URL = 'https://unpkg.com/@mcp-web/client@latest/dist/standalone.js';
+/**
+ * Fallback CDN URL using jsdelivr.
+ */
+const FALLBACK_CDN_URL = 'https://cdn.jsdelivr.net/npm/@mcp-web/client@latest/dist/standalone.js';
+/**
+ * Fetches the pre-built @mcp-web/client standalone bundle from CDN.
+ *
+ * Tries the primary CDN (unpkg) first, then falls back to jsdelivr if that fails.
+ * If a custom URL is provided, only that URL is tried.
+ *
+ * @param customUrl - Optional custom URL to fetch the bundle from
+ * @returns The client bundle code as a string
+ * @throws Error if all CDN attempts fail
+ */
+export async function fetchClientBundle(customUrl) {
+    const urls = customUrl ? [customUrl] : [DEFAULT_CDN_URL, FALLBACK_CDN_URL];
+    for (const url of urls) {
+        try {
+            const response = await fetch(url);
+            if (response.ok) {
+                return await response.text();
+            }
+        }
+        catch (error) {
+            // Try next URL
+            console.warn(`Failed to fetch client bundle from ${url}:`, error);
+        }
+    }
+    throw new Error('Failed to fetch @mcp-web/client bundle from CDN. Please check your network connection or provide a custom clientBundleUrl.');
+}
+//# sourceMappingURL=fetch-client.js.map

package/dist/fetch-client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fetch-client.js","sourceRoot":"","sources":["../src/fetch-client.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,eAAe,GACnB,6DAA6D,CAAC;AAEhE;;GAEG;AACH,MAAM,gBAAgB,GACpB,wEAAwE,CAAC;AAE3E;;;;;;;;;GASG;AACH,MAAM,CAAC,KAAK,UAAU,iBAAiB,CAAC,SAAkB;IACxD,MAAM,IAAI,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,eAAe,EAAE,gBAAgB,CAAC,CAAC;IAE3E,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE,CAAC;QACvB,IAAI,CAAC;YACH,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,GAAG,CAAC,CAAC;YAClC,IAAI,QAAQ,CAAC,EAAE,EAAE,CAAC;gBAChB,OAAO,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;YAC/B,CAAC;QACH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,eAAe;YACf,OAAO,CAAC,IAAI,CAAC,sCAAsC,GAAG,GAAG,EAAE,KAAK,CAAC,CAAC;QACpE,CAAC;IACH,CAAC;IAED,MAAM,IAAI,KAAK,CACb,4HAA4H,CAC7H,CAAC;AACJ,CAAC"}

package/dist/get-mcp-bundle.d.ts

@@ -0,0 +1,40 @@
+import type { MCPWeb } from '@mcp-web/core';
+import type { McpBundleOptions, McpBundleResult } from './types.js';
+/**
+ * Generates a pre-configured MCPB bundle for installation in Claude Desktop.
+ *
+ * This function creates a `.mcpb` file (which is a zip archive) containing:
+ * - manifest.json with pre-baked MCP_SERVER_URL and AUTH_TOKEN
+ * - server/index.js (the standalone @mcp-web/client bundle)
+ * - icon.png (optional, if provided in options)
+ *
+ * The resulting bundle can be installed in Claude Desktop with a single click,
+ * with no manual configuration required.
+ *
+ * @param mcpWeb - The MCPWeb instance to generate a bundle for
+ * @param options - Optional customization options
+ * @returns Promise resolving to the bundle result with blob, filename, and download helper
+ *
+ * @example
+ * ```typescript
+ * import { MCPWeb } from '@mcp-web/core';
+ * import { getMcpBundle } from '@mcp-web/mcpb';
+ *
+ * const mcp = new MCPWeb({
+ *   name: 'My Todo App',
+ *   description: 'AI-controllable todo application',
+ *   autoConnect: true,
+ * });
+ *
+ * // Generate and download bundle
+ * const bundle = await getMcpBundle(mcp, {
+ *   displayName: 'My Todo App - Claude Extension',
+ *   version: '1.0.0',
+ *   author: { name: 'Acme Corp', url: 'https://acme.com' }
+ * });
+ *
+ * bundle.download(); // Triggers browser download
+ * ```
+ */
+export declare function getMcpBundle(mcpWeb: MCPWeb, options?: McpBundleOptions): Promise<McpBundleResult>;
+//# sourceMappingURL=get-mcp-bundle.d.ts.map

package/dist/get-mcp-bundle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-mcp-bundle.d.ts","sourceRoot":"","sources":["../src/get-mcp-bundle.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAI5C,OAAO,KAAK,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAEpE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,wBAAsB,YAAY,CAChC,MAAM,EAAE,MAAM,EACd,OAAO,GAAE,gBAAqB,GAC7B,OAAO,CAAC,eAAe,CAAC,CA6D1B"}

package/dist/get-mcp-bundle.js

@@ -0,0 +1,95 @@
+import JSZip from 'jszip';
+import { fetchClientBundle } from './fetch-client.js';
+import { generateManifest } from './manifest.js';
+/**
+ * Generates a pre-configured MCPB bundle for installation in Claude Desktop.
+ *
+ * This function creates a `.mcpb` file (which is a zip archive) containing:
+ * - manifest.json with pre-baked MCP_SERVER_URL and AUTH_TOKEN
+ * - server/index.js (the standalone @mcp-web/client bundle)
+ * - icon.png (optional, if provided in options)
+ *
+ * The resulting bundle can be installed in Claude Desktop with a single click,
+ * with no manual configuration required.
+ *
+ * @param mcpWeb - The MCPWeb instance to generate a bundle for
+ * @param options - Optional customization options
+ * @returns Promise resolving to the bundle result with blob, filename, and download helper
+ *
+ * @example
+ * ```typescript
+ * import { MCPWeb } from '@mcp-web/core';
+ * import { getMcpBundle } from '@mcp-web/mcpb';
+ *
+ * const mcp = new MCPWeb({
+ *   name: 'My Todo App',
+ *   description: 'AI-controllable todo application',
+ *   autoConnect: true,
+ * });
+ *
+ * // Generate and download bundle
+ * const bundle = await getMcpBundle(mcp, {
+ *   displayName: 'My Todo App - Claude Extension',
+ *   version: '1.0.0',
+ *   author: { name: 'Acme Corp', url: 'https://acme.com' }
+ * });
+ *
+ * bundle.download(); // Triggers browser download
+ * ```
+ */
+export async function getMcpBundle(mcpWeb, options = {}) {
+    // Generate manifest with pre-baked auth token and bridge URL
+    const manifest = generateManifest(mcpWeb, options);
+    // Fetch the pre-built client bundle from CDN
+    const clientCode = await fetchClientBundle(options.clientBundleUrl);
+    // Create zip archive
+    const zip = new JSZip();
+    // Add manifest.json
+    zip.file('manifest.json', JSON.stringify(manifest, null, 2));
+    // Add server/index.js (the client bundle)
+    const serverFolder = zip.folder('server');
+    if (!serverFolder) {
+        throw new Error('Failed to create server folder in zip');
+    }
+    serverFolder.file('index.js', clientCode);
+    // Add icon if provided
+    // TODO: Consider adding validation for icon format (PNG) and size in future versions
+    if (options.icon) {
+        if (typeof options.icon === 'string') {
+            // Fetch icon from URL
+            try {
+                const iconResponse = await fetch(options.icon);
+                if (iconResponse.ok) {
+                    const iconBlob = await iconResponse.blob();
+                    zip.file('icon.png', iconBlob);
+                }
+                else {
+                    console.warn(`Failed to fetch icon from ${options.icon}: ${iconResponse.status}`);
+                }
+            }
+            catch (error) {
+                console.warn(`Failed to fetch icon from ${options.icon}:`, error);
+            }
+        }
+        else {
+            // Blob provided directly
+            zip.file('icon.png', options.icon);
+        }
+    }
+    // Generate the .mcpb blob
+    const blob = await zip.generateAsync({ type: 'blob' });
+    const filename = `${manifest.name}.mcpb`;
+    // Create download helper
+    const download = () => {
+        const url = URL.createObjectURL(blob);
+        const a = document.createElement('a');
+        a.href = url;
+        a.download = filename;
+        document.body.appendChild(a);
+        a.click();
+        document.body.removeChild(a);
+        URL.revokeObjectURL(url);
+    };
+    return { blob, filename, download };
+}
+//# sourceMappingURL=get-mcp-bundle.js.map

package/dist/get-mcp-bundle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-mcp-bundle.js","sourceRoot":"","sources":["../src/get-mcp-bundle.ts"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -0,0 +1,32 @@
+/**
+ * @mcp-web/mcpb - MCPB Bundle Generation for MCP-Web
+ *
+ * This package provides utilities for generating pre-configured MCPB bundles
+ * that can be installed in Claude Desktop with a single click.
+ *
+ * @example
+ * ```typescript
+ * import { MCPWeb } from '@mcp-web/core';
+ * import { getMcpBundle } from '@mcp-web/mcpb';
+ *
+ * const mcp = new MCPWeb({
+ *   name: 'My App',
+ *   description: 'AI-controllable application',
+ *   autoConnect: true,
+ * });
+ *
+ * // Generate bundle
+ * const bundle = await getMcpBundle(mcp, {
+ *   displayName: 'My App - Claude Extension',
+ *   version: '1.0.0',
+ * });
+ *
+ * // Download in browser
+ * bundle.download();
+ * ```
+ *
+ * @packageDocumentation
+ */
+export { getMcpBundle } from './get-mcp-bundle.js';
+export type { ManifestJson, McpBundleOptions, McpBundleResult, } from './types.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AAEH,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,YAAY,EACV,YAAY,EACZ,gBAAgB,EAChB,eAAe,GAChB,MAAM,YAAY,CAAC"}

package/dist/index.js

@@ -0,0 +1,31 @@
+/**
+ * @mcp-web/mcpb - MCPB Bundle Generation for MCP-Web
+ *
+ * This package provides utilities for generating pre-configured MCPB bundles
+ * that can be installed in Claude Desktop with a single click.
+ *
+ * @example
+ * ```typescript
+ * import { MCPWeb } from '@mcp-web/core';
+ * import { getMcpBundle } from '@mcp-web/mcpb';
+ *
+ * const mcp = new MCPWeb({
+ *   name: 'My App',
+ *   description: 'AI-controllable application',
+ *   autoConnect: true,
+ * });
+ *
+ * // Generate bundle
+ * const bundle = await getMcpBundle(mcp, {
+ *   displayName: 'My App - Claude Extension',
+ *   version: '1.0.0',
+ * });
+ *
+ * // Download in browser
+ * bundle.download();
+ * ```
+ *
+ * @packageDocumentation
+ */
+export { getMcpBundle } from './get-mcp-bundle.js';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AAEH,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/manifest.d.ts

@@ -0,0 +1,14 @@
+import type { MCPWeb } from '@mcp-web/core';
+import type { ManifestJson, McpBundleOptions } from './types.js';
+/**
+ * Generates a MCPB manifest.json from an MCPWeb instance and options.
+ *
+ * The manifest includes pre-baked environment variables (MCP_SERVER_URL and AUTH_TOKEN)
+ * so the user doesn't need to configure anything after installation.
+ *
+ * @param mcpWeb - The MCPWeb instance to generate manifest for
+ * @param options - Optional customization for the bundle
+ * @returns A complete manifest.json object conforming to MCPB spec v0.3
+ */
+export declare function generateManifest(mcpWeb: MCPWeb, options?: McpBundleOptions): ManifestJson;
+//# sourceMappingURL=manifest.d.ts.map

package/dist/manifest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"manifest.d.ts","sourceRoot":"","sources":["../src/manifest.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAajE;;;;;;;;;GASG;AACH,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,MAAM,EACd,OAAO,GAAE,gBAAqB,GAC7B,YAAY,CAoCd"}

package/dist/manifest.js

@@ -0,0 +1,56 @@
+/**
+ * Converts a string to kebab-case.
+ * Examples: "My App" -> "my-app", "MyApp" -> "my-app"
+ */
+function toKebabCase(str) {
+    return str
+        .replace(/([a-z])([A-Z])/g, '$1-$2')
+        .replace(/[\s_]+/g, '-')
+        .toLowerCase();
+}
+/**
+ * Generates a MCPB manifest.json from an MCPWeb instance and options.
+ *
+ * The manifest includes pre-baked environment variables (MCP_SERVER_URL and AUTH_TOKEN)
+ * so the user doesn't need to configure anything after installation.
+ *
+ * @param mcpWeb - The MCPWeb instance to generate manifest for
+ * @param options - Optional customization for the bundle
+ * @returns A complete manifest.json object conforming to MCPB spec v0.3
+ */
+export function generateManifest(mcpWeb, options = {}) {
+    const config = mcpWeb.config;
+    const mcpConfig = mcpWeb.mcpConfig;
+    const serverName = Object.keys(mcpConfig)[0];
+    const serverEnv = mcpConfig[serverName].env;
+    return {
+        manifest_version: '0.3',
+        name: toKebabCase(config.name),
+        display_name: options.displayName || config.name,
+        version: options.version || '1.0.0',
+        description: options.description || config.description,
+        author: options.author || { name: 'MCP-Web App' },
+        server: {
+            type: 'node',
+            entry_point: 'server/index.js',
+            mcp_config: {
+                command: 'node',
+                args: ['${__dirname}/server/index.js'],
+                env: {
+                    // Pre-baked values - no user_config needed!
+                    MCP_SERVER_URL: serverEnv.MCP_SERVER_URL,
+                    AUTH_TOKEN: serverEnv.AUTH_TOKEN,
+                },
+            },
+        },
+        icon: options.icon && typeof options.icon === 'string' ? 'icon.png' : undefined,
+        tools_generated: true,
+        compatibility: {
+            platforms: ['darwin', 'win32', 'linux'],
+            runtimes: {
+                node: '>=22.0.0',
+            },
+        },
+    };
+}
+//# sourceMappingURL=manifest.js.map

package/dist/manifest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"manifest.js","sourceRoot":"","sources":["../src/manifest.ts"],"names":[],"mappings":"AAGA;;;GAGG;AACH,SAAS,WAAW,CAAC,GAAW;IAC9B,OAAO,GAAG;SACP,OAAO,CAAC,iBAAiB,EAAE,OAAO,CAAC;SACnC,OAAO,CAAC,SAAS,EAAE,GAAG,CAAC;SACvB,WAAW,EAAE,CAAC;AACnB,CAAC;AAED;;;;;;;;;GASG;AACH,MAAM,UAAU,gBAAgB,CAC9B,MAAc,EACd,UAA4B,EAAE;IAE9B,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;IAC7B,MAAM,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC;IACnC,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;IAC7C,MAAM,SAAS,GAAG,SAAS,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC;IAE5C,OAAO;QACL,gBAAgB,EAAE,KAAK;QACvB,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,IAAI,CAAC;QAC9B,YAAY,EAAE,OAAO,CAAC,WAAW,IAAI,MAAM,CAAC,IAAI;QAChD,OAAO,EAAE,OAAO,CAAC,OAAO,IAAI,OAAO;QACnC,WAAW,EAAE,OAAO,CAAC,WAAW,IAAI,MAAM,CAAC,WAAW;QACtD,MAAM,EAAE,OAAO,CAAC,MAAM,IAAI,EAAE,IAAI,EAAE,aAAa,EAAE;QACjD,MAAM,EAAE;YACN,IAAI,EAAE,MAAM;YACZ,WAAW,EAAE,iBAAiB;YAC9B,UAAU,EAAE;gBACV,OAAO,EAAE,MAAM;gBACf,IAAI,EAAE,CAAC,8BAA8B,CAAC;gBACtC,GAAG,EAAE;oBACH,4CAA4C;oBAC5C,cAAc,EAAE,SAAS,CAAC,cAAc;oBACxC,UAAU,EAAE,SAAS,CAAC,UAAU;iBACjC;aACF;SACF;QACD,IAAI,EACF,OAAO,CAAC,IAAI,IAAI,OAAO,OAAO,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS;QAC3E,eAAe,EAAE,IAAI;QACrB,aAAa,EAAE;YACb,SAAS,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,OAAO,CAAC;YACvC,QAAQ,EAAE;gBACR,IAAI,EAAE,UAAU;aACjB;SACF;KACF,CAAC;AACJ,CAAC"}

package/dist/types.d.ts

@@ -0,0 +1,92 @@
+/**
+ * Options for generating an MCPB bundle.
+ */
+export interface McpBundleOptions {
+    /**
+     * Display name shown in Claude Desktop's extension list.
+     * Defaults to the MCPWeb config name.
+     */
+    displayName?: string;
+    /**
+     * Bundle version (semantic version format).
+     * Defaults to "1.0.0".
+     */
+    version?: string;
+    /**
+     * Bundle description.
+     * Defaults to the MCPWeb config description.
+     */
+    description?: string;
+    /**
+     * Author information.
+     */
+    author?: {
+        name: string;
+        email?: string;
+        url?: string;
+    };
+    /**
+     * Icon for the extension. Can be:
+     * - A URL to fetch the icon from
+     * - A Blob containing the icon data
+     *
+     * Should be a PNG image. If provided, it will be included in the bundle as icon.png.
+     */
+    icon?: string | Blob;
+    /**
+     * Override the default CDN URL for fetching the @mcp-web/client bundle.
+     * By default, fetches from unpkg with jsdelivr fallback.
+     */
+    clientBundleUrl?: string;
+}
+/**
+ * Result of generating an MCPB bundle.
+ */
+export interface McpBundleResult {
+    /**
+     * The .mcpb file as a Blob, ready to be downloaded or processed.
+     */
+    blob: Blob;
+    /**
+     * Suggested filename for the bundle (e.g., "my-app.mcpb").
+     */
+    filename: string;
+    /**
+     * Helper function to trigger browser download of the bundle.
+     * Creates a temporary download link and clicks it.
+     */
+    download: () => void;
+}
+/**
+ * MCPB manifest.json structure (v0.3).
+ */
+export interface ManifestJson {
+    manifest_version: string;
+    name: string;
+    display_name?: string;
+    version: string;
+    description: string;
+    author: {
+        name: string;
+        email?: string;
+        url?: string;
+    };
+    server: {
+        type: 'node';
+        entry_point: string;
+        mcp_config: {
+            command: string;
+            args: string[];
+            env: Record<string, string>;
+        };
+    };
+    icon?: string;
+    tools_generated: boolean;
+    compatibility: {
+        platforms: string[];
+        runtimes: {
+            node: string;
+        };
+    };
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,MAAM,CAAC,EAAE;QACP,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,GAAG,CAAC,EAAE,MAAM,CAAC;KACd,CAAC;IAEF;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAErB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,IAAI,EAAE,IAAI,CAAC;IAEX;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IAEjB;;;OAGG;IACH,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,gBAAgB,EAAE,MAAM,CAAC;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE;QACN,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,GAAG,CAAC,EAAE,MAAM,CAAC;KACd,CAAC;IACF,MAAM,EAAE;QACN,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,EAAE,MAAM,CAAC;QACpB,UAAU,EAAE;YACV,OAAO,EAAE,MAAM,CAAC;YAChB,IAAI,EAAE,MAAM,EAAE,CAAC;YACf,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;SAC7B,CAAC;KACH,CAAC;IACF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,OAAO,CAAC;IACzB,aAAa,EAAE;QACb,SAAS,EAAE,MAAM,EAAE,CAAC;QACpB,QAAQ,EAAE;YACR,IAAI,EAAE,MAAM,CAAC;SACd,CAAC;KACH,CAAC;CACH"}

package/dist/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}

package/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "@mcp-web/mcpb",
+  "version": "0.1.0",
+  "type": "module",
+  "main": "dist/index.js",
+  "exports": {
+    ".": "./dist/index.js"
+  },
+  "dependencies": {
+    "jszip": "^3.10.1"
+  },
+  "peerDependencies": {
+    "@mcp-web/core": "0.1.0"
+  },
+  "devDependencies": {
+    "@types/node": "^25.0.9",
+    "typescript": "~5.9.3",
+    "@mcp-web/core": "0.1.0"
+  },
+  "scripts": {
+    "dev": "tsc --watch",
+    "build": "tsc",
+    "clean": "rm -rf dist"
+  }
+}

package/src/fetch-client.ts

@@ -0,0 +1,42 @@
+/**
+ * Default CDN URL for fetching the @mcp-web/client standalone bundle.
+ * Uses unpkg as the primary CDN.
+ */
+const DEFAULT_CDN_URL =
+  'https://unpkg.com/@mcp-web/client@latest/dist/standalone.js';
+
+/**
+ * Fallback CDN URL using jsdelivr.
+ */
+const FALLBACK_CDN_URL =
+  'https://cdn.jsdelivr.net/npm/@mcp-web/client@latest/dist/standalone.js';
+
+/**
+ * Fetches the pre-built @mcp-web/client standalone bundle from CDN.
+ *
+ * Tries the primary CDN (unpkg) first, then falls back to jsdelivr if that fails.
+ * If a custom URL is provided, only that URL is tried.
+ *
+ * @param customUrl - Optional custom URL to fetch the bundle from
+ * @returns The client bundle code as a string
+ * @throws Error if all CDN attempts fail
+ */
+export async function fetchClientBundle(customUrl?: string): Promise<string> {
+  const urls = customUrl ? [customUrl] : [DEFAULT_CDN_URL, FALLBACK_CDN_URL];
+
+  for (const url of urls) {
+    try {
+      const response = await fetch(url);
+      if (response.ok) {
+        return await response.text();
+      }
+    } catch (error) {
+      // Try next URL
+      console.warn(`Failed to fetch client bundle from ${url}:`, error);
+    }
+  }
+
+  throw new Error(
+    'Failed to fetch @mcp-web/client bundle from CDN. Please check your network connection or provide a custom clientBundleUrl.',
+  );
+}

package/src/get-mcp-bundle.ts

@@ -0,0 +1,107 @@
+import type { MCPWeb } from '@mcp-web/core';
+import JSZip from 'jszip';
+import { fetchClientBundle } from './fetch-client.js';
+import { generateManifest } from './manifest.js';
+import type { McpBundleOptions, McpBundleResult } from './types.js';
+
+/**
+ * Generates a pre-configured MCPB bundle for installation in Claude Desktop.
+ *
+ * This function creates a `.mcpb` file (which is a zip archive) containing:
+ * - manifest.json with pre-baked MCP_SERVER_URL and AUTH_TOKEN
+ * - server/index.js (the standalone @mcp-web/client bundle)
+ * - icon.png (optional, if provided in options)
+ *
+ * The resulting bundle can be installed in Claude Desktop with a single click,
+ * with no manual configuration required.
+ *
+ * @param mcpWeb - The MCPWeb instance to generate a bundle for
+ * @param options - Optional customization options
+ * @returns Promise resolving to the bundle result with blob, filename, and download helper
+ *
+ * @example
+ * ```typescript
+ * import { MCPWeb } from '@mcp-web/core';
+ * import { getMcpBundle } from '@mcp-web/mcpb';
+ *
+ * const mcp = new MCPWeb({
+ *   name: 'My Todo App',
+ *   description: 'AI-controllable todo application',
+ *   autoConnect: true,
+ * });
+ *
+ * // Generate and download bundle
+ * const bundle = await getMcpBundle(mcp, {
+ *   displayName: 'My Todo App - Claude Extension',
+ *   version: '1.0.0',
+ *   author: { name: 'Acme Corp', url: 'https://acme.com' }
+ * });
+ *
+ * bundle.download(); // Triggers browser download
+ * ```
+ */
+export async function getMcpBundle(
+  mcpWeb: MCPWeb,
+  options: McpBundleOptions = {},
+): Promise<McpBundleResult> {
+  // Generate manifest with pre-baked auth token and bridge URL
+  const manifest = generateManifest(mcpWeb, options);
+
+  // Fetch the pre-built client bundle from CDN
+  const clientCode = await fetchClientBundle(options.clientBundleUrl);
+
+  // Create zip archive
+  const zip = new JSZip();
+
+  // Add manifest.json
+  zip.file('manifest.json', JSON.stringify(manifest, null, 2));
+
+  // Add server/index.js (the client bundle)
+  const serverFolder = zip.folder('server');
+  if (!serverFolder) {
+    throw new Error('Failed to create server folder in zip');
+  }
+  serverFolder.file('index.js', clientCode);
+
+  // Add icon if provided
+  // TODO: Consider adding validation for icon format (PNG) and size in future versions
+  if (options.icon) {
+    if (typeof options.icon === 'string') {
+      // Fetch icon from URL
+      try {
+        const iconResponse = await fetch(options.icon);
+        if (iconResponse.ok) {
+          const iconBlob = await iconResponse.blob();
+          zip.file('icon.png', iconBlob);
+        } else {
+          console.warn(
+            `Failed to fetch icon from ${options.icon}: ${iconResponse.status}`,
+          );
+        }
+      } catch (error) {
+        console.warn(`Failed to fetch icon from ${options.icon}:`, error);
+      }
+    } else {
+      // Blob provided directly
+      zip.file('icon.png', options.icon);
+    }
+  }
+
+  // Generate the .mcpb blob
+  const blob = await zip.generateAsync({ type: 'blob' });
+  const filename = `${manifest.name}.mcpb`;
+
+  // Create download helper
+  const download = () => {
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement('a');
+    a.href = url;
+    a.download = filename;
+    document.body.appendChild(a);
+    a.click();
+    document.body.removeChild(a);
+    URL.revokeObjectURL(url);
+  };
+
+  return { blob, filename, download };
+}

package/src/index.ts

@@ -0,0 +1,36 @@
+/**
+ * @mcp-web/mcpb - MCPB Bundle Generation for MCP-Web
+ *
+ * This package provides utilities for generating pre-configured MCPB bundles
+ * that can be installed in Claude Desktop with a single click.
+ *
+ * @example
+ * ```typescript
+ * import { MCPWeb } from '@mcp-web/core';
+ * import { getMcpBundle } from '@mcp-web/mcpb';
+ *
+ * const mcp = new MCPWeb({
+ *   name: 'My App',
+ *   description: 'AI-controllable application',
+ *   autoConnect: true,
+ * });
+ *
+ * // Generate bundle
+ * const bundle = await getMcpBundle(mcp, {
+ *   displayName: 'My App - Claude Extension',
+ *   version: '1.0.0',
+ * });
+ *
+ * // Download in browser
+ * bundle.download();
+ * ```
+ *
+ * @packageDocumentation
+ */
+
+export { getMcpBundle } from './get-mcp-bundle.js';
+export type {
+  ManifestJson,
+  McpBundleOptions,
+  McpBundleResult,
+} from './types.js';

package/src/manifest.ts

@@ -0,0 +1,64 @@
+import type { MCPWeb } from '@mcp-web/core';
+import type { ManifestJson, McpBundleOptions } from './types.js';
+
+/**
+ * Converts a string to kebab-case.
+ * Examples: "My App" -> "my-app", "MyApp" -> "my-app"
+ */
+function toKebabCase(str: string): string {
+  return str
+    .replace(/([a-z])([A-Z])/g, '$1-$2')
+    .replace(/[\s_]+/g, '-')
+    .toLowerCase();
+}
+
+/**
+ * Generates a MCPB manifest.json from an MCPWeb instance and options.
+ *
+ * The manifest includes pre-baked environment variables (MCP_SERVER_URL and AUTH_TOKEN)
+ * so the user doesn't need to configure anything after installation.
+ *
+ * @param mcpWeb - The MCPWeb instance to generate manifest for
+ * @param options - Optional customization for the bundle
+ * @returns A complete manifest.json object conforming to MCPB spec v0.3
+ */
+export function generateManifest(
+  mcpWeb: MCPWeb,
+  options: McpBundleOptions = {},
+): ManifestJson {
+  const config = mcpWeb.config;
+  const mcpConfig = mcpWeb.mcpConfig;
+  const serverName = Object.keys(mcpConfig)[0];
+  const serverEnv = mcpConfig[serverName].env;
+
+  return {
+    manifest_version: '0.3',
+    name: toKebabCase(config.name),
+    display_name: options.displayName || config.name,
+    version: options.version || '1.0.0',
+    description: options.description || config.description,
+    author: options.author || { name: 'MCP-Web App' },
+    server: {
+      type: 'node',
+      entry_point: 'server/index.js',
+      mcp_config: {
+        command: 'node',
+        args: ['${__dirname}/server/index.js'],
+        env: {
+          // Pre-baked values - no user_config needed!
+          MCP_SERVER_URL: serverEnv.MCP_SERVER_URL,
+          AUTH_TOKEN: serverEnv.AUTH_TOKEN,
+        },
+      },
+    },
+    icon:
+      options.icon && typeof options.icon === 'string' ? 'icon.png' : undefined,
+    tools_generated: true,
+    compatibility: {
+      platforms: ['darwin', 'win32', 'linux'],
+      runtimes: {
+        node: '>=22.0.0',
+      },
+    },
+  };
+}

package/src/types.ts

@@ -0,0 +1,102 @@
+import type { MCPWeb } from '@mcp-web/core';
+
+/**
+ * Options for generating an MCPB bundle.
+ */
+export interface McpBundleOptions {
+  /**
+   * Display name shown in Claude Desktop's extension list.
+   * Defaults to the MCPWeb config name.
+   */
+  displayName?: string;
+
+  /**
+   * Bundle version (semantic version format).
+   * Defaults to "1.0.0".
+   */
+  version?: string;
+
+  /**
+   * Bundle description.
+   * Defaults to the MCPWeb config description.
+   */
+  description?: string;
+
+  /**
+   * Author information.
+   */
+  author?: {
+    name: string;
+    email?: string;
+    url?: string;
+  };
+
+  /**
+   * Icon for the extension. Can be:
+   * - A URL to fetch the icon from
+   * - A Blob containing the icon data
+   *
+   * Should be a PNG image. If provided, it will be included in the bundle as icon.png.
+   */
+  icon?: string | Blob;
+
+  /**
+   * Override the default CDN URL for fetching the @mcp-web/client bundle.
+   * By default, fetches from unpkg with jsdelivr fallback.
+   */
+  clientBundleUrl?: string;
+}
+
+/**
+ * Result of generating an MCPB bundle.
+ */
+export interface McpBundleResult {
+  /**
+   * The .mcpb file as a Blob, ready to be downloaded or processed.
+   */
+  blob: Blob;
+
+  /**
+   * Suggested filename for the bundle (e.g., "my-app.mcpb").
+   */
+  filename: string;
+
+  /**
+   * Helper function to trigger browser download of the bundle.
+   * Creates a temporary download link and clicks it.
+   */
+  download: () => void;
+}
+
+/**
+ * MCPB manifest.json structure (v0.3).
+ */
+export interface ManifestJson {
+  manifest_version: string;
+  name: string;
+  display_name?: string;
+  version: string;
+  description: string;
+  author: {
+    name: string;
+    email?: string;
+    url?: string;
+  };
+  server: {
+    type: 'node';
+    entry_point: string;
+    mcp_config: {
+      command: string;
+      args: string[];
+      env: Record<string, string>;
+    };
+  };
+  icon?: string;
+  tools_generated: boolean;
+  compatibility: {
+    platforms: string[];
+    runtimes: {
+      node: string;
+    };
+  };
+}

package/tsconfig.json

@@ -0,0 +1,12 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "module": "node16",
+    "moduleResolution": "node16",
+    "lib": ["ES2022", "DOM"],
+    "outDir": "dist",
+    "rootDir": "src"
+  },
+  "include": ["src/**/*"],
+  "exclude": ["node_modules", "dist", "**/*.test.ts"]
+}