build js examples against local server sdk + in ci

.github/workflows/ci.yml

@@ -21,6 +21,7 @@ jobs:
       ruby_sdk_files: ${{ steps.filter.outputs.ruby_sdk_files }}
       python_sdk_files: ${{ steps.filter.outputs.python_sdk_files }}
       example_files: ${{ steps.filter.outputs.example_files }}
+      js_example_files: ${{ steps.filter.outputs.js_example_files }}
     steps:
       - uses: actions/checkout@v4
         with:
@@ -40,10 +41,16 @@ jobs:
               - 'sdks/python/**'
             example_files:
               - 'examples/**'
+            js_example_files:
+              - 'examples/external-url-demo/**'
+              - 'examples/remote-dom-demo/**'
+              - 'examples/wc-demo/**'
+              - 'examples/typescript-server-demo/**'
+              - 'examples/server/**'
 
   js_build_and_test:
     needs: filter_changed_paths
-    if: needs.filter_changed_paths.outputs.ts_client_files == 'true' || needs.filter_changed_paths.outputs.ts_server_files == 'true'
+    if: needs.filter_changed_paths.outputs.ts_client_files == 'true' || needs.filter_changed_paths.outputs.ts_server_files == 'true' || needs.filter_changed_paths.outputs.js_example_files == 'true'
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v4
@@ -71,6 +78,9 @@ jobs:
       - name: Build
         run: pnpm build
 
+      - name: Build examples
+        run: pnpm --filter="./examples/*" build
+
   ruby_sdk_test:
     needs: filter_changed_paths
     if: needs.filter_changed_paths.outputs.ruby_sdk_files == 'true'

.gitignore

@@ -84,6 +84,9 @@ web_modules/
 # Serverless directories
 .serverless/
 
+# Wrangler (Cloudflare Workers) build artifacts
+.wrangler/
+
 # FuseBox cache
 .fusebox/
 

examples/external-url-demo/.gitignore

@@ -0,0 +1,5 @@
+# Build outputs that should never be committed
+# (vite.config.ts is loaded directly by Vite)
+vite.config.js
+vite.config.d.ts
+*.tsbuildinfo

examples/external-url-demo/tsconfig.node.json

@@ -5,7 +5,8 @@
     "module": "ESNext",
     "moduleResolution": "bundler",
     "allowSyntheticDefaultImports": true,
-    "strict": true
+    "strict": true,
+    "noEmit": true
   },
   "include": ["vite.config.ts"]
 }

examples/server/package.json

@@ -12,7 +12,7 @@
   },
   "packageManager": "[email protected]+sha512.6540583f41cc5f628eb3d9773ecee802f4f9ef9923cc45b69890fb47991d4b092964694ec3a4f738a420c918a333062c8b925d312f42e4f0c263eb603551f977",
   "dependencies": {
-    "@mcp-ui/server": "^5.2.0",
+    "@mcp-ui/server": "workspace:*",
     "@modelcontextprotocol/sdk": "^1.11.1",
     "@vis.gl/react-google-maps": "^1.5.2",
     "agents": "^0.0.80",

examples/typescript-server-demo/.gitignore

@@ -0,0 +1,6 @@
+# Build outputs that should never be committed
+# (compiled files should go to dist/ directory)
+src/**/*.js
+src/**/*.d.ts
+dist/
+*.tsbuildinfo

examples/typescript-server-demo/package.json

@@ -13,7 +13,7 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@mcp-ui/server": "^5.2.0",
+    "@mcp-ui/server": "workspace:*",
     "@modelcontextprotocol/sdk": "^1.16.0",
     "cors": "^2.8.5",
     "express": "^4.17.1"

examples/typescript-server-demo/tsconfig.json

@@ -3,6 +3,7 @@
     "target": "ES2022",
     "module": "NodeNext",
     "moduleResolution": "NodeNext",
+    "outDir": "dist",
     "strict": true,
     "skipLibCheck": true,
     "esModuleInterop": true,