subprojects/frontend/src/graph/export/ExportSettingsStore.ts


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
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';
  }
}