@automattic/jetpack-ai-client 0.27.0 → 0.27.2

package/CHANGELOG.md

@@ -5,14 +5,25 @@ 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.2] - 2025-03-12
+### Changed
+- Update dependencies. [#42328]
+
+## [0.27.1] - 2025-03-10
+### Added
+- Add optional preprocess function to getPostContent. [#42269]
+
+### Changed
+- Update dependencies. [#42222]
+
 ## [0.27.0] - 2025-03-03
 ### Added
-- AI Client: Move openBlockSidebar utility function. [#42016]
+- Move openBlockSidebar utility function. [#42016]
 
 ### Changed
 - AI Assistant: Add experimental functionality to test Chrome's built-in AI API with the AI excerpt. [#41922]
-- AI Client: Move showAiAssistantSection function to AI Client. [#42158]
-- AI Client: Refactor usePostContent hook to expose isEditedPostEmpty. [#42149]
+- Move showAiAssistantSection function to AI Client. [#42158]
+- Refactor usePostContent hook to expose isEditedPostEmpty. [#42149]
 - Update package dependencies. [#42163]
 
 ## [0.26.3] - 2025-02-24
@@ -32,7 +43,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [0.26.0] - 2025-02-10
 ### Added
-- Add shared components from ai-assistant-plugin [#41078]
+- Add shared components from ai-assistant-plugin. [#41078]
 
 ### Changed
 - Updated package dependencies. [#41491] [#41577]
@@ -542,6 +553,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.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
 [0.26.3]: https://github.com/Automattic/jetpack-ai-client/compare/v0.26.2...v0.26.3
 [0.26.2]: https://github.com/Automattic/jetpack-ai-client/compare/v0.26.1...v0.26.2

package/build/hooks/use-post-content.d.ts

@@ -1,5 +1,6 @@
 declare const usePostContent: () => {
-    getPostContent: () => string;
+    getPostContent: (preprocess?: (serialized: string) => string) => string;
     isEditedPostEmpty: () => boolean;
+    getSerializedPostContent: () => any;
 };
 export default usePostContent;

package/build/hooks/use-post-content.js

@@ -21,10 +21,23 @@ const usePostContent = () => {
             isEditedPostEmpty: coreEditorSelect.isEditedPostEmpty,
         };
     }, []);
-    const getPostContent = useCallback(() => {
+    const getSerializedPostContent = useCallback(() => {
         const blocks = getBlocks();
-        return blocks?.length ? renderMarkdownFromHTML({ content: serialize(blocks) }) : '';
+        if (blocks.length === 0) {
+            return '';
+        }
+        return serialize(blocks);
     }, [getBlocks]);
-    return { getPostContent, isEditedPostEmpty };
+    const getPostContent = useCallback((preprocess) => {
+        let serialized = getSerializedPostContent();
+        if (!serialized) {
+            return '';
+        }
+        if (preprocess && typeof preprocess === 'function') {
+            serialized = preprocess(serialized);
+        }
+        return serialized ? renderMarkdownFromHTML({ content: serialized }) : '';
+    }, [getBlocks]);
+    return { getPostContent, isEditedPostEmpty, getSerializedPostContent };
 };
 export default usePostContent;

package/build/libs/get-all-blocks.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Internal dependencies
+ */
+import type { Block } from '../types.js';
+/**
+ * Recursively get all blocks from the post, including nested innerBlocks
+ * @return {Array} Array of all blocks in the post
+ */
+export declare const getAllBlocks: () => Array<Block>;

package/build/libs/get-all-blocks.js

@@ -0,0 +1,20 @@
+/**
+ * External dependencies
+ */
+import { select } from '@wordpress/data';
+/**
+ * Recursively get all blocks from the post, including nested innerBlocks
+ * @return {Array} Array of all blocks in the post
+ */
+export const getAllBlocks = () => {
+    const topLevelBlocks = select('core/block-editor').getBlocks();
+    const allBlocks = [];
+    const processBlock = (block) => {
+        allBlocks.push(block);
+        if (block.innerBlocks?.length) {
+            block.innerBlocks.forEach(processBlock);
+        }
+    };
+    topLevelBlocks.forEach(processBlock);
+    return allBlocks;
+};

package/build/libs/index.d.ts

@@ -3,3 +3,4 @@ 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';

package/build/libs/index.js

@@ -2,3 +2,4 @@ export { MarkdownToHTML, HTMLToMarkdown, renderHTMLFromMarkdown, renderMarkdownF
 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';

package/package.json

@@ -1,7 +1,7 @@
 {
 	"private": false,
 	"name": "@automattic/jetpack-ai-client",
-	"version": "0.27.0",
+	"version": "0.27.2",
 	"description": "A JS client for consuming Jetpack AI services",
 	"homepage": "https://github.com/Automattic/jetpack/tree/HEAD/projects/js-packages/ai-client/#readme",
 	"bugs": {
@@ -45,9 +45,9 @@
 	"types": "./build/index.d.ts",
 	"dependencies": {
 		"@automattic/jetpack-base-styles": "^0.6.44",
-		"@automattic/jetpack-components": "^0.68.0",
-		"@automattic/jetpack-connection": "^0.38.0",
-		"@automattic/jetpack-shared-extension-utils": "^0.17.4",
+		"@automattic/jetpack-components": "^0.68.2",
+		"@automattic/jetpack-connection": "^0.39.1",
+		"@automattic/jetpack-shared-extension-utils": "^0.18.0",
 		"@microsoft/fetch-event-source": "2.0.1",
 		"@types/jest": "29.5.14",
 		"@types/react": "18.3.18",

package/src/hooks/use-post-content.ts

@@ -28,13 +28,34 @@ const usePostContent = () => {
 		};
 	}, [] );
 
-	const getPostContent = useCallback( () => {
+	const getSerializedPostContent = useCallback( () => {
 		const blocks = getBlocks();
 
-		return blocks?.length ? renderMarkdownFromHTML( { content: serialize( blocks ) } ) : '';
+		if ( blocks.length === 0 ) {
+			return '';
+		}
+
+		return serialize( blocks );
 	}, [ getBlocks ] );
 
-	return { getPostContent, isEditedPostEmpty };
+	const getPostContent = useCallback(
+		( preprocess?: ( serialized: string ) => string ) => {
+			let serialized = getSerializedPostContent();
+
+			if ( ! serialized ) {
+				return '';
+			}
+
+			if ( preprocess && typeof preprocess === 'function' ) {
+				serialized = preprocess( serialized );
+			}
+
+			return serialized ? renderMarkdownFromHTML( { content: serialized } ) : '';
+		},
+		[ getBlocks ]
+	);
+
+	return { getPostContent, isEditedPostEmpty, getSerializedPostContent };
 };
 
 export default usePostContent;

package/src/libs/get-all-blocks.ts

@@ -0,0 +1,29 @@
+/**
+ * External dependencies
+ */
+import { select } from '@wordpress/data';
+/**
+ * Internal dependencies
+ */
+import type { Block } from '../types.js';
+
+/**
+ * Recursively get all blocks from the post, including nested innerBlocks
+ * @return {Array} Array of all blocks in the post
+ */
+export const getAllBlocks = (): Array< Block > => {
+	const topLevelBlocks = select( 'core/block-editor' ).getBlocks();
+	const allBlocks: Array< Block > = [];
+
+	const processBlock = ( block: Block ) => {
+		allBlocks.push( block );
+
+		if ( block.innerBlocks?.length ) {
+			block.innerBlocks.forEach( processBlock );
+		}
+	};
+
+	topLevelBlocks.forEach( processBlock );
+
+	return allBlocks;
+};

package/src/libs/index.ts

@@ -13,3 +13,5 @@ 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';