Added setting for using full resolution images

oleeskild · Jan 18, 2024 · 699e92d · 699e92d
1 parent 1f4150b
commit 699e92d
Show file tree

Hide file tree

Showing 8 changed files with 22 additions and 3 deletions.
diff --git a/main.ts b/main.ts
@@ -21,6 +21,7 @@ const DEFAULT_SETTINGS: DigitalGardenSettings = {
 	baseTheme: "dark",
 	theme: '{"name": "default", "modes": ["dark"]}',
 	faviconPath: "",
+	useFullResolutionImages: false,
 	noteSettingsIsInitialized: false,
 	siteName: "Digital Garden",
 	mainLanguage: "en",

diff --git a/manifest-beta.json b/manifest-beta.json
@@ -1,7 +1,7 @@
 {
 	"id": "digitalgarden",
 	"name": "Digital Garden",
-	"version": "2.55.1",
+	"version": "2.56.0",
 	"minAppVersion": "0.12.0",
 	"description": "Publish your notes to the web for others to enjoy. For free.",
 	"author": "Ole Eskild Steensen",

diff --git a/manifest.json b/manifest.json
@@ -1,7 +1,7 @@
 {
 	"id": "digitalgarden",
 	"name": "Digital Garden",
-	"version": "2.55.1",
+	"version": "2.56.0",
 	"minAppVersion": "0.12.0",
 	"description": "Publish your notes to the web for others to enjoy. For free.",
 	"author": "Ole Eskild Steensen",

diff --git a/scripts/generateGardenSettings.mjs b/scripts/generateGardenSettings.mjs
@@ -17,6 +17,7 @@ const gardenSettings = {
 	baseTheme: "dark",
 	theme: '{"name": "default", "modes": ["dark"]}',
 	faviconPath: "",
+	useFullResolutionImages: false,
 	noteSettingsIsInitialized: true,
 	siteName: "Digital Garden",
 	mainLanguage: "en",

diff --git a/src/models/settings.ts b/src/models/settings.ts
@@ -12,6 +12,7 @@ export default interface DigitalGardenSettings {
 	baseTheme: string;
 	faviconPath: string;
 	mainLanguage: string;
+	useFullResolutionImages: boolean;
 
 	siteName: string;
 

diff --git a/src/repositoryConnection/DigitalGardenSiteManager.ts b/src/repositoryConnection/DigitalGardenSiteManager.ts
@@ -97,6 +97,7 @@ export default class DigitalGardenSiteManager {
 			NOTE_ICON_BACK_LINKS: this.settings.showNoteIconOnBackLink,
 			STYLE_SETTINGS_CSS: this.settings.styleSettingsCss,
 			STYLE_SETTINGS_BODY_CLASSES: this.settings.styleSettingsBodyClasses,
+			USE_FULL_RESOLUTION_IMAGES: this.settings.useFullResolutionImages,
 		} as Record<string, string | boolean>;
 
 		if (theme.name !== "default") {

diff --git a/src/views/SettingsView/SettingView.ts b/src/views/SettingsView/SettingView.ts
@@ -399,7 +399,7 @@ export default class SettingView {
 				new Setting(themeModal.contentEl)
 					.setName("Apply current style settings to site")
 					.setDesc(
-						"Click the apply button to use the current style settings from the Style Settings Plugin on your site. (The plugin looks at the currently APPLIED settings. Meaning you need to have the theme you want are using in the garden selected in Obsidian before applying)",
+						"Click the apply button to use the current style settings from the Style Settings Plugin on your site. (The plugin looks at the currently APPLIED settings. Meaning you need to have the theme you are using in the garden selected in Obsidian before applying)",
 					)
 					.addButton((btn) => {
 						btn.setButtonText("Apply Style Settings");
@@ -559,6 +559,20 @@ export default class SettingView {
 				new SvgFileSuggest(this.app, tc.inputEl);
 			});
 
+		new Setting(themeModal.contentEl)
+			.setName("Use full resolution images")
+			.setDesc(
+				"By default, the images on your site are compressed to make your site load faster. If you instead want to use the full resolution images, enable this setting.",
+			)
+			.addToggle((toggle) => {
+				toggle.setValue(this.settings.useFullResolutionImages);
+
+				toggle.onChange(async (val) => {
+					this.settings.useFullResolutionImages = val;
+					await this.saveSettings();
+				});
+			});
+
 		new Setting(themeModal.contentEl).addButton(handleSaveSettingsButton);
 
 		themeModal.contentEl

diff --git a/versions.json b/versions.json
@@ -1,4 +1,5 @@
 {
+	"2.56.0": "0.12.0",
 	"2.55.1": "0.12.0",
 	"2.55.0": "0.12.0",
 	"2.54.1": "0.12.0",