itmar-block-packages 1.4.3 → 1.6.0

package/package.json

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

package/src/ZipAddress.js

@@ -0,0 +1,35 @@
+import { __ } from "@wordpress/i18n";
+
+//郵便番号検索のデータと関数
+export const fetchZipToAddress = async (zipNum) => {
+  if (!/^\d{7}$/.test(zipNum)) {
+    alert(
+      __(
+        "Please enter your postal code as 7 digits without hyphens.",
+        "block-collections"
+      )
+    );
+    return null;
+  }
+
+  try {
+    const response = await fetch(
+      `https://zipcloud.ibsnet.co.jp/api/search?zipcode=${zipNum.replace(
+        "-",
+        ""
+      )}`
+    );
+    const data = await response.json();
+
+    if (data.results && data.results.length > 0) {
+      const result = data.results[0];
+      return result;
+    } else {
+      alert(__("No matching address found", "block-collections"));
+      return null;
+    }
+  } catch (error) {
+    alert(__("Communication failed", "block-collections"));
+    return null;
+  }
+};

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,10 @@ export {
 } from "./DateElm";
 
 //インナーブロック関連の関数
-export { flattenBlocks } from "./blockStore";
+export { flattenBlocks, useTargetBlocks } from "./blockStore";
 
 //特定の投稿タイプの投稿に含まれる本ブロックの属性を書き換える
 export { default as UpdateAllPostsBlockAttributes } from "./UpdateAllPostsBlockAttributes";
+
+//住所変換関連の関数
+export { fetchZipToAddress } from "./ZipAddress";