1 files changed, 67 insertions, 0 deletions

diff --git a/subprojects/frontend/src/graph/export/ExportSettingsStore.ts b/subprojects/frontend/src/graph/export/ExportSettingsStore.ts
new file mode 100644
index 00000000..53a161ab
--- /dev/null
+++ b/subprojects/frontend/src/graph/export/ExportSettingsStore.ts
@@ -0,0 +1,67 @@
+/*
+ * SPDX-FileCopyrightText: 2024 The Refinery Authors <https://refinery.tools/>
+ *
+ * SPDX-License-Identifier: EPL-2.0
+ */
+
+import { makeAutoObservable } from 'mobx';
+
+export type ExportFormat = 'svg' | 'pdf' | 'png';
+export type ExportTheme = 'light' | 'dark';
+
+export default class ExportSettingsStore {
+  format: ExportFormat = 'svg';
+
+  theme: ExportTheme = 'light';
+
+  transparent = true;
+
+  embedSVGFonts = false;
+
+  embedPDFFonts = true;
+
+  scale = 100;
+
+  constructor() {
+    makeAutoObservable(this);
+  }
+
+  setFormat(format: ExportFormat): void {
+    this.format = format;
+  }
+
+  setTheme(theme: ExportTheme): void {
+    this.theme = theme;
+  }
+
+  toggleTransparent(): void {
+    this.transparent = !this.transparent;
+  }
+
+  toggleEmbedFonts(): void {
+    this.embedFonts = !this.embedFonts;
+  }
+
+  setScale(scale: number): void {
+    this.scale = scale;
+  }
+
+  get embedFonts(): boolean {
+    return this.format === 'pdf' ? this.embedPDFFonts : this.embedSVGFonts;
+  }
+
+  private set embedFonts(embedFonts: boolean) {
+    if (this.format === 'pdf') {
+      this.embedPDFFonts = embedFonts;
+    }
+    this.embedSVGFonts = embedFonts;
+  }
+
+  get canEmbedFonts(): boolean {
+    return this.format === 'svg' || this.format === 'pdf';
+  }
+
+  get canScale(): boolean {
+    return this.format === 'png';
+  }
+}