2021-05-31 17:46:41 +03:00

52 lines
1.6 KiB
TypeScript

/**
* This module is currently concerned only with external media libraries
* registered via `registerMediaLibrary`.
*/
import { once } from 'lodash';
import { getMediaLibrary } from './lib/registry';
import { store } from './redux';
import { configFailed } from './actions/config';
import { createMediaLibrary, insertMedia } from './actions/mediaLibrary';
import type { MediaLibraryInstance } from './types/redux';
type MediaLibraryOptions = {};
interface MediaLibrary {
init: (args: {
options: MediaLibraryOptions;
handleInsert: (url: string) => void;
}) => MediaLibraryInstance;
}
function handleInsert(url: string) {
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
// @ts-ignore
return store.dispatch(insertMedia(url, undefined));
}
const initializeMediaLibrary = once(async function initializeMediaLibrary(name, options) {
const lib = getMediaLibrary(name) as unknown as MediaLibrary | undefined;
if (!lib) {
const err = new Error(
`Missing external media library '${name}'. Please use 'registerMediaLibrary' to register it.`,
);
store.dispatch(configFailed(err));
} else {
const instance = await lib.init({ options, handleInsert });
store.dispatch(createMediaLibrary(instance));
}
});
store.subscribe(() => {
const state = store.getState();
if (state) {
const mediaLibraryName = state.config.media_library?.name;
if (mediaLibraryName && !state.mediaLibrary.get('externalLibrary')) {
const mediaLibraryConfig = state.config.media_library;
initializeMediaLibrary(mediaLibraryName, mediaLibraryConfig);
}
}
});