@ablogcms/media 3.2.28-beta.0

package/README.md

@@ -0,0 +1,28 @@
+# @ablogcms/media
+
+メディアライブラリ（アップロード・一覧・タグ・トリミング・差し替え・ユニット埋め込み）の
+React 実装一式を提供するパッケージ。
+
+## 使い方
+
+このパッケージ自体は HTTP 通信を行わない。データの取得方法（`MediaTransport`）を呼び出し側が
+実装し、アプリ起動時に一度登録する。
+
+```ts
+import { configureMediaRuntime } from '@ablogcms/media/runtime';
+
+configureMediaRuntime(myMediaTransport, myMediaConfig);
+```
+
+登録後は次のコンポーネントがこの transport を通じてデータを取得する。
+
+| コンポーネント | import パス |
+|---|---|
+| `MediaAdmin`（メディア一覧画面） | `@ablogcms/media/components/media-admin/media-admin` |
+| `MediaInsert`（挿入用ピッカー） | `@ablogcms/media/components/media-insert/media-insert` |
+| `MediaUpdate`（詳細・編集） | `@ablogcms/media/components/media-update/media-update` |
+| `MediaDroparea`（ドラッグ&ドロップ領域） | `@ablogcms/media/components/media-droparea/media-droparea` |
+| `MediaUnit`（ユニット埋め込み用） | `@ablogcms/media/components/media-unit/media-unit` |
+
+テストでは `configureMediaRuntime(mockTransport)` でモックに差し替え、
+`resetMediaRuntimeForTesting()`（同じく `./runtime`）でリセットできる。

package/dist/acms.d.ts

@@ -0,0 +1,10 @@
+export {};
+declare module '@ablogcms/types/acms' {
+    interface AcmsConfig {
+        mediaClientResize: 'on' | 'off';
+        mediaUploadLimit?: number | string;
+        mediaUploadConcurrency?: number | string;
+        mediaLibrary?: 'on' | 'off';
+        lgImg?: string;
+    }
+}

package/dist/acms.mjs

@@ -0,0 +1 @@
+//# sourceMappingURL=acms.mjs.map

package/dist/acms.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-32U7ADG2.mjs

