@ablogcms/media
v3.2.28-beta.0
Published
メディアライブラリの React 実装一式
Keywords
Readme
@ablogcms/media
メディアライブラリ(アップロード・一覧・タグ・トリミング・差し替え・ユニット埋め込み)の React 実装一式を提供するパッケージ。
使い方
このパッケージ自体は HTTP 通信を行わない。データの取得方法(MediaTransport)を呼び出し側が
実装し、アプリ起動時に一度登録する。
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)でリセットできる。
