@zap-wunschlachen/wl-shared-components 1.0.76 → 1.0.78

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (227) hide show
  1. package/.github/workflows/playwright.yml +229 -229
  2. package/.github/workflows/static.yml +61 -61
  3. package/.github/workflows/update-snapshots.yml +37 -37
  4. package/.prettierrc.json +8 -8
  5. package/.storybook/main.ts +18 -18
  6. package/.storybook/preview.ts +37 -37
  7. package/.storybook/storyWrapper.vue +18 -18
  8. package/.storybook/withVuetifyTheme.decorator.ts +21 -21
  9. package/App.vue +139 -139
  10. package/README.md +56 -56
  11. package/docs/assets.md +62 -62
  12. package/heroicons.ts +75 -75
  13. package/index.html +19 -19
  14. package/package.json +71 -71
  15. package/playwright.config.ts +48 -48
  16. package/public/background.svg +60 -60
  17. package/public/style.css +187 -187
  18. package/public/technologies.svg +22 -22
  19. package/scripts/check-translations.ts +352 -352
  20. package/src/assets/css/base.css +242 -242
  21. package/src/assets/css/variables.css +176 -176
  22. package/src/components/Accordion/Accordion.css +65 -65
  23. package/src/components/Accordion/AccordionGroup.vue +88 -88
  24. package/src/components/Accordion/AccordionItem.vue +272 -272
  25. package/src/components/Accordion/presets/default.css +4 -4
  26. package/src/components/Accordion/presets/elevated.css +25 -25
  27. package/src/components/Accordion/presets/filled.css +26 -26
  28. package/src/components/Accordion/presets/index.css +5 -5
  29. package/src/components/Accordion/presets/plain.css +34 -34
  30. package/src/components/Appointment/Card/Actions.css +54 -54
  31. package/src/components/Appointment/Card/Actions.vue +99 -99
  32. package/src/components/Appointment/Card/AnamneseNotification.css +20 -20
  33. package/src/components/Appointment/Card/AnamneseNotification.vue +23 -23
  34. package/src/components/Appointment/Card/Card.css +99 -99
  35. package/src/components/Appointment/Card/Card.vue +97 -97
  36. package/src/components/Appointment/Card/Details.css +62 -62
  37. package/src/components/Appointment/Card/Details.vue +44 -44
  38. package/src/components/Audio/Audio.vue +187 -187
  39. package/src/components/Audio/Waveform.vue +118 -118
  40. package/src/components/Banner/Banner.css +29 -29
  41. package/src/components/Banner/Banner.vue +89 -89
  42. package/src/components/Button/Button.vue +257 -257
  43. package/src/components/CheckBox/CheckBox.css +234 -234
  44. package/src/components/CheckBox/Checkbox.vue +184 -184
  45. package/src/components/DateInput/DateInput.css +2 -2
  46. package/src/components/DateInput/DateInput.vue +376 -370
  47. package/src/components/Dialog/Dialog.css +6 -6
  48. package/src/components/Dialog/Dialog.vue +46 -46
  49. package/src/components/EditField/EditField.css +19 -19
  50. package/src/components/EditField/EditField.vue +211 -211
  51. package/src/components/ErrorPage/ErrorPage.css +172 -172
  52. package/src/components/IconBullet/IconBullet.vue +104 -104
  53. package/src/components/IconBullet/IconBulletList.vue +55 -55
  54. package/src/components/Icons/AdvanceAppointments.vue +161 -161
  55. package/src/components/Icons/Audio/CloudFailed.vue +27 -27
  56. package/src/components/Icons/Audio/CloudSaved.vue +28 -28
  57. package/src/components/Icons/Audio/Delete.vue +22 -22
  58. package/src/components/Icons/Audio/Pause.vue +25 -25
  59. package/src/components/Icons/Audio/Play.vue +22 -22
  60. package/src/components/Icons/Calendar.vue +28 -28
  61. package/src/components/Icons/CalendarNotification.vue +137 -137
  62. package/src/components/Icons/Chair.vue +43 -43
  63. package/src/components/Icons/ChairNotification.vue +46 -46
  64. package/src/components/Icons/Circle.vue +66 -66
  65. package/src/components/Icons/FavIcon.vue +69 -69
  66. package/src/components/Icons/FilledCircle.vue +11 -11
  67. package/src/components/Icons/Group3.vue +57 -57
  68. package/src/components/Icons/Play.vue +16 -16
  69. package/src/components/Icons/RingNotification.vue +65 -65
  70. package/src/components/Icons/SolidArrowRight.vue +14 -14
  71. package/src/components/Icons/checkbox.vue +19 -19
  72. package/src/components/Icons/outlineChecked.vue +38 -38
  73. package/src/components/Input/Input.css +234 -234
  74. package/src/components/Input/Input.vue +281 -281
  75. package/src/components/Laboratory/AppointmentCard/AppointmentCard.css +7 -7
  76. package/src/components/Laboratory/AppointmentCard/AppointmentCard.vue +116 -116
  77. package/src/components/Laboratory/ChatBoxImage/ChatBoxImage.vue +81 -81
  78. package/src/components/Laboratory/ChatMessage/ChatMessage.vue +113 -113
  79. package/src/components/Laboratory/ChatMessage/ChatMessageBadge.css +4 -4
  80. package/src/components/Laboratory/ChatMessage/ChatMessageBadge.vue +99 -99
  81. package/src/components/Laboratory/ChatNotification/ChatNotification.vue +130 -130
  82. package/src/components/Laboratory/DocumentCard/DocumentCard.css +3 -3
  83. package/src/components/Laboratory/DocumentCard/DocumentCard.vue +50 -50
  84. package/src/components/Laboratory/DocumentCard/DocumentCardItem.vue +53 -53
  85. package/src/components/Laboratory/InfoCard/InfoCard.vue +162 -162
  86. package/src/components/Laboratory/MainColumnsBar/MainColumnsBar.vue +102 -102
  87. package/src/components/Laboratory/ProgressCircle/ProgressCircle.vue +152 -152
  88. package/src/components/Laboratory/ProgressLinear/ProgressLinear.css +33 -33
  89. package/src/components/Laboratory/ProgressLinear/ProgressLinear.vue +75 -75
  90. package/src/components/Laboratory/SelectionColumnBar/SelectionColumnBar.vue +92 -92
  91. package/src/components/Laboratory/StatusNotification/StatusNotification.vue +49 -49
  92. package/src/components/Laboratory/TagLabel/TagLabel.vue +126 -126
  93. package/src/components/Laboratory/TagLabelGroup/TagLabelGroup.vue +97 -97
  94. package/src/components/Laboratory/TicketCard/TicketCard.css +3 -3
  95. package/src/components/Laboratory/TicketCard/TicketCard.vue +143 -143
  96. package/src/components/Laboratory/TimeLine/TimeLineEvent.css +18 -18
  97. package/src/components/Laboratory/TimeLine/TimeLineEvent.vue +119 -119
  98. package/src/components/Laboratory/TimeLine/Timeline.css +4 -4
  99. package/src/components/Laboratory/TimeLine/Timeline.vue +30 -30
  100. package/src/components/Loader/Loader.css +78 -78
  101. package/src/components/MaintenanceBanner/MaintenanceBanner.css +353 -353
  102. package/src/components/MaintenanceBanner/MaintenanceBanner.vue +140 -140
  103. package/src/components/MaintenanceBanner/MaintenanceIllustration.vue +54 -54
  104. package/src/components/Modal/Modal.css +5 -5
  105. package/src/components/Modal/Modal.vue +29 -29
  106. package/src/components/NotificationBubble/NotificationBubble.css +4 -4
  107. package/src/components/NotificationBubble/NotificationBubble.vue +90 -90
  108. package/src/components/OtpInput/OtpInput.css +43 -43
  109. package/src/components/OtpInput/OtpInput.vue +181 -181
  110. package/src/components/PhoneInput/PhoneInput.css +151 -126
  111. package/src/components/PhoneInput/PhoneInput.vue +230 -139
  112. package/src/components/RadioGroup/RadioGroup.css +65 -0
  113. package/src/components/RadioGroup/RadioGroup.vue +134 -0
  114. package/src/components/Select/Select.css +172 -172
  115. package/src/components/Select/Select.vue +377 -377
  116. package/src/components/SelectAutocomplete/SelectAutocomplete.css +172 -172
  117. package/src/components/SelectAutocomplete/SelectAutocomplete.vue +414 -414
  118. package/src/components/TextArea/TextArea.css +269 -269
  119. package/src/components/TextArea/TextArea.vue +207 -207
  120. package/src/components/TickBox/TickBox.css +116 -116
  121. package/src/components/TickBox/TickBox.vue +172 -172
  122. package/src/components/Tile/Tile.css +106 -106
  123. package/src/components/Tile/Tile.vue +173 -173
  124. package/src/components/accessibility.css +218 -218
  125. package/src/components/index.ts +110 -109
  126. package/src/constants/iconEnums.ts +3 -3
  127. package/src/i18n/i18n.ts +15 -15
  128. package/src/i18n/locales/de.json +30 -30
  129. package/src/i18n/locales/en.json +30 -30
  130. package/src/index.ts +43 -43
  131. package/src/main.ts +11 -11
  132. package/src/pages/AccordionGroupPage.vue +873 -873
  133. package/src/pages/AllPage.vue +2483 -2365
  134. package/src/pages/SelectPage.vue +1302 -1302
  135. package/src/pages/TilePage.vue +902 -902
  136. package/src/plugins/vuetify.ts +54 -54
  137. package/src/shims-vue.d.ts +30 -30
  138. package/src/utils/index.ts +733 -733
  139. package/src/vite-env.d.ts +1 -1
  140. package/tests/unit/accessibility/component-a11y.spec.ts +657 -657
  141. package/tests/unit/components/Accordion/AccordionGroup.spec.ts +228 -228
  142. package/tests/unit/components/Accordion/AccordionItem.spec.ts +257 -257
  143. package/tests/unit/components/Appointment/AnamneseNotification.spec.ts +176 -176
  144. package/tests/unit/components/Appointment/Card/Actions.spec.ts +436 -436
  145. package/tests/unit/components/Appointment/Card/Card.spec.ts +531 -531
  146. package/tests/unit/components/Appointment/Card/Details.spec.ts +395 -395
  147. package/tests/unit/components/Audio/Audio.spec.ts +403 -403
  148. package/tests/unit/components/Audio/Waveform.spec.ts +483 -483
  149. package/tests/unit/components/Background/Background.spec.ts +177 -177
  150. package/tests/unit/components/Core/AnamneseAnswerDialog.spec.ts +344 -0
  151. package/tests/unit/components/Core/Banner.spec.ts +187 -0
  152. package/tests/unit/components/Core/Button.spec.ts +346 -346
  153. package/tests/unit/components/Core/Checkbox.spec.ts +544 -544
  154. package/tests/unit/components/Core/DateInput.spec.ts +702 -702
  155. package/tests/unit/components/Core/Dialog.spec.ts +448 -448
  156. package/tests/unit/components/Core/EditField.spec.ts +541 -541
  157. package/tests/unit/components/Core/Input.spec.ts +512 -512
  158. package/tests/unit/components/Core/List.spec.ts +163 -0
  159. package/tests/unit/components/Core/ListItem.spec.ts +205 -0
  160. package/tests/unit/components/Core/Modal.spec.ts +518 -518
  161. package/tests/unit/components/Core/NotificationBubble.spec.ts +606 -606
  162. package/tests/unit/components/Core/OtpInput.spec.ts +708 -708
  163. package/tests/unit/components/Core/PhoneInput.spec.ts +757 -619
  164. package/tests/unit/components/Core/RadioGroup.spec.ts +318 -0
  165. package/tests/unit/components/Core/Select.spec.ts +712 -712
  166. package/tests/unit/components/Core/SelectAutocomplete.spec.ts +361 -0
  167. package/tests/unit/components/Core/TextArea.spec.ts +565 -565
  168. package/tests/unit/components/Core/TickBox.spec.ts +836 -836
  169. package/tests/unit/components/Core/Tile.spec.ts +286 -0
  170. package/tests/unit/components/DateInput/DateInput.spec.ts +128 -0
  171. package/tests/unit/components/ErrorPage/ErrorPage.spec.ts +313 -313
  172. package/tests/unit/components/ErrorPage/ErrorPageLogo.spec.ts +153 -153
  173. package/tests/unit/components/IconBullet/IconBullet.spec.ts +356 -356
  174. package/tests/unit/components/IconBullet/IconBulletList.spec.ts +371 -371
  175. package/tests/unit/components/Icons/AdvanceAppointments.spec.ts +186 -186
  176. package/tests/unit/components/Icons/Audio/CloudFailed.spec.ts +108 -108
  177. package/tests/unit/components/Icons/Audio/CloudSaved.spec.ts +149 -149
  178. package/tests/unit/components/Icons/Audio/Delete.spec.ts +158 -158
  179. package/tests/unit/components/Icons/Audio/Pause.spec.ts +208 -208
  180. package/tests/unit/components/Icons/Audio/Play.spec.ts +217 -217
  181. package/tests/unit/components/Icons/CalendarNotification.spec.ts +193 -193
  182. package/tests/unit/components/Icons/Chair.spec.ts +241 -241
  183. package/tests/unit/components/Icons/ChairNotification.spec.ts +318 -318
  184. package/tests/unit/components/Icons/Circle.spec.ts +255 -255
  185. package/tests/unit/components/Icons/FavIcon.spec.ts +259 -259
  186. package/tests/unit/components/Icons/FilledCircle.spec.ts +274 -274
  187. package/tests/unit/components/Icons/Group3.spec.ts +362 -362
  188. package/tests/unit/components/Icons/Logo.spec.ts +229 -229
  189. package/tests/unit/components/Icons/MiniLogo.spec.ts +38 -38
  190. package/tests/unit/components/Icons/RingNotification.spec.ts +400 -400
  191. package/tests/unit/components/Icons/SolidArrowRight.spec.ts +49 -49
  192. package/tests/unit/components/Icons/calendar.spec.ts +293 -293
  193. package/tests/unit/components/Icons/checkbox.spec.ts +315 -315
  194. package/tests/unit/components/Icons/outlineChecked.spec.ts +441 -441
  195. package/tests/unit/components/Icons/play.spec.ts +315 -315
  196. package/tests/unit/components/Laboratory/AppointmentCard.spec.ts +167 -167
  197. package/tests/unit/components/Laboratory/ChatBoxImage.spec.ts +179 -179
  198. package/tests/unit/components/Laboratory/ChatMessage.spec.ts +263 -263
  199. package/tests/unit/components/Laboratory/ChatMessageBadge.spec.ts +282 -282
  200. package/tests/unit/components/Laboratory/ChatNotification.spec.ts +256 -256
  201. package/tests/unit/components/Laboratory/DocumentCard.spec.ts +228 -228
  202. package/tests/unit/components/Laboratory/DocumentCardItem.spec.ts +236 -236
  203. package/tests/unit/components/Laboratory/InfoCard.spec.ts +308 -308
  204. package/tests/unit/components/Laboratory/MainColumnsBar.spec.ts +251 -251
  205. package/tests/unit/components/Laboratory/ProgressCircle.spec.ts +290 -290
  206. package/tests/unit/components/Laboratory/ProgressLinear.spec.ts +275 -275
  207. package/tests/unit/components/Laboratory/SelectionColumnBar.spec.ts +288 -288
  208. package/tests/unit/components/Laboratory/StatusNotification.spec.ts +296 -296
  209. package/tests/unit/components/Laboratory/TagLabel.spec.ts +353 -353
  210. package/tests/unit/components/Laboratory/TagLabelGroup.spec.ts +377 -377
  211. package/tests/unit/components/Laboratory/TicketCard.spec.ts +351 -351
  212. package/tests/unit/components/Laboratory/TimeLineEvent.spec.ts +381 -381
  213. package/tests/unit/components/Laboratory/Timeline.spec.ts +419 -419
  214. package/tests/unit/components/Loader/Loader.spec.ts +197 -197
  215. package/tests/unit/components/MaintenanceBanner/MaintenanceBanner.spec.ts +302 -302
  216. package/tests/unit/constants/iconEnums.spec.ts +39 -39
  217. package/tests/unit/i18n/i18n.spec.ts +88 -88
  218. package/tests/unit/plugins/vuetify.spec.ts +182 -182
  219. package/tests/unit/setup.ts +237 -237
  220. package/tests/unit/src/components/index.spec.ts.skip +192 -192
  221. package/tests/unit/src/index.spec.ts.skip +182 -182
  222. package/tests/unit/src/main.spec.ts +111 -111
  223. package/tests/unit/utils/accessibility.spec.ts +318 -318
  224. package/tests/unit/utils/anamnese.spec.ts +531 -0
  225. package/tsconfig.json +26 -26
  226. package/vite.config.ts +29 -29
  227. package/vitest.config.ts +91 -91
