aboutsummaryrefslogtreecommitdiffstats
path: root/subprojects/frontend/src/graph/export/ExportSettingsStore.ts
blob: 478227afb92a27c62437420ff00a048629f6da66 (plain) (blame)
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
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
/*
 * 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' | 'dynamic';

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;
    if (this.theme === 'dynamic' && this.format !== 'svg') {
      this.theme = 'light';
    }
  }

  setTheme(theme: ExportTheme): void {
    this.theme = theme;
    if (this.theme === 'dynamic') {
      this.format = 'svg';
      this.transparent = true;
    }
  }

  toggleTransparent(): void {
    this.transparent = !this.transparent;
    if (!this.transparent && this.theme === 'dynamic') {
      this.theme = 'light';
    }
  }

  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;
    if (this.embedSVGFonts && this.theme === 'dynamic') {
      this.theme = 'light';
    }
  }

  get canSetDynamicTheme(): boolean {
    return this.format === 'svg';
  }

  get canChangeTransparency(): boolean {
    return this.theme !== 'dynamic';
  }

  get canEmbedFonts(): boolean {
    return (
      (this.format === 'svg' || this.format === 'pdf') &&
      this.theme !== 'dynamic'
    );
  }

  get canScale(): boolean {
    return this.format === 'png';
  }
}