itmar-block-packages 1.4.2 → 1.5.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itmar-block-packages",
-  "version": "1.4.2",
+  "version": "1.5.0",
   "description": "We have put together a package of common React components used for WordPress custom blocks.",
   "main": "build/index.js",
   "scripts": {

package/src/UpdateAllPostsBlockAttributes.js

@@ -68,24 +68,17 @@ export default function UpdateAllPostsBlockAttributes({
         const updatedContent = serialize(updatedBlocks);
 
         // REST APIを使って投稿を更新
-        const updateResponse = await fetch(
-          `/wp-json/wp/v2/${postType}/${post.id}`,
-          {
+        try {
+          await apiFetch({
+            path: `/wp/v2/${postType}/${post.id}`,
             method: "POST",
-            headers: {
-              "Content-Type": "application/json",
-              "X-WP-Nonce": wpApiSettings.nonce, // WP Nonceを指定
-            },
-            body: JSON.stringify({
-              content: updatedContent,
-            }),
+            data: { content: updatedContent },
+          });
+        } catch (error) {
+          console.error(`Failed to update post ID ${post.id}:`, error.message);
+          if (error.data) {
+            console.error("Error details:", error.data);
           }
-        );
-
-        if (!updateResponse.ok) {
-          console.error(
-            `Failed to update post ID ${post.id}: ${updateResponse.statusText}`
-          );
         }
         //カウンターセットとプログレスバーの処理
         processCount++;

package/src/blockStore.js

@@ -1,3 +1,47 @@
+import { useSelect } from "@wordpress/data";
+import { store as blockEditorStore } from "@wordpress/block-editor";
+
+export const useTargetBlocks = (
+  clientId,
+  blockName,
+  attributeFilter = null,
+  includeNested = false
+) => {
+  const targetblocks = useSelect(
+    (select) => {
+      const { getBlockRootClientId, getBlock } = select(blockEditorStore);
+
+      const parentId = getBlockRootClientId(clientId); // 自分の親の clientId を取得
+      if (!parentId) return attributeFilter ? null : [];
+
+      const parentBlock = getBlock(parentId);
+      if (!parentBlock) return attributeFilter ? null : [];
+
+      const siblingBlocks = includeNested
+        ? flattenBlocks(parentBlock.innerBlocks || []) //ネストされたブロックも含んで検索
+        : parentBlock.innerBlocks || []; //兄弟ブロックのみ
+
+      const filtered = siblingBlocks.filter(
+        (block) => block.name === blockName && block.clientId !== clientId
+      );
+
+      if (attributeFilter) {
+        return (
+          filtered.find((block) => {
+            return Object.entries(attributeFilter).every(
+              ([key, value]) => block.attributes[key] === value
+            );
+          }) || null
+        );
+      }
+
+      return filtered;
+    },
+    [clientId, blockName, JSON.stringify(attributeFilter), includeNested]
+  );
+  return targetblocks;
+};
+
 //ネストしたブロックを平坦化
 export const flattenBlocks = (blocks) => {
   return blocks.reduce((acc, block) => {

package/src/index.js

@@ -89,7 +89,7 @@ export {
 } from "./DateElm";
 
 //インナーブロック関連の関数
-export { flattenBlocks } from "./blockStore";
+export { flattenBlocks, useTargetBlocks } from "./blockStore";
 
 //特定の投稿タイプの投稿に含まれる本ブロックの属性を書き換える
 export { default as UpdateAllPostsBlockAttributes } from "./UpdateAllPostsBlockAttributes";