@automattic/jetpack-ai-client 0.27.2 → 0.27.4

package/CHANGELOG.md

@@ -5,6 +5,14 @@ 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.27.4] - 2025-03-18
+### Changed
+- Update package dependencies. [#42509]
+
+## [0.27.3] - 2025-03-17
+### Changed
+- Internal updates.
+
 ## [0.27.2] - 2025-03-12
 ### Changed
 - Update dependencies. [#42328]
@@ -553,6 +561,8 @@ 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.27.4]: https://github.com/Automattic/jetpack-ai-client/compare/v0.27.3...v0.27.4
+[0.27.3]: https://github.com/Automattic/jetpack-ai-client/compare/v0.27.2...v0.27.3
 [0.27.2]: https://github.com/Automattic/jetpack-ai-client/compare/v0.27.1...v0.27.2
 [0.27.1]: https://github.com/Automattic/jetpack-ai-client/compare/v0.27.0...v0.27.1
 [0.27.0]: https://github.com/Automattic/jetpack-ai-client/compare/v0.26.3...v0.27.0

package/build/libs/get-base64-image.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Get the base64 representation of an image.
+ *
+ * @param {string} url - The URL of the image.
+ * @return {Promise<string>} The base64 representation of the image.
+ */
+export declare const getBase64Image: (url: string) => Promise<string>;

package/build/libs/get-base64-image.js

@@ -0,0 +1,18 @@
+/**
+ * Get the base64 representation of an image.
+ *
+ * @param {string} url - The URL of the image.
+ * @return {Promise<string>} The base64 representation of the image.
+ */
+export const getBase64Image = async (url) => {
+    try {
+        const response = await fetch(url);
+        const buffer = await response.arrayBuffer();
+        const base64String = btoa(new Uint8Array(buffer).reduce((data, byte) => data + String.fromCharCode(byte), ''));
+        return `data:image/png;base64,${base64String}`;
+    }
+    catch {
+        // If we can't fetch the image, return the original URL.
+        return url;
+    }
+};

package/build/libs/index.d.ts

@@ -1,6 +1,7 @@
 export { MarkdownToHTML, HTMLToMarkdown, renderHTMLFromMarkdown, renderMarkdownFromHTML, fixes, } from './markdown/index.js';
-export type { RenderHTMLRules } from './markdown/index.js';
 export { mapActionToHumanText } from './map-action-to-human-text.js';
 export { openBlockSidebar } from './open-block-sidebar.js';
 export { showAiAssistantSection } from './show-ai-assistant-section.js';
 export { getAllBlocks } from './get-all-blocks.js';
+export { getBase64Image } from './get-base64-image.js';
+export type { RenderHTMLRules } from './markdown/index.js';

package/build/libs/index.js

@@ -3,3 +3,4 @@ export { mapActionToHumanText } from './map-action-to-human-text.js';
 export { openBlockSidebar } from './open-block-sidebar.js';
 export { showAiAssistantSection } from './show-ai-assistant-section.js';
 export { getAllBlocks } from './get-all-blocks.js';
+export { getBase64Image } from './get-base64-image.js';

package/package.json

@@ -1,7 +1,7 @@
 {
 	"private": false,
 	"name": "@automattic/jetpack-ai-client",
-	"version": "0.27.2",
+	"version": "0.27.4",
 	"description": "A JS client for consuming Jetpack AI services",
 	"homepage": "https://github.com/Automattic/jetpack/tree/HEAD/projects/js-packages/ai-client/#readme",
 	"bugs": {
@@ -24,15 +24,15 @@
 	},
 	"type": "module",
 	"devDependencies": {
-		"@storybook/addon-actions": "8.5.8",
-		"@storybook/blocks": "8.5.8",
-		"@storybook/preview-api": "8.5.8",
-		"@storybook/react": "8.5.8",
+		"@storybook/addon-actions": "8.6.7",
+		"@storybook/blocks": "8.6.7",
+		"@storybook/preview-api": "8.6.7",
+		"@storybook/react": "8.6.7",
 		"@types/markdown-it": "14.1.2",
 		"@types/turndown": "5.0.5",
 		"jest": "^29.6.2",
 		"jest-environment-jsdom": "29.7.0",
-		"storybook": "8.5.8",
+		"storybook": "8.6.7",
 		"typescript": "5.0.4"
 	},
 	"exports": {
@@ -45,9 +45,9 @@
 	"types": "./build/index.d.ts",
 	"dependencies": {
 		"@automattic/jetpack-base-styles": "^0.6.44",
-		"@automattic/jetpack-components": "^0.68.2",
-		"@automattic/jetpack-connection": "^0.39.1",
-		"@automattic/jetpack-shared-extension-utils": "^0.18.0",
+		"@automattic/jetpack-components": "^0.69.1",
+		"@automattic/jetpack-connection": "^0.39.3",
+		"@automattic/jetpack-shared-extension-utils": "^0.18.3",
 		"@microsoft/fetch-event-source": "2.0.1",
 		"@types/jest": "29.5.14",
 		"@types/react": "18.3.18",

package/src/libs/get-base64-image.ts

@@ -0,0 +1,20 @@
+/**
+ * Get the base64 representation of an image.
+ *
+ * @param {string} url - The URL of the image.
+ * @return {Promise<string>} The base64 representation of the image.
+ */
+export const getBase64Image = async ( url: string ) => {
+	try {
+		const response = await fetch( url );
+		const buffer = await response.arrayBuffer();
+		const base64String = btoa(
+			new Uint8Array( buffer ).reduce( ( data, byte ) => data + String.fromCharCode( byte ), '' )
+		);
+
+		return `data:image/png;base64,${ base64String }`;
+	} catch {
+		// If we can't fetch the image, return the original URL.
+		return url;
+	}
+};

package/src/libs/index.ts

@@ -6,12 +6,10 @@ export {
 	fixes,
 } from './markdown/index.js';
 
-export type { RenderHTMLRules } from './markdown/index.js';
-
 export { mapActionToHumanText } from './map-action-to-human-text.js';
-
 export { openBlockSidebar } from './open-block-sidebar.js';
-
 export { showAiAssistantSection } from './show-ai-assistant-section.js';
-
 export { getAllBlocks } from './get-all-blocks.js';
+export { getBase64Image } from './get-base64-image.js';
+
+export type { RenderHTMLRules } from './markdown/index.js';