mynode/packages/app-mobile/components/screens/ConfigScreen/plugins/utils/usePluginItem.ts

import { PluginItem } from '@joplin/lib/components/shared/config/plugins/types';
import { PluginSettings } from '@joplin/lib/services/plugins/PluginService';
import { PluginManifest } from '@joplin/lib/services/plugins/utils/types';
import { useMemo, useRef } from 'react';
import usePlugin from '@joplin/lib/hooks/plugins/usePlugin';

// initialItem is used when the plugin is not installed. For example, if the plugin item is being
// created from search results.
const usePluginItem = (id: string, pluginSettings: PluginSettings, initialItem: PluginItem|null): PluginItem => {
	const plugin = usePlugin(id);

	const lastManifest = useRef<PluginManifest|null>(null);
	if (plugin) {
		lastManifest.current = plugin.manifest;
	} else if (!lastManifest.current) {
		lastManifest.current = initialItem?.manifest;
	}
	const manifest = lastManifest.current;

	return useMemo(() => {
		if (!manifest) return null;
		const settings = pluginSettings[id];

		const installed = !!settings || !!plugin;

		return {
			id,
			manifest,

			installed,
			enabled: settings?.enabled ?? installed,
			deleted: settings?.deleted ?? false,
			hasBeenUpdated: settings?.hasBeenUpdated ?? false,
			devMode: plugin?.devMode ?? false,
			builtIn: plugin?.builtIn ?? false,
		};
	}, [plugin, id, pluginSettings, manifest]);
};

export default usePluginItem;