itmar-block-packages 1.3.20 → 1.4.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itmar-block-packages",
-  "version": "1.3.20",
+  "version": "1.4.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

@@ -0,0 +1,117 @@
+import { useState, useRef } from "@wordpress/element";
+import { __ } from "@wordpress/i18n";
+import { ProgressBar, Button } from "@wordpress/components";
+import apiFetch from "@wordpress/api-fetch";
+
+//特定の投稿タイプの投稿に含まれる本ブロックの属性を書き換える
+
+export default UpdateAllPostsBlockAttributes = ({
+  postType,
+  blockName,
+  newAttributes,
+  onProcessEnd,
+  onProcessCancel,
+}) => {
+  const [progress, setProgress] = useState(0);
+  // stateではなくrefを使用してキャンセル状態を管理する
+  const cancelRef = useRef(false);
+  const updatePostBlockAttributes = async () => {
+    try {
+      // REST APIを使ってすべての投稿を取得（投稿タイプを指定）
+      const path = `/wp/v2/${postType}?per_page=100&context=edit`;
+      const posts = await apiFetch({ path });
+
+      let allCount = posts.length;
+      let processCount = 0;
+      // キャンセルフラグをリセット
+      cancelRef.current = false;
+
+      for (const post of posts) {
+        if (!post.content || !post.content.raw) {
+          console.warn(`Post ID ${post.id} does not contain raw content.`);
+          continue;
+        }
+        // ループの各回でキャンセルがリクエストされているかチェック
+        if (cancelRef.current) {
+          console.log("処理がキャンセルされました。");
+          return;
+        }
+
+        const content = post.content.raw;
+        const blocks = parse(content);
+        // 特定のブロックの属性を更新
+        const updatedBlocks = blocks.map((block) => {
+          if (block.name === blockName) {
+            // 属性をマージして更新
+            block.attributes = {
+              ...block.attributes,
+              ...newAttributes,
+            };
+          }
+          return block;
+        });
+
+        // 更新後のブロックをシリアライズ
+        const updatedContent = serialize(updatedBlocks);
+
+        // REST APIを使って投稿を更新
+        const updateResponse = await fetch(
+          `/wp-json/wp/v2/${postType}/${post.id}`,
+          {
+            method: "POST",
+            headers: {
+              "Content-Type": "application/json",
+              "X-WP-Nonce": wpApiSettings.nonce, // WP Nonceを指定
+            },
+            body: JSON.stringify({
+              content: updatedContent,
+            }),
+          }
+        );
+
+        if (!updateResponse.ok) {
+          console.error(
+            `Failed to update post ID ${post.id}: ${updateResponse.statusText}`
+          );
+        }
+        //カウンターセットとプログレスバーの処理
+        processCount++;
+        setProgress(Math.round((processCount / allCount) * 100));
+      }
+      //終了処理
+      onProcessEnd();
+    } catch (error) {
+      console.error("Error updating block attributes:", error);
+    }
+  };
+  return (
+    <>
+      <ProgressBar value={progress} className="markdown_copy_progress" />
+      <p>{progress}%</p>
+      <div style={{ width: "fit-content", margin: "20px auto 0" }}>
+        <Button
+          variant="primary"
+          onClick={updatePostBlockAttributes}
+          disabled={progress > 0 && progress < 100}
+        >
+          {__("Start Process", "markdown-block")}
+        </Button>
+        <Button
+          variant="secondary"
+          onClick={() => {
+            if (progress === 0 || cancelRef.current) {
+              onProcessEnd(); // 処理が始まる前ならすぐに終了処理を実行
+            } else {
+              // キャンセルフラグを更新（refならすぐに反映される）
+              cancelRef.current = true;
+              onProcessCancel(); //親コンポーネントでキャンセル処理
+            }
+          }}
+          style={{ marginLeft: "10px" }}
+        >
+          {__("Cancel", "markdown-block")}
+        </Button>
+      </div>
+    </>
+  );
+};

package/src/index.js

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

package/src/wordpressApi.js

@@ -37,7 +37,6 @@ const SelectControl = (props) => {
   }, [fetchOptions]);
 
   const selectedInfo = options.find((info) => info.slug === selectedSlug);
-
   return (
     <ComboboxControl
       label={label}
@@ -69,6 +68,7 @@ const ChoiceControl = (props) => {
     const fetchData = async () => {
       try {
         const fetchChoices = await fetchFunction(selectedSlug);
+
         setChoices(fetchChoices);
       } catch (error) {
         console.error("Error fetching data:", error.message);
@@ -274,7 +274,7 @@ const ChoiceControl = (props) => {
                   }}
                 />
               )}
-              {choice.featured_media && (
+              {(choice.featured_media || choice.featured_media === 0) && (
                 <ToggleControl
                   className="field_choice"
                   label={__("Featured Image", "block-collections")}
@@ -495,7 +495,6 @@ export const restFieldes = async (rest_base) => {
   const response = await apiFetch({
     path: `/wp/v2/${rest_base}?_fields=${fieldsParam}&per_page=1&order=desc`,
   });
-
   return response;
 };