feat: Initial clean release of CHM

packages/app-mobile/components/screens/ConfigScreen/plugins/buttons/ActionButton.tsx

@@ -0,0 +1,37 @@
+import * as React from 'react';
+import { useCallback } from 'react';
+import { PluginItem } from '@joplin/lib/components/shared/config/plugins/types';
+import TextButton, { TextButtonProps, ButtonType } from '../../../../buttons/TextButton';
+import { PluginCallback } from '../utils/usePluginCallbacks';
+
+
+interface Props extends Omit<TextButtonProps, 'type'|'item'|'onPress'|'children'> {
+	item: PluginItem;
+	type?: ButtonType;
+	onPress?: PluginCallback;
+	title: string;
+}
+
+const ActionButton: React.FC<Props> = props => {
+	const onPress = useCallback(() => {
+		props.onPress?.({ item: props.item });
+	}, [props.onPress, props.item]);
+
+	// Include additional information about the button when using a screen
+	// reader (helps make it clear which plugin a delete/enable button).
+	//
+	// Because this is being read by a screen reader and to reduce load on
+	// translators, the method of joining the title and manifest name is not
+	// marked as translatable.
+	const accessibilityLabel = `${props.title}  ${props.item.manifest.name}`;
+	return (
+		<TextButton
+			type={ButtonType.Primary}
+			{...props}
+			onPress={onPress}
+			accessibilityLabel={accessibilityLabel}
+		>{props.title}</TextButton>
+	);
+};
+
+export default ActionButton;

packages/app-mobile/components/screens/ConfigScreen/plugins/buttons/InstallButton.tsx

@@ -0,0 +1,34 @@
+import { PluginItem } from '@joplin/lib/components/shared/config/plugins/types';
+import * as React from 'react';
+import ActionButton from './ActionButton';
+import { PluginCallback } from '../utils/usePluginCallbacks';
+import { InstallState } from '../PluginBox';
+import { _ } from '@joplin/lib/locale';
+
+interface Props {
+	item: PluginItem;
+	onInstall: PluginCallback;
+	installState: InstallState;
+	isCompatible: boolean;
+}
+
+const InstallButton: React.FC<Props> = props => {
+	const installButtonTitle = () => {
+		if (props.installState === InstallState.Installing) return _('Installing...');
+		if (props.installState === InstallState.NotInstalled) return _('Install');
+		if (props.installState === InstallState.Installed) return _('Installed');
+		return `Invalid install state: ${props.installState}`;
+	};
+
+	return (
+		<ActionButton
+			item={props.item}
+			onPress={props.onInstall}
+			disabled={props.installState !== InstallState.NotInstalled || !props.isCompatible}
+			loading={props.installState === InstallState.Installing}
+			title={installButtonTitle()}
+		/>
+	);
+};
+
+export default InstallButton;