pptypst/web/src/constants.ts at 31515d446cdbbe598c3e4dd9ebcd5588db07f1c5 · Splines/pptypst · GitHub

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
92
93
94
95
96
97
98
99
100
101
102
103
104
/**
 * Application-wide constants
 */

/**
 * PowerPoint shape configuration.
 */
export const SHAPE_CONFIG = {
  NAME: "Typst Shape",
  TAGS: {
    FONT_SIZE: "TypstFontSize",
    FILL_COLOR: "TypstFillColor",
    MATH_MODE: "TypstMathMode",
  },
} as const;

/**
 * Special values for fill color.
 */
export const FILL_COLOR_DISABLED = "disabled";

/**
 * DOM element IDs used in the UI.
 */
export const DOM_IDS = {
  STATUS: "status",
  FONT_SIZE: "fontSize",
  FILL_COLOR_ENABLED: "fillColorEnabled",
  FILL_COLOR: "fillColor",
  PREVIEW_FILL_ENABLED: "previewFillEnabled",
  MATH_MODE_ENABLED: "mathModeEnabled",
  INPUT_WRAPPER: "inputWrapper",
  TYPST_INPUT: "typstInput",
  INSERT_BTN: "insertBtn",
  BULK_UPDATE_BTN: "bulkUpdateBtn",
  PREVIEW_CONTENT: "previewContent",
  DARK_MODE_TOGGLE: "darkModeToggle",
  DIAGNOSTICS_CONTAINER: "diagnosticsContainer",
  DIAGNOSTICS_CONTENT: "diagnosticsContent",
  FILE_INPUT: "fileInput",
  GENERATE_FROM_FILE_BTN: "generateFromFileBtn",
  FILE_INFO: "fileInfo",
  FILE_NAME: "fileName",
  DROPZONE_LABEL: "dropzoneLabel",
  THEME_TOGGLE_BTN: "themeToggleBtn",
  ABOUT_LINK: "aboutLink",
  ABOUT_MODAL: "aboutModal",
  ABOUT_MODAL_CLOSE: "aboutModalClose",
} as const;

/**
 * LocalStorage keys.
 */
export const STORAGE_KEYS = {
  FONT_SIZE: "typstFontSize",
  FILL_COLOR: "typstFillColor",
  PREVIEW_FILL: "typstPreviewFill",
  MATH_MODE: "typstMathMode",
  THEME: "typstTheme",
} as const;

/**
 * SVG processing constants.
 */
export const SVG_CONFIG = {
  PADDING_RATIO: 0.04,
  FALLBACK_WIDTH: 400,
  FALLBACK_HEIGHT: 250,
} as const;

/**
 * Theme values.
 */
export const THEMES = {
  DARK: "dark",
  LIGHT: "light",
} as const;

/**
 * Preview configuration.
 */
export const PREVIEW_CONFIG = {
  MAX_HEIGHT: "320px",
  DARK_MODE_FILL: "#ffffff",
  LIGHT_MODE_FILL: "#000000",
} as const;

/**
 * Button text.
 */
export const BUTTON_TEXT = {
  INSERT: "Insert <kbd>Ctrl+Enter</kbd>",
  UPDATE: "Update <kbd>Ctrl+Enter</kbd>",
  GENERATE_FROM_FILE: "Generate from file",
  UPDATE_FROM_FILE: "Update from file",
} as const;

/**
 * Default values.
 */
export const DEFAULTS = {
  FONT_SIZE: "28",
  FILL_COLOR: "#000000",
} as const;