Добавить в категории медиа-вставки

На данный момент WordPress 6.2, Openverse был интегрирован в wordpress и доступен в разделе Медиа Вставки.

Я хочу разработать плагин, который также интегрирует другую службу стоковых изображений в вкладку Медиа Вставки, но при просмотре документации и исходного кода, похоже, нет никаких хуков, в которые я мог бы это вставить.

Насколько я знаю, категории зарегистрированы в константе inserterMediaCategories в js редактора. Есть ли способ добавить к этому в плагине?

Вы можете использовать пример из block-editor.js и адаптировать его под ваши требования:

wp.data.dispatch('core/block-editor').registerInserterMediaCategory( {
    name: 'openverse',
    labels: {
        name: 'Openverse',
        search_items: 'Поиск в Openverse',
    },
    mediaType: 'image',
    async fetch( query = {} ) {
        const defaultArgs = {
            mature: false,
            excluded_source: 'flickr,inaturalist,wikimedia',
            license: 'pdm,cc0',
        };
        const finalQuery = { ...query, ...defaultArgs };
        // Иногда вам может понадобиться сопоставить поддерживаемые параметры запроса в соответствии с `InserterMediaRequest`.
        // интерфейсом. В этом примере параметр запроса `search` называется `q`.
        const mapFromInserterMediaRequest = {
            per_page: 'page_size',
            search: 'q',
        };
        const url = new URL( 'https://api.openverse.org/v1/images/' );
        Object.entries( finalQuery ).forEach( ( [ key, value ] ) => {
            const queryKey = mapFromInserterMediaRequest[ key ] || key;
            url.searchParams.set( queryKey, value );
        } );
        const response = await window.fetch( url, {
            headers: {
                'User-Agent': 'WordPress/inserter-media-fetch',
            },
        } );
        const jsonResponse = await response.json();
        const results = jsonResponse.results;
        return results.map( ( result ) => ( {
            ...result,
            // Если ваш результат ответа включает свойство `id`, к которому вы хотите получить доступ позже, оно должно
            // быть сопоставлено со свойством `sourceId` `InserterMediaItem`. Это может быть полезно, если вы предоставляете
            // геттер URL отчета.
            // Кроме того, вы всегда должны очищать значение `id` ваших результатов ответа, потому что
            // оно используется для идентификации медиа-объектов WordPress.
            sourceId: result.id,
            id: undefined,
            caption: result.caption,
            previewUrl: result.thumbnail,
        } ) );
    },
    getReportUrl: ( { sourceId } ) =>
        `https://wordpress.org/openverse/image/${ sourceId }/report/`,
    isExternalResource: true,
});

Простой пример, который просто возвращает статическое изображение, будет выглядеть так:

wp.data.dispatch('core/block-editor').registerInserterMediaCategory({
    name: 'my-images',
    labels: {
        name: 'my-images',
        search_items: 'Поиск my-images',
    },
    mediaType: 'image',
    async fetch(query = {}) {
        // Результат статического изображения
        const results = [
            {
                url: 'https://cdn.pixabay.com/photo/2024/09/30/08/11/bird-9085008_1280.jpg',
                previewUrl: 'https://cdn.pixabay.com/photo/2024/09/30/08/11/bird-9085008_1280.jpg',
                id: 9085008,
                caption: 'тест',
                thumbnail: 'https://cdn.pixabay.com/photo/2024/09/30/08/11/bird-9085008_1280.jpg',
            }
        ];

        return results.map(result => ({
            ...result,
            sourceId: result.id,
            id: undefined,
            caption: result.caption,
            previewUrl: result.thumbnail,
        }));
    },
    isExternalResource: true,
});