sdk changes

Author: liady

src/app-bridge.test.ts

@@ -180,14 +180,14 @@ describe("App <-> AppBridge integration", () => {
       await bridge.connect(bridgeTransport);
     });
 
-    it("app.sendSizeChange triggers bridge.onsizechange", async () => {
+    it("app.sendSizeChanged triggers bridge.onsizechange", async () => {
       const receivedSizes: unknown[] = [];
       bridge.onsizechange = (params) => {
         receivedSizes.push(params);
       };
 
       await app.connect(appTransport);
-      await app.sendSizeChange({ width: 400, height: 600 });
+      await app.sendSizeChanged({ width: 400, height: 600 });
 
       expect(receivedSizes).toEqual([{ width: 400, height: 600 }]);
     });

src/app-bridge.ts

@@ -33,7 +33,7 @@ import {
 
 import {
   type McpUiSandboxResourceReadyNotification,
-  type McpUiSizeChangeNotification,
+  type McpUiSizeChangedNotification,
   type McpUiToolInputNotification,
   type McpUiToolInputPartialNotification,
   type McpUiToolResultNotification,
@@ -57,7 +57,7 @@ import {
   McpUiResourceTeardownResultSchema,
   McpUiSandboxProxyReadyNotification,
   McpUiSandboxProxyReadyNotificationSchema,
-  McpUiSizeChangeNotificationSchema,
+  McpUiSizeChangedNotificationSchema,
 } from "./types";
 export * from "./types";
 export { PostMessageTransport } from "./message-transport";
@@ -270,7 +270,7 @@ export class AppBridge extends Protocol<Request, Notification, Result> {
    * adjust the iframe container dimensions based on the Guest UI's content.
    *
    * Note: This is for Guest UI → Host communication. To notify the Guest UI of
-   * host viewport changes, use {@link app.App.sendSizeChange}.
+   * host viewport changes, use {@link app.App.sendSizeChanged}.
    *
    * @example
    * ```typescript
@@ -284,13 +284,13 @@ export class AppBridge extends Protocol<Request, Notification, Result> {
    * };
    * ```
    *
-   * @see {@link McpUiSizeChangeNotification} for the notification type
-   * @see {@link app.App.sendSizeChange} for Host → Guest UI size notifications
+   * @see {@link McpUiSizeChangedNotification} for the notification type
+   * @see {@link app.App.sendSizeChanged} for Host → Guest UI size notifications
    */
   set onsizechange(
-    callback: (params: McpUiSizeChangeNotification["params"]) => void,
+    callback: (params: McpUiSizeChangedNotification["params"]) => void,
   ) {
-    this.setNotificationHandler(McpUiSizeChangeNotificationSchema, (n) =>
+    this.setNotificationHandler(McpUiSizeChangedNotificationSchema, (n) =>
       callback(n.params),
     );
   }

src/app.ts

@@ -31,7 +31,7 @@ import {
   McpUiMessageResultSchema,
   McpUiOpenLinkRequest,
   McpUiOpenLinkResultSchema,
-  McpUiSizeChangeNotification,
+  McpUiSizeChangedNotification,
   McpUiToolInputNotification,
   McpUiToolInputNotificationSchema,
   McpUiToolInputPartialNotification,
@@ -707,18 +707,18 @@ export class App extends Protocol<Request, Notification, Result> {
    *
    * @example Manually notify host of size change
    * ```typescript
-   * app.sendSizeChange({
+   * app.sendSizeChanged({
    *   width: 400,
    *   height: 600
    * });
    * ```
    *
    * @returns Promise that resolves when the notification is sent
    *
-   * @see {@link McpUiSizeChangeNotification} for notification structure
+   * @see {@link McpUiSizeChangedNotification} for notification structure
    */
-  sendSizeChange(params: McpUiSizeChangeNotification["params"]) {
-    return this.notification(<McpUiSizeChangeNotification>{
+  sendSizeChanged(params: McpUiSizeChangedNotification["params"]) {
+    return this.notification(<McpUiSizeChangedNotification>{
       method: "ui/notifications/size-changed",
       params,
     });
@@ -743,18 +743,18 @@ export class App extends Protocol<Request, Notification, Result> {
    * await app.connect(transport);
    *
    * // Later, enable auto-resize manually
-   * const cleanup = app.setupSizeChangeNotifications();
+   * const cleanup = app.setupSizeChangedNotifications();
    *
    * // Clean up when done
    * cleanup();
    * ```
    */
-  setupSizeChangeNotifications() {
+  setupSizeChangedNotifications() {
     let scheduled = false;
     let lastWidth = 0;
     let lastHeight = 0;
 
-    const sendBodySizeChange = () => {
+    const sendBodySizeChanged = () => {
       if (scheduled) {
         return;
       }
@@ -785,14 +785,14 @@ export class App extends Protocol<Request, Notification, Result> {
         if (width !== lastWidth || height !== lastHeight) {
           lastWidth = width;
           lastHeight = height;
-          this.sendSizeChange({ width, height });
+          this.sendSizeChanged({ width, height });
         }
       });
     };
 
-    sendBodySizeChange();
+    sendBodySizeChanged();
 
-    const resizeObserver = new ResizeObserver(sendBodySizeChange);
+    const resizeObserver = new ResizeObserver(sendBodySizeChanged);
     // Observe both html and body to catch all size changes
     resizeObserver.observe(document.documentElement);
     resizeObserver.observe(document.body);
@@ -808,7 +808,7 @@ export class App extends Protocol<Request, Notification, Result> {
    * 2. Sends `ui/initialize` request with app info and capabilities
    * 3. Receives host capabilities and context in response
    * 4. Sends `ui/notifications/initialized` notification
-   * 5. Sets up auto-resize using {@link setupSizeChangeNotifications} if enabled (default)
+   * 5. Sets up auto-resize using {@link setupSizeChangedNotifications} if enabled (default)
    *
    * If initialization fails, the connection is automatically closed and an error
    * is thrown.
@@ -869,7 +869,7 @@ export class App extends Protocol<Request, Notification, Result> {
       });
 
       if (this.options?.autoResize) {
-        this.setupSizeChangeNotifications();
+        this.setupSizeChangedNotifications();
       }
     } catch (error) {
       // Disconnect if initialization fails.

src/react/useAutoResize.ts

@@ -45,7 +45,7 @@ import { App } from "../app";
  * }
  * ```
  *
- * @see {@link App.setupSizeChangeNotifications} for the underlying implementation
+ * @see {@link App.setupSizeChangedNotifications} for the underlying implementation
  * @see {@link useApp} which enables auto-resize by default
  * @see {@link App} constructor for configuring `autoResize` option
  */
@@ -58,6 +58,6 @@ export function useAutoResize(
       return;
     }
 
-    return app.setupSizeChangeNotifications();
+    return app.setupSizeChangedNotifications();
   }, [app, elementRef]);
 }

src/types.ts

@@ -258,10 +258,10 @@ type _VerifySandboxResourceReadyNotification = VerifySchemaMatches<
  * **Host → Guest UI**: Sent by the Host when the viewport size changes (e.g.,
  * window resize, orientation change). This allows the Guest UI to adjust its layout.
  *
- * @see {@link app.App.sendSizeChange} for the method to send this from Guest UI
- * @see {@link app.App.setupSizeChangeNotifications} for automatic size reporting
+ * @see {@link app.App.sendSizeChanged} for the method to send this from Guest UI
+ * @see {@link app.App.setupSizeChangedNotifications} for automatic size reporting
  */
-export interface McpUiSizeChangeNotification {
+export interface McpUiSizeChangedNotification {
   method: "ui/notifications/size-changed";
   params: {
     /** New width in pixels */
@@ -272,10 +272,10 @@ export interface McpUiSizeChangeNotification {
 }
 
 /**
- * Runtime validation schema for {@link McpUiSizeChangeNotification}.
+ * Runtime validation schema for {@link McpUiSizeChangedNotification}.
  * @internal
  */
-export const McpUiSizeChangeNotificationSchema = z.object({
+export const McpUiSizeChangedNotificationSchema = z.object({
   method: z.literal("ui/notifications/size-changed"),
   params: z.object({
     width: z.number().optional(),
@@ -285,8 +285,8 @@ export const McpUiSizeChangeNotificationSchema = z.object({
 
 /** @internal - Compile-time verification that schema matches interface */
 type _VerifySizeChangeNotification = VerifySchemaMatches<
-  typeof McpUiSizeChangeNotificationSchema,
-  McpUiSizeChangeNotification
+  typeof McpUiSizeChangedNotificationSchema,
+  McpUiSizeChangedNotification
 >;
 
 /**