@@ -0,0 +1,456 @@
+import {
+  media_update_default
+} from "./chunk-5P6HFS6L.mjs";
+import {
+  media_insert_default
+} from "./chunk-LAZAMWG6.mjs";
+
+// src/components/media-unit/media-unit.tsx
+import { Component, createRef } from "react";
+import { DropZone, DropZoneFileSelector, DropZoneText } from "@ablogcms/components/drop-zone";
+import { AutoResizeTextarea } from "@ablogcms/components/textarea";
+import { jsx, jsxs } from "react/jsx-runtime";
+var MediaUnit = class extends Component {
+  static defaultProps = {
+    items: [],
+    mediaSizes: [],
+    lang: "ja"
+  };
+  rootRef = createRef();
+  handleMediaUpdated;
+  constructor(props) {
+    super(props);
+    let newMedia = false;
+    if (props.items.length === 0) {
+      newMedia = true;
+    }
+    this.state = {
+      insertModalOpened: false,
+      updateModalOpened: false,
+      modalType: "upload",
+      targetId: null,
+      items: props.items,
+      files: [],
+      landscape: true,
+      newMedia,
+      noLarge: props.enlarged === "true" ? "no" : "yes",
+      noLink: props.hasLink === "true" ? "no" : "yes",
+      useIcon: props.usePdfIcon === "yes" ? "yes" : "no",
+      link: props.overrideLink,
+      alt: props.overrideAlt,
+      caption: props.overrideCaption
+    };
+  }
+  componentDidMount() {
+    const { items, newMedia } = this.state;
+    if (items.length > 0 && !newMedia) {
+      const [item] = items;
+      const img = new Image();
+      img.onload = () => {
+        if (img.width < img.height) {
+          this.setState({
+            landscape: false
+          });
+        }
+      };
+      img.src = item.media_thumbnail;
+    }
+    if (this.props.onMount) {
+      this.props.onMount();
+    }
+    this.handleMediaUpdated = (event) => {
+      if (!(event instanceof CustomEvent)) {
+        return;
+      }
+      const updatedMedia = event.detail.data;
+      const { items: currentItems } = this.state;
+      const findIndex = currentItems.findIndex((item) => item.media_id === updatedMedia.media_id);
+      if (findIndex !== -1) {
+        const newItems = [...currentItems.slice(0, findIndex), updatedMedia, ...currentItems.slice(findIndex + 1)];
+        this.setState({
+          items: newItems
+        });
+      }
+    };
+    document.addEventListener("acms.media-updated", this.handleMediaUpdated);
+  }
+  componentWillUnmount() {
+    if (this.handleMediaUpdated) {
+      document.removeEventListener("acms.media-updated", this.handleMediaUpdated);
+    }
+  }
+  componentDidUpdate(_, prevState) {
+    if (prevState.items !== this.state.items && this.props.onChange) {
+      this.props.onChange(this.state.items);
+    }
+  }
+  openInsertModal = () => {
+    this.setState({
+      modalType: "select",
+      insertModalOpened: true
+    });
+  };
+  onInsert = (items) => {
+    this.setState({
+      items,
+      insertModalOpened: false
+    });
+  };
+  onClose = () => {
+    this.setState({
+      insertModalOpened: false
+    });
+  };
+  onUpdateModalClose = () => {
+    this.setState({
+      updateModalOpened: false
+    });
+  };
+  onUpdateModalUpdate = (item) => {
+    const { items, targetId } = this.state;
+    const findIndex = items.findIndex((currentItem) => {
+      if (currentItem.media_id === targetId) {
+        return true;
+      }
+      return false;
+    });
+    const updated = [...items.slice(0, findIndex), item, ...items.slice(findIndex + 1)];
+    this.setState({
+      updateModalOpened: false,
+      items: updated
+    });
+  };
+  removeMediaAt = (index) => {
+    const { items } = this.state;
+    const filtered = items.filter((item, i) => i !== index);
+    this.setState({
+      items: filtered
+    });
+  };
+  openEditModal = (targetId) => {
+    this.setState({
+      targetId,
+      updateModalOpened: true
+    });
+  };
+  onComplete = (files) => {
+    this.setState({
+      files: files.map((item) => item.file),
+      insertModalOpened: true,
+      modalType: "upload"
+    });
+  };
+  uploadFile = (e) => {
+    if (!(e.target.files instanceof FileList)) {
+      return;
+    }
+    this.setState({
+      files: Array.from(e.target.files),
+      insertModalOpened: true,
+      modalType: "upload"
+    });
+  };
+  render() {
+    const {
+      insertModalOpened,
+      updateModalOpened,
+      modalType,
+      targetId,
+      items,
+      files,
+      newMedia,
+      noLarge,
+      useIcon,
+      link,
+      alt,
+      caption
+    } = this.state;
+    const { mediaSizes, primaryImageId, id, active, enlarged, usePdfIcon, primary, lang, multiUpload } = this.props;
+    const item = items.at(0);
+    return /* @__PURE__ */ jsx("div", { ref: this.rootRef, children: /* @__PURE__ */ jsxs(
+      DropZone,
+      {
+        onComplete: (files2) => {
+          this.onComplete(files2);
+        },
+        children: [
+          /* @__PURE__ */ jsx("table", { className: "entryFormColumnSettingTable entryFormColumnTable", children: /* @__PURE__ */ jsxs("tbody", { children: [
+            /* @__PURE__ */ jsxs("tr", { className: "entryFormFileControl", children: [
+              /* @__PURE__ */ jsxs("td", { className: "acms-admin-media-unit-preview-area", children: [
+                items.length === 0 && /* @__PURE__ */ jsxs("div", { children: [
+                  /* @__PURE__ */ jsxs("div", { className: "acms-admin-media-unit-droparea", children: [
+                    /* @__PURE__ */ jsx(DropZoneText, { children: ACMS.i18n("media.add_new_media") }),
+                    /* @__PURE__ */ jsx(DropZoneFileSelector, { onChange: this.uploadFile, disabled: insertModalOpened }),
+                    /* @__PURE__ */ jsx(DropZoneText, { children: ACMS.i18n("media.drop_file") })
+                  ] }),
+                  /* @__PURE__ */ jsx("input", { type: "hidden", name: `media_id_${id}[]`, value: "" })
+                ] }),
+                items.length > 0 && items.length < 2 && item !== void 0 && /* @__PURE__ */ jsxs("div", { className: "acms-admin-media-unit-preview-wrap", children: [
+                  /* @__PURE__ */ jsx("div", { className: "acms-admin-media-unit-preview-overlay" }),
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      className: "acms-admin-media-unit-preview-remove-btn",
+                      onClick: () => this.removeMediaAt(0),
+                      "aria-label": ACMS.i18n("media.clear_button_label")
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("div", { className: "acms-admin-media-unit-preview-edit-overlay" }),
+                  (item.media_type === "image" || item.media_type === "svg") && /* @__PURE__ */ jsx("img", { className: "acms-admin-media-unit-preview", src: `${item.media_thumbnail}`, alt: "" }),
+                  item.media_type === "file" && /* @__PURE__ */ jsxs("div", { className: "acms-admin-media-unit-file-icon-wrap", children: [
+                    /* @__PURE__ */ jsx("img", { className: "acms-admin-media-unit-file-icon", src: `${item.media_thumbnail}`, alt: "" }),
+                    /* @__PURE__ */ jsx("p", { className: "acms-admin-media-unit-file-caption", children: item.media_title })
+                  ] }),
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      className: "acms-admin-media-edit-btn acms-admin-media-unit-preview-edit-btn",
+                      onClick: () => this.openEditModal(item.media_id),
+                      children: ACMS.i18n("media.edit")
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("input", { type: "hidden", name: `media_id_${id}[]`, value: item.media_id.toString() })
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxs("td", { className: "entryFormFileControl", children: [
+                /* @__PURE__ */ jsx("table", { className: "acms-admin-margin-bottom-mini", style: { width: "100%" }, children: /* @__PURE__ */ jsxs("tbody", { children: [
+                  /* @__PURE__ */ jsxs("tr", { children: [
+                    /* @__PURE__ */ jsx("th", { children: "ID" }),
+                    /* @__PURE__ */ jsxs("td", { children: [
+                      /* @__PURE__ */ jsx("div", { style: { display: "inline-block" }, children: item && item.media_id && /* @__PURE__ */ jsx("span", { className: "acms-admin-label acms-admin-label-default acms-admin-margin-right-mini", children: item.media_id }) }),
+                      /* @__PURE__ */ jsx("button", { type: "button", className: "acms-admin-btn-admin", onClick: this.openInsertModal, children: ACMS.i18n("media.select_from_media") }),
+                      active !== "on" && /* @__PURE__ */ jsx("span", { style: { color: "red" }, children: ACMS.i18n("media.media_unit_use") })
+                    ] })
+                  ] }),
+                  mediaSizes && mediaSizes.length !== 0 && /* @__PURE__ */ jsxs("tr", { children: [
+                    /* @__PURE__ */ jsx("th", { children: /* @__PURE__ */ jsx("label", { htmlFor: `unit-media-size-${id}`, children: ACMS.i18n("media.size") }) }),
+                    /* @__PURE__ */ jsxs("td", { children: [
+                      /* @__PURE__ */ jsx(
+                        "select",
+                        {
+                          defaultValue: mediaSizes.find((size) => size.selected)?.value,
+                          name: `media_size_${id}[]`,
+                          id: `unit-media-size-${id}`,
+                          children: mediaSizes.map((mediaSize) => /* @__PURE__ */ jsx("option", { value: mediaSize.value, children: mediaSize.label }, mediaSize.label))
+                        },
+                        mediaSizes.find((size) => size.selected)?.value
+                      ),
+                      item && item.media_type === "file" && (item.media_pdf === "yes" || item.media_ext && item.media_ext.toUpperCase() === "PDF") && /* @__PURE__ */ jsxs("div", { className: "acms-admin-form-checkbox", style: { marginLeft: "10px" }, children: [
+                        /* @__PURE__ */ jsx("input", { type: "hidden", name: `media_use_icon_${id}[]`, value: useIcon }),
+                        /* @__PURE__ */ jsx(
+                          "input",
+                          {
+                            type: "checkbox",
+                            value: "yes",
+                            id: `input-checkbox-media_use_icon_${id}_${lang}`,
+                            defaultChecked: usePdfIcon === "yes",
+                            onChange: (e) => {
+                              if (e.target.checked) {
+                                this.setState({
+                                  useIcon: "yes"
+                                });
+                              } else {
+                                this.setState({
+                                  useIcon: "no"
+                                });
+                              }
+                            }
+                          }
+                        ),
+                        /* @__PURE__ */ jsxs("label", { htmlFor: `input-checkbox-media_use_icon_${id}_${lang}`, children: [
+                          /* @__PURE__ */ jsx("i", { className: "acms-admin-ico-checkbox" }),
+                          ACMS.i18n("media.use_icon")
+                        ] })
+                      ] })
+                    ] })
+                  ] }),
+                  items.length < 2 && /* @__PURE__ */ jsxs("tr", { children: [
+                    /* @__PURE__ */ jsx("th", { children: /* @__PURE__ */ jsx("label", { id: `unit-media-caption-label-${id}`, htmlFor: `unit-media-caption-${id}`, children: ACMS.i18n("media.caption") }) }),
+                    /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(
+                      "input",
+                      {
+                        type: "text",
+                        name: `media_caption_${id}[]`,
+                        id: `unit-media-caption-${id}`,
+                        "aria-labelledby": `unit-media-caption-label-${id}`,
+                        className: "acms-admin-form-width-full",
+                        defaultValue: caption,
+                        placeholder: item && item.media_caption ? `${item.media_caption}` : ""
+                      }
+                    ) })
+                  ] }),
+                  items.length < 2 && /* @__PURE__ */ jsxs("tr", { children: [
+                    /* @__PURE__ */ jsx("th", { children: /* @__PURE__ */ jsx("label", { id: `unit-media-alt-text-label-${id}`, htmlFor: `unit-media-alt-text-${id}`, children: ACMS.i18n("media.alt") }) }),
+                    /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(
+                      AutoResizeTextarea,
+                      {
+                        name: `media_alt_${id}[]`,
+                        defaultValue: alt,
+                        id: `unit-media-alt-text-${id}`,
+                        "aria-labelledby": `unit-media-alt-text-label-${id}`,
+                        className: "acms-admin-form-width-full",
+                        placeholder: item && item.media_alt ? `${item.media_alt}` : "",
+                        maxRows: 4
+                      }
+                    ) })
+                  ] }),
+                  items.length < 2 && item !== void 0 && (item.media_type === "image" || item.media_type === "svg") && /* @__PURE__ */ jsxs("tr", { children: [
+                    /* @__PURE__ */ jsx("th", { children: /* @__PURE__ */ jsx(
+                      "label",
+                      {
+                        id: `input-text-media_link-label-${id}-${lang}`,
+                        htmlFor: `input-text-media_link_${id}_${lang}`,
+                        children: ACMS.i18n("media.url_link_to")
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(
+                      "input",
+                      {
+                        type: "text",
+                        id: `input-text-media_link_${id}_${lang}`,
+                        "aria-labelledby": `input-text-media_link-label-${id}-${lang}`,
+                        name: `media_link_${id}[]`,
+                        className: "acms-admin-form-width-full",
+                        placeholder: item.media_link || "",
+                        defaultValue: link
+                      }
+                    ) })
+                  ] }),
+                  items.length < 2 && item !== void 0 && (item.media_type === "image" || item.media_type === "svg") && /* @__PURE__ */ jsxs("tr", { children: [
+                    /* @__PURE__ */ jsx("th", { children: /* @__PURE__ */ jsx("label", { htmlFor: `input-checkbox-media_enlarged_${id}_${lang}`, children: ACMS.i18n("media.image_link") }) }),
+                    /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsxs("div", { className: "acms-admin-form-checkbox", children: [
+                      /* @__PURE__ */ jsx("input", { type: "hidden", name: `media_enlarged_${id}[]`, value: noLarge }),
+                      /* @__PURE__ */ jsx(
+                        "input",
+                        {
+                          type: "checkbox",
+                          value: "no",
+                          id: `input-checkbox-media_enlarged_${id}_${lang}`,
+                          defaultChecked: enlarged === "true",
+                          onChange: (e) => {
+                            if (e.target.checked) {
+                              this.setState({
+                                noLarge: "no"
+                              });
+                            } else {
+                              this.setState({
+                                noLarge: "yes"
+                              });
+                            }
+                          }
+                        }
+                      ),
+                      /* @__PURE__ */ jsxs("label", { htmlFor: `input-checkbox-media_enlarged_${id}_${lang}`, children: [
+                        /* @__PURE__ */ jsx("i", { className: "acms-admin-ico-checkbox" }),
+                        ACMS.i18n("media.no_image_link")
+                      ] })
+                    ] }) })
+                  ] }),
+                  items.length < 2 && primaryImageId !== "no" && item && item.media_type === "image" && !newMedia && /* @__PURE__ */ jsxs("tr", { children: [
+                    /* @__PURE__ */ jsx("th", { children: /* @__PURE__ */ jsx("label", { htmlFor: `input-radio-image_primary_image_${id}_${lang}`, children: ACMS.i18n("media.main_image") }) }),
+                    /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsxs("div", { className: "acms-admin-form-radio", children: [
+                      /* @__PURE__ */ jsx(
+                        "input",
+                        {
+                          type: "radio",
+                          name: "primary_image",
+                          value: primaryImageId,
+                          id: `input-radio-image_primary_image_${id}_${lang}`,
+                          defaultChecked: primary === "true"
+                        }
+                      ),
+                      /* @__PURE__ */ jsxs("label", { htmlFor: `input-radio-image_primary_image_${id}_${lang}`, children: [
+                        /* @__PURE__ */ jsx("i", { className: "acms-admin-ico-radio" }),
+                        ACMS.i18n("media.set_as_main_image")
+                      ] })
+                    ] }) })
+                  ] })
+                ] }) }),
+                !(items.length < 2 && item && (item.media_type === "image" || item.media_type === "svg")) && /* @__PURE__ */ jsx("input", { type: "hidden", name: `media_enlarged_${id}[]`, value: "no" })
+              ] })
+            ] }),
+            items.length >= 2 && /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan: 2, children: /* @__PURE__ */ jsx("div", { className: "acms-admin-media-unit-preview-group", children: items.map((item2, index) => /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: "acms-admin-media-unit-preview-wrap acms-admin-media-unit-preview-group-item",
+                children: [
+                  /* @__PURE__ */ jsxs("div", { className: "acms-admin-media-unit-preview-group-item-inner", children: [
+                    /* @__PURE__ */ jsx("div", { className: "acms-admin-media-unit-preview-edit-overlay" }),
+                    (item2.media_type === "image" || item2.media_type === "svg") && /* @__PURE__ */ jsx(
+                      "img",
+                      {
+                        className: "acms-admin-media-unit-preview-group-img",
+                        src: `${item2.media_thumbnail}`,
+                        alt: ""
+                      }
+                    ),
+                    item2.media_type === "file" && /* @__PURE__ */ jsxs("div", { className: "acms-admin-media-unit-file-icon-wrap", children: [
+                      /* @__PURE__ */ jsx(
+                        "img",
+                        {
+                          className: "acms-admin-media-unit-file-icon",
+                          src: `${item2.media_thumbnail}`,
+                          alt: ""
+                        }
+                      ),
+                      /* @__PURE__ */ jsx("p", { className: "acms-admin-media-unit-file-caption", children: item2.media_title })
+                    ] }),
+                    /* @__PURE__ */ jsx("input", { type: "hidden", name: `media_id_${id}[]`, value: item2.media_id.toString() })
+                  ] }),
+                  /* @__PURE__ */ jsx("div", { className: "acms-admin-media-unit-preview-overlay" }),
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      className: "acms-admin-media-unit-preview-remove-btn",
+                      onClick: () => this.removeMediaAt(index),
+                      "aria-label": ACMS.i18n("media.clear_button_label")
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      className: "acms-admin-media-edit-btn acms-admin-media-unit-preview-edit-btn",
+                      onClick: () => this.openEditModal(item2.media_id),
+                      children: ACMS.i18n("media.edit")
+                    }
+                  )
+                ]
+              },
+              item2.media_id
+            )) }) }) })
+          ] }) }),
+          /* @__PURE__ */ jsx(
+            media_insert_default,
+            {
+              isOpen: insertModalOpened,
+              onInsert: this.onInsert,
+              radioMode: multiUpload === "false",
+              files,
+              onClose: this.onClose,
+              tab: modalType,
+              filetype: "all"
+            }
+          ),
+          targetId != null && targetId > 0 && /* @__PURE__ */ jsx(
+            media_update_default,
+            {
+              isOpen: updateModalOpened,
+              mid: targetId,
+              onClose: this.onUpdateModalClose,
+              onUpdate: this.onUpdateModalUpdate
+            }
+          )
+        ]
+      }
+    ) });
+  }
+};
+
+export {
+  MediaUnit
+};
+//# sourceMappingURL=chunk-32U7ADG2.mjs.map

