@automattic/jetpack-ai-client 0.32.0 → 0.32.1

package/CHANGELOG.md

@@ -5,6 +5,10 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/)
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [0.32.1] - 2025-06-24
+### Added
+- Improve error handling on Chrome AI events. [#44048]
+
 ## [0.32.0] - 2025-06-23
 ### Changed
 - AI Assistant: Add A/B test for Chrome AI API features. [#43690]
@@ -646,6 +650,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - AI Client: stop using smart document visibility handling on the fetchEventSource library, so it does not restart the completion when changing tabs. [#32004]
 - Updated package dependencies. [#31468] [#31659] [#31785]
 
+[0.32.1]: https://github.com/Automattic/jetpack-ai-client/compare/v0.32.0...v0.32.1
 [0.32.0]: https://github.com/Automattic/jetpack-ai-client/compare/v0.31.2...v0.32.0
 [0.31.2]: https://github.com/Automattic/jetpack-ai-client/compare/v0.31.1...v0.31.2
 [0.31.1]: https://github.com/Automattic/jetpack-ai-client/compare/v0.31.0...v0.31.1

package/build/chrome-ai/get-availability.js

@@ -1,7 +1,7 @@
 /**
  * External dependencies
  */
-import { initializeExPlat, loadExperimentAssignment } from '@automattic/jetpack-explat';
+import { initializeExPlat, loadExperimentAssignmentWithAuth } from '@automattic/jetpack-explat';
 import { select } from '@wordpress/data';
 import debugFactory from 'debug';
 const debug = debugFactory('ai-client:chrome-ai-availability');
@@ -28,7 +28,7 @@ export async function isChromeAIAvailable() {
     }
     initializeExPlat();
     debug('initialized explat');
-    const { variationName } = await loadExperimentAssignment('calypso_jetpack_ai_gemini_api_202503_v1');
+    const { variationName } = await loadExperimentAssignmentWithAuth('calypso_jetpack_ai_gemini_api_202503_v1');
     debug('variationName', variationName);
     return variationName === 'treatment';
 }

package/build/chrome-ai/suggestions.js

@@ -22,6 +22,7 @@ export default class ChromeAISuggestionsEventSource extends EventTarget {
         this.initSource(data);
     }
     initSource({ content, promptType, options = {}, }) {
+        debug('initSource', content, promptType, options);
         if (promptType === PROMPT_TYPE_CHANGE_LANGUAGE) {
             this.translate(content, options.targetLanguage, options.sourceLanguage);
         }
@@ -62,11 +63,25 @@ export default class ChromeAISuggestionsEventSource extends EventTarget {
         if (!('Translator' in self)) {
             return;
         }
+        const translatorAvailability = await self.Translator.availability({
+            sourceLanguage: source,
+            targetLanguage: target,
+        });
+        if (translatorAvailability === 'unavailable') {
+            debug('awaiting translator ready');
+            this.processErrorEvent({
+                message: 'Translator is unavailable',
+            });
+            return;
+        }
         const translator = await self.Translator.create({
             sourceLanguage: source,
             targetLanguage: target,
         });
         if (!translator) {
+            this.processErrorEvent({
+                message: 'Translator failed to initialize',
+            });
             return;
         }
         try {
@@ -100,24 +115,32 @@ export default class ChromeAISuggestionsEventSource extends EventTarget {
     }
     // use the Chrome AI summarizer
     async summarize(text, tone, wordCount) {
+        debug('summarize', text, tone, wordCount);
         if (!('Summarizer' in self)) {
             return;
         }
         const availability = await self.Summarizer.availability();
         if (availability === 'unavailable') {
+            this.processErrorEvent({
+                data: { message: 'Summarizer is unavailable' },
+            });
             return;
         }
         const summarizerOptions = this.getSummarizerOptions(tone, wordCount);
         const summarizer = await self.Summarizer.create(summarizerOptions);
         if (availability !== 'available') {
+            debug('awaiting summarizer ready');
             await summarizer.ready;
         }
         try {
             const context = `Write with a ${tone} tone.`;
+            debug('context', context);
             let summary = await summarizer.summarize(text, { context: context });
+            debug('summary', summary);
             wordCount = wordCount ?? 50;
             // gemini-nano has a tendency to exceed the word count, so we need to check and summarize again if necessary
             if (summary.split(' ').length > wordCount) {
+                debug('summary exceeds word count');
                 summary = await summarizer.summarize(summary, { context: context });
             }
             this.processEvent({
@@ -130,6 +153,7 @@ export default class ChromeAISuggestionsEventSource extends EventTarget {
             });
         }
         catch (error) {
+            debug('error', error);
             this.processErrorEvent(error);
         }
     }

package/package.json

@@ -1,7 +1,7 @@
 {
 	"private": false,
 	"name": "@automattic/jetpack-ai-client",
-	"version": "0.32.0",
+	"version": "0.32.1",
 	"description": "A JS client for consuming Jetpack AI services",
 	"homepage": "https://github.com/Automattic/jetpack/tree/HEAD/projects/js-packages/ai-client/#readme",
 	"bugs": {
@@ -46,11 +46,11 @@
 	"types": "./build/index.d.ts",
 	"dependencies": {
 		"@automattic/jetpack-base-styles": "^1.0.1",
-		"@automattic/jetpack-components": "^1.1.5",
-		"@automattic/jetpack-connection": "^1.2.5",
-		"@automattic/jetpack-script-data": "^0.4.3",
+		"@automattic/jetpack-components": "^1.1.6",
+		"@automattic/jetpack-connection": "^1.2.6",
+		"@automattic/jetpack-script-data": "^0.4.4",
 		"@automattic/jetpack-explat": "workspace:*",
-		"@automattic/jetpack-shared-extension-utils": "^1.2.0",
+		"@automattic/jetpack-shared-extension-utils": "^1.2.1",
 		"@microsoft/fetch-event-source": "2.0.1",
 		"@types/jest": "30.0.0",
 		"@types/react": "18.3.23",

package/src/chrome-ai/get-availability.ts

@@ -1,7 +1,7 @@
 /**
  * External dependencies
  */
-import { initializeExPlat, loadExperimentAssignment } from '@automattic/jetpack-explat';
+import { initializeExPlat, loadExperimentAssignmentWithAuth } from '@automattic/jetpack-explat';
 import { select } from '@wordpress/data';
 import debugFactory from 'debug';
 
@@ -48,7 +48,7 @@ export async function isChromeAIAvailable() {
 	initializeExPlat();
 	debug( 'initialized explat' );
 
-	const { variationName } = await loadExperimentAssignment(
+	const { variationName } = await loadExperimentAssignmentWithAuth(
 		'calypso_jetpack_ai_gemini_api_202503_v1'
 	);
 

package/src/chrome-ai/suggestions.ts

@@ -66,6 +66,7 @@ export default class ChromeAISuggestionsEventSource extends EventTarget {
 		promptType,
 		options = {},
 	}: ChromeAISuggestionsEventSourceConstructorArgs ) {
+		debug( 'initSource', content, promptType, options );
 		if ( promptType === PROMPT_TYPE_CHANGE_LANGUAGE ) {
 			this.translate( content, options.targetLanguage, options.sourceLanguage );
 		}
@@ -119,12 +120,28 @@ export default class ChromeAISuggestionsEventSource extends EventTarget {
 			return;
 		}
 
+		const translatorAvailability = await self.Translator.availability( {
+			sourceLanguage: source,
+			targetLanguage: target,
+		} );
+
+		if ( translatorAvailability === 'unavailable' ) {
+			debug( 'awaiting translator ready' );
+			this.processErrorEvent( {
+				message: 'Translator is unavailable',
+			} );
+			return;
+		}
+
 		const translator = await self.Translator.create( {
 			sourceLanguage: source,
 			targetLanguage: target,
 		} );
 
 		if ( ! translator ) {
+			this.processErrorEvent( {
+				message: 'Translator failed to initialize',
+			} );
 			return;
 		}
 
@@ -166,6 +183,7 @@ export default class ChromeAISuggestionsEventSource extends EventTarget {
 
 	// use the Chrome AI summarizer
 	async summarize( text: string, tone?: string, wordCount?: number ) {
+		debug( 'summarize', text, tone, wordCount );
 		if ( ! ( 'Summarizer' in self ) ) {
 			return;
 		}
@@ -173,6 +191,9 @@ export default class ChromeAISuggestionsEventSource extends EventTarget {
 		const availability = await self.Summarizer.availability();
 
 		if ( availability === 'unavailable' ) {
+			this.processErrorEvent( {
+				data: { message: 'Summarizer is unavailable' },
+			} );
 			return;
 		}
 
@@ -181,17 +202,20 @@ export default class ChromeAISuggestionsEventSource extends EventTarget {
 		const summarizer = await self.Summarizer.create( summarizerOptions );
 
 		if ( availability !== 'available' ) {
+			debug( 'awaiting summarizer ready' );
 			await summarizer.ready;
 		}
 
 		try {
 			const context = `Write with a ${ tone } tone.`;
+			debug( 'context', context );
 			let summary = await summarizer.summarize( text, { context: context } );
-
+			debug( 'summary', summary );
 			wordCount = wordCount ?? 50;
 
 			// gemini-nano has a tendency to exceed the word count, so we need to check and summarize again if necessary
 			if ( summary.split( ' ' ).length > wordCount ) {
+				debug( 'summary exceeds word count' );
 				summary = await summarizer.summarize( summary, { context: context } );
 			}
 
@@ -204,6 +228,7 @@ export default class ChromeAISuggestionsEventSource extends EventTarget {
 				} ),
 			} );
 		} catch ( error ) {
+			debug( 'error', error );
 			this.processErrorEvent( error );
 		}
 	}