add internationalization

Author: felixevers

.prettierignore

@@ -1,20 +1,20 @@
-import type { StorybookConfig } from "@storybook/react-vite";
+import type { StorybookConfig } from '@storybook/react-vite'
 
 const config: StorybookConfig = {
-    stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
+    stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
     addons: [],
     framework: {
-        name: "@storybook/react-vite",
+        name: '@storybook/react-vite',
         options: {}
     },
-    staticDirs: ["../public"],
+    staticDirs: ['../public'],
     async viteFinal(config) {
         config.define = {
             ...config.define,
-            "process.env": "{}",
-            global: "globalThis"
-        };
-        return config;
+            'process.env': '{}',
+            'global': 'globalThis'
+        }
+        return config
     }
-};
-export default config;
+}
+export default config

.prettierrc.json

@@ -1,8 +1,9 @@
-import type { Preview } from "@storybook/react-vite";
-import "@helpwave/hightide/style/globals.css";
+import type { Preview } from '@storybook/react-vite'
+import '@helpwave/hightide/style/globals.css'
 
-if (typeof window !== "undefined" && typeof process === "undefined") {
-    (window as any).process = { env: {} };
+if (typeof window !== 'undefined' && typeof process === 'undefined') {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    (window as any).process = { env: {} }
 }
 
 const hideLanguageSwitcherCss = `
@@ -19,7 +20,7 @@ const hideLanguageSwitcherCss = `
     [class*="kc-dropdown"] {
         display: none !important;
     }
-`;
+`
 
 const preview: Preview = {
     parameters: {
@@ -32,18 +33,18 @@ const preview: Preview = {
     },
     decorators: [
         (Story) => {
-            if (typeof document !== "undefined") {
-                const styleId = "hide-language-switcher";
+            if (typeof document !== 'undefined') {
+                const styleId = 'hide-language-switcher'
                 if (!document.getElementById(styleId)) {
-                    const style = document.createElement("style");
-                    style.id = styleId;
-                    style.textContent = hideLanguageSwitcherCss;
-                    document.head.appendChild(style);
+                    const style = document.createElement('style')
+                    style.id = styleId
+                    style.textContent = hideLanguageSwitcherCss
+                    document.head.appendChild(style)
                 }
             }
-            return Story();
+            return Story()
         }
     ]
-};
+}
 
-export default preview;
+export default preview

.storybook/main.ts

@@ -1,5 +1,3 @@
-version: "3.8"
-
 services:
   postgres:
     image: postgres:15
@@ -39,4 +37,4 @@ services:
         condition: service_healthy
 
 volumes:
-  postgres_data:
+  postgres_data:

.storybook/preview.ts

@@ -0,0 +1,8 @@
+import configs from '@helpwave/eslint-config'
+
+export default [
+    ...configs.recommended,
+    {
+        ignores: ['dist/**', 'dist_keycloak/**', 'storybook-static/**', 'node_modules/**', 'public/**', 'src/i18n/translations.ts']
+    }
+]

docker-compose.yml

@@ -0,0 +1,7 @@
+{
+  "@@locale": "de",
+  "helpwaveId": "helpwave id",
+  "@helpwaveId": {
+    "description": "Titel für helpwave id Badge"
+  }
+}

eslint.config.js

@@ -0,0 +1,7 @@
+{
+  "@@locale": "en",
+  "helpwaveId": "helpwave id",
+  "@helpwaveId": {
+    "description": "Title for helpwave id badge"
+  }
+}