@@ -1,239 +1,239 @@
1
- import { promises as fs } from "fs";
2
- import { join } from "path";
3
-
4
- // Parse command line args for --url=<server_url>
5
- function getServerUrl(): string | undefined {
6
- const urlArg = process.argv.find((arg) => arg.startsWith("--url="));
7
- return urlArg?.split("=")[1];
8
- }
9
-
10
- // Parse command line args for --local=<path>
11
- function getLocalPath(): string | undefined {
12
- const localArg = process.argv.find((arg) => arg.startsWith("--local="));
13
- return localArg?.split("=")[1];
14
- }
15
-
16
- // Parse command line args for --diff[=<path>]
17
- function getDiffDir(): string | undefined {
18
- const diffArg = process.argv.find(
19
- (arg) => arg === "--diff" || arg.startsWith("--diff="),
20
- );
21
- if (!diffArg) {
22
- return undefined;
23
- }
24
- if (diffArg === "--diff") {
25
- return "";
26
- }
27
- return diffArg.slice("--diff=".length);
28
- }
29
-
30
- async function scanFilesForKeys(dir: string): Promise<Set<string>> {
31
- const usedKeys = new Set<string>();
32
- const keyRegex = /(?<![a-zA-Z])\$?t\(['"]([^'"]+)['"]\)/g;
33
-
34
- async function processDir(currentDir: string) {
35
- const entries = await fs.readdir(currentDir, { withFileTypes: true });
36
- for (const entry of entries) {
37
- const fullPath = join(currentDir, entry.name);
38
- if (entry.isDirectory() && !entry.name.startsWith(".")) {
39
- await processDir(fullPath);
40
- } else if (
41
- entry.isFile() &&
42
- (entry.name.endsWith(".vue") || entry.name.endsWith(".ts"))
43
- ) {
44
- const content = await fs.readFile(fullPath, "utf-8");
45
- let match;
46
- while ((match = keyRegex.exec(content)) !== null) {
47
- usedKeys.add(match[1]);
48
- }
49
- }
50
- }
51
- }
52
-
53
- await processDir(dir);
54
- return usedKeys;
55
- }
56
-
57
- function flattenObject(
58
- obj: Record<string, unknown>,
59
- prefix = "",
60
- ): Record<string, string> {
61
- const result: Record<string, string> = {};
62
-
63
- for (const [key, value] of Object.entries(obj)) {
64
- const newKey = prefix ? `${prefix}.${key}` : key;
65
-
66
- if (typeof value === "object" && value !== null && !Array.isArray(value)) {
67
- Object.assign(result, flattenObject(value as Record<string, unknown>, newKey));
68
- } else {
69
- result[newKey] = String(value);
70
- }
71
- }
72
-
73
- return result;
74
- }
75
-
76
- async function loadTranslationsFromFiles(
77
- localesDir: string,
78
- ): Promise<Record<string, Record<string, string>>> {
79
- const byLang: Record<string, Record<string, string>> = {};
80
-
81
- console.log(`[i18n] Loading translations from ${localesDir}...`);
82
-
83
- try {
84
- const files = await fs.readdir(localesDir);
85
- for (const file of files) {
86
- if (file.endsWith(".json")) {
87
- const language = file.replace(".json", "");
88
- const content = await fs.readFile(join(localesDir, file), "utf-8");
89
- const parsed = JSON.parse(content);
90
- byLang[language] = flattenObject(parsed);
91
- }
92
- }
93
-
94
- const totalEntries = Object.values(byLang).reduce(
95
- (sum, lang) => sum + Object.keys(lang).length,
96
- 0,
97
- );
98
- console.log(
99
- `[i18n] Loaded ${totalEntries} entries for ${Object.keys(byLang).length} locale(s)`,
100
- );
101
- } catch (error) {
102
- console.error(`[i18n] Could not read translations from ${localesDir}: ${error}`);
103
- process.exit(1);
104
- }
105
-
106
- return byLang;
107
- }
108
-
109
- async function fetchTranslationsFromDirectus(
110
- serverUrl: string,
111
- ): Promise<Record<string, Record<string, string>>> {
112
- const byLang: Record<string, Record<string, string>> = {};
113
- const url = `${serverUrl}/translations?fields=id,language,key,value&limit=-1&sort=key`;
114
-
115
- console.log(`[i18n] Fetching translations from ${serverUrl}...`);
116
-
117
- try {
118
- const res = await fetch(url, {
119
- headers: { "Content-Type": "application/json" },
120
- });
121
-
122
- if (!res.ok) {
123
- throw new Error(`Server returned ${res.status} ${res.statusText}`);
124
- }
125
-
126
- const data = await res.json();
127
- const entries = data.data || [];
128
-
129
- if (!entries || entries.length === 0) {
130
- console.error("[i18n] No translation entries found on server");
131
- process.exit(1);
132
- }
133
-
134
- entries.forEach(
135
- (entry: { language: string; key: string; value: string }) => {
136
- const { language, key, value } = entry;
137
- if (!byLang[language]) {
138
- byLang[language] = {};
139
- }
140
- byLang[language][key] = value;
141
- },
142
- );
143
-
144
- console.log(
145
- `[i18n] Loaded ${entries.length} entries for ${Object.keys(byLang).length} locale(s)`,
146
- );
147
- } catch (error) {
148
- console.error(`[i18n] Failed to fetch translations: ${error}`);
149
- process.exit(1);
150
- }
151
-
152
- return byLang;
153
- }
154
-
155
- const DEFAULT_LOCALES_PATH = "src/i18n/locales";
156
-
157
- async function checkTranslations() {
158
- // Show help
159
- if (process.argv.includes("--help") || process.argv.includes("-h")) {
160
- console.log(`
161
- Usage: npx tsx scripts/check-translations.ts [options]
162
-
163
- Options:
164
- --url=<server_url> Fetch translations from Directus server
165
- Example: --url=https://api.example.com
166
- --local=<path> Load translations from local JSON files (default: ${DEFAULT_LOCALES_PATH})
167
- Example: --local=./i18n/locales
168
- --diff[=<path>] Write per-locale Directus import JSON for missing keys
169
- Example: --diff=./missing-translations
170
-
171
- If --url is not provided, translations are loaded from local files.
172
-
173
- Examples:
174
- npx tsx scripts/check-translations.ts --url=https://api.example.com
175
- npx tsx scripts/check-translations.ts --local=./custom/path
176
- npx tsx scripts/check-translations.ts --diff=./missing-translations
177
- npx tsx scripts/check-translations.ts --diff
178
- npx tsx scripts/check-translations.ts
179
- `);
180
- process.exit(0);
181
- }
182
-
183
- const serverUrl = getServerUrl();
184
- const localPath = getLocalPath() ?? join(process.cwd(), DEFAULT_LOCALES_PATH);
185
- const diffDirArg = getDiffDir();
186
- const diffDir =
187
- diffDirArg === undefined
188
- ? undefined
189
- : diffDirArg === ""
190
- ? process.cwd()
191
- : diffDirArg;
192
-
193
- const srcDir = join(process.cwd(), "src/components");
194
-
195
- console.log("[i18n] Scanning code for translation keys...");
196
-
197
- let usedKeys: Set<string>;
198
- try {
199
- usedKeys = await scanFilesForKeys(srcDir);
200
- } catch {
201
- console.error("[i18n] Could not scan for translation keys in code");
202
- process.exit(1);
203
- }
204
-
205
- if (usedKeys.size === 0) {
206
- console.log("[i18n] No translation keys found in code");
207
- return;
208
- }
209
-
210
- console.log(`[i18n] Found ${usedKeys.size} unique translation keys in code`);
211
-
212
- const byLang = serverUrl
213
- ? await fetchTranslationsFromDirectus(serverUrl)
214
- : await loadTranslationsFromFiles(localPath);
215
-
216
- if (Object.keys(byLang).length === 0) {
217
- console.error("[i18n] No translations found");
218
- process.exit(1);
219
- }
220
-
221
- let hasMissingKeys = false;
222
- const diffEntriesByLocale = new Map<
223
- string,
224
- Array<{ language: string; key: string; value: string }>
225
- >();
226
- const diffIndexByLocale = new Map<string, Set<string>>();
227
- const source = serverUrl ? "Directus" : "local files";
228
-
229
- // Check each locale for keys used in code but missing from translations
230
- for (const [language, translations] of Object.entries(byLang)) {
231
- const translationKeys = new Set(Object.keys(translations));
232
-
233
- const missingInTranslations = [...usedKeys]
234
- .filter((key) => !translationKeys.has(key))
235
- .sort();
236
-
1
+ import { promises as fs } from "fs";
2
+ import { join } from "path";
3
+
4
+ // Parse command line args for --url=<server_url>
5
+ function getServerUrl(): string | undefined {
6
+ const urlArg = process.argv.find((arg) => arg.startsWith("--url="));
7
+ return urlArg?.split("=")[1];
8
+ }
9
+
10
+ // Parse command line args for --local=<path>
11
+ function getLocalPath(): string | undefined {
12
+ const localArg = process.argv.find((arg) => arg.startsWith("--local="));
13
+ return localArg?.split("=")[1];
14
+ }
15
+
16
+ // Parse command line args for --diff[=<path>]
17
+ function getDiffDir(): string | undefined {
18
+ const diffArg = process.argv.find(
19
+ (arg) => arg === "--diff" || arg.startsWith("--diff="),
20
+ );
21
+ if (!diffArg) {
22
+ return undefined;
23
+ }
24
+ if (diffArg === "--diff") {
25
+ return "";
26
+ }
27
+ return diffArg.slice("--diff=".length);
28
+ }
29
+
30
+ async function scanFilesForKeys(dir: string): Promise<Set<string>> {
31
+ const usedKeys = new Set<string>();
32
+ const keyRegex = /(?<![a-zA-Z])\$?t\(['"]([^'"]+)['"]\)/g;
33
+
34
+ async function processDir(currentDir: string) {
35
+ const entries = await fs.readdir(currentDir, { withFileTypes: true });
36
+ for (const entry of entries) {
37
+ const fullPath = join(currentDir, entry.name);
38
+ if (entry.isDirectory() && !entry.name.startsWith(".")) {
39
+ await processDir(fullPath);
40
+ } else if (
41
+ entry.isFile() &&
42
+ (entry.name.endsWith(".vue") || entry.name.endsWith(".ts"))
43
+ ) {
44
+ const content = await fs.readFile(fullPath, "utf-8");
45
+ let match;
46
+ while ((match = keyRegex.exec(content)) !== null) {
47
+ usedKeys.add(match[1]);
48
+ }
49
+ }
50
+ }
51
+ }
52
+
53
+ await processDir(dir);
54
+ return usedKeys;
55
+ }
56
+
57
+ function flattenObject(
58
+ obj: Record<string, unknown>,
59
+ prefix = "",
60
+ ): Record<string, string> {
61
+ const result: Record<string, string> = {};
62
+
63
+ for (const [key, value] of Object.entries(obj)) {
64
+ const newKey = prefix ? `${prefix}.${key}` : key;
65
+
66
+ if (typeof value === "object" && value !== null && !Array.isArray(value)) {
67
+ Object.assign(result, flattenObject(value as Record<string, unknown>, newKey));
68
+ } else {
69
+ result[newKey] = String(value);
70
+ }
71
+ }
72
+
73
+ return result;
74
+ }
75
+
76
+ async function loadTranslationsFromFiles(
77
+ localesDir: string,
78
+ ): Promise<Record<string, Record<string, string>>> {
79
+ const byLang: Record<string, Record<string, string>> = {};
80
+
81
+ console.log(`[i18n] Loading translations from ${localesDir}...`);
82
+
83
+ try {
84
+ const files = await fs.readdir(localesDir);
85
+ for (const file of files) {
86
+ if (file.endsWith(".json")) {
87
+ const language = file.replace(".json", "");
88
+ const content = await fs.readFile(join(localesDir, file), "utf-8");
89
+ const parsed = JSON.parse(content);
90
+ byLang[language] = flattenObject(parsed);
91
+ }
92
+ }
93
+
94
+ const totalEntries = Object.values(byLang).reduce(
95
+ (sum, lang) => sum + Object.keys(lang).length,
96
+ 0,
97
+ );
98
+ console.log(
99
+ `[i18n] Loaded ${totalEntries} entries for ${Object.keys(byLang).length} locale(s)`,
100
+ );
101
+ } catch (error) {
102
+ console.error(`[i18n] Could not read translations from ${localesDir}: ${error}`);
103
+ process.exit(1);
104
+ }
105
+
106
+ return byLang;
107
+ }
108
+
109
+ async function fetchTranslationsFromDirectus(
110
+ serverUrl: string,
111
+ ): Promise<Record<string, Record<string, string>>> {
112
+ const byLang: Record<string, Record<string, string>> = {};
113
+ const url = `${serverUrl}/translations?fields=id,language,key,value&limit=-1&sort=key`;
114
+
115
+ console.log(`[i18n] Fetching translations from ${serverUrl}...`);
116
+
117
+ try {
118
+ const res = await fetch(url, {
119
+ headers: { "Content-Type": "application/json" },
120
+ });
121
+
122
+ if (!res.ok) {
123
+ throw new Error(`Server returned ${res.status} ${res.statusText}`);
124
+ }
125
+
126
+ const data = await res.json();
127
+ const entries = data.data || [];
128
+
129
+ if (!entries || entries.length === 0) {
130
+ console.error("[i18n] No translation entries found on server");
131
+ process.exit(1);
132
+ }
133
+
134
+ entries.forEach(
135
+ (entry: { language: string; key: string; value: string }) => {
136
+ const { language, key, value } = entry;
137
+ if (!byLang[language]) {
138
+ byLang[language] = {};
139
+ }
140
+ byLang[language][key] = value;
141
+ },
142
+ );
143
+
144
+ console.log(
145
+ `[i18n] Loaded ${entries.length} entries for ${Object.keys(byLang).length} locale(s)`,
146
+ );
147
+ } catch (error) {
148
+ console.error(`[i18n] Failed to fetch translations: ${error}`);
149
+ process.exit(1);
150
+ }
151
+
152
+ return byLang;
153
+ }
154
+
155
+ const DEFAULT_LOCALES_PATH = "src/i18n/locales";
156
+
157
+ async function checkTranslations() {
158
+ // Show help
159
+ if (process.argv.includes("--help") || process.argv.includes("-h")) {
160
+ console.log(`
161
+ Usage: npx tsx scripts/check-translations.ts [options]
162
+
163
+ Options:
164
+ --url=<server_url> Fetch translations from Directus server
165
+ Example: --url=https://api.example.com
166
+ --local=<path> Load translations from local JSON files (default: ${DEFAULT_LOCALES_PATH})
167
+ Example: --local=./i18n/locales
168
+ --diff[=<path>] Write per-locale Directus import JSON for missing keys
169
+ Example: --diff=./missing-translations
170
+
171
+ If --url is not provided, translations are loaded from local files.
172
+
173
+ Examples:
174
+ npx tsx scripts/check-translations.ts --url=https://api.example.com
175
+ npx tsx scripts/check-translations.ts --local=./custom/path
176
+ npx tsx scripts/check-translations.ts --diff=./missing-translations
177
+ npx tsx scripts/check-translations.ts --diff
178
+ npx tsx scripts/check-translations.ts
179
+ `);
180
+ process.exit(0);
181
+ }
182
+
183
+ const serverUrl = getServerUrl();
184
+ const localPath = getLocalPath() ?? join(process.cwd(), DEFAULT_LOCALES_PATH);
185
+ const diffDirArg = getDiffDir();
186
+ const diffDir =
187
+ diffDirArg === undefined
188
+ ? undefined
189
+ : diffDirArg === ""
190
+ ? process.cwd()
191
+ : diffDirArg;
192
+
193
+ const srcDir = join(process.cwd(), "src/components");
194
+
195
+ console.log("[i18n] Scanning code for translation keys...");
196
+
197
+ let usedKeys: Set<string>;
198
+ try {
199
+ usedKeys = await scanFilesForKeys(srcDir);
200
+ } catch {
201
+ console.error("[i18n] Could not scan for translation keys in code");
202
+ process.exit(1);
203
+ }
204
+
205
+ if (usedKeys.size === 0) {
206
+ console.log("[i18n] No translation keys found in code");
207
+ return;
208
+ }
209
+
210
+ console.log(`[i18n] Found ${usedKeys.size} unique translation keys in code`);
211
+
212
+ const byLang = serverUrl
213
+ ? await fetchTranslationsFromDirectus(serverUrl)
214
+ : await loadTranslationsFromFiles(localPath);
215
+
216
+ if (Object.keys(byLang).length === 0) {
217
+ console.error("[i18n] No translations found");
218
+ process.exit(1);
219
+ }
220
+
221
+ let hasMissingKeys = false;
222
+ const diffEntriesByLocale = new Map<
223
+ string,
224
+ Array<{ language: string; key: string; value: string }>
225
+ >();
226
+ const diffIndexByLocale = new Map<string, Set<string>>();
227
+ const source = serverUrl ? "Directus" : "local files";
228
+
229
+ // Check each locale for keys used in code but missing from translations
230
+ for (const [language, translations] of Object.entries(byLang)) {
231
+ const translationKeys = new Set(Object.keys(translations));
232
+
233
+ const missingInTranslations = [...usedKeys]
234
+ .filter((key) => !translationKeys.has(key))
235
+ .sort();
236
+
237
237
  if (missingInTranslations.length > 0) {
238
238
  hasMissingKeys = true;
239
239
  console.warn(
@@ -270,119 +270,119 @@ Examples:
270
270
  `[i18n] ✅ ${language}: All keys used in code exist in ${source}`,
271
271
  );
272
272
  }
273
- }
274
-
275
- // Check cross-locale consistency (pairwise, both directions)
276
- const locales = Object.keys(byLang);
277
- if (locales.length > 1) {
278
- for (let i = 0; i < locales.length; i++) {
279
- const localeA = locales[i];
280
- const keysA = new Set(Object.keys(byLang[localeA]));
281
-
282
- for (let j = i + 1; j < locales.length; j++) {
283
- const localeB = locales[j];
284
- const keysB = new Set(Object.keys(byLang[localeB]));
285
-
286
- const missingFromA = [...keysB].filter((key) => !keysA.has(key)).sort();
287
- if (missingFromA.length > 0) {
288
- hasMissingKeys = true;
289
- console.warn(
290
- `\n[i18n] ⚠️ ${localeA} is missing ${missingFromA.length} key(s) present in ${localeB}:`,
291
- );
292
- missingFromA.forEach((key) => console.warn(` - ${key}`));
293
- if (diffDir) {
294
- missingFromA.forEach((key) => {
295
- const localeIndex =
296
- diffIndexByLocale.get(localeA) ?? new Set<string>();
297
- if (!diffIndexByLocale.has(localeA)) {
298
- diffIndexByLocale.set(localeA, localeIndex);
299
- }
300
- if (localeIndex.has(key)) {
301
- return;
302
- }
303
- localeIndex.add(key);
304
-
305
- const localeEntries =
306
- diffEntriesByLocale.get(localeA) ??
307
- ([] as Array<{ language: string; key: string; value: string }>);
308
- if (!diffEntriesByLocale.has(localeA)) {
309
- diffEntriesByLocale.set(localeA, localeEntries);
310
- }
311
- localeEntries.push({
312
- language: localeA,
313
- key,
314
- value: byLang[localeB][key],
315
- });
316
- });
317
- }
318
- }
319
-
320
- const missingFromB = [...keysA].filter((key) => !keysB.has(key)).sort();
321
- if (missingFromB.length > 0) {
322
- hasMissingKeys = true;
323
- console.warn(
324
- `\n[i18n] ⚠️ ${localeB} is missing ${missingFromB.length} key(s) present in ${localeA}:`,
325
- );
326
- missingFromB.forEach((key) => console.warn(` - ${key}`));
327
- if (diffDir) {
328
- missingFromB.forEach((key) => {
329
- const localeIndex =
330
- diffIndexByLocale.get(localeB) ?? new Set<string>();
331
- if (!diffIndexByLocale.has(localeB)) {
332
- diffIndexByLocale.set(localeB, localeIndex);
333
- }
334
- if (localeIndex.has(key)) {
335
- return;
336
- }
337
- localeIndex.add(key);
338
-
339
- const localeEntries =
340
- diffEntriesByLocale.get(localeB) ??
341
- ([] as Array<{ language: string; key: string; value: string }>);
342
- if (!diffEntriesByLocale.has(localeB)) {
343
- diffEntriesByLocale.set(localeB, localeEntries);
344
- }
345
- localeEntries.push({
346
- language: localeB,
347
- key,
348
- value: byLang[localeA][key],
349
- });
350
- });
351
- }
352
- }
353
- }
354
- }
355
- }
356
-
357
- if (diffDir) {
358
- try {
359
- await fs.mkdir(diffDir, { recursive: true });
360
- let totalEntries = 0;
361
- for (const [locale, entries] of diffEntriesByLocale.entries()) {
362
- const filePath = join(diffDir, `${locale}-missing.json`);
363
- totalEntries += entries.length;
364
- await fs.writeFile(filePath, JSON.stringify(entries, null, 2), "utf-8");
365
- console.log(`[i18n] Wrote ${entries.length} entry(ies) to ${filePath}`);
366
- }
367
- if (diffEntriesByLocale.size === 0) {
368
- console.log(`[i18n] No missing keys to write in ${diffDir}`);
369
- } else {
370
- console.log(
371
- `[i18n] Wrote ${totalEntries} total entry(ies) across ${diffEntriesByLocale.size} locale file(s)`,
372
- );
373
- }
374
- } catch (error) {
375
- console.error(`[i18n] Failed to write diff JSON to ${diffDir}: ${error}`);
376
- process.exit(1);
377
- }
378
- }
379
-
380
- if (hasMissingKeys) {
381
- console.log("\n[i18n] ❌ Translation check failed - missing keys found");
382
- process.exit(1);
383
- } else {
384
- console.log(`\n[i18n] ✅ All translation keys are present in ${source}`);
385
- }
386
- }
387
-
388
- checkTranslations();
273
+ }
274
+
275
+ // Check cross-locale consistency (pairwise, both directions)
276
+ const locales = Object.keys(byLang);
277
+ if (locales.length > 1) {
278
+ for (let i = 0; i < locales.length; i++) {
279
+ const localeA = locales[i];
280
+ const keysA = new Set(Object.keys(byLang[localeA]));
281
+
282
+ for (let j = i + 1; j < locales.length; j++) {
283
+ const localeB = locales[j];
284
+ const keysB = new Set(Object.keys(byLang[localeB]));
285
+
286
+ const missingFromA = [...keysB].filter((key) => !keysA.has(key)).sort();
287
+ if (missingFromA.length > 0) {
288
+ hasMissingKeys = true;
289
+ console.warn(
290
+ `\n[i18n] ⚠️ ${localeA} is missing ${missingFromA.length} key(s) present in ${localeB}:`,
291
+ );
292
+ missingFromA.forEach((key) => console.warn(` - ${key}`));
293
+ if (diffDir) {
294
+ missingFromA.forEach((key) => {
295
+ const localeIndex =
296
+ diffIndexByLocale.get(localeA) ?? new Set<string>();
297
+ if (!diffIndexByLocale.has(localeA)) {
298
+ diffIndexByLocale.set(localeA, localeIndex);
299
+ }
300
+ if (localeIndex.has(key)) {
301
+ return;
302
+ }
303
+ localeIndex.add(key);
304
+
305
+ const localeEntries =
306
+ diffEntriesByLocale.get(localeA) ??
307
+ ([] as Array<{ language: string; key: string; value: string }>);
308
+ if (!diffEntriesByLocale.has(localeA)) {
309
+ diffEntriesByLocale.set(localeA, localeEntries);
310
+ }
311
+ localeEntries.push({
312
+ language: localeA,
313
+ key,
314
+ value: byLang[localeB][key],
315
+ });
316
+ });
317
+ }
318
+ }
319
+
320
+ const missingFromB = [...keysA].filter((key) => !keysB.has(key)).sort();
321
+ if (missingFromB.length > 0) {
322
+ hasMissingKeys = true;
323
+ console.warn(
324
+ `\n[i18n] ⚠️ ${localeB} is missing ${missingFromB.length} key(s) present in ${localeA}:`,
325
+ );
326
+ missingFromB.forEach((key) => console.warn(` - ${key}`));
327
+ if (diffDir) {
328
+ missingFromB.forEach((key) => {
329
+ const localeIndex =
330
+ diffIndexByLocale.get(localeB) ?? new Set<string>();
331
+ if (!diffIndexByLocale.has(localeB)) {
332
+ diffIndexByLocale.set(localeB, localeIndex);
333
+ }
334
+ if (localeIndex.has(key)) {
335
+ return;
336
+ }
337
+ localeIndex.add(key);
338
+
339
+ const localeEntries =
340
+ diffEntriesByLocale.get(localeB) ??
341
+ ([] as Array<{ language: string; key: string; value: string }>);
342
+ if (!diffEntriesByLocale.has(localeB)) {
343
+ diffEntriesByLocale.set(localeB, localeEntries);
344
+ }
345
+ localeEntries.push({
346
+ language: localeB,
347
+ key,
348
+ value: byLang[localeA][key],
349
+ });
350
+ });
351
+ }
352
+ }
353
+ }
354
+ }
355
+ }
356
+
357
+ if (diffDir) {
358
+ try {
359
+ await fs.mkdir(diffDir, { recursive: true });
360
+ let totalEntries = 0;
361
+ for (const [locale, entries] of diffEntriesByLocale.entries()) {
362
+ const filePath = join(diffDir, `${locale}-missing.json`);
363
+ totalEntries += entries.length;
364
+ await fs.writeFile(filePath, JSON.stringify(entries, null, 2), "utf-8");
365
+ console.log(`[i18n] Wrote ${entries.length} entry(ies) to ${filePath}`);
366
+ }
367
+ if (diffEntriesByLocale.size === 0) {
368
+ console.log(`[i18n] No missing keys to write in ${diffDir}`);
369
+ } else {
370
+ console.log(
371
+ `[i18n] Wrote ${totalEntries} total entry(ies) across ${diffEntriesByLocale.size} locale file(s)`,
372
+ );
373
+ }
374
+ } catch (error) {
375
+ console.error(`[i18n] Failed to write diff JSON to ${diffDir}: ${error}`);
376
+ process.exit(1);
377
+ }
378
+ }
379
+
380
+ if (hasMissingKeys) {
381
+ console.log("\n[i18n] ❌ Translation check failed - missing keys found");
382
+ process.exit(1);
383
+ } else {
384
+ console.log(`\n[i18n] ✅ All translation keys are present in ${source}`);
385
+ }
386
+ }
387
+
388
+ checkTranslations();