package/dist/chunk-32U7ADG2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/media-unit/media-unit.tsx"],"sourcesContent":["import { Component, createRef } from 'react';\nimport { ExtendedFile } from '@ablogcms/lib/read-files';\nimport { DropZone, DropZoneFileSelector, DropZoneText } from '@ablogcms/components/drop-zone';\nimport { AutoResizeTextarea } from '@ablogcms/components/textarea';\nimport MediaInsert from '../media-insert/media-insert';\nimport MediaUpdate from '../media-update/media-update';\nimport { MediaItem } from '../../types';\n\ntype MediaUnitProps = {\n  items: MediaItem[];\n  mediaSizes?: { value: string; label: string; selected: boolean }[];\n  primaryImageId: string;\n  id: string;\n  active: 'on' | 'off';\n  lang?: string;\n  usePdfIcon: 'yes' | 'no';\n  primary: 'true' | 'false';\n  hasLink: 'true' | 'false';\n  multiUpload: 'true' | 'false';\n  enlarged: 'true' | 'false';\n  overrideLink: string;\n  overrideAlt: string;\n  overrideCaption: string;\n  onMount?: () => void;\n  onChange?: (mediaItems: MediaItem[]) => void;\n};\n\ntype MediaUnitState = {\n  insertModalOpened: boolean;\n  updateModalOpened: boolean;\n  newMedia: boolean;\n  noLink: 'yes' | 'no';\n  noLarge: 'yes' | 'no';\n  useIcon: 'yes' | 'no';\n  modalType: 'upload' | 'select';\n  link: string;\n  targetId: number | null;\n  items: MediaItem[];\n  files: File[];\n  landscape: boolean;\n  alt: string;\n  caption: string;\n};\n\nexport default class MediaUnit extends Component<MediaUnitProps, MediaUnitState> {\n  static defaultProps = {\n    items: [],\n    mediaSizes: [],\n    lang: 'ja',\n  };\n\n  rootRef = createRef<HTMLDivElement>();\n\n  handleMediaUpdated?: (event: Event) => void;\n\n  constructor(props: MediaUnitProps) {\n    super(props);\n\n    let newMedia = false;\n    if (props.items.length === 0) {\n      newMedia = true;\n    }\n    this.state = {\n      insertModalOpened: false,\n      updateModalOpened: false,\n      modalType: 'upload',\n      targetId: null,\n      items: props.items,\n      files: [],\n      landscape: true,\n      newMedia,\n      noLarge: props.enlarged === 'true' ? 'no' : 'yes',\n      noLink: props.hasLink === 'true' ? 'no' : 'yes',\n      useIcon: props.usePdfIcon === 'yes' ? 'yes' : 'no',\n      link: props.overrideLink,\n      alt: props.overrideAlt,\n      caption: props.overrideCaption,\n    };\n  }\n\n  componentDidMount() {\n    const { items, newMedia } = this.state;\n    if (items.length > 0 && !newMedia) {\n      const [item] = items;\n      const img = new Image();\n      img.onload = () => {\n        if (img.width < img.height) {\n          this.setState({\n            landscape: false,\n          });\n        }\n      };\n      img.src = item.media_thumbnail;\n    }\n\n    if (this.props.onMount) {\n      this.props.onMount();\n    }\n\n    // メディア更新イベントを購読\n    this.handleMediaUpdated = (event: Event) => {\n      if (!(event instanceof CustomEvent)) {\n        return;\n      }\n      const updatedMedia = event.detail.data as MediaItem;\n      const { items: currentItems } = this.state;\n      // 現在のitems内に該当するメディアIDがあるか確認\n      const findIndex = currentItems.findIndex((item) => item.media_id === updatedMedia.media_id);\n      if (findIndex !== -1) {\n        // 該当するメディアを更新\n        const newItems = [...currentItems.slice(0, findIndex), updatedMedia, ...currentItems.slice(findIndex + 1)];\n        this.setState({\n          items: newItems,\n        });\n      }\n    };\n    document.addEventListener('acms.media-updated', this.handleMediaUpdated);\n  }\n\n  componentWillUnmount() {\n    if (this.handleMediaUpdated) {\n      document.removeEventListener('acms.media-updated', this.handleMediaUpdated);\n    }\n  }\n\n  componentDidUpdate(_: MediaUnitProps, prevState: MediaUnitState) {\n    if (prevState.items !== this.state.items && this.props.onChange) {\n      this.props.onChange(this.state.items);\n    }\n  }\n\n  openInsertModal = () => {\n    this.setState({\n      modalType: 'select',\n      insertModalOpened: true,\n    });\n  };\n\n  onInsert = (items: MediaItem[]) => {\n    this.setState({\n      items,\n      insertModalOpened: false,\n    });\n  };\n\n  onClose = () => {\n    this.setState({\n      insertModalOpened: false,\n    });\n  };\n\n  onUpdateModalClose = () => {\n    this.setState({\n      updateModalOpened: false,\n    });\n  };\n\n  onUpdateModalUpdate = (item: MediaItem) => {\n    const { items, targetId } = this.state;\n    const findIndex = items.findIndex((currentItem) => {\n      if (currentItem.media_id === targetId) {\n        return true;\n      }\n      return false;\n    });\n    const updated = [...items.slice(0, findIndex), item, ...items.slice(findIndex + 1)];\n    this.setState({\n      updateModalOpened: false,\n      items: updated,\n    });\n  };\n\n  removeMediaAt = (index: number) => {\n    const { items } = this.state;\n    const filtered = items.filter((item, i) => i !== index);\n    this.setState({\n      items: filtered,\n    });\n  };\n\n  openEditModal = (targetId: number) => {\n    this.setState({\n      targetId,\n      updateModalOpened: true,\n    });\n  };\n\n  onComplete = (files: ExtendedFile[]) => {\n    this.setState({\n      files: files.map((item) => item.file),\n      insertModalOpened: true,\n      modalType: 'upload',\n    });\n  };\n\n  uploadFile = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (!(e.target.files instanceof FileList)) {\n      return;\n    }\n    this.setState({\n      files: Array.from(e.target.files),\n      insertModalOpened: true,\n      modalType: 'upload',\n    });\n  };\n\n  render() {\n    const {\n      insertModalOpened,\n      updateModalOpened,\n      modalType,\n      targetId,\n      items,\n      files,\n      newMedia,\n      noLarge,\n      useIcon,\n      link,\n      alt,\n      caption,\n    } = this.state;\n    const { mediaSizes, primaryImageId, id, active, enlarged, usePdfIcon, primary, lang, multiUpload } = this.props;\n    const item = items.at(0);\n\n    return (\n      <div ref={this.rootRef}>\n        <DropZone\n          onComplete={(files) => {\n            this.onComplete(files);\n          }}\n        >\n          <table className=\"entryFormColumnSettingTable entryFormColumnTable\">\n            <tbody>\n              <tr className=\"entryFormFileControl\">\n                <td className=\"acms-admin-media-unit-preview-area\">\n                  {items.length === 0 && (\n                    <div>\n                      <div className=\"acms-admin-media-unit-droparea\">\n                        <DropZoneText>{ACMS.i18n('media.add_new_media')}</DropZoneText>\n                        <DropZoneFileSelector onChange={this.uploadFile} disabled={insertModalOpened} />\n                        <DropZoneText>{ACMS.i18n('media.drop_file')}</DropZoneText>\n                      </div>\n                      <input type=\"hidden\" name={`media_id_${id}[]`} value=\"\" />\n                    </div>\n                  )}\n                  {items.length > 0 && items.length < 2 && item !== undefined && (\n                    <div className=\"acms-admin-media-unit-preview-wrap\">\n                      <div className=\"acms-admin-media-unit-preview-overlay\" />\n                      <button\n                        type=\"button\"\n                        className=\"acms-admin-media-unit-preview-remove-btn\"\n                        onClick={() => this.removeMediaAt(0)}\n                        aria-label={ACMS.i18n('media.clear_button_label')}\n                      />\n                      <div className=\"acms-admin-media-unit-preview-edit-overlay\" />\n                      {(item.media_type === 'image' || item.media_type === 'svg') && (\n                        <img className=\"acms-admin-media-unit-preview\" src={`${item.media_thumbnail}`} alt=\"\" />\n                      )}\n                      {item.media_type === 'file' && (\n                        <div className=\"acms-admin-media-unit-file-icon-wrap\">\n                          <img className=\"acms-admin-media-unit-file-icon\" src={`${item.media_thumbnail}`} alt=\"\" />\n                          <p className=\"acms-admin-media-unit-file-caption\">{item.media_title}</p>\n                        </div>\n                      )}\n                      <button\n                        type=\"button\"\n                        className=\"acms-admin-media-edit-btn acms-admin-media-unit-preview-edit-btn\"\n                        onClick={() => this.openEditModal(item.media_id)}\n                      >\n                        {ACMS.i18n('media.edit')}\n                      </button>\n                      <input type=\"hidden\" name={`media_id_${id}[]`} value={item.media_id.toString()} />\n                    </div>\n                  )}\n                </td>\n                <td className=\"entryFormFileControl\">\n                  <table className=\"acms-admin-margin-bottom-mini\" style={{ width: '100%' }}>\n                    <tbody>\n                      <tr>\n                        <th>ID</th>\n                        <td>\n                          <div style={{ display: 'inline-block' }}>\n                            {item && item.media_id && (\n                              <span className=\"acms-admin-label acms-admin-label-default acms-admin-margin-right-mini\">\n                                {item.media_id}\n                              </span>\n                            )}\n                          </div>\n                          <button type=\"button\" className=\"acms-admin-btn-admin\" onClick={this.openInsertModal}>\n                            {ACMS.i18n('media.select_from_media')}\n                          </button>\n                          {active !== 'on' && <span style={{ color: 'red' }}>{ACMS.i18n('media.media_unit_use')}</span>}\n                        </td>\n                      </tr>\n                      {mediaSizes && mediaSizes.length !== 0 && (\n                        <tr>\n                          <th>\n                            <label htmlFor={`unit-media-size-${id}`}>{ACMS.i18n('media.size')}</label>\n                          </th>\n                          <td>\n                            <select\n                              defaultValue={mediaSizes.find((size) => size.selected)?.value}\n                              key={mediaSizes.find((size) => size.selected)?.value}\n                              name={`media_size_${id}[]`}\n                              id={`unit-media-size-${id}`}\n                            >\n                              {mediaSizes.map((mediaSize) => (\n                                <option value={mediaSize.value} key={mediaSize.label}>\n                                  {mediaSize.label}\n                                </option>\n                              ))}\n                            </select>\n                            {item &&\n                              item.media_type === 'file' &&\n                              (item.media_pdf === 'yes' ||\n                                (item.media_ext && item.media_ext.toUpperCase() === 'PDF')) && (\n                                <div className=\"acms-admin-form-checkbox\" style={{ marginLeft: '10px' }}>\n                                  <input type=\"hidden\" name={`media_use_icon_${id}[]`} value={useIcon} />\n                                  <input\n                                    type=\"checkbox\"\n                                    value=\"yes\"\n                                    id={`input-checkbox-media_use_icon_${id}_${lang}`}\n                                    defaultChecked={usePdfIcon === 'yes'}\n                                    onChange={(e) => {\n                                      if (e.target.checked) {\n                                        this.setState({\n                                          useIcon: 'yes',\n                                        });\n                                      } else {\n                                        this.setState({\n                                          useIcon: 'no',\n                                        });\n                                      }\n                                    }}\n                                  />\n                                  <label htmlFor={`input-checkbox-media_use_icon_${id}_${lang}`}>\n                                    <i className=\"acms-admin-ico-checkbox\" />\n                                    {ACMS.i18n('media.use_icon')}\n                                  </label>\n                                </div>\n                              )}\n                          </td>\n                        </tr>\n                      )}\n                      {items.length < 2 && (\n                        <tr>\n                          <th>\n                            <label id={`unit-media-caption-label-${id}`} htmlFor={`unit-media-caption-${id}`}>\n                              {ACMS.i18n('media.caption')}\n                            </label>\n                          </th>\n                          <td>\n                            <input\n                              type=\"text\"\n                              name={`media_caption_${id}[]`}\n                              id={`unit-media-caption-${id}`}\n                              aria-labelledby={`unit-media-caption-label-${id}`}\n                              className=\"acms-admin-form-width-full\"\n                              defaultValue={caption}\n                              placeholder={item && item.media_caption ? `${item.media_caption}` : ''}\n                            />\n                          </td>\n                        </tr>\n                      )}\n                      {items.length < 2 && (\n                        <tr>\n                          <th>\n                            <label id={`unit-media-alt-text-label-${id}`} htmlFor={`unit-media-alt-text-${id}`}>\n                              {ACMS.i18n('media.alt')}\n                            </label>\n                          </th>\n                          <td>\n                            <AutoResizeTextarea\n                              name={`media_alt_${id}[]`}\n                              defaultValue={alt}\n                              id={`unit-media-alt-text-${id}`}\n                              aria-labelledby={`unit-media-alt-text-label-${id}`}\n                              className=\"acms-admin-form-width-full\"\n                              placeholder={item && item.media_alt ? `${item.media_alt}` : ''}\n                              maxRows={4}\n                            />\n                          </td>\n                        </tr>\n                      )}\n                      {items.length < 2 &&\n                        item !== undefined &&\n                        (item.media_type === 'image' || item.media_type === 'svg') && (\n                          <tr>\n                            <th>\n                              <label\n                                id={`input-text-media_link-label-${id}-${lang}`}\n                                htmlFor={`input-text-media_link_${id}_${lang}`}\n                              >\n                                {ACMS.i18n('media.url_link_to')}\n                              </label>\n                            </th>\n                            <td>\n                              <input\n                                type=\"text\"\n                                id={`input-text-media_link_${id}_${lang}`}\n                                aria-labelledby={`input-text-media_link-label-${id}-${lang}`}\n                                name={`media_link_${id}[]`}\n                                className=\"acms-admin-form-width-full\"\n                                placeholder={item.media_link || ''}\n                                defaultValue={link}\n                              />\n                            </td>\n                          </tr>\n                        )}\n                      {items.length < 2 &&\n                        item !== undefined &&\n                        (item.media_type === 'image' || item.media_type === 'svg') && (\n                          <tr>\n                            <th>\n                              <label htmlFor={`input-checkbox-media_enlarged_${id}_${lang}`}>\n                                {ACMS.i18n('media.image_link')}\n                              </label>\n                            </th>\n                            <td>\n                              <div className=\"acms-admin-form-checkbox\">\n                                <input type=\"hidden\" name={`media_enlarged_${id}[]`} value={noLarge} />\n                                <input\n                                  type=\"checkbox\"\n                                  value=\"no\"\n                                  id={`input-checkbox-media_enlarged_${id}_${lang}`}\n                                  defaultChecked={enlarged === 'true'}\n                                  onChange={(e) => {\n                                    if (e.target.checked) {\n                                      this.setState({\n                                        noLarge: 'no',\n                                      });\n                                    } else {\n                                      this.setState({\n                                        noLarge: 'yes',\n                                      });\n                                    }\n                                  }}\n                                />\n                                <label htmlFor={`input-checkbox-media_enlarged_${id}_${lang}`}>\n                                  <i className=\"acms-admin-ico-checkbox\" />\n                                  {ACMS.i18n('media.no_image_link')}\n                                </label>\n                              </div>\n                            </td>\n                          </tr>\n                        )}\n                      {items.length < 2 &&\n                        primaryImageId !== 'no' &&\n                        item &&\n                        item.media_type === 'image' &&\n                        !newMedia && (\n                          <tr>\n                            <th>\n                              <label htmlFor={`input-radio-image_primary_image_${id}_${lang}`}>\n                                {ACMS.i18n('media.main_image')}\n                              </label>\n                            </th>\n                            <td>\n                              <div className=\"acms-admin-form-radio\">\n                                <input\n                                  type=\"radio\"\n                                  name=\"primary_image\"\n                                  value={primaryImageId}\n                                  id={`input-radio-image_primary_image_${id}_${lang}`}\n                                  defaultChecked={primary === 'true'}\n                                />\n                                <label htmlFor={`input-radio-image_primary_image_${id}_${lang}`}>\n                                  <i className=\"acms-admin-ico-radio\" />\n                                  {ACMS.i18n('media.set_as_main_image')}\n                                </label>\n                              </div>\n                            </td>\n                          </tr>\n                        )}\n                    </tbody>\n                  </table>\n                  {!(items.length < 2 && item && (item.media_type === 'image' || item.media_type === 'svg')) && (\n                    <input type=\"hidden\" name={`media_enlarged_${id}[]`} value=\"no\" />\n                  )}\n                </td>\n              </tr>\n              {items.length >= 2 && (\n                <tr>\n                  <td colSpan={2}>\n                    <div className=\"acms-admin-media-unit-preview-group\">\n                      {items.map((item, index) => (\n                        <div\n                          className=\"acms-admin-media-unit-preview-wrap acms-admin-media-unit-preview-group-item\"\n                          key={item.media_id}\n                        >\n                          <div className=\"acms-admin-media-unit-preview-group-item-inner\">\n                            <div className=\"acms-admin-media-unit-preview-edit-overlay\" />\n                            {(item.media_type === 'image' || item.media_type === 'svg') && (\n                              <img\n                                className=\"acms-admin-media-unit-preview-group-img\"\n                                src={`${item.media_thumbnail}`}\n                                alt=\"\"\n                              />\n                            )}\n                            {item.media_type === 'file' && (\n                              <div className=\"acms-admin-media-unit-file-icon-wrap\">\n                                <img\n                                  className=\"acms-admin-media-unit-file-icon\"\n                                  src={`${item.media_thumbnail}`}\n                                  alt=\"\"\n                                />\n                                <p className=\"acms-admin-media-unit-file-caption\">{item.media_title}</p>\n                              </div>\n                            )}\n                            <input type=\"hidden\" name={`media_id_${id}[]`} value={item.media_id.toString()} />\n                          </div>\n                          <div className=\"acms-admin-media-unit-preview-overlay\" />\n                          <button\n                            type=\"button\"\n                            className=\"acms-admin-media-unit-preview-remove-btn\"\n                            onClick={() => this.removeMediaAt(index)}\n                            aria-label={ACMS.i18n('media.clear_button_label')}\n                          />\n                          <button\n                            type=\"button\"\n                            className=\"acms-admin-media-edit-btn acms-admin-media-unit-preview-edit-btn\"\n                            onClick={() => this.openEditModal(item.media_id)}\n                          >\n                            {ACMS.i18n('media.edit')}\n                          </button>\n                        </div>\n                      ))}\n                    </div>\n                  </td>\n                </tr>\n              )}\n            </tbody>\n          </table>\n          <MediaInsert\n            isOpen={insertModalOpened}\n            onInsert={this.onInsert}\n            radioMode={multiUpload === 'false'}\n            files={files}\n            onClose={this.onClose}\n            tab={modalType}\n            filetype=\"all\"\n          />\n          {targetId != null && targetId > 0 && (\n            <MediaUpdate\n              isOpen={updateModalOpened}\n              mid={targetId}\n              onClose={this.onUpdateModalClose}\n              onUpdate={this.onUpdateModalUpdate}\n            />\n          )}\n        </DropZone>\n      </div>\n    );\n  }\n}\n"],"mappings":"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","names":["files","item"]}

package/dist/chunk-3SYVRD3N.mjs

@@ -0,0 +1,37 @@
+// src/runtime.ts
+var currentTransport = null;
+var currentConfig = {};
+var currentFillStore;
+function configureMediaRuntime(transport, config = {}, fillStore) {
+  currentTransport = transport;
+  currentConfig = config;
+  currentFillStore = fillStore;
+}
+function getMediaTransport() {
+  if (!currentTransport) {
+    throw new Error(
+      "[@ablogcms/media] MediaTransport \u304C\u672A\u8A2D\u5B9A\u3067\u3059\u3002configureMediaRuntime() \u3092\u547C\u3073\u51FA\u3057\u3066\u304B\u3089\u5229\u7528\u3057\u3066\u304F\u3060\u3055\u3044\u3002"
+    );
+  }
+  return currentTransport;
+}
+function getMediaConfig() {
+  return currentConfig;
+}
+function getMediaFillStore() {
+  return currentFillStore;
+}
+function resetMediaRuntimeForTesting() {
+  currentTransport = null;
+  currentConfig = {};
+  currentFillStore = void 0;
+}
+
+export {
+  configureMediaRuntime,
+  getMediaTransport,
+  getMediaConfig,
+  getMediaFillStore,
+  resetMediaRuntimeForTesting
+};
+//# sourceMappingURL=chunk-3SYVRD3N.mjs.map

package/dist/chunk-3SYVRD3N.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/runtime.ts"],"sourcesContent":["import type { SlotFillStore } from '@ablogcms/components/slot-fill';\nimport type { MediaTransport } from './types/transport';\nimport type { MediaConfig } from './types/config';\n\n/**\n * `@ablogcms/media` の実行時依存（データ取得・設定値）を保持するレジストリ。\n *\n * このパッケージは webpack の単一バンドル内で複数箇所（管理画面のメディアライブラリ、\n * リッチエディタ／ブロックエディタのメディア挿入、バナーエディタ、ナビゲーションエディタ等）\n * から静的 import されるため、モジュールはバンドル内で単一インスタンスとして共有される\n * （webpack のモジュールキャッシュにより、動的 import で分かれる非同期チャンクからも\n * 同一インスタンスを参照する）。\n *\n * a-block cms コア側（`ablogcms/js/src/features/media/bootstrap.ts`）が\n * アプリ起動時に一度だけ `configureMediaRuntime()` を呼び、以降すべての呼び出し箇所は\n * `getMediaTransport()` / `getMediaConfig()` で読み出す。これは `ACMS.i18n` と同種の\n * 「起動時に一度だけ設定するアンビエントな実行契約」であり、React コンポーネントツリーや\n * redux-saga の外側（複数の独立した Provider/ストアにまたがる箇所）からも一様に参照できる\n * ようにするため、React Context ではなくこの形を採る。\n *\n * テストではモジュールをモックするか、テストごとに `configureMediaRuntime()` で\n * モック実装を差し替える。\n */\n\nlet currentTransport: MediaTransport | null = null;\nlet currentConfig: MediaConfig = {};\nlet currentFillStore: SlotFillStore | undefined;\n\n/**\n * `fillStore` は MediaModal を開く 8 経路（メディア管理 / カスタムフィールド / ブロックエディター\n * 画像・ファイル / リッチエディター / バナー / ナビゲーション / ユニット）を横断する `Slot` 差し込み口を\n * 提供するための注入。`@ablogcms/media` は `@ablogcms/plugins/core`（`getGlobalFillBridge()`）に\n * 直接依存しない設計のため、コア（`ablogcms/js/src/features/media/bootstrap.ts`）がここへ注入する。\n * 省略時は `SlotFillProvider` がローカルストアにフォールバックし、`Slot` が throw しない状態を保つ\n * （その場合 Fill はページ横断で共有されない）。\n */\nexport function configureMediaRuntime(\n  transport: MediaTransport,\n  config: MediaConfig = {},\n  fillStore?: SlotFillStore\n): void {\n  currentTransport = transport;\n  currentConfig = config;\n  currentFillStore = fillStore;\n}\n\nexport function getMediaTransport(): MediaTransport {\n  if (!currentTransport) {\n    throw new Error(\n      '[@ablogcms/media] MediaTransport が未設定です。configureMediaRuntime() を呼び出してから利用してください。'\n    );\n  }\n  return currentTransport;\n}\n\nexport function getMediaConfig(): MediaConfig {\n  return currentConfig;\n}\n\n/** 未注入時は `undefined` を返す。`SlotFillProvider` の `store` prop はこれをそのまま受け取れる（省略時ローカルストアへフォールバック） */\nexport function getMediaFillStore(): SlotFillStore | undefined {\n  return currentFillStore;\n}\n\n/**\n * テスト専用のリセットヘルパー。`configureMediaRuntime` した内容を次のテストへ持ち越さないために使う。\n */\nexport function resetMediaRuntimeForTesting(): void {\n  currentTransport = null;\n  currentConfig = {};\n  currentFillStore = undefined;\n}\n"],"mappings":";AAwBA,IAAI,mBAA0C;AAC9C,IAAI,gBAA6B,CAAC;AAClC,IAAI;AAUG,SAAS,sBACd,WACA,SAAsB,CAAC,GACvB,WACM;AACN,qBAAmB;AACnB,kBAAgB;AAChB,qBAAmB;AACrB;AAEO,SAAS,oBAAoC;AAClD,MAAI,CAAC,kBAAkB;AACrB,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,SAAO;AACT;AAEO,SAAS,iBAA8B;AAC5C,SAAO;AACT;AAGO,SAAS,oBAA+C;AAC7D,SAAO;AACT;AAKO,SAAS,8BAAoC;AAClD,qBAAmB;AACnB,kBAAgB,CAAC;AACjB,qBAAmB;AACrB;","names":[]}