Add options for explicit hydrogen (#58)

Author: Acylation

src/lib/translations/en.json

@@ -55,6 +55,10 @@
                 "terminal-carbons": {
                     "name": "Show terminal carbons",
                     "description": "Explictly draw terminal carbons like methyl or methylene."
+                },
+                "explicit-hydrogen": {
+                    "name": "Explicit hydrogen",
+                    "description": "Enable to show explicit hydrogen."
                 }
             },
             "copy": {

src/lib/translations/zh-CN.json

@@ -55,6 +55,10 @@
                 "terminal-carbons": {
                     "name": "端基碳",
                     "description": "显式绘出末端甲基、亚甲基等端基碳。"
+                },
+                "explicit-hydrogen": {
+                    "name": "显式氢",
+                    "description": "启用以绘制显式氢原子。"
                 }
             },
             "copy": {

src/settings/SettingTab.ts

@@ -181,6 +181,25 @@ export class ChemSettingTab extends PluginSettingTab {
 					})
 			);
 
+		new Setting(containerEl)
+			.setName(i18n.t('settings.advanced.explicit-hydrogen.name'))
+			.setDesc(i18n.t('settings.advanced.explicit-hydrogen.description'))
+			.addToggle((toggle) =>
+				toggle
+					.setValue(
+						this.plugin.settings.options?.explicitHydrogens ?? false
+					)
+					.onChange(async (value) => {
+						this.plugin.settings.options.explicitHydrogens = value;
+						await this.plugin.saveSettings();
+						setDrawer({
+							...DEFAULT_SD_OPTIONS,
+							...this.plugin.settings.options,
+						});
+						onSettingsChange();
+					})
+			);
+
 		new Setting(containerEl)
 			.setName(i18n.t('settings.copy.title'))
 			.setHeading();